@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 .box_05 .box_05_03 .width_532 .left_02 {
	width: 206px;
	float: left;
}

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

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

#content .box_05 .box_05_04 .left { width:325px; float:left; }
#content .box_05 .box_05_04 .right { width:189px; 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;

}



/* --------------------------------
	就職先
-------------------------------- */

div.company { background:url(../../img/index_bg_01_m.gif) repeat-y; }
div.company_bg { background:url(../../img/index_bg_01_b.gif) no-repeat left bottom; }
div.company_bg_bg { padding:6px 8px 6px 8px; width:516px; background:url(../../img/index_bg_01_t.gif) no-repeat; }
div.company p {}
div.company p span { font-weight:bold; color:#34a6e1; }



/* --------------------------------
	ロボット作品
-------------------------------- */

div.robot { position:relative; margin:44px 0 0 0; width:532px; }
div.robot h4 { position:relative; z-index:3; }
div.robot .txt { position:relative; width:383px; z-index:2; }
div.robot .img { position:relative; margin:-100px 0 0 0; width:517px; z-index:1; }



/* --------------------------------
	学生寮
-------------------------------- */

div#box_dormitory { margin:35px auto 0 auto; width:532px; }
div#box_dormitory h5 {}
div#box_dormitory .main { padding:7px 0 0 0; width:265px; float:left; }
div#box_dormitory .main .txt {}
div#box_dormitory .main .link { margin-top:15px; float:right; }
div#box_dormitory .sub { padding:13px 0 0 0; width:248px; float:right; }
div#box_dormitory .sub .img {}