@charset "utf-8";

/* top
-----------------------------------------------------------------*/
#top #main ul li{
	float:left;
	margin:10px 15px 0 0;
}

#top #main ul li.end{
	margin-right:0;
}


/* course
-----------------------------------------------------------------*/
#course .leftBox{
	float:left;
	width:377px;
}

#course .rightBox{
	float:right;
	width:189px;
}

#course table{
	clear:both;
	margin-bottom:15px;
}

#course table td ul{
	clear:both;
}

#course table td ul li{
	float:left;
	font-size:10px;
	line-height:18px;
	width:12em;
}

#course table td ul li.end{
	float:left;
	font-size:10px;
	line-height:18px;
	width:8em;
}
#course .box{
	float:left;
	background:url(../course/image/bg_box.gif) no-repeat;
	width:255px;
	height:104px;
	margin-bottom:15px;
	padding:15px;
}

#course .box02{
	margin:0 7px;
}

#course .box10{
	margin:0 7px;
}

#course .box h5,
#course .boxlong h5{
	margin-bottom:5px;
}

#course .box p{
	margin-bottom:10px;
}

#course .box img{
	position:absolute;
	top: 126px;
	left: 12px;
}

#course #main .mainBox{
	width:585px;
	margin-bottom:0;
}

#course .mainBox h3{
	margin-bottom:10px;
}

#course .mainBox h3.orange{
	margin-top:40px;
}

#course #main .tops h3.orange{
	margin:20px 0 10px;
}

#course #main h4.dotted{
	margin-bottom:5px;
}

#course #main .modelcase h4.dotted{
	margin-bottom:15px;
}

#course #main .leftBox{
	float:left;
	width:380px;
}

#course #main .leftBox p.mini a{
	background:url(../../../shared/image/icon_out.gif) no-repeat right 50%;
	padding-right:15px;
}

#course #main .rightBox{
	float:right;
	width:184px;
}

#course .leftBox02{
	float:left;
	width:285px;
}

#course .rightBox02{
	float:right;
	width:283px;
}

#course #main .modelcase{
	margin:20px 0 0;
}

.box h5,
.boxlong h5{
	margin-bottom:5px;
}

#course .box p{
	margin-bottom:0;
}

.boxlong div{
	float:left;
	width:370px;
}

.boxlong img{
	float:right;
}

.ml{
	margin-left:15px;
}


/* tabMenu
----------------------------------------*/
#main ul#tabMenu{
	background-position:left 30px;
	height:52px;
	margin-top:30px;
}

#main ul#tabMenu li{
	float:left;
	height:30px;
	padding-right:4px;
}

#main ul#tabMenu li.end{
	padding-right:0;
}


/* qa
-----------------------------------------------------------------*/
#qa #main p{
	margin-bottom:40px;
}

#qa #main p.end{
	margin-bottom:0;
}

#qa #main h3.twoline{
	height:44px;
	margin-bottom:10px;
}

#qa #main h5,
#qa #main p{
	padding-left:40px;
}

#qa #main h5{
	background:url(../qa/image/a.gif) no-repeat left 50%;
	height:29px;
	padding-top:8px;
}

#qa #main h5.twli{
	height:auto;
}


/* facility
-----------------------------------------------------------------*/
#facility #main div.mainBox{
	clear:none;
	float:left;
	width:286px;
}

#facility #main .leftBox{
	float:left;
	width:354px;
}

#facility #main .rightBox{
	float:right;
	width:224px;
}

#facility #main .mr{
	margin-right:13px;
}

#facility #main .box01{
	clear:both;
	width:189px;
}

#facility #main .box02{
	margin:0 9px;
}

#facility #main .box10{
	
	left: 9px;
	right: 0px;
}


#facility #main .box{
	float:left;
	width:189px;
}

#facility #main .box p{
	margin-bottom:0;
}



/* message
-----------------------------------------------------------------*/
#message #main .leftBox h3{
	clear:both;
	width:360px;
	height:auto;
	margin-bottom:20px;
}

#message .leftBox{
	float:left;
	width:360px;
}

#message .rightBox{
	float:right;
	width:208px;
}


/* ob
-----------------------------------------------------------------*/
#ob #main h3{
	clear:both;
	height:auto;
	margin-bottom:20px;
}