@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: default.css
 -----------------------------------------------------------*/

/*==================================================
	for IE6/7/8
==================================================*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;}

/*==================================================
	基本設定、リンクカラーなど
==================================================*/
html {font-size: 62.5%;}
body {
	background:url(../images/bg.jpg);
	letter-spacing: 0;
	line-height: 1.4; /* 基本の行間 */
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;}
* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

input,textarea,select {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;
	font-size: 100%;}

* html input,
* html textarea,
* html select {/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/*\*/
* html table {
	font-size: 100%;}
/**/

/*==================================================
	link
==================================================*/
a:link {
	color: #3399cc;}

a:visited {
	color: #3399cc;}

a:hover {
	text-decoration: none;}

a:active {}


/* 汎用class
----------------------------------------------------*/
.float-left {
  float: left;}
.float-right {
  float: right;}
.clear{
	clear: both;
	float: none;}
	
/* For modern browsers clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;}
.cf:after {clear: both;} 
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;} 



/*全体共通使用style
ヘッダー、フッター全体囲み、ぱんくずなど
--------------------------------*/
html,body {
 height: 100%;
	color: black;
	text-align: center;}
	 
#container {
	width:970px;
	margin:0 auto;
	min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;}
	
header {
	width: 100%;}

#contents {
	float: none;
	clear: both;}
#contents:before,
#contents:after {
  content: "";
  display: table;
}
#contents:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
#contents { zoom: 1; }

footer {
  clear:both;
  color:#fff;
  width: 100%;
  }


/* Section 1 */

#section-1{
  background:url(../images/main.jpg) 50% 0 no-repeat;
  background-size:cover;
  width:100%;
  background-color:#000;
  }

#section-1 h1{
  z-index:1;
  background:url(../images/main_suien.png) no-repeat right;
  background-size:contain;
  text-indent:-9999px;
  position:absolute;
  top:15px;
  right:5%;
  width:90%;
  height:90%;
  }

#section-1 .kaiyodo {
  text-indent:-9999px;
  margin:19px 0 0 75px;
  float:left;
  }

#section-1 .kaiyodo a {
  background:url(../images/kaiyodo.png) no-repeat;
  display:block;
  position:relative; 
  height:17px;
  width:99px;
  z-index:2;
  }  
  
#section-1 h2{
  text-transform:capitalize;
  opacity:.75;
  font-size:48px;
  }

#section-1 .menu {
  margin:0 auto;
  width:100%;
  display:block;
  position:absolute;
  bottom:20px;
  text-align:center;
  /width:0%;
  }
   
.menu a{
  display:block;
  text-indent:-9999px;
  width:44px;
  height:17px;
  margin:0 auto;
  }
  
#section-1 .menu a.down {background:url(../images/down.png) no-repeat;}

#section-2 .menu {
  margin:0 auto;
  width:100%;
  display:block;
  text-align:center;
  }

#section-2 .menu a.up {
  background:url(../images/up.png) no-repeat;
  margin:0 auto 15px auto;
  outline:none;
  }


/* Section 2 */
#section-2{ background:url(../images/bg.jpg);}

#section-2 #section-2Contents {
  background:url(../images/section-2-bg.png) repeat-y center;
  width:900px;
  margin:0 auto;
  padding:30px 20px 5px 20px;
  overflow:hidden;
  }

/* Section 2 Right */

#section2Right {
  float:right;
  width:580px;
  background:url(../images/image.jpg) no-repeat bottom center;
  margin-bottom:45px;
  }

#section2BoxRight {
  float:right;
  width:200px;
  }
  
#section2BoxRight h2 {
  float:right;
  background:url(../images/h2_1.png) no-repeat;
  width:77px;
  height:678px;
  text-indent:-9999px;
  }
  
#section2BoxRight .copy {
  float:left;
  background:url(../images/h2_2.png) no-repeat;
  display:block;
  width:94px;
  height:689px;
  text-indent:-9999px;
  }

/* Section 2 Center */

#section2BoxCenter {
  float:right;
  width:208px;
  margin-right:110px;
  }
  
#section2BoxCenter h3 {
  background:url(../images/h3_1.png) no-repeat;
  width:208px;
  height:163px;
  text-indent:-9999px;}

#section2BoxCenter .explanation {
  background:url(../images/suien.png) no-repeat;
  width:166px;
  height:529px;
  margin:20px auto 0 auto;
  text-indent:-9999px;
  }


/* Section 2 Left */
#section2BoxLeft {width:300px;}
  
#section2BoxLeft h3 {
  background:url(../images/h3_2.png) no-repeat;
  margin:0 auto 20px auto;
  width:208px;
  height:163px;
  text-indent:-9999px;
  }

#section2BoxLeft img {margin:0 0 10px 10px;}
  
#section2BoxLeft .spec {
  text-align:left;
  list-style:disc;
  margin-left:50px;
  font-size:1em;
  color:#fff;
  }
#section2BoxLeft .spec li {margin:0 0 5px 0;}
.package {
  float:right;
  padding-right:22px;
  margin-left:0 !important;
  }

.price {
  display:block;
  background:url(../images/price.png) no-repeat;
  width:177px;
  height:23px;
  text-indent:-9999px;
  margin:20px 0 0 35px;
  /margin:20px 0 0 -30px;
  }
  
/* Section 2 event */

#event {
  background:url(../images/event_bg.png) no-repeat;
  clear:both;
  color:#fff;
  font-size:1.4em;
  margin:50px auto 15px auto;
  height:237px;
  width:787px;
  text-align:left;
  padding:20px;
  }
  
#event h3 {
  background:url(../images/event.png) no-repeat;
  width:329px;
  height:29px;
  text-indent:-9999px;
  margin-bottom:15px;
  }
 
#event a {color:#E74A22;}
  
#event img {
  float:right;
  position:relative;
  top:-120px;
  margin-bottom:-120px;
  padding-bottom:-120px;
  }
  
#event dl {
  width:400px;
  background:#403D34;
  margin:20px;
  padding:5px;
  }
  
#event dl dt {
  float: left;
  width: 7em;
  padding: 5px 0;
  font-weight: bold;
  text-indent: 1em;}
  
#event dl dd {padding: 5px 0 5px 7em;}




/* ▼IE6～7用▼ */ 

* html .curtains{
  width: 100%;
  z-index:1;
  position:relative;
  }

.curtains>li{
  display:block;
  width: 100%;
  overflow: hidden;
  }

* html #section-1 h1 {
  background:none;
  text-indent:-9999px;
  position:absolute;
  top:15px;
  width:216px;
  height:443px;
  }

* html #section-1 {
  line-height:0;
  list-style:none;
  display:block !important;
  background:url(../images/main_ie6.jpg) center !important;
  width:910px !important;
  height:594px !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:bottom;
  }

* html #section-1 a {line-height:normal;}

* html #section-1,
#section-2 {list-style:none;}
  
* html #section-1 .menu {display:none;}
* html #section-2 .menu {display:none;}

* html #section-1 .kaiyodo { margin:19px 0 0 37px;} 
  
/* ▲IE6～7用▲ */