/* CSS Document */

#btn{
 position:absolute;
 top:590px;
 left:437px;
 text-align:right
}

#btn p{
 margin-bottom:5px;
}

#btn_hamabi{
 position:absolute;
 top:607px;
 left:437px;
 text-align:right
}


/* tab */

#contensRight{
 width:420px;


}

#tab,
#tabkaiga{
 width:46px;
 float:left;
}

#contensRight #tab ul,
#contensRight #tabkaiga ul{
 width:20px;
 height:377px;
 padding:23px 0 0 0;
 margin-right:26px;
 background:url(../design/images/tab_bg.gif);
 list-style-type:none;

}

#contensRight #tab li{
 height:87px;
}

#contensRight #tab li a{
 width:20px;
 height:87px;
 display:block;
}

#contensRight li.tab01 a{
 background:url(../education/images/tab_01.gif);
}

#contensRight li.tab02 a{
 background:url(../education/images/tab_02.gif);
}

#contensRight li.tab03 a{
 background:url(../education/images/tab_03.gif);
}

#contensRight li.tab04 a{
 background:url(../education/images/tab_04.gif);
}

#contentsBox01,
#contentsBox02,
#contentsBox03,
#contentsBox04{
 width:360px;
 padding-top:10px;
 float:left;
}

#contentsBox01 h3,
#contentsBox02 h3,
#contentsBox03 h3,
#contentsBox04 h3{
 margin-bottom:10px;
}

#contentsBox01 p,
#contentsBox02 p,
#contentsBox03 p,
#contentsBox04 p{
 width:170px;
 height:95px;
 margin-right:7px;
 line-height:160%;
 font-size:10px;
 float:left;
}

#contensRight #contentsBox01 ul,
#contensRight #contentsBox02 ul,
#contensRight #contentsBox03 ul,
#contensRight #contentsBox04 ul{
 list-style-type:none;
 clear:both;
}

#contensRight #contentsBox01 ul li,
#contensRight #contentsBox02 ul li,
#contensRight #contentsBox03 ul li,
#contensRight #contentsBox04 ul li{
 width:80px;
 height:80px;
 margin:0 9px 9px 0;
 float:left;
}

/* kaiga */

#contensRight #tabkaiga li{
 height:73px;
}

#contensRight #tabkaiga li a{
 width:20px;
 height:73px;
 display:block;
}


#contensRight #tabkaiga li.tab01 a{
 background:url(../education/images/tab_kaiga_01.gif);
}

#contensRight #tabkaiga li.tab02 a{
 background:url(../education/images/tab_kaiga_02.gif);
}

#contensRight #tabkaiga li.tab03 a{
 background:url(../education/images/tab_kaiga_03.gif);
}

#contensRight #tabkaiga li.tab04 a{
 background:url(../education/images/tab_kaiga_04.gif);
}

#contensRight #tabkaiga li.tab05 a{
 background:url(../education/images/tab_kaiga_05.gif);
}

#contentsBox01k,
#contentsBox02k,
#contentsBox03k,
#contentsBox04k,
#contentsBox05k{
 width:360px;
 padding-top:10px;
 float:left;
}

#contentsBox01k h3,
#contentsBox02k h3,
#contentsBox03k h3,
#contentsBox04k h3,
#contentsBox05k h3{
 margin-bottom:10px;
}

#contentsBox01k h4,
#contentsBox02k h4,
#contentsBox03k h4{
 margin-bottom:7px;
}

#contentsBox01k p#time,
#contentsBox02k p#time,
#contentsBox03k p#time,
#contentsBox04k p#time,
#contentsBox05k p#time{
 width:170px;
 height:80px;
 padding-left:7px;
 line-height:140%;
 font-size:10px;
 color:#cc6666;
 float:left;
}

#contentsBox01k p#text,
#contentsBox02k p#text,
#contentsBox03k p#text{
 margin-top:7px;
 width:350px;
 height:78px;
 _height:70px;
 clear:both;
 line-height:140%;
 font-size:10px;
 float:left;
}


#contentsBox04k p#text,
#contentsBox05k p#text{
 margin-top:7px;
 width:350px;
 height:95px;
 _height:75px;
 clear:both;
 line-height:140%;
 font-size:10px;
 float:left;
}





#contensRight #contentsBox01k ul,
#contensRight #contentsBox02k ul,
#contensRight #contentsBox03k ul,
#contensRight #contentsBox04k ul,
#contensRight #contentsBox05k ul{
 list-style-type:none;
 clear:both;
}

#contensRight #contentsBox01k ul li,
#contensRight #contentsBox02k ul li,
#contensRight #contentsBox03k ul li,
#contensRight #contentsBox04k ul li,
#contensRight #contentsBox05k ul li{
 width:80px;
 height:80px;
 margin:0 9px 9px 0;
 float:left;
}


#contensRight #tab li a hover,
#contensRight #tabkaiga li a hover{
 background-position:-20px 0;
}

#contensRight #tab li.ui-tabs-selected a,
#contensRight #tabkaiga li.ui-tabs-selected a{
 background-position:-20px 0;
}