@charset "UTF-8";





/*--------------------------------

             content

--------------------------------*/

#content .course_read_bg { 
	border-bottom:1px solid #B5B5B5;
	
	border-left:1px solid #B5B5B5;
	
	border-right:1px solid #B5B5B5;
	
 }


#content .h2_box {

	width: 747px;

	height: 225px;

	position: relative;

}



#content .h2_box h2 {

	position: absolute;

	left: 0px;

	top: 0px;

}



#content .h2_box .h2_btn {

	position: absolute;

	width: 140px;

	height: 16px;

	left: 26px;

	top: 146px;

}



#content .h3_box {

	width: 722px;

	background: url(../../img/index_bg_04.jpg) no-repeat;

	padding: 30px 0px 20px 25px;

}



#content .pad_b_40 {

	padding-bottom: 40px;

}



#content .h3_box_top {

	background: url(../../img/index_img_23.gif) left top repeat-y;
	
	margin-top: 20px;

	width: 707px;

}



#content .h3_box_top .top_left {

	width: 340px;

	padding: 0px 10px 0px 0px;

	float: left;

}



#content .h3_box_top .top_right {

	width: 340px;

	padding: 0px 0px 0px 10px;

	float: left;

}



#content .h3_box_bottom {

	width: 585px;
	
	background: url(../../img/index_img_23.gif) left top repeat-y;

}



#content .h3_box_bottom .top_left {

	width: 272px;

	padding: 10px 20px 0px 0px;

	float: left;

}



#content .h3_box_bottom .top_right {

	width: 272px;

	float: left;

	padding: 10px 0px 0px 21px;

}



#main_content .box_01 {

	width: 532px;

	margin-top: 18px;

}



#main_content .box_01 .left {

	display: block;

	width: 256px;

	float: left;

	margin-right: 10px;

}



#main_content .box_01 .right {

	display: block;

	width: 260px;

	float: right;

}



#main_content .box_02 {

	width: 532px;

}



.clearfix_r {

	clear: right;

}





#content .box_03,
#content .box_10 {

	width: 530px;

	margin-top: 20px;

}



#content .box_03 .left {

	width: 240px;

	float: left;

	background: url(../../img/index_bg_01_middle.jpg) repeat-y;

}



#content .box_03 .left .p_01 {

	width: 184px;

	padding: 10px 10px 10px 26px;

}



#content .box_03 .right {

	width: 274px;

	float: right;

	background: url(../../img/index_bg_02_middle.jpg) repeat-y;

}



#content .box_03 .right .p_01 {

	width: 220px;

	padding: 10px 10px 17px 38px;
}



#main_content .box_04 {

	width: 512px;

	background: #DDDDDD;

	padding: 10px 10px;

}



#main_content .write_box_1 {

	width: 490px;

	background: #FFFFFF;

	padding: 10px;

}



#content .h4_style {

	width: 532px;

	height: 27px;

	border-bottom: #c6c6c6 1px solid;

}



#main_content .box_05 {

	width: 532px;

	padding-bottom: 20px;


}


#main_content .box_05 .left {

	width: 269px;

	float: left;

}



#main_content .box_05 .right {

	width: 247px;

	float: right;

}



#main_content .box_06 {

	width: 532px;
	
	padding-bottom: 20px;

	background: url(../../../common/img/index_dt_h.gif) bottom left repeat-x;

}



#main_content .box_06 .left {

	width: 290px;

	float: right;

}



#main_content .box_06 .right {

	width: 222px;

	float: left;

}



#main_content .box_07 {

	width: 532px;
	
	padding-bottom: 20px;


}



#main_content .box_07 .left {

	width: 329px;

	float: left;

}



#main_content .box_07 .right {

	width: 189px;

	float: right;

}



#content .list_01 {

	margin: 0;

	padding: 0;

}



#content .list_01 li {

	list-style: none;

	background: url(../../../common/img/index_dt_h.gif) bottom left repeat-x;

	padding: 5px 0 8px 0;

}



#content .list_01 li p {

	background: url(../../../common/img/index_arw_02.gif) 0 8px no-repeat;

	padding-left: 12px;

}





#content .box_08 {

	width: 512px;

	background: #DDDDDD;

	padding: 15px 10px;

}



#content .write_box_2 {

	width: 490px;

	background: #FFFFFF;

	margin-top: 12px;

	padding: 10px;

}



