@charset "utf-8";

html, body {
	width: 100%;
	min-width: 1024px;
}

body {
	color: #323232;
	background: #066bb2;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 13px;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

a {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

a:link, a:visited {
	color: #323232;
	text-decoration: none;
}

a:hover, a:active {
	color: #996885;
	text-decoration: underline;
}

#container {
	min-width: 1024px;
	background: url(../images/bg.png) repeat;
	border-top: #066bb2 15px solid;
}

#container img { vertical-align: top; }

/* --------------------------------------------------
	header
-------------------------------------------------- */

#header {
	border-top: #94bfdf 5px solid;
	border-bottom: #c8c8c8 1px dashed;
	width: 100%;
	height: 207px;
}

#header_inner {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#jinjukai { position: absolute; top: 34px; right: 0; }
#support_logo { position: absolute; top: 28px; left: 0; z-index: 2; }

#meta_nav { position: absolute; top: 89px; right: 0; }
.meta_nav_list { float: left; }
.meta_nav_list li { height: 44px; float: left; }

#nav {
	background: url(../images/nav/nav_bg.png) repeat-x;
	height: 99px;
}

#nav_inner {
	width: 900px;
	margin: 0 auto;
}

#nav_inner ul li {
	margin: 14px 0 0;
	float: left;
}

#copy { width: 900px; margin: 0 auto; padding: 18px 0 13px; }
#copy .txt { float: left; padding: 3px 0 0; }
#copy .tel { float: right; }
#top_img { width: 909px; margin: 0 auto; padding: 20px 0 0; }

/* --------------------------------------------------
	content
-------------------------------------------------- */

#top_content {
	padding: 21px 0 46px;
	border-bottom: #c8c8c8 1px dashed;
}

.nav_list { width: 909px; margin: 0 auto; }
.nav_list li { height: 69px; float: left; }


#top_course_time {
	width: 909px;
	margin: 7px auto 0;
}

#course_time_inner {
	width: 850px;
	padding: 15px 28px 36px 31px;	
	background: url(../images/course_time_bg_middle.png) repeat-y;
}

#course_time_inner #course {
	width: 232px;
	padding-right: 30px;	
	float: left;
}

#course_time_inner #course ul {
	padding-top: 16px;
}

#course_time_inner #course ul li {
	margin: 0px 6px 6px 0px;
	float: left;
}

#course_time_inner #course ul .mr0 {
	margin-right: 0px;
}

#course_time_inner #course ul .mb0 {
	margin-bottom: 0px;
}

#course_time_inner .schedule {
	padding-top: 16px;
	float: left;
}

#breadcrumb { font-size: 93%; width: 900px; margin: 0 auto; padding: 20px 0 0; }
#breadcrumb a:link, #breadcrumb a:visited {
	color: #323232;
	text-decoration: underline;
}

#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: none;
}

#content {
	padding: 0 0 45px;
	border-bottom: #c8c8c8 1px dashed;
}

#content_inner {
	width: 909px;
	margin: 0 auto;
}

#main_content {
	width: 649px;
	float: left;
	margin: 20px 0 0;
}

.content_bg_middle { background: url(../images/content_bg_middle.png) repeat-y; padding: 25px 34px 40px 33px; }

.content_bg_middle_b { background: url(../images/content_bg_middle.png) repeat-y; padding: 25px 34px 30px 33px; }

.content_bg_middle_c { background: url(../images/content_bg_middle.png) repeat-y; padding: 25px 34px 36px 33px; }

.content_bg_middle_b #course_b {
	margin-top: 40px;
}

.content_bg_middle_b #course_b li {
	float: left;
	margin: 0px 11px 11px 0px;
}

.content_bg_middle_b #course_b .mr0 {
	margin-right: 0px;
}

.content_bg_middle_b #course_b .mb3 {
	margin-bottom: 3px;
}

.imgbox .imgbox_inl {
	width: 285px;
	float: left;
	margin-right: 12px;
}

.imgbox .imgbox_inr {
	width: 285px;	
	float: left;
}

.imgbox li {
	float: left;
	margin-right: 18px;
}

.imgbox .mr0 {
	margin-right: 0px;
}

#support_system { margin: 30px 0 0; }

#support_system li {
	width: 285px;
	line-height: 1.8;
	float: left;
	text-align: center;
}

#support_system li.last {
	margin: 0 0 0 12px;
}

#support_service { margin: 40px 0 0; }

#support_service li {
	width: 271px;
	line-height: 1.8;
	float: left;
	text-align: left;
}

#support_service li.last {
	margin-left: 40px;
}

.box_l {
	width: 285px;
	padding: 0 12px 0 0;
	float: left;
}

.box_r {
	width: 285px;
	float: left;
}

