@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: 71px;
	height: 16px;
	left: 26px;
	top: 138px;
}

#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;
/* height: 60px;*/
 margin-top: 19px;
 padding: 8px 0 ;
}
#content .oc_box p {
 display: table-cell;
 vertical-align: middle;
}
/* IE 6 */
* html #content .oc_box p {
 display: inline;
 zoom: 1;
}

/* IE 7 */
*:first-child+html #content .oc_box p {
 display: inline;
 zoom: 1;
}

/*\*//*/
* html #content .oc_box p {
 display: inline-block;
}
/**/
#content .oc_box img {
 float: left;
 margin-left: 10px;
 margin-right: 10px;
}
#content .oc_box .txt {
/* margin-left: 130px;*/
 width: 550px;
}


#main_content .box_01 {
	width: 532px;
	margin-top: 17px;
}

#main_content .box_01 .left {
	display: block;
	width: 269px;
	float: left;
}

#main_content .box_01 .right {
	display: block;
	width: 245px;
	float: left;
	margin-left: 15px;
}
#main_content .box_02 {
	width: 532px;
	margin-top: 17px;
}

#main_content .box_02 .left {
	display: block;
	width: 243px;
	float: left;
	margin-right: 15px;
}

#main_content .box_02 .right {
	display: block;
	width: 269px;
	float: left;
}

#main_content .box_03 {
	width: 512px;
	background: #e5f7ce;
	padding: 10px 10px;
}

#main_content .box_03 .box_03_left {
	width: 115px;
	display: block;
	float: left;
}

#main_content .box_03 .box_03_right {
	width: 115px;
	display: block;
	float: right;
}


#main_content .box_04 {
	width: 532px;
}

#main_content .box_04 .box_04_left {
	width: 187px;
	display: block;
	float: left;
}

#main_content .box_04 .box_04_right {
	width: 336px;
	display: block;
	float: right;
}

#main_content .box_05 {
	width: 502px;
	background: #ECEBE9;
	padding: 20px 15px;
}

#main_content .box_05 .left {
	width: 230px;
	float: left;
}

#main_content .box_05 .right {
	width: 230px;
	float: right;
}

#main_content .box_05 .write_box {
	width: 218px;
	padding: 15px 6px;
	display: block;
}
#main_content .box_05 .box_05back {
	width: 502px;
	background-image: url(../../common/img/index_img_08.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.mar_l_218 { margin-left: 218px;
}
#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_06_02 {
	width: 512px;
	background: #DDDDDD;
	padding: 10px 10px;
}

#main_content .write_box_3 {
	width: 490px;
	background: #FFFFFF;
	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;
}

#content .box_08 {
	width: 17px;
	margin-top: 88px;
}

#main_content .box_09 {
	width: 532px;
	margin-top: 20px;
	clear: both;
	background-image: url(../../common/img/index_dt_h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#main_content .box_09 .left {
	width: 245px;
	float: left;
	padding-bottom: 20px;
}

#main_content .box_09 .right {
	width: 245px;
	float: right;
	padding-left: 16px;
	padding-bottom: 20px;
	background-image: url(../../common/img/index_dt_v.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#content .box_10 {
	width: 532px;
}
#content .box_10 .box_10_left {
	width: 172px;
	display: block;
	float: left;
}
#content .box_10 .box_10_mid {
	width: 172px;
	display: block;
	float: left;
}
#content .box_10 .box_10_right {
	width: 172px;
	display: block;
	float: right;
}

#content .box_11 {
	width: 532px;
}

#content .box_11 .bottom {
	width: 532px;
	clear: both;
	padding-top: 21px;
	margin-top: 20px;
	background-image: url(../../common/img/index_dt_h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#content .box_11 .bottom2 {
	width: 532px;
	clear: both;
	padding-top: 11px;
	margin-top: 18px;
	background-image: url(../../common/img/index_dt_h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#content .box_11 .bottom3 {
	width: 532px;
	clear: both;
	padding-top: 20px;
	background-image: url(../../common/img/index_dt_h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#content .box_12 {
	width: 532px;
	clear: both;
}
#content .box_12 .left {
	width: 323px;
	display: block;
	float: left;
}

#content .box_12 .right {
	width: 196px;
	display: block;
	float: right;
}

#content .box_13 {
	width: 532px;
}
#content .box_13 .left {
	width: 300px;
	display: block;
	float: left;
}
#content .box_13 .left .pc_info {
	padding: 8px 10px;
	border: 1px solid #333;
}
#content .box_13 .left h6 {
	font-weight: bold;
}
#content .box_13 .left dt {
	font-weight: bold;
}
#content .box_13 .right {
	width: 222px;
	display: block;
	float: right;
}

#main_content .box_14 {
	width: 532px;
}

#main_content .box_14 .left {
	width: 247px;
	float: left;
	padding-top: 17px;
}

#main_content .box_14 .right {
	width: 245px;
	float: right;
	padding-top: 17px;
	padding-left: 20px;
	background-image: url(../../common/img/index_dt_v.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#main_content .box_15 {
	width: 512px;
	background: #fbf3b9;
	padding: 10px 10px;
}

