@charset "utf-8";

/* =import 
----------------------------------------------*/
@import url(style.css);




/* title
----------------------------------------------*/
#title{
text-align:left;
position:relative;
background:url(../images/detail/detail-line.gif) 0 bottom repeat-x;
padding:15px 165px 20px 0;
margin-bottom:5px;
}
#title .batch{
position:absolute;
top:15px;
right:0;
vertical-align:top;
}
#title .batch img{
vertical-align:top;
}

#title h3{
color:#eb3601;
font-size:130%;
}
#title span{
color:#999999;
display:block;
}

.event h3{ 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/detail/detail-left.png", sizingMethod="image") !important;
}


/* section
----------------------------------------------*/
.section{
width:100%;
text-align:left;
}
.section .textarea{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:10px;
}

.section h4{
width:100%;
height:35px;
margin-bottom:8px;
color:#cc3100;
line-height:2.5em;
text-indent:15px;
background:url(../images/detail/detail-titlebg.gif) no-repeat;
}
.section h5{
width:100%;
text-indent:15px;
margin-bottom:8px;
background:url(../images/common/allow-02.gif) no-repeat 0 5px;
}
.section .textarea p{
text-align:justify;
}
.section span.img{
display:block;
float:left;
margin:0 12px 0 0;
}


/* school-list
----------------------------------------------*/
.school-list{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:10px;
}
.school-list li{
width:104px;
float:left;
margin:0 7px 0 0;
}
.school-list li.end{
margin:0;
}
.school-list li img{
display:block;
margin-bottom:5px;
}
.school-list li p{
text-align:justify;
font-size:90%;
line-height:1.2em;
}

/* detail-box
----------------------------------------------*/
#detail-box{
width:100%;
border-bottom:#e2e2e2 solid 1px;
margin-bottom:10px;
}
#detail-box h5{
width:548px;
border-left:#cfcda4 solid 1px;
border-top:#cfcda4 solid 1px;
border-right:#cfcda4 solid 1px;
color:#e27000;
text-indent:10px;
padding:5px 0;
margin:0;
background:url(../images/detail/detail-white.gif) repeat-x 0 0 #f8f5ed;
}
#detail-box dl{
width:548px;
}
#detail-box dl dt{
width:100%;
border:#cfcda4 solid 1px;
padding:5px 0;
text-indent:10px;
color:#7f7800;
font-weight:bold;
background:url(../images/detail/detail-white.gif) repeat-x 0 0 #f1f0d8;
}
#detail-box dl dd{
width:100%;
border-left:#e2e2e2 solid 1px;
border-right:#e2e2e2 solid 1px;
}
#detail-box dl dd p{
width:523px;
margin:0 auto;
padding:10px 0 20px 0;
color:#756f4f;
background:url(../images/common/dash-02.gif) repeat-x 0 bottom;
}
#detail-box .textarea{
width:528px;
border-left:#e2e2e2 solid 1px;
border-right:#e2e2e2 solid 1px;
padding:10px;
margin:0;
}
#detail-box .content{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:10px;
}
#detail-box table{
width:100%;
clear:both;
border-top:#c5c5b6 solid 1px;
}
#detail-box table th{
width:20%;
border-bottom:#c5c5b6 solid 1px;
padding:5px;
color:#545438;
background:#f8f8ee;
text-align:center;
}
#detail-box table td{
border-bottom:#c5c5b6 solid 1px;
padding:8px 10px;
}




/* detail-bottom
----------------------------------------------*/
#detail-bottom{
width:100%;
height:auto;
overflow:hidden;
}
#detail-bottom .batch{
float:right;
}
#detail-bottom .batch img{
vertical-align:top;
}

/* schedule
----------------------------------------------*/
.schedule{
width:550px;
height:auto;
overflow:hidden;
margin-bottom:15px;
border-bottom:#c9cbc9 solid 1px;
background:#fff0d8;
}

.schedule dt{
width:50px;
float:left;
border-top:#c9cbc9 solid 1px;
padding:3px 5px;
color:#cc3100;
display:block;
}

.schedule dd{
width:434px;
float:right;
border-left:#c9cbc9 solid 1px;
border-top:#c9cbc9 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;
}

.schedule dd li{
float: left;
white-space: nowrap;
}

.schedule dd ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.schedule dd ul{
display: inline-block;
}

/* MacIE begin \*/
*+html .schedule dd ul{
height: 1%;
}

* html .schedule dd ul{
height: 1%;
}

.schedule dd ul{
display: block;
}
/* Mac IE end */