@charset "utf-8";


/*
------------------------------------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border: none;empty-cells:show;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
li,dl{list-style:none;}
hr {display: none;}
img {vertical-align:bottom;border: none;}
a{text-decoration:none;color:#0033FF;}
a:hover{text-decoration:underline;color:#990000;}

/*
------------------------------------------------
Text SET
------------------------------------------------*/
dt,dd,li,pre,p,blockquote,th,td,address,input,textarea{font-size:12px;line-height:1.5;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;line-height:1.5;color:#333333;}

/*
------------------------------------------------
Other SET
------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
------------------------------------------------
Common Layout
------------------------------------------------*/


#wrap {
	background: #122073 url(../img/bg_body.jpg) repeat-x 0px 291px;
	width: 920px;
	margin: 0px auto;
}
#wrap #header {
	background: url(../img/bg_header.jpg) no-repeat 0px 0px;
	width: 920px;
}
#wrap #header h1 {
	padding-top: 19px;
	padding-left: 12px;
	padding-bottom: 12px;
}
#wrap #header ul {
	padding: 0px 0px 0px 3px;
	height: 40px;
	width: 917px;
	background: url(../img/bg_main_navi.jpg) repeat-x 0px 0px;
}
#wrap #header li {
	float: left;
	height: 30px;
	width: 128px;
	padding: 8px 3px 2px 0px;
}
#wrap #main {
	width: 920px;
	padding-bottom:30px;
}
#wrap #footer {
	background: url(../img/bg_footer.gif) repeat 0px 0px;
	width: 920px;
	clear: both;
}
#wrap #footer address {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

/*
------------------------------------------------
Index Layout
------------------------------------------------*/

#top #wrap {
	background: #122073 url(../img/top_bg_body.jpg) repeat-x 0px 613px;
	width: 920px;
	margin: 0px auto;
}

#top #wrap #main {
	padding: 40px 37px 50px 40px;
	width: 843px;
}
#top #wrap #main #contents {
	float: left;
	width: 548px;
	border: 1px solid #5A639D;
	background: #FFFFFF;
}
#top #wrap #main #sidearea {
	float: right;
	width: 250px;
}
#top #wrap #main #sidearea li {
	padding-bottom: 6px;
}
#top #wrap #main #sidearea ul {
	width: 250px;
}

#top #wrap #main #contents #recent_news {
	width: 518px;
	padding-right: 15px;
	padding-left: 15px;
}
#top #wrap #main #contents h2 {
	margin-bottom: 15px;
	border-bottom: 1px solid #5A639D;
}
#top #wrap #main #contents #recent_news dl {
	background: url(../img/line_dot_01.gif) repeat-x left bottom;
	width: 518px;
	padding: 7px 0px;
}
#top #wrap #main #contents #recent_news dt {
	float: left;
	width: 91px;
	padding-left: 17px;
	background: url(../img/ic_01.gif) no-repeat 4px 0.4em;
}
#top #wrap #main #contents #recent_news dd {
	float: left;
	width: 405px;
	padding-right: 5px;
}
#top #wrap #main #contents #recent_news dd a {
	color: #333333;
}
#top #wrap #main #contents #recent_news dd a:hover {
	color: #990000;
}
#top #wrap #main #contents #recent_news #newslast {
	background: url(none);
	border-bottom: 1px solid #000000;
}
#top #wrap #main #contents #schedule {
	padding: 6px 0px 8px 18px;
}
#top #wrap #main #contents #schedule a {
	color: #0000FF;
}
#top #wrap #main #contents #schedule a:hover {
	color: #0000FF;
	text-decoration: underline;
}

/*
------------------------------------------------
Join Layout
------------------------------------------------*/

#wrap #main .join_lead {
	padding: 46px 118px 30px 133px;
	width: 669px;
	font-size: 14px;
	font-weight: bold;
}
#wrap #main #joinbox {
	background: url(../img/bg_join.jpg) 0 0 no-repeat;
	width: 920px;
}
#wrap #main #joinbox #joincontents {
	width: 860px;
	padding-left: 30px;
	padding-right: 30px;
}
#wrap #main #joinbox #join_l {
	float: left;
	width: 400px;
}
#wrap #main #joinbox #join_r {
	float: right;
	width: 428px;
	background: url(../img/join_bg_box.gif) repeat 0px 0px;
	padding: 10px 0px 15px 10px;
}
#wrap #main #joinbox #join_b {
	clear: both;
	width: 830px;
	background: url(../img/join_bg_box.gif) repeat 0px 0px;
	padding: 15px;
}
#wrap #main #joinbox #joincontents #join_l .jbox1 {
	background: url(../img/join_bg_box.gif) repeat 0px 0px;
	width: 358px;
	padding: 15px;
	margin-bottom: 15px;
}
#wrap #main #joinbox #joincontents h3 {
	margin-bottom: 8px;
}
#wrap #main #joinbox #joincontents #join_r h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
#wrap #main #joinbox #joincontents #join_r table {
	width: 420px;
	margin-bottom: 10px;
	margin-left: 8px;
}
#wrap #main #joinbox #joincontents #join_r th {
	width: 60px;
}
#wrap #main #joinbox #joincontents #join_r td {
	width: 348px;
	padding-bottom: 3px;
	background: url(../img/join_ic_01.gif) no-repeat 0px 0.4em;
	padding-left: 12px;
}
#wrap #main #joinbox #joincontents #join_r .txt01 {
	font-weight: bold;
}
#wrap #main #joinbox #joincontents #join_r a {
	font-weight: normal;
}
#wrap #main #joinbox #joincontents #join_b ul {
	padding-top: 23px;
	padding-bottom: 10px;
}
#wrap #main #joinbox #joincontents #join_b li {
	float: left;
	width: 180px;
	padding-right: 33px;
}
#wrap #main #joinbox #joincontents #join_b #last {
	padding-right: 0px;
}