#main_content .box_15 .box_15_left {
	width: 205px;
	display: block;
	float: left;
}

#main_content .box_15 .box_15_right {
	width: 291px;
	display: block;
	float: right;
}
#content .h4_style {
	width: 532px;
	height: 27px;
	border-bottom: #c6c6c6 1px solid;
}

#content .box_01_style {
	width: 182px;
	border-bottom: #73be1e 1px solid;
}

#content .table_01 {
 border: #000000 1px solid;
 margin-top: 4px;
}

#content .table_01 th {
 border-bottom: #000000 1px solid;
 text-align: left;
 padding-left: 9px;
}

#content .table_01 td {
 padding: 6px 9px 10px 9px;
}

#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: 10px;
	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 {
	padding-left: 12px;
	background-image: url(../../common/img/index_arw_02.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#content #icon2 {
	padding-left: 10px;
	background-image: url(../../common/img/index_arw_02.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#content #icon2 a {
	font-weight: normal;
}



/* --------------------------------
	体験入学
-------------------------------- */

#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: 13px;
	font-weight: bold;
	background-image: url(../../common/img/index_arw_08.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.icon3 {
	padding-left: 10px;
	background-image: url(../img/cg/index_arw_02.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.icon4 {
	padding-left: 13px;
	font-weight: bold;
	background-image: url(../../common/img/index_arw_09.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;
}
.icon6 {
	padding-left: 15px;
	background-image: url(../../common/img/index_arw_03.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.mar_t_5 { margin-top: 5px; }
.mar_t_7 { margin-top: 7px; }
.mar_t_9 { margin-top: 9px; }
.mar_t_10 { margin-top: 10px; }
.mar_t_12 { margin-top: 12px; }
.mar_t_15 { margin-top: 15px; }
.mar_t_16 { margin-top: 16px; }
.mar_t_17 { margin-top: 17px; }
.mar_t_20 { margin-top: 20px; }
.mar_t_23 { margin-top: 23px; }
.mar_t_24 { margin-top: 24px; }
.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_b_5 { margin-bottom: 5px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_l_6 { margin-left: 6px; }
.mar_l_8 { margin-left: 8px; }
.mar_l_7 { margin-left: 7px; }
.mar_l_10 { margin-left: 10px; }
.mar_l_11 { margin-left: 11px; }
.mar_l_14 { margin-left: 14px; }
.mar_l_15 { margin-left: 15px; }
.mar_l_23 { margin-left: 23px; }

.pad_t_20 { padding-top: 20px; }
.pad_t_30 { padding-top: 30px; }
.pad_t_45 { padding-top: 45px; }
.pad_t_70 { padding-top: 70px; }
.pad_r_3 { padding-right: 3px; }
.pad_r_10 { padding-right: 10px; }
.pad_l_4 { padding-left: 4px; }
.pad_l_12 { padding-left: 12px; }

.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;
}
.h3_boxhight {
	height: 115px;
}
.red_font2 {
	color: #f3315f;
	font-weight: bold;
}
.font_bold {
	font-weight: bold;
}
.bottomheight {
	height: 268px;
}
.box_10height {
	width: 532px;
	height: 136px;
}
.font_right {
	text-align:right;
}
.write_boxheight {
	height: 90px;
}



/* --------------------------------
	学生作品
-------------------------------- */

#content .box_11 .gallery {}
#content .box_11 .gallery .gallery_01 { padding:11px 0 0 0; width:256px; float:left; }
#content .box_11 .gallery .gallery_02 { padding:11px 0 0 0; width:246px; float:right; }
#content .box_11 .gallery .gallery_03 { clear:both; position:relative; margin:0 0 0 -22px; padding:28px 0 0 0; width:554px; }
#content .box_11 .gallery .gallery_03 p { padding:0 0 0 22px; width:162px; float:left; }



/* --------------------------------
	PC環境
-------------------------------- */

#content .box_11 .bottom2 .facility { background:url(../../../../common/img/ds_v_01.gif) repeat-y 261px 0; }

/* CG制作
-------------------------------- */
#content .box_11 .bottom2 .facility .cg { padding:10px 0 0 0; width:243px; float:left; }
#content .box_11 .bottom2 .facility .cg h5 {}
#content .box_11 .bottom2 .facility .cg .img { padding:11px 0 0 0; }
#content .box_11 .bottom2 .facility .cg .txt { padding:8px 0 0 0; }
#content .box_11 .bottom2 .facility .cg .txt span { font-weight:bold; }

/* 無償提供！
-------------------------------- */
#content .box_11 .bottom2 .facility .note_pc { padding:10px 0 0 35px; width:251px; float:left; }
#content .box_11 .bottom2 .facility .note_pc h5 {}
#content .box_11 .bottom2 .facility .note_pc .txt { padding:15px 0 0 0; }
#content .box_11 .bottom2 .facility .note_pc .img { padding:8px 0 0 0; }








