@charset "utf-8";
/* CSS Document */

/* オープンキャンパス　スタイルシート
================================================== */ 



/* 共通スタイル
================================================== */
#wrap{
    position: relative;
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}

table{
	border-collapse: collapse;
}
table td{
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}
table th{
	vertical-align: top;
	text-align: left;
	padding: 10px;
}



/* フォームまわり */
input, textarea,select{
	vertical-align: middle;
	display: inline-block;

	height: 20px;
	padding: 4px;
	border: 1px solid #969696;
	font-size: 100%;
}
textarea{
	overflow: auto;
	vertical-align: top;
	resize: none;
	height: 150px;
	height: auto !important;
	min-height: 150px;
}
.radiobtn,.checkbox{
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}

.input-mini {
	width: 50px;
}
.input-small {
	width: 80px;
}
.input-medium {
	width: 250px;
}
.input-large {
	width: 350px;
}

.indis{/* 必須項目 */
	color: #FF0019;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}

#btn_form_area{
	text-align: center;
	margin-top: 20px;
}

#btn_form_submit{/* 送信するボタン */
	width: 80px;
	height: 30px;
	border: none;
	padding: 0px;
}

#complete_message{/* 送信完了画面テキスト */
	text-align: center;
	padding-top: 350px;
}



#form_notes{
	margin-top: 30px;
}
#form_notes dt{
	width: 1em;
}
#form_notes dd{
	margin: -1.7em 0 0 1.5em;
}



.ssl{
	margin-top: 30px;
}
.ssl_logo{
	float: left;
	width: 100px;
}
.ssl p{
	float: right;
	width: 470px;
}



span.red{
	color: #FF0019;
}

span.pink{
	color: #FF6496;
}





/* 共通スタイル（左カラム）
================================================== */
#sub{
	float: left;
	width: 215px;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	background: #FF6496;
}
#sub_map{
	float: left;
	width: 215px;
	height: 1654px;
	background: #FF6496;
}

#sub_contents{
	width: 185px;
	margin: 0 auto;
}

.logo{
	width: 215px;
	height: 50px;
	margin-top: 20px;
	background: url(../img/opencampus/logo.jpg) no-repeat;
}
.logo_opencampus a{
	display: block;
	width: 185px;
	height: 140px;
	margin-top: 15px;
	background: url(../img/opencampus/logo_opencampus.jpg) no-repeat;
}
.logo_opencampus a:hover{
	display: block;
	background: url(../img/opencampus/logo_opencampus.jpg) no-repeat;
	background-position: 0px -140px;
}

/* 左メニュー（開催概要、タイムテーブル） */
#menu_sub{
	width: 185px;
	margin-top: 15px;
}
#menu_sub li{
	border-top: 1px dotted #fff;
	padding: 2px 0;
}
#menu_sub li.bottom{
	border-bottom: 1px dotted #fff;
}
#menu_sub li img{
	vertical-align: bottom;
}
#menu_sub #menu01 a{/* 開催概要 */
	display: block;    
	background: url(../img/opencampus/menu_sub_gaiyou.jpg) no-repeat;
	background-position: 0px -36px;
	width: 185px;
	height: 36px;    
}
#menu_sub #menu01 a:hover, #menu_sub #menu01_active a{
	background: url(../img/opencampus/menu_sub_gaiyou.jpg) no-repeat;
	display: block;
}
#menu_sub #menu02 a{/* タイムテーブル */
	display: block;    
	background: url(../img/opencampus/menu_sub_timetable.jpg) no-repeat;
	background-position: 0px -36px;
	width: 185px;
	height: 36px;    
}
#menu_sub #menu02 a:hover, #menu_sub #menu02_active a{
	background: url(../img/opencampus/menu_sub_timetable.jpg) no-repeat;
	display: block;
}
#menu_sub #menu03 a{/* 会場マップ */
	display: block;    
	background: url(../img/opencampus/menu_sub_map.jpg) no-repeat;
	background-position: 0px -36px;
	width: 185px;
	height: 36px;    
}
#menu_sub #menu03 a:hover, #menu_sub #menu03_active a{
	background: url(../img/opencampus/menu_sub_map.jpg) no-repeat;
	display: block;
}
#menu_sub #menu04 a{/* 参加申込 */
	display: block;    
	background: url(../img/opencampus/menu_sub_request.jpg) no-repeat;
	background-position: 0px -36px;
	width: 185px;
	height: 36px;    
}
#menu_sub #menu04 a:hover, #menu_sub #menu04_active a{
	background: url(../img/opencampus/menu_sub_request.jpg) no-repeat;
	display: block;
}
#menu_sub #menu05 a{/* 無料送迎バス */
	display: block;    
	background: url(../img/opencampus/menu_sub_bus.jpg) no-repeat;
	background-position: 0px -36px;
	width: 185px;
	height: 36px;    
}
#menu_sub #menu05 a:hover, #menu_sub #menu05_active a{
	background: url(../img/opencampus/menu_sub_bus.jpg) no-repeat;
	display: block;
}

