﻿/* loder */
#loader {
	*display: none; /* IE7 and below */ 
	_display: none; /* IE6 */
	background-image:url(../img/bg01.gif);
	background-repeat:repeat-x;
	background-color:#1F78B4;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	}

@media (max-device-width: 1024px) {
#wrap {
	display:none;
}
}

#loader_inner {
	position:absolute;
	top:40%;
	left:50%;
	width:427px;
	margin-left:-213px;

	}

#load-title {
	padding:0 0 10px;
}

#load-wrap {
	width:200px;
	margin:0 auto;
}

#load-now {
	float:left;
	width:112px;
}

#load-text {
	display:block;
	width:76px;
	height:37px;
	background-image: url(../img/bg_coutup.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin-top:3px;
	float:right;
}

/* default */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, small, img, th, td  {
    margin: 0;
    padding: 0;
    border:0;
}
body {
    font-size: 14px;
	font-family:"メイリオ", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, "meiryo UI", sans-serif;
    line-height: 1.6;
    text-align:center;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	font-size:14px;
}
ol, ul {
    list-style: none;
}

a:link, a:visited {
}
a:hover, a:active {
	color:#4D85D9 !important;
}

.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }





/* 基本構造
----------------------------------- */

body {
	position:relative;
	background-image:url(../img/bg01.gif);
	background-repeat:repeat-x;
	background-color:#1F78B4;
	min-width:1080px;

	
}


#first_obj01 {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-214px;
	z-index:10;
}



.wrap {
	position:relative;
	z-index:3;
	min-width:1080px;
	overflow: hidden;
	margin:0 auto;

}

.wrap_inner {
	background-image:url(../img/bg_kemuri02.png);
	background-repeat:repeat-y;
	background-position:50% 0;
	margin-bottom:1250px;
	position:relative;
	z-index:1;
}

.wrap_bg {
	background-image: url(../img/bg_sea.png);
	background-repeat:repeat-y;
	background-position:50% 0;
	position: absolute;
	top:860px;
	left:0px;
	z-index:1;
	height:500px;
	width:100%;
	min-width:1080px;
}

.wrap_foot {
	position:absolute;
	_top:3500px;/*IE6*/
	bottom/**/: 0;/*IE6以外*/
	left:0;
	height:1342px;
	width:100%;
	min-width:1080px;
	background-image:url(../img/bg_kemuri03.png);
	background-repeat: no-repeat;
	background-position:bottom;
	z-index:0;
	zoom:1;
}

.container {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	margin:274px 0 350px 0;
}

/* ソーシャルボタン
----------------------------------- */
.blockSocial {
	position: absolute;
	top: 40px;
	right:50px;
	z-index:100;

}

.blockSocial ul {
}

.blockSocial li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}

.blockSocial li.tw {
	width: 92px;
}

.blockSocial li.fb {
	width: 107px;
	overflow: hidden;
}


/* ヘッダー
----------------------------------- */

.head {
	position:relative;
	padding-top:274px;
	width:auto;
	min-width:1080px;
}

.head h1,
.head h2,
.head span {
	display:block;
	position:absolute;
}

.head h1 { top:40px; left:50%; z-index:8; margin-left:-533px;}

.head span#head_obj00 {
	display:block;
	position:relative;
	height:1358px;
	width:auto;
	min-width:1080px;
	background-image:url(../img/bg_kemuri01.png);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
	}
.head span#head_obj03 { top:255px; left:50%; z-index:3; margin-left:-260px;}
.head span#head_obj04 { top:225px; left:50%; z-index:2; margin-left:-590px;}
.head span#head_obj05 { top:225px; left:50%; z-index:1; margin-left:175px;}
.head span#head_obj06 { top:110px; left:50%; z-index:4; margin-left:-340px;}

.main {
	margin:20px 0 -90px -10px;
	height:670px;
	width:100%;
	background-image:url(../img/img_main.png);
	background-repeat:no-repeat;
	background-position:top;
}

/* ナビゲーション
----------------------------------- */

.g-nav_wrap{
	position:relative;
width:980px;
height:70px;
margin:0 auto;
}

.g-nav {
width:100%;
height:70px;
top:-5px;
left:0;
z-index:30;
background-image:url(../img/bg_g-nav.png);
background-repeat:no-repeat;
background-position:center;
}

