@charset "utf-8";











/* =import 



----------------------------------------------*/



@import url(style.css);











#for-top{



width:100%;



margin:-7px 0 10px 0;



}






/* 詳細ページのみお知らせレイアウト調整 2011/07/13
------------------------------------------- */
#right_container ul li .list_box ul h4{
background:url(../images/top_allow02.gif) no-repeat 0 3px;
padding-left:15px;
color:#186e00;
text-align: left;
width: 180px;
}
#right_container ul li .list_box ul li{
border-bottom:#bdbdbd dashed 1px;
padding-bottom:5px;
text-align: right;
color: #aaa;
}


/* detail_box01
------------------------------------------- */
.detail_box01{
width:100%;
_overflow:auto;
}
.detail_box01 .webp{
float:right;
}
.detail_box01 .webp img{
margin:5px;
}




/* detail_box02
------------------------------------------- */



.detail_box02{



width:570px;



margin:7px 0;



}



.detail_box02 ul li{



width:103px;



display:block;



float:left;



margin-right:9px;



}



.detail_box02 ul li.end{



margin-right:0;



}



.detail_box02 ul li img{



border:#bababa solid 1px;



margin-bottom:5p;



}



.detail_box02 ul li p{



font-size:90%;



padding-top:5px;



}















/* detail_box03



------------------------------------------- */



#left_container .detail_box03{



width:569px;



font-size:100%;



border-top:#9ad69a solid 1px;



border-left:#9ad69a solid 1px;



margin-bottom:30px;



}



.detail_box03 th{



background:#e6ffe6;



border-right:#9ad69a solid 1px;



border-bottom:#9ad69a solid 1px;



color:#026300;



padding:8px;



}



.detail_box03 td{



background:#ffffff;



border-right:#9ad69a solid 1px;



border-bottom:#9ad69a solid 1px;



padding:8px;



}







/* detail_box04



------------------------------------------- */



.detail_box04{



width:569px;



border-top:#c0c0c0 solid 1px;



border-left:#c0c0c0 solid 1px;



border-right:#c0c0c0 solid 1px;



margin-bottom:15px;



}



.detail_box04 .box{



padding:10px;



height:98px;



border-bottom:#c0c0c0 solid 1px;



position:relative;



}



.detail_box04 .image{



float:left;



border:#c0c0c0 solid 1px;



margin-right:10px;



}



.detail_box04 a{



position:absolute;



right:11px;



bottom:11px;



}



.detail_box04 h4{



margin-bottom:5px;



}



.detail_box04 p{



height:55px;



overflow:hidden;



}







/* detail_boxinfo



------------------------------------------- */



.detail_boxinfo{



width:565px;



text-align:center;



}



.detail_boxinfo h4{



background:url(../school/images/detail_05title.gif) repeat-x 0 bottom;



padding-bottom:1em;



color:#1c3b5d;



margin-bottom:10px;



text-align:left;



}



.detail_boxinfo .textarea{



width:563px;



_width:565px;



border:#a8becb solid 1px;



padding:0 0 10px 0;



margin-bottom:10px;



}



















.detail_boxinfo table#label{



width:100%;



margin-bottom:15px;



border-top:none;



}



.detail_boxinfo table#label th{



color:#ffffff;



width:41px;



height:auto;



text-align:center;



padding:5px 0;



}



.detail_boxinfo table#label td{



_width:522px;



width:502px;



padding:5px 10px 5px 10px;



text-align:left;



font-weight:bold;



}



.detail_boxinfo table#label td{



}



.detail_boxinfo table#label .title01-l{ background:#3287bc; border-top:#3894cd solid 1px; border-bottom:#218013 solid 1px; }



.detail_boxinfo table#label .title01-d{ background:#edf4f8; border-top:#ffffff solid 1px; border-bottom:#aac1a7 solid 1px; color:#005991; }



.detail_boxinfo table#label .title02-l{ background:#46a638; border-top:#5ac04b solid 1px; border-bottom:#46a638 solid 1px; }



.detail_boxinfo table#label .title02-d{ background:#f0f7ef; border-top:#ffffff solid 1px; border-bottom:#aac1a7 solid 1px; color:#076900; }



















.detail_boxinfo .textarea .inside{



width:530px;



margin:0 auto;



}



