@charset "UTF-8";



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

             content

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

#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: 170px; }

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

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

#content .h3_box_top { width: 699px; border-bottom: #B5B5B5 1px solid; margin-top: 20px; background: url(../../img/index_img_25.gif) left top repeat-y; padding-bottom: 13px; }
#content .h3_box_top .top_left { width: 219px; padding-right: 10px; float: left; }
#content .h3_box_top .top_middle { width: 219px; padding-right: 10px; padding-left: 11px; float: left; }
#content .h3_box_top .top_right { width: 219px; padding-left: 11px; float: left; }
#content .h3_box_bottom { width: 699px; background: url(../../img/index_img_25.gif) left top repeat-y; }
#content .h3_box_bottom .bottom_left { width: 219px; padding-right: 10px; padding-top: 10px; float: left; }
#content .h3_box_bottom .bottom_middle { width: 219px; padding-right: 10px; padding-left: 11px; padding-top: 10px; float: left; }
#content .h3_box_bottom .bottom_right { width: 219px; padding-left: 11px; padding-top: 10px; float: left; }

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

#content .box_02 { margin-top: 20px; }
#content .box_02 .left { width: 249px; float: left; padding-right: 15px; }
#content .box_02 .right { width: 240px; float: left; padding: 0 10px 15px 15px; background: url(../../common/img/index_dt_v.gif) left repeat-y; }
#content .box_02 .bottom { width: 532px; clear: both; padding-top: 20px; background: url(../../common/img/index_dt_h.gif) left top repeat-x; }

#content .box_04 { margin-top: 15px; }
#content .box_04 .box_04_left { width: 113px; float: left; display: block; }
#content .box_04 .box_04_right { width: 400px; float: left; margin-left: 15px; display: inline; display: block; }

#main_content .box_05 { width: 512px; background: #EFEFEF; padding: 10px 10px 14px 10px; color: #000000; }

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

#main_content .box_08 { width: 532px; margin-top: 15px; background: url(../img/index_img_15.gif) left top repeat-y; }
#main_content .box_08 .box_08_left { width: 110px; padding: 10px 8px 8px 8px; color: #000000; display: block; float: left; }
#main_content .box_08 .box_08_right { width: 110px; padding: 10px 8px 8px 8px; color: #000000; display: block; float: right; }

#main_content .box_09 { width: 492px; margin-top: 16px; background: #EEEEEE; color: #000000; padding: 20px; }
#main_content .box_09 .box_09_left { display: block; width: 315px; float: left; }
#main_content .box_09 .box_09_right { display: block; width: 155px; float: right; }

#main_content .box_10 { width: 532px; }
#main_content .box_10 .box_10_left { width: 310px; float: left; display: block; }
#main_content .box_10 .box_10_right { width: 212px; float: right; display: block; }

#content .box_11 { margin-top: 20px; }
#content .box_11 .left { width: 249px; float: left; padding-right: 15px; }
#content .box_11 .right { width: 240px; float: left; padding: 0 10px 15px 15px; background: url(../../../common/img/index_dt_v.gif) left repeat-y; }
#content .box_11 .bottom { width: 532px; clear: both; padding-top: 21px; background-image: url(../../../common/img/index_dt_h.gif); background-repeat: repeat-x; background-position: left top; }
#content .box_11 .bottom_1 { width: 532px; clear: both; padding-top: 20px; background: url(../../../common/img/index_dt_h.gif) left top repeat-x; }

#content .box_12 { width: 512px; background: #FAE8FE; margin-top: 12px; padding: 10px 10px 12px 10px; }

#content .box_13 .box_13_left { width: 290px; display: block; float: left; }
#content .box_13 .box_13_right { width: 232px; display: block; float: right; }

#content .box_14 { width: 532px; }
#content .box_14 .box_14_left { width: 245px; display: block; float: left; }
#content .box_14 .box_14_right { width: 260px; display: block; float: right; }

#content .box_15 { width: 532px; }
#content .box_15 .box_15_left { width: 332px; display: block; float: left; }
#content .box_15 .box_15_right { width: 185px; display: block; 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; padding: 5px 0 8px 0; background-image: url(../../../common/img/index_dt_h.gif); background-repeat: repeat-x; background-position: left bottom; }
#content .list_01 li p { padding-left: 12px; background-image: url(../../../common/img/index_arw_02.gif); background-repeat: no-repeat; background-position: 0 8px; }

#content .list_02 { margin: 0; padding: 0; }
#content .list_02 li { background: url(../img/index_arw_01.gif) 0 5px no-repeat; padding-left: 12px; }

#content #icon2 { padding-left: 12px; background-image: url(../../../../common/img/arw_05.gif); background-repeat: no-repeat; background-position: 0 7px; }
#content #icon2 a { font-weight: normal; }

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



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

	体験入学

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

#rollover_here { width: 315px; height: 48px; margin-top: 15px; position: relative; background-image: url(../../../common/img/here_bg.jpg); background-repeat: no-repeat; }
#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 3px; }
.icon4 { padding-left: 15px; font-weight: bold; background-image: url(../img/index_arw_02.gif); background-repeat: no-repeat; background-position: 0 3px; }
.icon5 { padding-left: 15px; font-weight: bold; background-image: url(../img/index_arw_01.gif); background-repeat: no-repeat; background-position: 0 3px; }
.icon6 { padding-left: 15px; background-image: url(../../../common/img/index_arw_03.gif); background-repeat: no-repeat; background-position: 0 3px; }


