@charset "UTF-8";





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

             content

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



#content .h2_box { width: 747px; height: 225px; position: relative; }
#content .h2_box h2 { position: absolute; left: 0px; top: 0px; z-index: 1; }
#content .h2_box .h2_btn { position: absolute; width: 71px; height: 16px; left: 24px; top: 146px; z-index: 2; }

#content .h3_box { width: 699px; background: #ECEBE9; padding: 30px 24px 20px 24px; }

#content .pad_b_40 { padding-bottom: 40px; }

#content .oc_box { background: #FFFFFF; width: 698px; margin-top: 19px; padding: 8px 0; }
#content .oc_box p { display: table-cell; vertical-align: middle; }

* html #content .oc_box p { display: inline; zoom: 1; }/* IE 6 */
*:first-child+html #content .oc_box p { display: inline; zoom: 1; }/* IE 7 */
/*\*//*/
* html #content .oc_box p { display: inline-block; }
/**/
#content .oc_box img { float: left; margin-left: 10px; margin-right: 10px; }
#content .oc_box .txt { width: 550px; }

#content .h3_box_top { width: 699px; border-bottom: #B5B5B5 1px solid; margin-top: 15px; padding-bottom: 13px; background: url(../img/index_img_01.gif) left top repeat-y; }
#content .h3_box_top .top_left { width: 339px; padding-right: 10px; float: left; }
#content .h3_box_top .top_right { width: 339px; padding-left: 11px; float: left; }
#content .h3_box_bottom { width: 699px; background: url(../img/index_img_01.gif) left top repeat-y; }
#content .h3_box_bottom .top_left { width: 339px; padding-right: 10px; float: left; padding-top: 10px; }
#content .h3_box_bottom .top_right { width: 339px; padding-left: 11px; float: left; padding-top: 10px; }

#content .box_01 { width: 532px; margin-top: 17px; }
#content .box_01 .left { width: 269px; float: left; }
#content .box_01 .right { width: 245px; float: left; margin-left: 15px; display: inline; }

#content .box_02 { width: 532px; margin-top: 17px; }
#content .box_02 .left { width: 240px; float: left; }
#content .box_02 .right { width: 269px; float: right; margin-left: 15px; display: inline; }

#content .hei_470 { height: 470px; width: 532px; }

#content .ds_h { background: url(../../../common/img/ds_h_01.gif) 0 0 repeat-x; }

#content .same_height1 { width: 531px; background: url(../../../common/img/ds_v_01.gif) 255px 0 repeat-y; padding: 0 0 5px 0; }

#content .box_03 { width: 256px; float: left; display: inline; padding-top: 10px; }
#content .box_03 .left { width: 84px; height: 110px; float: left; }
#content .box_03 .right { width: 157px; float: right; display: inline; margin: 7px 7px 0px 0px; }

#content .box_04 { width: 512px; background: #DDDDDD; padding: 10px; }
#content .box_04 img { vertical-align: bottom; }

#content .box_05 { background: url(../../../common/img/index_dt_h.gif) top left repeat-x; margin-top: 20px; height: 162px; padding-top: 20px; }
#content .box_05 .left { width: 290px; float: left; }
#content .box_05 .right { width: 236px; float: right; }

#content .box_08 { background: url(../../../common/img/index_dt_h.gif) top left repeat-x; margin-top: 20px; padding-top: 20px; height: 103px; }

#content .box_09 { background: url(../../../common/img/index_dt_h.gif) top left repeat-x; margin-top: 20px; height: 185px; padding-top: 20px; }
#content .box_09 .left { width: 245px; float: left; }
#content .box_09 .right { width: 261px; float: right; }

#content .box_10 { background: url(../../../common/img/index_dt_h.gif) top left repeat-x; margin-top: 20px; height: 118px; padding-top: 20px; }
#content .box_10 .left { width: 325px; float: left; }
#content .box_10 .right { width: 185px; float: right; }

#main_content .box_a { width: 532px; margin-top: 17px; }
#main_content .box_a .box_aleft { display: block; width: 117px; float: left; }
#main_content .box_a .box_aleft img { padding-bottom: 5px; }
#main_content .box_a .box_aright { width: 387px; float: right; }

#main_content .box_b { width: 532px; margin-top: 17px; background: url(../../../common/img/index_dt_h.gif) top repeat-x; }
#main_content .box_b .box_bleft { width: 247px; float: left; padding-top: 20px; }
#main_content .box_b .box_bright { width: 245px; float: right; background: url(../../../common/img/index_dt_v.gif) top left repeat-y; padding-top: 20px; padding-left: 20px; }

#main_content .box_c { width: 502px; background: #ECEBE9; padding: 20px 15px; }
#main_content .box_c .left { width: 230px; float: left; }
#main_content .box_c .right { width: 230px; float: right; }
#main_content .box_c .write_box { width: 218px; height: 135px; padding: 15px 6px; background: #FFFFFF; display: block; }

