@charset "utf-8";

/**base**/

body {
	background:#fcf7e7;
	color:#42180e;
	font-size:0.85em;
	line-height:1.4em;
	min-width:1215px;
}

/**reset**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
img { vertical-align:top;}
hr { display:none;}
a { border:none; outline:none;}

/**clear**/	
.clear{ clear:both;}
.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;}
.clearfix {overflow:hidden;}
/* End hide from IE-mac */


/**layout**/

/* top_col */
#top_col { background:#000; width:100%; height:155px; position:relative;}
#top_col h1 { width:100%; background:url(../img/h_bg.png) repeat-x; font-size:0.9em; position:absolute; top:0; left:0; z-index:1;}
#top_col h1 span { display:block; width:1200px; margin:0 auto; padding-left:15px;}
#top_col h2 { width:1200px; height:155px; position:absolute; top:0; left:50%; margin-left:-600px;}


/* header */
#h_wrapper { width:100%; background:#fff;}
#header { width:1100px; margin:0 auto;}
#header:after{ content:" " ; clear:both; display:block; height:0;}
#header .logo { float:left; width:260px;}
#header .reserve { float:right; width:145px; padding-right:11px;}
#header .reserve a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#header div { float:right; width:276px; padding:18px 0 19px 85px;}
#header div:after{ content:" " ; clear:both; display:block; height:0;}
#header div ul { padding-left:85px;}
#header div li { float:left;}
#header div li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#gnavi { float:left; width:820px; padding:0 0 0 20px;}
#gnavi:after{ content:" " ; clear:both; display:block;}
#gnavi li { float:left;}
#gnavi li a { display:block;}
#gnavi li a:hover { background:url(../img/nav_on.gif);}

#gnavi li.navi1 , #gnavi li.navi1 a { width:109px;}
#gnavi li.navi2 , #gnavi li.navi2 a { width:113px;}
#gnavi li.navi3 , #gnavi li.navi3 a { width:166px;}
#gnavi li.navi4 , #gnavi li.navi4 a { width:153px;}
#gnavi li.navi5 , #gnavi li.navi5 a { width:124px;}
#gnavi li.navi6 , #gnavi li.navi6 a { width:155px;}

#spa         #gnavi li.navi1 a { background:url(../img/nav_on.gif);}
#meal        #gnavi li.navi2 a { background:url(../img/nav_on.gif);}
#room        #gnavi li.navi3 a { background:url(../img/nav_on.gif);}
#activity    #gnavi li.navi4 a { background:url(../img/nav_on.gif);}
#sightseeing #gnavi li.navi5 a { background:url(../img/nav_on.gif);}
#access      #gnavi li.navi6 a { background:url(../img/nav_on.gif);}



/* 下層ページ共通 */
#container { padding-bottom:50px;}
#container:after{ content:" " ; clear:both; display:block; height:0;}
#contents { width:1100px; margin:0 auto;}


/* パンくずリスト */
#breadcrumbs { width:1100px; text-align:right; margin:10px auto 0 auto;}
#breadcrumbs li { display:inline; color:#000; font-size:0.9em;}
#breadcrumbs li span { display:inline-block; padding:0 7px;}
#breadcrumbs li a { color:#000; text-decoration:none;}
#breadcrumbs li a:hover { text-decoration:underline;}


/* footer */
#f_wrapper { background:url(../img/f_bg.gif) repeat-x #4c87c3; _height:0;}
#footer { width:1065px; margin:0 auto; padding-left:35px;}
#footer:after{ content:" " ; clear:both; display:block; height:0;}
#footer #pagetop { text-align:right; padding-right:50px;}
#footer #pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#footer #fnavi { padding:122px 0 30px 0; /display:inline-block;}
#footer #fnavi:after{ content:" " ; clear:both; display:block; height:0;}
#footer #fnavi li { float:left;}
#footer #fnavi #facebook { padding-left:25px;}

#footer div { padding-bottom:30px; /display:inline-block;}
#footer div:after{ content:" " ; clear:both; display:block; height:0;}

#footer div .logo { float:left; width:218px; padding-right:102px;}
#footer div dl { float:left; width:707px; background:url(../img/f_tel_bg.png) no-repeat right 12px; padding:12px 0 0 0; /display:inline-block;}
#footer div dl:after{ content:" " ; clear:both; display:block; height:0;}
#footer div dt { float:left; width:406px;}
#footer div dd { float:left; width:292px; padding:12px 0;}
#footer div dd a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#footer div address { float:left; width:365px; color:#fff;}
#footer div address img { display:block; padding-top:20px;}

#footer div ul { float:left; width:180px;}
#footer div ul li { background:url(../img/f_mark.png) no-repeat 0 50%; padding-left:13px;}
#footer div #tnavi { width:300px;}
#footer div ul a { color:#fff; text-decoration:none;}
#footer div ul a:hover { text-decoration:underline;}






/* slidesshow 共通 */
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}