@charset "utf-8" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/


/* -------------------------------------------------------------------------------------------------------
#mainVisual
------------------------------------------------------------------------------------------------------- */

#mainVisual{
overflow: hidden;
position: relative;
height: 802px;
}

#Visual{
overflow: hidden;
position: relative;
height: 598px;
}

#mainimg{
position: absolute;
left: 50%;
top: 0;
z-index: 1;
margin-left: -950px;
}

#img{
position: absolute;
left: 50%;
top: 0;
margin-left: -950px;
}

#main{
position: relative;
z-index: 5;
width: 618px;
text-align: center;
margin: 0 auto;
}

#main h1{
width: 100%;
position: absolute;
top: 248px;
z-index: 10;
}


#main em{
display: block;
width: 100%;
position: absolute;
top: 460px;
z-index: 20;
}

/* -------------------------------------------------------------------------------------------------------
#mainArea
------------------------------------------------------------------------------------------------------- */

#mainArea{
width: 1204px;
height: auto;
margin: 30px auto 10px;
}


/* -------------------------------------------------------------------------------------------------------
#plan
------------------------------------------------------------------------------------------------------- */

.resort_wedding{
	width:1200px;
	height:auto;
	margin:0 auto;
	}
	
.resort_wedding .main{
	width:893px;
	height:auto;
	float:left;
	margin:0 auto;
	}
	

.bf{
	background: url(../f-index/bridal_fair_bg.jpg) center no-repeat;
	float:right;
	width:451px;
	height:183px;
	font-size:12px;
	line-height:19px;
	color:#535353;
	}

.bf2{
	background: #FFF;
	float:right;
	width:445px;
	height:183px;
	font-size:12px;
	line-height:19px;
	color:#535353;
}

.resort_wedding a{
	color:#535353;
	}	

.wide_box{
	width:893px;
	height:555px;
	}
	
.wide_box_bottom{
	width:893px;
	height:160px;
	}

.chapel{
	width:431px;
	height:418px;
	float:left;
	border-right:1px solid #8a8000;
	margin:0 14px 0 0;
	padding:0 15px 0 0;
	}
	
.party{
	width:431px;
	height:443px;
	float:right;
	}

.wr{
	width:431px;
	height:160px;
	float:left;
	border-right:1px solid #8a8000;
	margin:0 14px 0 0;
	padding:0 15px 0 0;
	}

.pg{
	width:431px;
	height:160px;
	float:right;
	}

@-webkit-keyframes flash {
0% { background-color: #EAEAEA; }
10% { background-color: #FFFFFF; }
100% { background-color: #EAEAEA; }
}

@keyframes flash {
0% { background-color: #EAEAEA; }
10% { background-color: #FFFFFF; }
100% { background-color: #EAEAEA; }
}



/* -------------------------------------------------------------------------------------------------------
#gnav
------------------------------------------------------------------------------------------------------- */
#gnav{
position: fixed;
left: 0;
top: 0;
z-index: 100000;
width: 100%;
height: 115px;
padding-top: 0px;
background: url(../f-index/gnav_bg.png) top center no-repeat;
}

#gnav h1{
float: left;
padding-top: 15px;
padding-left:35px;
}

#gnavArea{
width: 1200px;
margin: 0 auto;
padding:0 0 0 0;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#gnavMain{
width: 901px;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#gnavMain ul{
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

#gnavMain li{
	width:111px;
float: left;
padding: 5px 0 0 1px;
}

#gnavMain li a{
	width:111px;
display: block;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}

#gnavMain li a:hover{
background:#e7d092;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}


#gnavMain li:first-child a{
padding: 0;
}

#gnav span{
float: left;
padding-top: 10px;
}


#hnavMain{
width: 901px;
margin: 0 auto;
padding:0 0 0 0;
overflow:hidden; /* 回り込み解除指定 */
zoom:1; /* 回り込み解除指定 IE7 */
}

ul#hnavi {
	width: 700px;
	height: 26px;
	background: url(hnavi.png) left top no-repeat;
	float: left;
	margin: 0px 0px 0px 203px;
}


ul#hnavi li {
	float: left;
	list-style: none;
	display: block;
	height: 26px;
}
		
ul#hnavi li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 26px;
}

li.hnav01,li.hnav01 a { width: 164px; }
li.hnav02,li.hnav02 a { width: 97px; }
li.hnav03,li.hnav03 a { width: 80px; }
li.hnav04,li.hnav04 a { width: 147px; }
li.hnav05,li.hnav05 a { width: 212px; }

li.hnav01 a:hover { background:url(hnavi.png) 0px -26px no-repeat; }
li.hnav02 a:hover { background:url(hnavi.png) -164px -26px no-repeat; }
li.hnav03 a:hover { background:url(hnavi.png) -261px -26px no-repeat; }
li.hnav04 a:hover { background:url(hnavi.png) -341px -26px no-repeat; }
li.hnav05 a:hover { background:url(hnavi.png) -488px -26px no-repeat; }


.side-wrap {
	float:right;
  width: 304px;
  height: 579px;
  position: absolute;
  z-index: 100000!important;
  /*top: 802px;*/
  margin-left:296px;
  left:50%;
}

.side-wrap_sub {
	float:right;
  width: 304px;
  height: 579px;
  position: absolute;
  z-index: 100000!important;
  top: 598px;
  margin-left:296px;
  left:50%;
}

.side-wrap_menu {
	float:right;
  width: 304px;
  height: 579px;
  position: absolute;
  z-index: 100000!important;
  top: 120px;
  margin-left:296px;
  left:50%;
}

.fixed{
  position: fixed;
  top: 100px;
  margin-left:296px;
  left:50%;
  z-index: 100000!important;
}


/* -------------------------------------------------------------------------------------------------------
#footer
------------------------------------------------------------------------------------------------------- */
#footer{
	background: url(footer_bg.jpg) bottom repeat-x;
	width:100%;
	height:81px;
}
/* footer */
#fcontets {
width:1200px;
margin:0 auto;
min-height:81px;
height:auto;
font-size:12px;
line-height:23px;
}

#fcontets a{
color:#39485f;
}

address {
font-size:77%;
float:left;
color:#808080;
line-height:1.4em;
padding:0 15px 0 0;
}

/*------*/
.smenu li{
	float:left;
}
.smenu li.p10{
	padding-right:10px;
}
.smenu li.p20{
	padding-right:20px;
}
.smenu li.p105{
	padding:10px 7px 0px 0px;
}
.scontbox{
}
.scontbox p{
	padding:5px 0;
}
.scontbox img{
	padding:10px 0;
}
.scontbox .lbox{
	float:left;
}
.scontbox .rbox{
	float:right;
}
.scontbox hr{
	border-width:1px;
	border-style:solid;
	border-color:#867E2D;
	height:1px;
	clear:both;
}
.menu2box{
	margin-top:120px;
}
.photobox{
	background:#E6DFD7;
	margin:20px auto;
	width:889px;
}
.sliderbox{
}
#wedding,#garden,#meal,#party img{
	padding:20px;
}