#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 7px no-repeat; padding-left: 12px; }

#content .box_06 { width: 512px; background: #DDDDDD; padding: 15px 10px; }

#content .write_box_2 { width: 490px; background: #FFFFFF; margin-top: 12px; padding: 10px; }

#main_content .box_07 { width: 532px; }
#main_content .box_07 .box_07left { width: 195px; text-align: center; padding-top: 5px; float: left; }
#main_content .box_07 .box_07right { width: 315px; padding-top: 10px; float: left; }
#main_content .box_07 .box_07border { width: 530px; border-bottom: #FF8213 1px solid; border-left: #FF8213 1px solid; border-right: #FF8213 1px solid; padding-bottom: 15px; }

#content .h4_style { width: 532px; height: 27px; border-bottom: #c6c6c6 1px solid; }



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

	体験入学

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

#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 { background: url(../../img/index_arw_01.gif) 0 3px no-repeat; padding-left: 15px; font-weight: bold; }
.icon3 { background: url(../../img/index_arw_02.gif) 0 3px no-repeat; padding-left: 15px; font-weight: bold; }

.p_box { display: block; width: 532px; height: 20px; }

#icon2 { background: url(../../../common/img/index_arw_02.gif) 0 7px no-repeat; padding-left: 12px; }

.icon5 { background: url(../../../../common/img/index_arw_03.gif) 0 3px no-repeat; padding-left: 15px; }

.mar_t_5 { margin-top: 5px; }

.font_bold { font-weight: bold; }

.mar_t_10 { margin-top: 10px; }
.mar_t_15 { margin-top: 15px; }
.pad_t_15 { padding-top: 15px; }
.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; clear:both; }
.pad_t_40 { padding-top: 40px; clear:both; }
.mar_t_55 { margin-top: 55px; }
.mar_l_10 { margin-left: 9px; }
.mar_l_12 { margin-left: 12px; }
.pad_t_90 { padding-top:90px; }
.pad_l_12 { padding-left:12px; }
.pad_l_10 { padding-left:10px; }

.width_532 { width: 532px; }

.text-center { text-align: center; }
.text-right { text-align: right; }

.float_l { float: left; }
.float_r { float: right; }

.red_font { color: #BA0017; }

.hei_54 { min-height: 54px; _height: 54px; }

.wid_201 { width: 201px; }
.wid_125 { width: 125px; }

.mar_t_12 { margin-top: 12px; }
.mar_t_6 { margin-top: 6px; }
.mar_t_7 { margin-top: 7px; }
.mar_t_3 { margin-top: 3px; }
.mar_t_16 { margin-top: 16px; }
.mar_t_17 { margin-top: 17px; }
.mar_t_11 { margin-top: 11px; }
.mar_t_36 { margin-top: 36px; }



/* --------------------------------
	イントロ
-------------------------------- */

div#intro { padding:0 0 50px 0; width:100%; background:url(../../img/index_intro_bg.jpg) no-repeat; }

div#intro h3 { padding:12px 0 0 24px; }
div#intro .lead { margin:10px 24px 0 24px; width:699px; color:#fff; }
div#intro .career { margin:25px 24px 0 24px; padding:10px 9px 10px 9px; width:681px; background:#f3f2f2; }
div#intro .career dl {}
div#intro .career dl dt { width:112px; font-size:0; line-height:1; float:left; }
div#intro .career dl dd { padding:4px 0 0 0; width:559px; float:right; }
div#intro .list { margin:60px 0 0 24px; width:699px; background:url(../../img/index_intro_list_bg_m.gif) repeat-y 349px 0; }
div#intro .list ul { position:relative; }
div#intro .list ul li { border-top:1px solid #b5b5b5; padding:0 0 20px 0; width:349px; float:left; }
div#intro .list ul li dl {}
div#intro .list ul li dl dt {}
div#intro .list ul li dl dd { margin:5px 15px 0 0; }
div#intro .list ul li .ref { position:absolute; bottom:0; padding:0 0 0 15px; background:url(/mus/common/img/icon_red_01.gif) no-repeat 0 0.3em; }

div#intro .list ul.first li { border-top:none; padding-bottom:35px; }
div#intro .list ul.first li dl { position:relative; margin:-45px 0 0 0; }
div#intro .list ul.first li .ref { bottom:15px; }

div#intro .list ul li.last { padding-left:1px; }
div#intro .list ul li.last dl dt { position:relative; margin:0 -3px 0 0; width:352px; }
div#intro .list ul li.last dl dd { margin:5px 0 0 15px; }
div#intro .list ul li.last .ref { padding:0 0 0 30px; background:url(/mus/common/img/icon_red_01.gif) no-repeat 15px 0.3em; }