﻿@charset "utf-8" ;


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


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

/* -------------------------------------------------------------------------------------------------------
            #header
------------------------------------------------------------------------------------------------------- */
#header{
	width:100%;
	position:fixed;
	z-index:100;
	padding-top:7px;
	background:#000000;
	}


/* ----------------------------------------------------
            #h_main
----------------------------------------------------- */
#h_main{
	width:950px;
	margin:0 auto;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	padding-bottom:4px;
	background:url(../img/h_bg.gif) center bottom no-repeat;
	}

#h_main .h_bridal{
	float:left;
	display:inline;
	width:334px;
	padding-top:5px;
	}

#h_main h1{
	float:left;
	display:inline;
	margin-left:58px;
	}

#h_main .Right_box{
	width:350px;
	display:inline;
	text-align:right;
	}

#h_main .Right_box > a img{
	float: left;
	display: inline;
	margin-top: 6px;
	margin-left: 10px;
}

#h_main .aside{
	padding:3px 0 4px 0;
	}

#h_main .Right_box > img{
	margin-left:3px;
	}


/* ----------------------------------------------------
            #gnav
----------------------------------------------------- */

#gnav{
	position:fixed;
	z-index:101;
	top:62px;
	width:100%;
	height:44px;
	background:url(../img/gnav_bg.gif) center top repeat-x;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20);
	}

#gnav ul{
	width:950px;
	margin:0 auto;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

#gnav ul li{
	display:inline;
	}


/* -------------------------------------------------------------------------------------------------------
            #pageMain
------------------------------------------------------------------------------------------------------- */
#pageMain{
	position:relative;
	width:auto;
	height:580px;
	padding-top:106px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	clear:both;
	padding-bottom:11px;
	background:url(../img/common_bd01.gif) center bottom repeat-x;
	}

#pageMain .mainvisual{
	position:absolute;
	top:106px;
	left:50%;
	margin-left:-740px;
	z-index:3;
	}

/* -------------------------------------------------------------------------------------------------------
            #c_mainimg
------------------------------------------------------------------------------------------------------- */


#c_mainimg{
	padding-top:106px;
	padding-bottom:7px;
	background:url(../img/common_bd01.gif) center bottom repeat-x;
	}

#c_mainimg img{
	display:block;
	width:930px;
	margin:0 auto;
	}

#garden_mainimg{
	height:640px;
	padding-top:106px;
	padding-bottom:11px;
	background:url(../img/common_bd01.gif) center bottom repeat-x;
	}

#garden_mainimg div{ background:url(../img/garden_bg.jpg) center top no-repeat;}

#garden_mainimg img{
	display:block;
	width:950px;
	margin:0 auto;
	}



/* -------------------------------------------------------------------------------------------------------
            #contents
------------------------------------------------------------------------------------------------------- */
#contents{
	width:950px;
	margin:0 auto;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

/* -------------------------------------------------------------------------------------------------------
            .table01
------------------------------------------------------------------------------------------------------- */
.table01{
	width:100%;
	border-collapse:collapse;
	font-size:1.3em;
	}

.table01 th,.table01 td{
	border:1px solid #403B3B;
	padding:8px;
	}

.table01 th{
	background:#363030;
	text-align:center;
	color:#D9D8D8;
	font-weight:600;
	vertical-align:middle;
	}

.table01 td em{
	font-weight:600;
	font-size:1.077em;
	}

.table01 .w5{ width:5%; }
.table01 .w10{ width:10%; }
.table01 .w15{ width:15%; }
.table01 .w20{ width:20%; }
.table01 .w25{ width:25%; }
.table01 .w30{ width:30%; }
.table01 .w35{ width:35%; }
.table01 .w40{ width:40%; }
.table01 .w45{ width:45%; }
.table01 .w50{ width:50%; }

