@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 .pad_b_40 {padding-bottom: 40px;}


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


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



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

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