.mar_b_5 { margin-bottom: 5px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_t_5 { margin-top: 5px; }
.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; }
.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_9 { margin-left: 9px; }
.mar_l_10 { margin-left: 10px; }
.mar_l_2 { margin-left: 2px; }
.mar_l_11 { margin-left: 11px; }
.mar_l_14 { margin-left: 14px; }
.mar_l_27 { margin-left: 27px; }
.pad_r_10 { padding-right: 10px; }


.hei_165 { height: 165px; }
.hei_65 { height: 65px; }
.hei_45 { height: 45px; }


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

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


.width_532 { width: 532px; }


.blue_font { color: #33A7E0; font-weight: bold; }
.blue_font2 { color: #3E68CC; font-weight: bold; }

.img_top { vertical-align: top; }

.red5 { color: #580474; font-weight: bold; }

.mar_t_19 { margin-top: 19px; }
.mar_t_12 { margin-top: 12px; }
.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_18 { margin-top: 18px; }
.mar_t_11 { margin-top: 11px; }
.mar_t_36 { margin-top: 36px; }

.hei_105 { min-height: 105px; _height: 105px; }

.img_l { float: left; }

.line_pa { padding-bottom: 10px; border-bottom: 1px solid #580474; }
.line_pa_02 { padding: 10px; border: 1px solid #580474; }



/*--------------------------------
             BLITZ
--------------------------------*/

#content .blitz01 { width: 530px; height: 250px; background: url(/music/concert/img/index_img_24.jpg) left top; }
#content .blitz01 .right { width: 200px; margin-right:10px; margin-top:46px; }
#content .blitz01_a { width: 530px; height:110px; background: url(/music/concert/img/index_img_25.jpg) left top; }
#content .blitz01_txt { width: 490px; margin-left:20px; margin-top:36px; }
#content .blitz02 { width: 530px; height: 250px; background: url(/music/concert/img/index_img_26.jpg) left top; }
#content .blitz02 .right { width: 200px; margin-right:10px; margin-top:46px; }
#content .blitz02_a { width: 530px; height:110px; background: url(/music/concert/img/index_img_27.jpg) left top; }



/*--------------------------------
             BLITZ
--------------------------------*/

.icon_orange_link2 {padding-left: 10px; background: url(/cre/common/img/index_arw_08.gif) 0 6px no-repeat;}



/* --------------------------------
	ミュージックカレッジ×BLITZ
-------------------------------- */

div#blitz { position:relative; margin:-20px 0 0 0; width:701px; background:url(../img/index_blitz_bg_m.gif) repeat-y; }
div#blitz_bg { padding:0 0 10px 0; background:url(../img/index_blitz_bg_b.gif) no-repeat left bottom; }

div#blitz h3 { width:297px; float:left; }
div#blitz .img { width:404px; float:right; }
div#blitz .lead { clear:both; padding:10px 10px 0 10px; }



/* --------------------------------
	BLITZ PROJECT
-------------------------------- */

div#blitz_project { margin:10px 0 0 0; border:1px solid #000; padding:10px 10px 10px 10px; width:510px; }

div#blitz_project h6 {}
div#blitz_project .lead { margin:5px 0 0 0; }
div#blitz_project .list { margin:5px 0 0 0; }
div#blitz_project .list dl {}
div#blitz_project .list dl dt { padding:3px 0 0 0; font-weight:bold; }
div#blitz_project .list dl dd {}



/* --------------------------------
	BLITZ担当者からのメッセージ
-------------------------------- */

div#blitz_message { margin:15px 0 0 0; padding:0 0 15px 0; width:532px; background:#eeeeee; }

div#blitz_message h6 { padding:10px 0 0 0; }
div#blitz_message .main { padding:7px 0 0 20px; width:313px; float:left; }
div#blitz_message .main .catch {}
div#blitz_message .main .txt { margin:10px 0 0 0; }
div#blitz_message .sub { padding:7px 20px 0 0; width:154px; float:right; }
div#blitz_message .sub .img {}
div#blitz_message .sub .profile { margin:5px 0 0 0; }
div#blitz_message .sub .profile strong { font-weight:normal; font-size:140%; }
div#blitz_message .sub .profile span { font-size:120%; }



/* --------------------------------
	TOPICS　もっと詳しく紹介！
-------------------------------- */

/* 06数々の体験で友だちとの絆を深める ---------------- */
div#content .box_14 {}

div#content .box_14 h5 {}
div#content .box_14 .lead { margin:5px 0 0 0; }
div#content .box_14 .list { margin:5px 0 0 0; }
div#content .box_14 .list ul {}
div#content .box_14 .list ul li { clear:both; padding:5px 0 0 0; width:100%; float:left; }
div#content .box_14 .list ul li .main { width:395px; float:left; }
div#content .box_14 .list ul li .main h6 {}
div#content .box_14 .list ul li .main p { margin:2px 0 0 0; }
div#content .box_14 .list ul li .sub { width:127px; float:right; }



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

div#dormitory { margin:30px 0 0 0; }

div#dormitory h4 {}
div#dormitory .main { padding:15px 0 0 0; width:269px; float:left; }
div#dormitory .main .txt {}
div#dormitory .main .ref { padding:0 0 0 15px; background:url(/cre/common/img/icon_orange.gif) no-repeat 0 0.3em; float:right; }
div#dormitory .sub { padding:15px 0 0 0; width:248px; float:right; }