.table01 .w5c{ width:5%; text-align:center; }
.table01 .w10c{ width:10%; text-align:center; }
.table01 .w15c{ width:15%; text-align:center; }
.table01 .w20c{ width:20%; text-align:center; }
.table01 .w25c{ width:25%; text-align:center; }
.table01 .w30c{ width:30%; text-align:center; }
.table01 .w35c{ width:35%; text-align:center; }
.table01 .w40c{ width:40%; text-align:center; }
.table01 .w45c{ width:45%; text-align:center; }
.table01 .w50c{ width:50%; text-align:center; }



/* -------------------------------------------------------------------------------------------------------
            #side
------------------------------------------------------------------------------------------------------- */
#side{
	position:fixed;
	right:0;
	top:180px;
	display:none;
	z-index:50;
	}

#side a:hover img{
	opacity:0.8;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
	}


/* -------------------------------------------------------------------------------------------------------
            #search
------------------------------------------------------------------------------------------------------- */
#search{
	width:942px;
	height:340px;
	margin:24px auto 18px auto;
	padding:4px;
	background:url(../img/search_bg.jpg) left top no-repeat;
	text-align:center;
	}

#searchArea{
	border:1px solid #4D2C08;
	width:870px;
	margin:6px auto;
	padding:10px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	text-align:left;
	}

#search .s_ymd{
	width:222px;
	float:left;
	display:inline;
	margin-right:16px;
	padding-top:4px;
	}

#search .s_yyyy{
	width: 40px;
}
#search .s_mm{
	width: 24px;
}
#search .s_dd{
	width: 24px;
}

#search .s_stay{
	width:70px;
	float:left;
	display:inline;
	margin-right:16px;
	padding-top:4px;
	}

#search .s_person{
	width:134px;
	float:left;
	display:inline;
	margin-right:16px;
	padding-top:4px;
	}

#search .s_price{
	width:210px;
	float:left;
	display:inline;
	margin-right:16px;
	padding-top:4px;
	}

#search .s_cmd{
	width:160px;
	float:left;
	display:inline;
	}


#search .s_cmd ul{
	margin-top:4px;
	}

#search .s_cmd li{
	display:block;
	font-size:1.1em;
	padding:1px 0 1px 8px;
	background:url(../img/icon01.gif) left center no-repeat;
	}

#search .s_cmd li a{
	color:#FFF;
	text-decoration:none;
	}

#search .s_cmd li a:hover{
	text-decoration:underline;
	}




#search div h2{
	font-size:1.2em;
	margin-bottom:5px;
	padding-left:17px;
	padding-bottom:5px;
	border-bottom:1px solid #4D2C08;
	background:url(../img/icon03.gif) 6px 5px no-repeat;
	}

#search span{
	font-size:1.3em;
	vertical-align:bottom;
	padding:0 1px;
	}

#search select{
	vertical-align:bottom;
	}


#bn_main{
	width:860px;
	margin:8px auto;
	}

#bnArea{
	position:relative;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

#bnArea div{
	width:212px;
	float:left;
	display:inline;
	padding:0 4px 0 0;
	}

#bn_main .bx-prev {
	position: absolute;
	bottom: 0px;
	left: -16px;
	z-index:80;
	width: 12px;
	height: 60px;
	text-indent: -999999px;
	background:url(../img/bnarea_l.gif) left top no-repeat;
}

#bn_main .bx-next {
	position: absolute;
	top: 0;
	right: -12px;
	z-index:80;
	width: 12px;
	height: 60px;
	text-indent: -999999px;
	background:url(../img/bnarea_r.gif) left top no-repeat;
}


.spbanner{
	width: 892px;
	margin: 0 auto 18px auto;
}


/* ----------------------------------------------------
            #group
----------------------------------------------------- */
#group{
	width:950px;
	margin:18px auto 44px auto;
	text-align:center;
	}

#group img{
	padding:0 3px;
	}