/* ナビエリア（アクセス、資料請求・・・）*/
#navi{
	width: 185px;
	margin-top: 30px;
}
#navi li{
	height: 2.5em;
}
#navi li a{
	padding-left: 1em;
	background: url(../img/opencampus/icon_nav_01.jpg) left center no-repeat;
	text-decoration: none;
	color: #fff;
}
#navi li a:hover{
	text-decoration: underline;
}

.copyright{
	color: #fff; font-size: 10px;
	position: absolute;
	bottom: 10px;
}





/* 共通スタイル（右カラム）
================================================== */
#main{
	float: left;
	width: 670px;
	border-top: 3px solid #FF6496;
	margin: 40px 0 0 25px;
	padding-bottom: 30px;

	background: #fff;
	
	min-height: 700px;
	height: auto !important;
	height: 700px;
}

#header_contents{
	width: 590px;
	margin: 0 auto;
}

#main_contents{
	width: 590px;
	margin: 0 auto;
}

#sectionbox001{/* コンテツ内のボックス要素 */
	clear: both;
	margin: 25px 0 20px 0;
}

#navi_page_top a{/* ページ上部へ */
	position: absolute;
	bottom: 10px;
	right: 40px;
	padding-left: 1.3em;
	background: url(../img/opencampus/icon_foot_01.jpg) left center no-repeat;
	color: #FF6496;
}





/* トップページ
================================================== */
#mainimg_top{
}
#mainimg_top_title{
	position: absolute;
	top: 40px;
	left: 20px;
}

#mainimg_top_sub{
	position: fixed;
	/*top: 400px;*/
	bottom: 100px;
	left: 20px;
}

#footer_top{
	position: fixed;
	bottom: -10px;
	width: 100%;
	background: #fff;
	padding: 20px 0;
}

#logo_top{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 222px;
	height: 40px;
	background: url(../img/opencampus/logo_top.jpg) no-repeat;
}

#menu_top{
	width: 556px;
	margin-left: 20px;
} 
#menu_top li{  
	float: left;
}
#menu_top #menu01 a{/* 開催概要 */
	display: block;    
	background: url(../img/opencampus/menu_top_gaiyou.jpg) no-repeat;
	width: 111px;
	height: 41px;    
}  
#menu_top #menu01 a:hover, #menu_top #menu01_active{
	background: url(../img/opencampus/menu_top_gaiyou.jpg) no-repeat;
	background-position: 0px -41px;
	display: block;
}
#menu_top #menu02 a{/* タイムテーブル */
	display: block;    
	background: url(../img/opencampus/menu_top_timetable.jpg) no-repeat;
	width: 111px;
	height: 41px;    
}  
#menu_top #menu02 a:hover, #menu_top #menu02_active{
	background: url(../img/opencampus/menu_top_timetable.jpg) no-repeat;
	background-position: 0px -41px;
	display: block;
}
#menu_top #menu03 a{/* 会場マップ */
	display: block;    
	background: url(../img/opencampus/menu_top_map.jpg) no-repeat;
	width: 111px;
	height: 41px;    
}  
#menu_top #menu03 a:hover, #menu_top #menu03_active{
	background: url(../img/opencampus/menu_top_map.jpg) no-repeat;
	background-position: 0px -41px;
	display: block;
}
#menu_top #menu04 a{/* 参加申込 */
	display: block;    
	background: url(../img/opencampus/menu_top_request.jpg) no-repeat;
	width: 111px;
	height: 41px;    
}  
#menu_top #menu04 a:hover, #menu_top #menu04_active{
	background: url(../img/opencampus/menu_top_request.jpg) no-repeat;
	background-position: 0px -41px;
	display: block;
}
#menu_top #menu05 a{/* 無料送迎バス */
	display: block;    
	background: url(../img/opencampus/menu_top_bus.jpg) no-repeat;
	width: 112px;
	height: 41px;    
}  
#menu_top #menu05 a:hover, #menu_top #menu05_active{
	background: url(../img/opencampus/menu_top_bus.jpg) no-repeat;
	background-position: 0px -41px;
	display: block;
}





/* 開発概要
================================================== */
table.table_002{
	width: 590px;
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px #B4B4B4;
}
table.table_002 th{
	width: 100px;
	border: 1px solid #B4B4B4;
	border-left: none;
}
table.table_002 td{
	width: 490px;
	border: 1px solid #B4B4B4;
	border-right: none;
}





/* タイムテーブル
================================================== */
table.table_003{
	width: 590px;
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
}
table.table_003 th{
	border: 1px solid #B4B4B4; 
	border-left: none;
}
table.table_003 th.th_01{
	width: 110px;
}

