@charset "utf-8";

/* LEAD
---------------------------------------------------------------------------- */

#topLead{
text-align:left;
}
#leadTitle{
width:930px;
height:33px;
padding:14px 0px 0px 15px;
margin:0 auto;
background:url(../img/top_h2_taikenki.jpg) no-repeat left top;
color:#FFF;
font-size:180%;
}
#leadLeft{
width:232px;
height:255px;
background:url(../img/top_yoka_bg.jpg) no-repeat left top;
float:left;
margin:15px 0px 0px 20px;
_margin:15px 0px 0px 12px;
}
#leadLeft img{
margin:14px 0px 0px 15px;
}
#leadLeft dd{
margin-left:22px;
}
#leadRight{
width:709px;
height:250px;
margin:19px 15px 17px 0px;
_margin:19px 7px 17px 0px;
background:url(../img/top_areaback1.jpg) no-repeat left top;
float:right;
}
#leadRight h3{
color:#555;
font-size:200%;
margin:40px 0px 0px 135px;
}
#leadBtn{
float:left;
width:312px;
height:70px;
margin:23px 0px 0px 140px;
_margin:23px 0px 0px 64px;
}
#leadBtn img{
margin:0px 9px 11px 0px;
}
#leadBtn2{
float:right;
width:192px;
margin:10px 36px 0px 0px;
}
#leadBtn2 img{
margin-bottom:3px;
}
#topLead p{
clear:both;
position:relative; top:2px; left:48px;
line-height:2.5em;
}
#topLead span{
color:#d63860;
font-weight:bold;
}

/* Manual
---------------------------------------------------------------------------- */

#topManual{
clear:both;
text-align:left;
}
#h2Manual{
width:950px;
height:35px;
margin:0px 0px 20px 15px;
background:url(../img/top_h2_manual.gif) no-repeat left top;
}
#h2Manual h2{
margin:8px 0px 0px 40px;
font-size:180%;
}
.manualList{
width:288px;
height:266px;
margin:0px 0px 20px 18px;
_margin:0px 0px 20px 12px;
background:url(../img/top_h3_back.gif) no-repeat left top;
float:left;
}
.manualList h3{
color:#FFF;
font-size:160%;
position:relative; top:18px; left:20px;
}
.manualList ul{
position:relative; top:48px; left:44px;
}
.manualList li{
margin-bottom:8px;
}
#manualBanner{
float:left;
margin-left:20px;
width:325px;
}
#manualBanner img{
margin-bottom:13px;
}

/* List
---------------------------------------------------------------------------- */

#topList{
clear:both;
text-align:left;
}
#h2Sorplist{
width:950px;
height:35px;
margin:0px 0px 20px 15px;
background:url(../img/top_h2_sorplist.gif) no-repeat left top;
}
#h2Sorplist h2{
margin:8px 0px 0px 40px;
font-size:180%;
}
.sorpList{
width:144px;
height:298px;
margin:0px 0px 12px 17px;
_margin:0px 0px 12px 12px;
background:url(../img/thumb_back.gif) no-repeat left top;
float:left;
}
.sorpList img{
margin:10px 0px 0px 8px;
}
.sorpList h3{
width:120px;
height:36px;
font-size:110%;
margin-left:8px;
}
.sorpList p{
margin:14px 0px 0px 8px;
line-height:2em;
}