/*
------------------------------------------------
About Layout
------------------------------------------------*/

#wrap #main #about {
	padding: 20px 20px 0px;
	width: 880px;
}
#wrap #main #about h3 {
	margin-bottom: 7px;
}
#wrap #main .aboutunit01 {
	float: right;
	width: 422px;
}
#wrap #main #about .aboutunit01 ol {
	padding: 12px 0px 15px 10px;
}
#wrap #main #about .aboutunit01 li {
	margin-bottom: 3px;
}
#wrap #main #about .aboutbox01 {
	clear: both;
	width: 880px;
	padding-top: 30px;
}
#wrap #main #about .aboutbox01 .unit_l {
	float: left;
	width: 424px;
}
#wrap #main #about .aboutbox01 #aboutimg {
	text-align: center;
}
#wrap #main #about .aboutbox01 .unit_l ul {
	margin-bottom: 15px;
	padding-left: 5px;
}
#wrap #main #about .aboutbox01 .unit_l li {
	margin-bottom: 3px;
}

#wrap #main #about .aboutbox01 .unit_l .aboutnotice {
	font-weight: bold;
	color: #FFFFFF;
	text-indent: -14px;
	margin-left: 18px;
}


/*
------------------------------------------------
Staff Layout
------------------------------------------------*/

#wrap #main #staff .staffbox {
	padding-left: 30px;
	float: left;
	width: 413px;
}

#wrap #main #staff table {
	width: 413px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
#wrap #main #staff th,
#wrap #main #staff td {
	border-left: 1px solid #666666;
}
#wrap #main #staff th {
	border-bottom: 1px solid #666666;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#wrap #main #staff thead th {
	background: #122073;
	text-align: center;
	padding: 3px 0px;
	width: 50%;
}
#wrap #main #staff tbody td {
	background: #FFFFFF;
	width: 50%;
	text-align: center;
	padding: 4px 0;
}
#wrap #main #staff {
	padding-top: 30px;
}

/*
------------------------------------------------
Gallery Layout
------------------------------------------------*/

#wrap #main #gallery {
	padding-top: 15px;
	padding-left: 20px;
}
#wrap #main #gallery .galleryunit ul {
	width: 860px;
	background: #122073;
	padding: 20px 0px 20px 20px;
}
#wrap #main #gallery .galleryunit li {
	float: left;
	width: 90px;
	padding-right: 17px;
}
#wrap #main #gallery .galleryunit {
	width: 880px;
	padding-bottom: 15px;
}


/*
------------------------------------------------
Groundmap Layout
------------------------------------------------*/

#wrap #main #ground {
	width: 877px;
	padding-top: 15px;
	padding-right: 23px;
	padding-left: 20px;
}
#wrap #main #ground #groundbox_l {
	float: left;
	width: 550px;
}
#wrap #main #ground #groundbox_l h3 {
	margin-bottom: 9px;
}
#wrap #main #ground #groundbox_l #mapnotice {
	padding-bottom: 3px;
	padding-left: 3px;
}
#wrap #main #ground #groundbox_l #map {
	height: 427px;
	width: 550px;
	margin-bottom: 15px;
}
#wrap #main #ground #groundbox_r {
	float: right;
	width: 296px;
	background: #E2E4EE url(../img/map_bg_r.jpg) repeat-x 0px 0px;
}
#wrap #main #ground #groundbox_l #groundrule {
	border: 1px dotted #FFFFFF;
	padding: 5px;
}
#wrap #main #ground #groundbox_l #groundrule dt {
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
}
#wrap #main #ground #groundbox_l #groundrule dd {
	color: #FFFFFF;
}
#wrap #main #ground #groundbox_r ul {
	padding-left:27px;
}
#wrap #main #ground #groundbox_r li {
	width: 245px;
	height: 175px;
	padding: 5px 0px 0px 5px;
}
#wrap #main #ground #groundbox_r #groundimg01 {
	background: url(../img/map_bg_img_01.jpg);
	margin-bottom: 12px;
}
#wrap #main #ground #groundbox_r #groundimg02 {
	background: url(../img/map_bg_img_02.jpg);
	margin-bottom: 11px;
}
#wrap #main #ground #groundbox_r #groundimg03 {
	background: url(../img/map_bg_img_03.jpg);
	margin-bottom: 21px;
}

/*------------------------------------------------
ALPHA NISHINO ADD
------------------------------------------------*/
p.haikei {
color: #000000;
background-color: #00BFFF
}