table.table_003 td{
	border: 1px solid #B4B4B4;
	border-right: none;
}
table.table_003 td.td_01{
	width: 350px;
}
table.table_003 td.td_02{
	width: 80px;
}
table.table_003 tr.td_dotted td{
	border-top: 1px dotted #B4B4B4;
	border-bottom: 1px dotted #B4B4B4;
}
table.table_003 tr.td_dotted_02 td{
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px dotted #B4B4B4;
}





/* 会場マップ
================================================== */
.floor{
	float: right;
	width: 255px;
}
.floor div{
	width: 255px;
	border: 1px solid #FF6496;
	color: #FF6496; font-weight: bold;
	text-align: center;
	margin-bottom: 13px;
}
.floor li{
	border-top: 1px dotted #B4B4B4;
	line-height: 1.7em;
	padding: 5px 0;
}
.floor li.bottom_map{
	border-bottom: 1px dotted #B4B4B4;
}
.floor li p{
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.floor li img{
	position: relative;
	top: 2px;
	width: 15px;
}
.floor span{
	color: #FF6496;
	font-weight: bold;
	font-size: 15px;
	margin-left: 5px;
}

#glaylayer_map{/* LightBox */
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0.60;
	filter: alpha(opacity=60);
}

#overlayer_map{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -325px;
	border: 10px solid #fff;
}

#overlayer_map img.close_map{
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}





/* 参加申込
================================================== */
.form_section001 li{
	float: left;
	width: 120px;
}
.form_section002 li{
	float: left;
	width: 180px;
}

table.table_001{
	width: 590px;
	border: 1px solid #C3B9AA;
}
table.table_001 th{
	width: 210px;
	background: #F0EBDC;
	border: 1px solid #C3B9AA;
}
table.table_001 td{
	width: 380px;
	border: 1px solid #C3B9AA;
}





/* 無料送迎バス
================================================== */
#bus-root{
	float: left;
	width: 200px;
	white-space: nowrap;
}
#bus-root p{
	word-wrap: break-word;
}
#bus-root div{
	width: 200px;
	text-align: center;
	border: 1px solid #FF6496;
	color: #FF6496; font-weight: bold; font-size: 14px;
	padding: 3px 0;
	margin-bottom: 13px;
}
#bus-root span.bus_midashi_pink{
	font-size: 14px;
	color: #FF6496;
}
#bus-root span.bus_midashi_black{
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
#bus-root table{
	width: 200px;
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
}
#bus-root table th{
	width: 130px;
	border: 1px solid #B4B4B4;
	border-left: none;
}
#bus-root table td{
	width: 70px;
	border: 1px solid #B4B4B4;
	border-right: none;
}

#border_590{
	width: 590px;
	border-bottom: 1px dotted #646464;
	clear: both;
	margin: 20px 0 25px 0;
}

#glaylayer_bus{/* LightBox */
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0.60;
	filter: alpha(opacity=60);
}

#overlayer_bus{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	border: 10px solid #FF6496;
	
}

#overlayer_bus img.close_bus{
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}





/* 平成25年度オープンキャンパスのご報告
================================================== */
#oc_report_2013{
	width: 960px;
	margin: 0 auto;
	background: #fff;
}

#oc_report_2013_contents{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#oc_report_2013_contents p{
	margin-bottom: 30px;
}

h1.oc_report_2013_tit{/* ヘッダータイトル */
	width: 800px;
	height: 170px;
	margin: 0 auto 25px auto;
	background: url(../img/opencampus/header_report.png) no-repeat;
}

h2.oc_report_2013_tit_02{/* ピンク帯見出し */
	width: 800px;
	height: 40px;
	line-height: 40px;
	text-indent: 15px;
	margin-bottom: 20px;
	background: #FF6496;
	
	color: #fff;
	font-size: 24px;
}
h2.oc_report_2013_tit_02 span{
	font-size: 13px;
	vertical-align: middle;
}

#oc_report_2013_contents_02{
	width: 370px;
	margin-bottom: 30px;
}
#oc_report_2013_contents_02 .img_l{
	float: left;
	margin-bottom: 15px;
}
#oc_report_2013_contents_02 .img_r{
	float: right;
	margin-bottom: 15px;
}
#oc_report_2013_contents_02 .img_c{
	text-align: center;
}
#oc_report_2013_contents_02 .midashi_pink{
	clear: left;
	color: #FF6496;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
#oc_report_2013_contents_02 .text{
}

#oc_report_2013_contents_03{
	width: 800px;
	height: 260px;
	background: url(../img/opencampus/img_report_21.jpg) no-repeat;
	background-position: right;
}
#oc_report_2013_contents_03 .icon{
	float: left;
	margin-top: 35px;
}
#oc_report_2013_contents_03 .text{
	float: left;
	margin: 30px 0px 0px 15px;
}