#main_content .box_09 {

	width: 532px;

}



#main_content .box_09 .box_09left {

	width: 195px;

	text-align: center;

	padding-top: 5px;

	float: left;

}

#main_content .box_09 .box_09right {

	width: 315px;

	padding-top: 10px;

	float: left;

}



#main_content .box_09 .box_09border {

	width: 530px;

	border-bottom: #FF8213 1px solid;

	border-left: #FF8213 1px solid;

	border-right: #FF8213 1px solid;

	padding-bottom: 15px;

}


#content .box_10 .left {

	width: 267px;

	float: left;

	background: url(../../img/index_bg_03_middle.jpg) repeat-y;

}



#content .box_10 .left .p_01 {

	width: 228px;

	padding: 10px 10px 10px 20px;

}



#content .box_10 .right {

	width: 238px;

	float: right;

	background: url(../../img/index_bg_04_middle.jpg) repeat-y;

}



#content .box_10 .right .p_01 {

	width: 195px;

	padding: 10px 10px 17px 17px;
}

#content .box_11 {
	border:1px solid #DFDFDF;
	
	clear:both;
	
	margin-top:10px;
	
	padding:17px;
	
	width:495px;
	
	}

#main_content .box_12 {

	width: 532px;
	
	padding-bottom: 20px;
}



#main_content .box_12 .left {

	width: 251px;

	float: left;

}



#main_content .box_12 .right {

	width: 255px;

	float: right;

}

#main_content .box_13 {

	width: 532px;
	
	padding-bottom: 30px;
	
	background: url(../../../common/img/index_dt_h.gif) bottom left repeat-x;
	
}



#main_content .box_13 .left {

	width: 330px;

	float: left;

}



#main_content .box_13 .right {

	width: 180px;

	float: right;

}


/* --------------------------------

	体験入学

-------------------------------- */



#rollover_here {width: 315px;height: 48px;background: url(../../../common/img/here_bg.jpg) no-repeat;margin-top: 15px; position: relative;}



#rollover_here .here_font { display: block; width: 97px; height: 22px; position: absolute; left: 21px; top: 13px;}



#rollover_here ul { padding: 11px 0 0 148px;}



#rollover_here ul li { list-style: none;}


.icon1 {

	padding-left: 15px;

	font-weight: bold;

	background-image: url(../img/index_arw_02.gif);

	background-repeat: no-repeat;

	background-position: 0 5px;

}



#icon2 {

	background: url(../../../../common/img/arw_05.gif) 0 7px no-repeat;

	padding-left: 12px;

}



.icon4 {

	padding-left: 15px;

	font-weight: bold;

	background-image: url(../img/index_arw_01.gif);

	background-repeat: no-repeat;

	background-position: 0 4px;

}

.icon5 {

	padding-left: 18px;

	font-weight: bold;

	background: url(../../../common/img/index_arw_01.gif) 0px no-repeat;

}

.mar_t_3 {

	margin-top: 3px;

}

.mar_t_5 {

	margin-top: 5px;

}

.mar_t_7 {

	margin-top: 7px;

}

.mar_t_10 {

	margin-top: 10px;

}

.mar_b_10 {

	margin-bottom: 10px;

}

.mar_t_15 {

	margin-top: 15px;

}

.mar_t_16 {

	margin-top: 16px;

}
.mar_t_20 {

	margin-top: 20px;

}

.mar_t_25 {

	margin-top: 25px;

}

.pad_t_30 {

	padding-top: 30px;

}

.mar_t_30 {

	margin-top: 30px;

}

.mar_t_35 {

	margin-top: 35px;

}

.mar_t_40 {

	margin-top: 40px;

}

.mar_l_10 {

	margin-left: 10px;

}

.mar_l_5 {

	margin-left: 5px;

}

.pad_t_7 {

	padding-top: 7px;

	clear:both;

}

.text-center {

	text-align: center;

}

.float_l {

	float: left;

}

.float_r {

	float: right;

}



.width_532 {

	width: 532px;

}



.orange_font {

	color: #f0760e;

	font-weight: bold;

}

.h3_boxhight {

	height: 65px;

}

.img_top {

	vertical-align: top;

}

.icon_orange_link2 {
	background:transparent url(/des/common/img/index_arw_08.gif) no-repeat scroll 0 6px;
	padding-left:10px;
	}

