@charset "UTF-8";

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

             content

--------------------------------*/
#content .course_read_bg {
	background-color: #ECEBE9;
	background-image: url(../../img/index_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}


#content .h3_box {

	width: 723px;

	background: url(../../img/index_bg.jpg) right bottom no-repeat;

	padding: 30px 0px 18px 24px;

}



#content .pad_b_40 {

	padding-bottom: 40px;

}



#content .h3_box_top {

	width: 587px;

	border-bottom: #B5B5B5 1px solid;

	margin-top: 20px;
	
	background:url(../../img/index_img_17.gif) repeat-y;

}



#content .h3_box_top .top_left {

	width: 272px;

	padding:0px 20px 13px 0px;

	float: left;

}



#content .h3_box_top .top_right {

	width: 272px;

	padding:0px 0px 13px 21px;

	float: left;

}



#content .h3_box_bottom {
	width:585px;
	background:url(../../img/index_img_17.gif) 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;

	padding: 10px 0px 0px 21px;

	float: left;

}

.height_53 {
	min-height: 53px;
	_height:53px;
}

.height_70 {
	min-height: 70px;
	_height:70px;
}



#content .box_01 {

	width: 532px;

	margin-top: 15px;

}



#content .box_01 .left {

	width: 297px;

	float: left;

}



#content .box_03 {

	width: 512px;

	padding: 10px;

	background: #DDDDDD;

}



#content .box_03 p {

	background: #FFFFFF;

	padding: 13px;

}



#content .box_04 {

	margin-top: 12px;

}



#content .box_04 .box_04_left {

	width: 220px;

	float: left;

}



#content .box_04 .box_04_right {

	width: 297px;

	float: right;

}



#content .box_01 .right {

	width: 212px;

	float: right;

}



#content .h4_style {

	width: 532px;

	height: 27px;

	border-bottom: #c6c6c6 1px solid;

}



#content .list_01 {

	margin: 0;

	padding: 0;

}



#content .list_01 li {

	list-style: none;

	background: url(../img/index_dt_h.gif) bottom left repeat-x;

	padding: 5px 0 8px 0;

}



#content .list_01 li p {

	background: url(../img/index_arw_02.gif) 0 7px no-repeat;

	padding-left: 12px;

}



#content .box_02 {

	margin-top: 20px;

}



#content .box_02 .left {

	width: 250px;

	float: left;

	padding: 0px 15px 20px 0px;

}



#content .box_02 .right {

	width: 250px;

	float: left;

	padding: 0px 0px 20px 16px;

	background: url(../img/index_dt_v.gif) left repeat-y;

}



#content .box_02 .bottom {

	width: 532px;

	clear: both;

	padding-top: 21px;

	background: url(../img/index_dt_h.gif) left top repeat-x;

}


/* 2010.03.25 */
#content .box_05 {
	margin-top: 20px;
}

#content .box_05_01 {
	width: 532px;
}

#content .box_05 .box_05_01 .left {
	width: 396px;
	float: left;
}

#content .box_05 .box_05_01 .right {
	width: 106px;
	float: right;
}

#content .box_05 .box_05_02 {
	padding-top: 21px;
	background: url(../img/index_dt_h.gif) left top repeat-x;
}

#content .box_05 .box_05_02 .left {
	width: 261;
	float: left;
}

#content .box_05 .box_05_02 .right {
	width: 262;
	float: right;
}

#content .box_05 .box_05_03 {
	width: 532px;
	clear: both;
	padding-top: 21px;
	background: url(../img/index_dt_h.gif) left top repeat-x;
}

#content .box_05 .box_05_03 .width_532 .left {
	width: 227px;
	float: left;
}

#content .box_05 .box_05_03 .width_532 .right {
	width: 282px;
	float: right;
}



#content #icon2 {

	background: url(../img/index_arw_02.gif) 0 7px no-repeat;

	padding-left: 12px;

}



#content #icon3 {

	background: url(../img/index_arw_02.gif) 0 7px no-repeat;

	padding-left: 12px;

}



#content #icon2 a {

	font-weight: normal;

}

#main_content .box_06 {

	width: 512px;

	background: #DDDDDD;

	padding: 15px 10px;

}



#main_content .write_box_2 {

	width: 490px;

	background: #FFFFFF;

	margin-top: 12px;

	padding: 10px;

}





#main_content .box_07 {

	width: 532px;

}



#main_content .box_07 .left {

	width: 195px;

	text-align: center;

	padding-top: 5px;

	float: left;

}

#main_content .box_07 .right {

	width: 315px;

	padding-top: 10px;

	float: left;

}



#main_content .box_07 .border {

	width: 530px;

	border-bottom: #FF8213 1px solid;

	border-left: #FF8213 1px solid;

	border-right: #FF8213 1px solid;

	padding-bottom: 15px;

}





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

	体験入学

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



#rollover_here {width: 315px;height: 48px;background: url(../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 {

	background: url(../img/index_arw_01.gif) 0 4px no-repeat;

	padding-left: 15px;

	font-weight: bold;

}

.icon4 {

	background: url(../img/index_arw_03.gif) 0 3px no-repeat;

	padding-left: 15px;

	font-weight: bold;

}

.mar_t_5 {

	margin-top: 5px;

}
.mar_t_4 {

	margin-top: 4px;

}

.mar_t_10 {

	margin-top: 10px;

}

.mar_t_12 {

	margin-top: 13px;

}


.mar_t_7 {

	margin-top: 7px;

}

.mar_t_15 {

	margin-top: 15px;

}

.mar_t_20 {

	margin-top: 20px;

}

.mar_t_25 {

	margin-top: 25px;

}

.mar_t_24 {

	margin-top: 24px;

}

.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_t_60 {

	margin-top: 60px;

}

.mar_l_10 {

	margin-left: 10px;

}

.mar_l_2 {

	margin-left: 2px;

}

.mar_l_11 {

	margin-left: 11px;

}


/* 2010.03.25 */
.mar_b_15 {
	margin-bottom: 15px;
}
.mar_b_19 {margin-bottom: 19px;}


.pad_r_10 {

	padding-right: 10px;

}



.hei_165 {

	height: 165px;

}



.text-center {

	text-align: center;

}

.float_l {

	float: left;

}

.float_r {

	float: right;

}



.width_532 {

	width: 532px;

}



.blue_font {

	color: #33A7E0;

	font-weight: bold;

}