/*********************
date 2010/06/07
ver 1.00
*********************/

@charset "euc-jp";

/* clearfix */
/* for Win IE5.5-7 */
#topBnd,
#topSP #topStudy dl,
#topEntryBnd,
#topLeadBnd{zoom:1;}
*html #topBnd,
*html #topSP #topStudy dl,
*html #topEntryBnd,
*html #topLeadBnd{zoom:0;height:1%;}
/* for Mac IE \*//*/
#topBnd,
#topSP #topStudy dl,
#topEntryBnd,
#topLeadBnd{display:inline-table;}
/* for FF,Safari,Opera */
#topBnd:after,
/*#topSP #topStudy dl:after,*/
#topEntryBnd:after,
#topLeadBnd:after{display:block;visibility:hidden;clear:both;height:0;content:".";}

/* .top
======================*/
{/* for safari bug */}
#wrapper.top,/**/#topSP .cnt,#topSP h3 a,#topSP #topStudy dt,#topEt /*Img*/,#topEt #etNavi2 li,/**/#topSrch dt,#topSrch dd{
background-image:url(../top/top_all_a.png);
background-repeat:no-repeat;
}
#topSP,#topSP #topHw,#topEntryBnd,#topEntryBnd div /*h4*/,#topSrch{
background-image:url(../top/top_all_b.png);
background-repeat:no-repeat;
}
#topLeadBnd,#topLeadBnd h4{
background-image:url(../top/top_all_c.png);
background-repeat:no-repeat;
}
#wrapper.top #header .backLink a,#wrapper.top h1,#wrapper.top #header .cmt p.period,
#topSP h2,#topSP h3 a,#topMirai h4 a,#topCntst h4 a,
#topSrch dt a,
#topEt #etNavi2 li a,
#topLeadBnd h4 a{
display:block;
text-indent:-9999px;
overflow:hidden;
}

#wrapper.top{
background-position:0 -160px;
}
#wrapper.top #header{
position:relative;
height:56px;
/*height:115px;
padding:25px 0 0;*/
}
#wrapper.top #header .backLink{
position:absolute;
left:10px;
top:10px;
}
#wrapper.top #header .backLink a{
width:135px;
height:27px;
}
#wrapper.top h1{
z-index:2;
width:420px;
height:100px;
position:absolute;
margin:-115px 0 0 135px;
/*margin:0 0 0 145px;*/
}
#wrapper.top #header .cmt{
position:absolute;
right:10px;
top:10px;
width:360px;
}
#wrapper.top #header .cmt p.period{
width:235px;
height:21px;
}
#wrapper.top #header .cmt p.yomigana{
text-align:right;
float:right;
}
#wrapper.top #contents{
font-size:85%;
}

#bandle.top #contents{
margin:0 10px;
}
#topBnd{
/*use clearfix*/
}
#topSub{
width:300px;
float:right;
/*margin:-84px 0 0;*/
background-color:#ffffff;
}
#topMain{
width:620px;
padding:84px 0 0;
}

#lrec{
position:relative;
margin:0 0 10px;
}
#lrec p{
position:absolute;
font-size:85%;
width:300px;
text-align:center;
top:-1.5em;
}

#wrapper.top .sect{
margin-bottom:10px;
}
#topSP{
position:relative;
background-position:0 0;
background-repeat:repeat-y;
color:#ffffff;
}
#topSP a:link,#topSP a:link:hover{color:#ffcc00;}
#topSP a:visited,#topSP a:visited:hover,#topSP a:active{color:#ff9900;}
#topSP h2{
position:absolute;
top:20px;
left:-38px;
width:125px;
height:50px;
}
#topSP .cnt{
background-position:-950px -120px;
padding:30px 0 0;
}
#topSP h3{
float:left;
margin:0 10px 0 4px;
}
#topSP #topStudy h3 a{
width:200px;
height:40px;
background-position:-1200px 0px;
}
#topSP #topHw h3 a{
width:215px;
height:40px;
background-position:-1200px -40px;
}
#topSP .lead{
padding:10px 0 0;
font-size:90%;
}
#topSP #topStudy .lead{
_padding:10px 0 40px;
}
#topSP #topStudy{
min-height:120px;
height:auto !important;
height:120px;
padding:0 0 0 170px;
}
#topSP #topStudy dl{
/* use clarfix */
clear:left;
position:relative;
line-height:1.7;
}
#topSP #topStudy dt{
margin:0 0 0 16px;
padding:0 0 0 22px;
min-height:20px;
height:auto !important;
height:20px;
width:160px;
float:left;
}
#topSP #topStudy .ctgr dt{
background-position:-50px -350px;
}
#topSP #topStudy .time dt{
background-position:-340px -350px;
}
#topSP #topStudy dd{
padding:0 0 0 205px;
}
#topSP #topHw{
clear:left;
width:440px;/*620px*/
min-height:72px;
height:auto !important;
height:72px;
padding:0 10px 22px 170px;
background-position:-620px bottom;
}
#topSP #topHw .link{
padding:0 0 0 18px;
font-size:95%;
clear:left;
}

