@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------*/
/*taiyoko.html*/
.taiyokoW{
background:url(../images/taiyoko_image1.gif) no-repeat;
font-size:0.75em;
line-height:200%;
padding:0 0 0 300px;
min-height:120px;
}
.taiyokoPlan{
position:relative;
margin:30px 0 0 0;
}
.taiyokoPlan a,.taiyokoPlan a:visited{
color:#9abc61;
}
.taiyokoPlan a:hover{
background:#9abc61;
text-decoration:none;
color:#ffffff;
}
.taiyokoPlan td{
width:250px;
background:url(../images/taiyoko_plan_kugiri1.gif) repeat-y;
}
.taiyokoPlan td.dyn{
width:220px;
background:url(../images/taiyoko_plan_kugiri2.gif) repeat-y;
}
.taiyokoPlan td dl{
width:180px;
margin:20px;
}
.taiyokoPlan td dl dd{
font-size:0.75em;
line-height:140%;
margin:20px 0 0 0;
}
/**/
.taiyokoPlanDtl #srTabPanels{
position:relative;
margin:0 0 0 0;
}
.taiyokoPlanDtl .TabbedPanelsContent h3.dyn01{
position:absolute;
left:0;
}
.taiyokoPlanDtl .TabbedPanelsContent h3.dyn02{
position:absolute;
left:250px;
}
.taiyokoPlanDtl .TabbedPanelsContent h3.dyn03{
position:absolute;
left:500px;
}
/**/
.taiyokoPlanDtl .TabbedPanelsContentGroup{
clear: both;
margin:0;
}
.taiyokoPlanDtl .TabbedPanels{
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.taiyokoPlanDtl .TabbedPanelsTab,.TabbedPanelsTabSub{
position: relative;
float:left;
list-style:none;
-moz-user-select:none;
-khtml-user-select:none;
cursor: pointer;
display:block;
height:43px;
outline:none;
}
.taiyokoPlanDtl .TabbedPanelsTab em{
display:block;
height:43px;
width:180px;
text-indent:-9999px;
}
/**/
.taiyokoPlanDtl li div{
width:250px;
height:64px;
background:url(../images/taiyoko_plan1_btn_back.gif) no-repeat 0 100%;
}
.taiyokoPlanDtl li em{
display:block;
margin:0 20px;
}
.taiyokoPlanDtl li div.dyn{
width:220px;
background:url(../images/taiyoko_plan3_btn_back.gif) no-repeat 0 100%;
}
/**/
.taiyokoPlanDtl .TabbedPanelsTab em#tab01{
background:url(../images/taiyoko_plan1_btn.gif) no-repeat;
}
.taiyokoPlanDtl .TabbedPanelsTab em#tab02{
background:url(../images/taiyoko_plan2_btn.gif) no-repeat;
}
.taiyokoPlanDtl .TabbedPanelsTab em#tab03{
background:url(../images/taiyoko_plan3_btn.gif) no-repeat;
}
/**/
.taiyokoPlanDtl .TabbedPanelsTabHover em#tab01{
background:url(../images/taiyoko_plan1_btn_ov.gif) no-repeat;
}
.taiyokoPlanDtl .TabbedPanelsTabHover em#tab02{
background:url(../images/taiyoko_plan2_btn_ov.gif) no-repeat;
}
.taiyokoPlanDtl .TabbedPanelsTabHover em#tab03{
background:url(../images/taiyoko_plan3_btn_ov.gif) no-repeat;
}
/**/
.taiyokoPlanDtl .ele{
/*position:relative;*/
_margin:-10px 0 0 0;
/*padding:0 0 40px 0;*/
}
#wrapBody #wrapR .taiyokoPlanDtl .TabbedPanelsContent h3{
position:absolute;
top:0;
margin:0;
padding:0;
background:none;
z-index:10;
}
.taiyokoPlanDtl .ele p{
position:relative;
font-size:0.75em;
line-height:140%;
margin:0;
padding:80px 40px 20px 40px;
}
.taiyokoPlanDtl .ele img.graph1,.taiyokoPlanDtl .ele img.graph2{
position:relative;
display:block;
padding:0 40px;
background:url(../images/taiyoko_plan_kugiri1sub.gif) repeat-y;
}
.taiyokoPlanDtl .ele img.graph3{
position:relative;
display:block;
padding:0 40px;
background:url(../images/taiyoko_plan_kugiri2sub.gif) repeat-y;
}
.taiyokoPlanDtl img.dyn{
display:block;
}
/*.taiyokoPlanDtl #plan1{
background:url(../images/taiyoko_plan1_foot.gif) no-repeat 0 100%;
}
.taiyokoPlanDtl #plan2{
background:url(../images/taiyoko_plan2_foot.gif) no-repeat 0 100%;
}
.taiyokoPlanDtl #plan3{
background:url(../images/taiyoko_plan3_foot.gif) no-repeat 0 100%;
}*/
.taiyokoPlanDtl #plan1 p{
background:url(../images/taiyoko_plan1_head.gif) no-repeat 0 41px;
}
.taiyokoPlanDtl #plan2 p{
background:url(../images/taiyoko_plan2_head.gif) no-repeat 0 41px;
}
.taiyokoPlanDtl #plan3 p{
background:url(../images/taiyoko_plan3_head.gif) no-repeat 0 41px;
}
/*-------------------------------------------------------------*/
/*end*/