@charset "utf-8";

/******初期化******/
* { margin: 0px; padding: 0px;}

body { margin: 0px; padding: 0px;  color:#555555; font-size: 75%; *font-size: small; *font: x-small; line-height: 1.4; font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Arial,Verdana,Helvetica,"MS P ゴシック","MS UI Gothic",sans-serif; background:#000f22 url(/style_images/body_back.jpg) repeat-x; text-align: center; /* 古いIE対策 */}
table, th, tr, td{ font-size: 100%; line-height: 1.4; font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Arial,Verdana,Helvetica,"MS P ゴシック","MS UI Gothic",sans-serif;
 text-align: left;}
input, textarea, select, option { font-size: 100%; font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Arial,Verdana,Helvetica,"MS P ゴシック","MS UI Gothic",sans-serif;
}
li,ul{ margin:0; padding:0; list-style:none;}
* html img{ vertical-align:top;}

/****** Mac UTF-8の文字化け防止******/
/*＼*//*/
input, textarea, select, option { font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;}
/**/
a{ cursor:pointer; padding:0; margin:0;}
a img{ border: none; background-color: transparent;}

/******共通******/
a:link{ color: #0066cc; text-decoration:none;}
a:visited{ color:#0066cc; text-decoration:none;}
a:hover{ color: #bb3377;}
a:active{ color: #bb3377;}

/* ===============[ float解除 ]=============== */
.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 */


/*共通デザイン*/

.wrap{ width:100%; clear:both;}
.box{ margin-left:auto; margin-right:auto; width:900px; padding:0 25px; text-align:left; clear:both; background:#FFFFFF;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*ヘッダー共通デザイン*/
.header_box{ padding-bottom:25px;}

a.logo{ width:270px; height:60px; background:url(/style_images/logo.gif); display:block; text-indent:-9999px; float:left; margin-top:35px;}
.page_info{ margin-left:38px; width:320px; float:left; margin-top:35px;}
.page_info h1{ font-size:95%; color:#000000;}
.page_info p{ font-size:95%; margin-top:5px;}
.header_info{ width:200px; float:right; border:1px solid #DDDDDD; margin-top:30px;}
.header_info p{ background:url(/style_images/tel.gif); height:70px; text-indent:-9999px;}

.menu_box{ background:url(/style_images/menu.jpg) no-repeat #ffffff; height:50px; border-bottom:3px solid #EEEEEE; border-top:3px solid #EEEEEE;}
.menu_box li{ display:block; float:left;}
.menu_box a{ display:block; height:50px; width:150px; text-indent:-9999px;}
.menu_box a:hover{ background:url(/style_images/menu.jpg);}
.menu_box a:hover.gallery{ background-position: -25px -50px;}
.menu_box a:hover.user{ background-position: -175px -50px;}
.menu_box a:hover.calender{ background-position: -325px -50px;}
.menu_box a:hover.events{ background-position: -475px 50px;}
.menu_box a:hover.accessmap{ background-position: -625px -50px;}
.menu_box a:hover.contact{ background-position: -775px -50px;}


.main_image_box{ padding-top:25px;}
.main_image_wrap img{ border:#EEEEEE 1px solid;}


.contents_box{ padding:20px 25px 40px 25px;}

.contents_box .navi{ padding-bottom:20px; font-size:90%;}
.contents_box .navi h1{ font-weight:normal; display:inline; color:#000000; font-size:100%;}
.contents_box .navi span{ padding:0 5px; display:inline-block;}

.contents_left{ width:284px; float:left;}
.contents_right{ width:592px; float:right;}

.contents3_left{ width:280px; float:left; padding-top:10px;}
.contents3_left img{ border:1px solid #EEEEEE; margin-top:15px;}
.contents3_left h2{ font-size:120%; color:#000000;}
.contents3_left p{ margin-top:15px;}

.contents3_center{ width:280px; float:left; margin-left:20px; padding-top:10px;}
.contents3_center h2{ font-size:120%; color:#000000;}
.contents3_center dt{ margin-top:10px; border-top:1px solid #EEEEEE; padding-top:8px; color:#000000;}
.contents3_center dd{ margin-top:5px; font-size:90%;}

.contents3_right{ width:280px; float:right; padding-top:10px;}
.contents3_right h2{ font-size:120%; color:#000000;}
.contents3_right dt{ margin-top:10px; border-top:1px solid #EEEEEE; padding-top:8px;}
.contents3_right dt span{ font-size:90%; display:block; padding-bottom:5px; color:#000000;}
.contents3_right dt a{ font-size:100%;}
.contents3_right dd{ margin-top:5px; font-size:90%;}
.contents3_right p{ margin-top:10px; border-top:1px solid #EEEEEE; padding-top:8px; font-size:90%; text-align:right;}

.top_title{ background:url(/style_images/global_title.jpg) repeat-x; font-weight:normal; color:#000000; padding:10px; padding-top:15px; border:1px solid #EEEEEE; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}

.title{ padding-bottom:10px; border-bottom:1px solid #DDDDDD; margin-top:20px;}

.main_contents p{ margin-top:15px;}
.main_contents ul{ margin-top:15px;}

.side_info{ clear:both;}
.side_info h2{ font-size:100%; margin-top:20px; border:1px solid #CCCCCC; padding:15px; padding-top:20px; color:#000000; background:url(/style_images/global_title.jpg) repeat-x;}
.side_info p{ border:1px solid #CCCCCC; padding:15px; line-height:1.7em; background:url(/style_images/global_text.jpg) repeat-x;}
.side_info ul{ border:1px solid #CCCCCC; padding:15px; padding-top:10px; background:url(/style_images/global_text.jpg) repeat-x;}
.side_info li{ padding-top:5px; list-style:circle; margin-left:15px; font-size:90%;}
.side_info p span{ font-size:90%;}

.map{ margin-top:20px; border:1px solid #EEEEEE;}

.spec img{ border:1px solid #EEEEEE; margin-top:20px;}

.l_photo{ margin-top:20px;}
.l_photo li{ display:block; height:400px; position:relative;}
.l_photo li span{ display:block; width:580px; position:relative; position:absolute; left:1px; bottom:-1px; z-index:10; background:#000000; color:#FFFFFF; line-height:1em; padding:5px; opacity: 0.7; filter: alpha(opacity=70);}
.l_photo img{ border:1px solid #EEEEEE; z-index:1;}
.photos ul{ padding-bottom:20px; padding-top:10px;}
.photos li{ display:block; width:90px; float:left; margin-left:10px; margin-top:10px;}
*html .photos li{ margin-left:5px;}
*html .photos img{ float:left;}
.photos li.fst{ margin-left:0;}
.photos img{ border:1px solid #EEEEEE;}

.rule p{ margin-top:20px;}
.rule ul{ padding-top:10px;}
.rule li{ padding-top:15px; color:#000000; font-weight:bold;}
.rule li.sub{ color:#555555; font-weight:normal; padding-top:5px;}

.steps{ margin-top:20px; padding-bottom:15px;}
.steps li{ margin-top:10px; padding-left:50px; padding-top:3px;}
.steps li.step01{ background:url(/style_images/step01.gif) no-repeat;}
.steps li.step02{ background:url(/style_images/step02.gif) no-repeat;}
.steps li.step03{ background:url(/style_images/step03.gif) no-repeat;}
.steps li.next{ background:url(/style_images/next.gif) no-repeat center; text-indent:-9999px;}

.maplink{ margin-top:20px; padding-bottom:15px;}
.maplink li{ margin-top:5px;}
*html .maplink li{ margin-top:1px;}
.maplink a{ display:block; padding-left:28px; background:url(/style_images/click.gif) 0 3px no-repeat;}


.footer_box{ width:950px; padding:40px 0; background:#001025; color:#FFFFFF;}
.footer_left{ float:left; width:309px;}
.footer_right{ float:right; width:617px;}

.footer_box a{ color:#959fb2;}

.footer_menu_title{ font-size:100%; font-weight:normal;}
.footer_menu{ margin-top:5px;}
.footer_menu li{ display:inline;}
.footer_menu span{ color:#1c2942; display:inline-block; padding:0 5px;}

.footer_link_title{ margin-top:20px; font-size:100%; font-weight:normal;}
.footer_link{ margin-top:5px; font-size:90%;}
.footer_link li{ display:inline;}
.footer_link span{ color:#1c2942;}
.footer_link a{ color:#EEEEEE;}
.footer_link a:link{ color:#EEEEEE;}
.footer_link a:visited{ color:#EEEEEE;}
.footer_link a:hover{ color:#EEEEEE; text-decoration:underline;}
.footer_link a:active{ color:#EEEEEE;}

.footer_box .address{ line-height:1.6em;}
.footer_box .copyright{ margin-top:20px; font-size:90%;}

.global_title{ font-weight:normal; color:#000000; padding:10px 15px; border:1px solid #EEEEEE; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD;
background:url(/style_images/title_back01.gif); color:#000000;}


/*404*/
.error .contents_box{ text-align:center; padding-top:20px;}
.error .contents_box img{ vertical-align:middle;}

textarea{ width:400px;}