/* -------------------------------------------------------------------------------------------------------
            #reservation
------------------------------------------------------------------------------------------------------- */
#reservation{
	width:950px;
	margin:24px auto;
	padding:18px 0;
	text-align:center;
	border-top:1px solid #222222;
	border-bottom:1px solid #222222;
	}

#reservation h1{
	margin-bottom:16px;
	}

#reservation .A_Center img{
	padding:0 2px;
	}


#reservation h2{
	margin-top:16px;
	}



/* -------------------------------------------------------------------------------------------------------
            .go_top
------------------------------------------------------------------------------------------------------- */

.go_top{
	width:950px;
	margin:0 auto;
	text-align:center;
	}

.go_top img:hover{
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
	opacity:0.8;
	}


/* -------------------------------------------------------------------------------------------------------
            #footer
------------------------------------------------------------------------------------------------------- */

#footer{
	background:url(../img/common_bd01.gif) center top repeat-x;
	padding-top:7px;
	}

#footer a{
	color:#E6E6E6;
	text-decoration:none;
	}

#footer ul ul a{
	text-decoration:none;
	opacity:0.8;
	}


#footer a:hover{
	color:#B99D32;
	}



/* ----------------------------------------------------
            #f_main
----------------------------------------------------- */
#f_main{
	width:950px;
	margin:0 auto;
	background:url(../img/f_bg.jpg) center top no-repeat;
	padding-top:30px;
	}

#f_main .fnav{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin-bottom:24px;
	}

#f_main .fnav > li{
	width:158px;
	float:left;
	display:inline;
	}

#f_main .fnav li.column2{
	width:316px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

#f_main h1{
	font-size:1.3em;
	line-height:1.3em;
	border-left:1px solid #5A4400;
	padding:4px 0 4px 10px;
	}

#f_main .fnav ul{
	padding-top:6px;
	padding-left:11px;
	font-size:1.1em;
	}

#f_main .fnav ul li{
	display:block;
	padding:0 0 3px 0;
	}


#f_main .fnav li.column2 ul{
	float:left;
	width:147px;
	text-align:left;
	}



/* ----------------------------------------------------
            #f_aside
----------------------------------------------------- */

#f_aside{
	background:#201000;
	border-top:1px solid #3D2500;
	margin-top:12px;
	padding:6px 0;
	}

#f_main02{
	width:950px;
	margin:0 auto;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}


#f_main02 ul{
	font-size:1.1em;
	width:640px;
	float:left;
	padding-top:2px;
	}

#f_main02 ul li{
	display:inline;
	line-height:1.1em;
	padding-right:24px;
	}

#f_main02 ul li a{
	padding-left:12px;
	background:url(../img/icon02.gif) left center no-repeat;
	}



#f_main02 #f_sns{
	text-align:right;
	width:300px;
	float:right;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin:0;
	padding:0;
	}

#f_main02 #f_sns .twitter-share-button{
	float:left;
	*float:none;
	display:inline;
	width:96px !important;
	margin:0 0 0 96px !important;
	padding:0 !important;
	}


/* ----------------------------------------------------
            #f_bottom
----------------------------------------------------- */
#f_bottom{
	background:#000000;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	padding-top:18px;
	padding-bottom:18px;
	color:#FFFFFF;
	}

#f_address{
	width:950px;
	margin:0 auto;
	}

#f_address .Left_box{
	width:620px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

#f_address .Left_box img{
	float:left;
	}


#f_address .Left_box p{
	float:left;
	display:inline;
	padding:2px 0 0 16px;
	font-size:1.3em;
	line-height:1.4em;
	}


#f_address .Right_box{
	width:320px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

#f_address .Right_box p{
	text-align:right;
	padding-top:18px;
	}

/* ----------------------------------------------------
      140918追加　越の里右下バナー
----------------------------------------------------- */

#side_koshinosato{
	display: none;
	opacity: 0.9;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999;
}

#side_koshinosato a:hover img{
opacity: 0.8;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}