#topEntryBnd{
width:620px;
float:left;
/* use clearfix */
background-position:-1860px bottom;
background-color:#e1ff6a;
padding-bottom:6px;
min-height:83px;
height:auto !important;
_height:83px;
}
#topEntryBnd div{
float:left;
min-height:83px;
height:auto !important;
_height:83px;
}
#topMirai{
width:315px;
background-position:-1240px 0;
}
#topCntst{
width:305px;
background-position:-1555px 0;
}
#topEntryBnd h4{/*height:75px;83pxmargin:0 0 -40px;*/}
#topMirai h4{
padding:8px 0 0 80px;
}
#topCntst h4{
padding:8px 0 0 95px;
}
#topEntryBnd div h4 a{height:30px;}
#topMirai h4 a{width:220px;}
#topCntst h4 a{width:180px;}
#topMirai .cmt{padding:0 15px 0 85px;}
#topCntst .cmt{padding:0 5px 0 100px;}


#topSrch{
padding:0 0 5px;
background-position:-2480px bottom;
}
#topSrch dt{
background-position:-1200px -80px;
}
#topSrch dt a{
height:34px;
}
#topSrch dd{
background-position:-640px -300px;
background-color:#EAF5FC;
padding:8px 80px 4px 8px;
border:2px solid #1a62db;
border-width:0 2px;
min-height:52px;
height:auto !important;
height:52px;
line-height:1.3;
}

#topEt{
clear:both;
margin:0 10px;
position:relative;
width:930px;
height:157px;
background-position:0 0;
margin:0 0 20px;
}
#topEtImg{
position:absolute;
z-index:3;
}
#topEt #etNavi2{position:absolute;}
#topEt #etNavi2 li{
position:absolute;
display:none;
}
#topEt #etNavi2 li a{
height:37px;
}
#topEt #etNavi2 li.off{display:none;}
#topEt #etNavi2 li.on{display:block;}
#topEt #etNavi2 li#fkds1{width:55px;left:14px;top:19px;background-position:-950px 0;}
#topEt #etNavi2 li#fkds2{width:66px;left:254px;top:14px;background-position:-1010px 0;}
#topEt #etNavi2 li#fkds3{width:112px;left:340px;top:39px;background-position:-1070px -40px;}
#topEt #etNavi2 li#fkds4{width:109px;left:465px;top:8px;background-position:-950px -40px;}
#topEt #etNavi2 li#fkds5{width:112px;left:585px;top:22px;background-position:-1080px 0;}
#topEt #etNavi2 li#fkds6{width:88px;left:703px;top:38px;background-position:-950px -80px;}
#topEt #etNavi2 li#fkds7{width:107px;left:821px;top:12px;background-position:-1050px -80px;}
#topEt #etNavi2 li#fkds1 a{width:55px;}
#topEt #etNavi2 li#fkds2 a{width:66px;}
#topEt #etNavi2 li#fkds3 a{width:112px;}
#topEt #etNavi2 li#fkds4 a{width:109px;}
#topEt #etNavi2 li#fkds5 a{width:112px;}
#topEt #etNavi2 li#fkds6 a{width:88px;}
#topEt #etNavi2 li#fkds7 a{width:107px;}

#topFeedback{
border:2px solid #C2D8EF;
padding:8px;
margin:0 0 20px;
text-align:center;
}

/* add */
#topLeadBnd{
background-position:-930px bottom;
padding:0 0 7px;
margin:0 0 15px;
}
#topLeadBnd div{
float:left;
position:relative;
}
#topLeadBnd h4{
padding:3px;
}
#topPostcard h4{background-position:0px top;}
#topRecipe h4{background-position:-314px top;}
#topEnq h4{background-position:-630px top;}
#topPostcard,#topRecipe,{
width:306px;
}
#topPostcard h4 a,#topRecipe h4 a{
width:300px;
height:40px;
}
#topPostcard .cmt,#topRecipe .cmt{
border:2px solid #92beff;
border-width:0 2px;
padding:10px 10px 0px 87px;
min-height:50px;
height:auto !important;
_height:50px;
width:205px;
}
#topPostcard .img,#topRecipe .img{
position:absolute;
top:51px;
left:10px;
border:1px solid #999999;
}
#topPostcard{
margin-right:8px;
}
#topRecipe{
margin-right:10px;
_margin-right:7px;
}
#topEnq{
width:300px;
}
#topEnq h4 a{
width:294px;
height:40px;
}
#topEnq .cmt{
border:2px solid #e9d08e;
border-width:0 2px;
padding:10px;
}