.g-nav div {
	width:900px;
	margin:0 auto;
}

.g-nav a {
display:block;
float:left;
margin:0 10px;
text-indent:-9999px;
height:70px;
background-position:0 0;
background-repeat:no-repeat;
}

.g-nav a#btn01 { width:130px; background-image:url(../img/bg_g-nav_01.gif)}
.g-nav a#btn02 { width:174px; background-image:url(../img/bg_g-nav_02.gif)}
.g-nav a#btn03 { width:189px; background-image:url(../img/bg_g-nav_05.gif)}
.g-nav a#btn04 { width:137px; background-image:url(../img/bg_g-nav_03.gif)}
.g-nav a#btn05 { width:167px; background-image:url(../img/bg_g-nav_04.gif)}


.g-nav a#btn01:hover { background-position:0 -70px;}
.g-nav a#btn02:hover { background-position:0 -70px;}
.g-nav a#btn03:hover { background-position:0 -70px;}
.g-nav a#btn04:hover { background-position:0 -70px;}
.g-nav a#btn05:hover { background-position:0 -70px;}



/* コンテンツ 
----------------------------------- */
.box {width:980px; margin:0 auto;padding-top:100px; text-align:left; line-height:1.6;}

.box h2 { padding-bottom:50px;}
.box p { padding-bottom:10px;}

.block01 {}

.left01 { display:block; width:478px; float:left;}
.right01 { display:block; width:478px; float:right;}

.left02 { display:block; width:600px; float:left;}
.right02 { display:block; width:350px; float:right;	font-size:115%; padding-top:120px;}

#event a,
#facilities a {
	position:relative;
	display:block;
	padding-bottom:30px;
}

#event a:hover,
#facilities a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;	
}


#event a span { position:absolute; top:-40px ; left:-50px;}

.right02 strong {
	color:#765513;
	padding:25px 0 15px;
}

#menu {
	display:block;
	margin:70px auto 0;
	width:395px;
	}

#access h3 {
	font-size:143%;
	font-weight:bold;
	color:#765513;
	margin-top:30px;
}

/* --------------------------------
     2015/06/18 Youtube 追加
   -------------------------------- */
.movie_area{
	margin: 0 0 60px 0;
	padding: 35px;
	}
.movie_area h4{
	margin: 0 0 20px 0;
	text-align: center;
	}


/* FB likebox
----------------------------------- */
.fb_likebox {
	background:url(../img/bg_fb.jpg) no-repeat 0 0 #3B5998;
	margin-top:40px;
}

.fb_likebox_left {
	width:195px;
	height:338px;
	float:left;
	padding:20px 20px 0 20px;
	background:url(../img/img_fb03.png) no-repeat bottom;
}

.fb_likebox_left a { padding:8px 0 0 0 !important;}

.fb_likebox_right {
	float:left;
	width:509px;
	height:357px;
	border:solid #3B5998;
	border-width:1px 1px 1px 0;
}

.line_area {
	float:right;
	width:235px;
}

/* フッター
----------------------------------- */
.foot{
	position: absolute;
	left:0;
	bottom:0;
	z-index:5;
	width:100%;
	background-image:url(../img/bg_foot01.png);
	background-repeat:no-repeat;
	background-position:50% 265px;
	min-width:1080px;
	}

.foot_inner{
	position:relative;
	width: auto;
	min-width:1080px;
	height:492px;
	margin: 0 auto;
	overflow:hidden;
	}

	
.foot_inner span{
	position:absolute;
	}

.foot_inner span#foot_obj01{ left:50%; top:6px; margin-left:-506px;}
.foot_inner span#foot_obj02{ left:50%; top:0px; margin-left:-580px;}
.foot_inner span#foot_obj03{ left:50%; top:36px; margin-left:110px;}
.foot_inner span#foot_obj04{ left:50%; top:230px; margin-left:-28px;}


	
.foot_links{
	padding:40px 0 25px;
	background-color:#000;
	color:#FFF;
	min-width:1080px;
	}
	
.foot_links a{
	color:#FFF;
	display: inline-block;
	margin:0 10px;
	}
	
.foot_links small{
	margin-top:20px;
	display:block;
	}	


	
#scroll-top {
position:fixed;
top:0;
left:0;
z-index:30;
}	