/* 共通項目 */

#main01{
color:#666666;
}

#main01 h2{
margin-bottom:15px;
}

#main01 h3{
padding-left:12px;
margin-bottom:27px;
}

#main01 .dl01{
padding-left:12px;
}

#main01 .dl01 .dt01{
padding-bottom:5px;
}

#main01 .dl01 .dd01{
background:url("../../../img/school/subject/line.gif");
line-height:36px;
}

#main01 ul#navi01{
clear:both;
width: 400px;
margin-left: 150px;
padding:5px 0px 30px;
text-align:center;
}

#main01 ul#navi01 li{
float: left;
}

#main01 ul#navi01 li.back{
width:110px;
}

#main01 ul#navi01 li.list{
width:150px;
}

#main01 ul#navi01 li.next{
width:110px;
}

#main01 ul#navi01 li a{
background:url("../../../img/school/subject/ac01.gif") no-repeat 0px 50%;
padding-left:15px;
}

#main01 dl#Connection01{
float:right;
width:260px;
padding:20px;
background:#FFF49E;
}

#main01 .article-move{
padding:15px 30px 0 0;
clear:both;
}

#main01 .article-move p{
float:right;
margin:0 0 10px 0;
}

#main01 .article-move span.on{
display:block;
float:left;
margin-right:3px;
border:1px solid #FFC4A6;
background:#FEEDE5;
padding:0px 5px;
height:25px;
line-height:25px;
}

#main01 .article-move span.off{
display:block;
float:left;
margin-right:3px;
border:1px solid #ccc;
background:#eee;
padding:0px 5px;
height:25px;
line-height:25px;
}

/*

ラインの間隔は36pxです。heightやmargin-bottomなどで距離などを調整するときは
36pxの倍数で指定してください。

*/
/* 各ページ項目 */
*img{

}

#main01 .dl01 .dd01 .img01{
float:right;
padding-left:15px;
padding-bottom: 23px;
}

#main01 .dl01 .dd01 .img02{
float:right;
padding-left:15px;
}

#main01 .dl01 .dd01 .img03{
vertical-align: bottom;
}

#main01 .dl01 .dd01 p{
text-indent:1em;
}

#main01 .dl01 .dd01 .p01{
font-weight: 800;
text-indent:0px;
}

#main01 .dl01 .dd01 .p02{
text-indent:0em;
padding-bottom: 32px;
}

#main01 .dl01 .dd01 .p03{
padding-bottom: 112px;
}

#main01 .dl02{
margin-bottom:36px;
}

#main01 .dl02 dd{
padding-left:3em;
}

#main01 .dl02 dd span{
display:block;
width:1.5em;
margin-left:-1.5em;
margin-bottom:-36px;
}

#main01 .clear{
clear: both;
}