.table { margin: 40px 0 0; line-height: 1.8; }
.table th { border: #cacaca 1px solid; background: #e4e4e4; font-weight: bold; padding: 10px 15px; }
.table td { border: #cacaca 1px solid; padding: 10px 15px; }

.table_b { margin: 40px 0 0; line-height: 1.8; text-align: center; }
.table_b th { border: #cacaca 1px solid; background: #e4e4e4; font-weight: bold; padding: 10px 15px 8px; text-align: center; vertical-align: middle; }
.table_b td { border: #cacaca 1px solid; padding: 10px 15px 8px; vertical-align: middle; }

.table_c { margin: 27px 0 0; line-height: 1.8; }
.table_c th { border: #cacaca 1px solid; background: #e6f0f0; font-weight: bold; padding: 9px 15px; }
.table_c td { border: #cacaca 1px solid; padding: 9px 15px; }

.flow_number {
	width: 42px;
	float: left;
}

.flow_content { width: 520px; float: left; padding: 10px 0 0 20px; line-height: 1.8; }
.flow_content a:link, .flow_content a:visited {
	color: #996885;
	text-decoration: underline;
	font-weight: bold;
}

.flow_content a:hover, .flow_content a:active {
	text-decoration: none;
}

.oneday li {
	width: 281px;
	height: 104px;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
}

.oneday li.last {
	margin: 0;
}

.oneday li .txt {
	font-weight: bold;
	position: absolute;
	top: 45px;
	left: 150px;
}

.recreation li {
	border: #c8c8c8 1px solid;
	width: 265px;
	float: left;
	margin: 0 12px 0 0;
	padding: 9px;
}

.recreation li.last {
	margin: 0;
}

.recreation li .txt {
	line-height: 1.8;
}

.map_outer {
	display: block;
	border: #c8c8c8 1px solid;	
	width: 582px;
	height: 582px;
}

.map {
	display: block;
	width: 562px;
	height: 562px;
	margin: 10px;
}
 
#side { width: 229px; float: right; }
#side_inner { margin: 20px 0 0; }
#side_bg_middle { background: url(../images/side_bg_middle.png) repeat-y; }
#side_bg_middle ul li {
	border-bottom: #b6b6b6 1px dashed;
    background: url(../images/side_icon.png) no-repeat scroll 1em center rgba(0, 0, 0, 0);
	width: 180px;
	margin: 0 auto;
    padding: 17px 10px 15px 30px;
	line-height: 1.2;
}

#side_bg_middle ul .space {
	line-height: 1.5;
}

#side_bg_middle ul li.last {
	border: none;
    padding: 17px 10px 17px 30px;
}
#side a:link, #side a:visited {
	color: #323232;
	text-decoration: none;
	display: block;
}
#side a:hover, #side a:active {
	color: #2ca6e0;
	text-decoration: underline;
	display: block;
}

#sub_content {
	border: #c8c8c8 1px solid;
	width: 838px;
	margin: 45px auto 0;
	padding: 30px 30px 40px;
}

#sub_content_left { float: left; }
#sub_content_right { margin: 0 0 0 50px; float: left; }
#sub_content .name { font-size:131%; }
#sub_content .access { padding: 40px 0 0; }
#sub_content .contact { padding: 35px 0 0; }
#sub_content .time { padding: 3px 0 0; }
#sub_content .visiting_time { padding: 35px 0 0; }
#sub_content .white_bg { background: #fff; padding: 3px 10px; border-radius: 5px; }
#sub_content .small { font-size: 85%; line-height: 2.4; }
.contactbox { border: #c8c8c8 1px solid; width: 838px; margin: 45px auto 0; padding: 30px; }
.contactbox .name { font-size:131%; }
.contactbox .white_bg { background: #fff; padding: 3px 10px; border-radius: 5px; }
.contactbox .contact { width: 231px; margin: 0 23px 0 0; float: left; }
.contactbox .schedule { float: left; }
.contactbox .small { font-size: 85%; line-height: 2.4; }  

/* --------------------------------------------------
	footer
-------------------------------------------------- */

#pagetop { width: 900px; margin: 0 auto; padding: 40px 0 0; text-align: right; }

#footer {
	background: #066bb2;
	border-top: #94bfdf 10px solid;
	width: 100%;
	margin: 30px 0 0;
}

#footer_inner {
	width: 900px;
	height: 243px;
	margin: 0 auto;
	position: relative;
}

#footer_ttl { position: absolute; top: 35px; left: 0; }
#copyright { position: absolute; bottom: 36px; left: 0; }

#footer_nav { width: 900px; position: absolute; top: 75px; left: 0; }
.footer_nav_list { float: left; }
.footer_nav_list li { height: 44px; float: left; }

/* --------------------------------------------------
	common
-------------------------------------------------- */

.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mr0 { margin-right: 0px; }
.ml19 { margin-left: 19px; }
.ml65 { margin-left: 65px; }
.mb0 { margin-bottom: 0px; }
.pt2 { padding-top: 2px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt15 { padding-top: 15px; }
.pt17 { padding-top: 17px; }
.pt20 { padding-top: 20px; }
.pt21 { padding-top: 21px; }
.pt22 { padding-top: 22px; }
.pt25 { padding-top: 25px; }
.pt28 { padding-top: 28px; }
.pt30 { padding-top: 30px; }
.pt32 { padding-top: 32px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt43 { padding-top: 43px; }
.pt60 { padding-top: 60px; }
.pb2 { padding-bottom: 2px; }
.pb7 { padding-bottom: 7px; }
.pb18 { padding-bottom: 18px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }

.h10 { height: 10px; }

.center { text-align: center; }

.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }

.bold { font-weight: bold; }
.green { color: #11aab4; }

.small { font-size: 85%;}

.attention { font-size: 85%; }


#info {
	width: 909px;
	margin: 30px auto 0;
}

#info_inner {
	width: 850px;
	margin: 0 auto;
	padding: 10px 34px 40px 33px;
	background: url(../images/course_time_bg_middle.png) repeat-y;
}
#info dl {
	background: #fff;
	overflow: hidden;
}
#info dt { width: 15%; float: left; height: 20px;
    padding: 15px 0 6px; border-bottom: #ccc 1px dashed; }
#info dd { width: 85%; float: left; height: 20px;
    padding: 15px 0 6px; border-bottom: #ccc 1px dashed; }
	
#info dd a:link, #info dd a:visited {
	color: #2ca6e0;
	text-decoration: underline;
}

#info dd a:hover, #info dd a:active {
	color: #2ca6e0;
	text-decoration: none;
}