.detail_boxinfo .textarea h5{



width:100%;



margin-bottom:5px;



color:#4a3f03;



text-align:left;



}



.detail_boxinfo .textarea ul.course{



_height:1px;



background:url(../school/images/detail_dash.gif) repeat-x 0 bottom;



padding:0 0 8px 0;



margin-bottom:8px;



color:#756f4f;



text-align:left;



}



.detail_boxinfo .textarea ul.course li{



display:inline;



white-space:normal;



}



.detail_boxinfo .textarea ul.course li span{



white-space:nowrap;



}











.detail_boxinfo .info-box{



width:100%;



overflow:hidden;



margin-bottom:10px;



text-align:justify;



}







.detail_boxinfo img.left{



float:left;



margin:0 10px 0 0;



}



.detail_boxinfo .textarea table{



width:100%;



border-top:#b8c9d5 solid 1px;



}



.detail_boxinfo .textarea th{



border-bottom:#b8c9d5 solid 1px;



background:#d9e2e8;



color:#005991;



padding:15px;



text-align:center;



}



.detail_boxinfo .textarea td{



border-bottom:#b8c9d5 solid 1px;



padding:10px;



text-align:left;



}







/* category-menu



------------------------------------------- */



#category-menu{



width:100%;



background:url(../images/detail_menubg.gif) repeat-y;



margin-bottom:10px;



}



#category-menu .menu{



width:auto;



padding:6px 16px 10px 16px;



background:url(../images/detail_menubottom.gif) no-repeat 0 bottom;



overflow:hidden;



}



#category-menu .menu li{



border-right:#a8a8a8 solid 1px;



display:inline;



padding-right:5px;



margin-right:5px;



color:#2a6200;



font-weight:bold;



}



#category-menu .menu li a{



white-space:nowrap;



font-weight:100;



}



#category-menu .menu li span{



white-space:nowrap;



}















/* info-c */



#info-c .section{



border-bottom:#49b311 solid 1px;



}



#info-c .section.end{



border:none;



}







/* list_school



------------------------------------------- */



.list-style{



width:565px;



overflow:hidden;



margin-bottom:8px;



}



.list-style ul{



float:left;



}



.list-style ul li{



display:inline;



}







/* blog 



------------------------------------------- */



h4.title02{



margin-bottom:15px;



}



#blog h4.title02{



background:url(../school/images/blog-titlebg.gif) no-repeat 0 0;



}



#blog .section{



border-bottom:#3a8603 solid 1px;



}



#blog .section.end{



border:none;



}







/* open



------------------------------------------- */



#open h4.title02{



background:url(../school/images/open-titlebg.gif) no-repeat 0 0;



}



#open  .section{



border-bottom:#8eacce solid 1px;



}



#open  .section.end{



border:none;



}







/* messe



------------------------------------------- */



#messe h4.title02{



background:url(../school/images/messe-titlebg.gif) no-repeat 0 0;



}



#messe  .section{



border-bottom:#8eacce solid 1px;



}



#messe  .section.end{



border:none;



}











/* info-list



------------------------------------------- */



#info-list h4.title02{



height:39px;



padding-top:4px;



background:url(../school/images/info-listtitle.gif) no-repeat 0 0;



}



#info-list .title02 span{



color:#93a086;



position:absolute;



top:0;



}



#info-list .section{



border-bottom:#81b64d solid 1px;



}



#info-list .section.end{



border:none;



}







/* schedule



------------------------------------------- */



.schedule{



width:100%;



height:auto;



overflow:hidden;



margin-bottom:15px;



border-bottom:#d5e0e4 solid 1px;



background:#f2f7f9;



}



.schedule dt{



width:65px;



_width:75px;



float:left;



border-top:#d5e0e4 solid 1px;



padding:3px 5px;



color:#547480;



display:block;



}



.schedule dd{



width:434px;



_width:489px;



float:right;



border-left:#d5e0e4 solid 1px;



border-top:#d5e0e4 solid 1px;



padding:3px 5px 3px 50px;



background:#ffffff;



position:relative;



}



.schedule dd span{



color:#000000;



margin:0 10px 0 0;



font-weight:bold;



position:absolute;



top:3px;



left:5px;



}











/* QR



------------------------------------------- */



body #qr span.qr-img{



width:82px;



}



body #qr p{



width:110px;



margin-top:3px;



}