@charset "UTF-8";





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

             content

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


#content .course_read_bg{border-bottom:1px solid #B5B5B5;}
#content .box_14 {border:1px solid #DFDFDF;clear:both;margin-top:10px;padding:17px;width:495px;}


#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;}



.txt_center{text-align:center;}
.txt_bold {font-weight:bold;}

.pad_t_100{padding-top:100px;}



#main_content .position_01 {margin:-13px 0 0;position:relative;}





#main_content .box_01 {width: 532px;}
#main_content .box_01 .left {width: 313px;float: left;}
#main_content .box_01 .right {width: 203px;float: right;}

#main_content .box_02 {width: 532px;padding-bottom: 21px;}
#main_content .box_02 .right {width: 335px;float: right;}
#main_content .box_02 .left {width: 182px;float: left;}





#content .h3_box {

	width: 723px;

	background: #ECEBE9;

	padding: 20px 0px 20px 24px;

}



#content .pad_b_40 {

	padding-bottom: 40px;

}


/* 10.03.29 */
#content .h3_box_top {margin-top: 20px;	background: url(../../img/h3_box_top_bg.gif) left top repeat-y;}
#content .h3_box_top .top_height{min-height:70px;_height:70px;}
#content .h3_box_top .top_left {width: 219px;padding: 5px 10px 3px 0px;float: left;overflow: hidden;}
#content .box_10{width:532px;}
#content .box_10 .left{width:261px;float: left;}
#content .box_10 .right{width:261px;float: right;}


#content .h3_box_top .top_middle {

	width: 219px;

	padding: 5px 10px 3px 11px;

	float: left;

	overflow: hidden;

}



#content .h3_box_top .top_right {

	width: 215px;

	margin-left: 11px;

	padding: 5px 0px 3px 5px;

	float: left;

	display: inline;

	background: #fff4e1;

}



#content .h3_box_top .top_right .top {

	width: 215px;


}



#content .h3_box_top .top_right .top .div_l {

	float: left;

	width: 100px;

}



#content .h3_box_top .top_right .top .div_r {

	float: right;

	width: 104px;

}



#content .h3_box_top .top_right .bottom {

	width: 215px;

	margin-top: 5px;

}


#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_06 {

	width: 532px;

	height: 203px;

	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;

	height: 334px;

}



#main_content .box_07 .left {

	width: 263px;

	float: left;

}



#main_content .box_07 .right {

	width: 263px;

	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;

}



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

	体験入学

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



#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;}



#icon2 {

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

	padding-left: 12px;

}



.icon3 {

	padding-left: 15px;

	font-weight: bold;

	background-image: url(../../../common/img/index_arw_03.gif) ;

	background-repeat: no-repeat;

	background-position: 0 3px;

}



.icon5 {

	padding-left: 15px;

	font-weight: bold;

	background-image: url(../../../common/img/index_arw_01.gif);

	background-repeat: no-repeat;

	background-position: 0 3px;

}

.mar_t_4 {

	margin-top: 4px;

}
.mar_t_5 {

	margin-top: 5px;

}

.mar_t_6 {

	margin-top: 6px;

}

.mar_t_7 {

	margin-top: 7px;

}

.mar_t_8 {

	margin-top: 8px;

}


.mar_t_10 {

	margin-top: 10px;

}

.mar_b_10 {

	margin-bottom: 10px;

}

.mar_t_15 {

	margin-top: 15px;

}

.mar_t_20 {

	margin-top: 20px;

}

.mar_t_25 {

	margin-top: 25px;

}

.mar_t_30 {

	margin-top: 30px;

}

.mar_t_35 {

	margin-top: 35px;

}

.mar_t_40 {

	margin-top: 40px;

}
.mar_t_50 {

	margin-top: 50px;

}
.mar_l_10 {

	margin-left: 10px;

}

.mar_l_5 {

	margin-left: 5px;

}

.mar_l_6 {

	margin-left: 6px;

}

.mar_l_7 {

	margin-left: 7px;

}

.pad_t_30 {

	padding-top: 30px;

}

.pad_t_7 {

	padding-top: 7px;

	clear:both;

}

.pad_t_5 {

	padding-top: 5px;

}

.text-center {

	text-align: center;

}

.float_l {

	float: left;

}

.float_r {

	float: right;

}



.width_532 {

	width: 532px;

}



.lightbule_font {

	color: #4e7ff2;

	font-weight: bold;

}


.img_top {

	vertical-align: top;

}

.mar_t_36 {

	margin-top: 36px;

}
.mar_t_12 {

	margin-top: 12px;

}

.mar_t_16 {

	margin-top: 16px;

}
.mar_t_11 {

	margin-top: 11px;

}

.mar_t_19 {

	margin-top: 19px;

}
/* 10.03.29 */
.txt_center{text-align:center;}
.blue_font{color:#4E7FF2;font-weight:bold;}



/* --------------------------------
	box_03
-------------------------------- */

div.box_03 {}
div.box_03 h4 {}
div.box_03 .main { width:243px; float:left; }
div.box_03 .sub { width:269px; float:right; }



/* --------------------------------
	box_04
-------------------------------- */

div.box_04 {}
div.box_04 h4 {}
div.box_04 .main { width:243px; float:right; }
div.box_04 .sub { width:269px; float:left; }



/* --------------------------------
	学外での取り組み
-------------------------------- */

div.project { margin:34px auto 0 auto; }
div.project h4 {}
div.project .section { position:relative; width:532px; }
div.project .section h5 {}
div.project .section .column { }
div.project .section .column .img {}
div.project .section .column .lead {}
div.project .section .column .txt {}

div.project .section_01 { margin:28px 0 0 0; }
div.project .section_01 .column_01 { width:499px; background:url(../../common/img/major_project_01_bg_m.gif) repeat-y; }
div.project .section_01 .column_01_bg { padding:0 0 18px 0; background:url(../../common/img/major_project_01_bg_b.gif) no-repeat left bottom; }
div.project .section_01 .column_01 .main { width:269px; float:right; }
div.project .section_01 .column_01 .main .lead {}
div.project .section_01 .column_01 .main .txt { padding:10px 0 0 15px; width:233px; }
div.project .section_01 .column_01 .sub { width:230px; float:left; }

div.project .section_02 { margin:38px 0 0 0; min-height:445px; }
* html div.project .section_02 { height:445px; }
div.project .section_02 h5 { padding:6px 0 0 0; }
div.project .section_02 .column_01 { position:absolute; width:224px; left:21px; top:97px; background:url(../../common/img/major_project_02_01_bg_m.gif) repeat-y; }
div.project .section_02 .column_01_bg { padding:0 0 18px 0; background:url(../../common/img/major_project_02_01_bg_b.gif) no-repeat left bottom; }
div.project .section_02 .column_01 .txt { padding:10px 20px 0 20px; }

div.project .section_02 .column_02 { position:absolute; width:280px; right:0; top:0; background:url(../../common/img/major_project_02_02_bg_m.gif) repeat-y; }
div.project .section_02 .column_02_bg { padding:0 0 18px 0; background:url(../../common/img/major_project_02_02_bg_b.gif) no-repeat left bottom; }
div.project .section_02 .column_02 .txt { padding:3px 20px 0 37px; }
div.project .section_02 .column_02 .img { padding:5px 0 0 37px; }
div.project .section_02 .column_02 .link { padding:10px 0 0 37px; width:221px; }