@charset "UTF-8";


/***********************
 * Neutralize Any Tags
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.5.2
 ***********************/
html{color:#3b3b3b; background-image:url(../images/common/bg_dot.png);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}
ul ol{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}
body{font:13px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif,Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small; border-top:6px solid #4c3e34;}
/*body *{line-height:1.4;}*/

#main_top {margin:0; padding:0; background-image:url(../images/common/top_bg.png); background-repeat:repeat-x;}
#main_page_top {margin:0; padding:0; background-image:url(../images/top/top_bg.png); background-repeat:repeat-x;}
#main_page {margin:0; padding:0; background-image:url(../images/common/page_bg.png); background-repeat:repeat-x;}

#main_contact {margin:0; padding:0; background-image:url(../images/contact/bg_contact.png); background-repeat:repeat-x;}

#header { clear:both; width:954px; margin:0 auto; height:80px;}
#header #logo{width:258px; height:45px; float:left; margin-top:5px;}
#header #logo img{float:left;}
#header #logo ul{width:180px; float:left; margin:20px 0 0 10px;}
#header #logo ul li{ background-image:url(../images/top/top_arrow.png); background-repeat:no-repeat; background-position:left 50%; padding:0 0 0 10px;}

#header .sns_b_m {width:110px; float:right; margin-top:43px;}
#header .sns_b_l {width:120px; float:right; margin-top:43px;}



#header #contact_right{ width:132px; height:60px; float:right; margin-top:8px;}
#header #contact_right a{ margin-top:10px; display:block;}
#headernavi { display:block; height:32px; background-image:url(../images/common/navi_bg.png); width:100%;}

#header .address {width:280px; float:right; font-size:90%; text-align:right; padding-right:15px;}

h1{font-size:80%; width:600px; padding-top:3px;}
h2{ width:636px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; height:31px; background-image:url(../images/common/title_bg.png); background-repeat:no-repeat; font-size:120%; font-weight:bold; padding:7px 0 0 18px; text-decoration:none;}

h2.news_page{ width:634px; border:1px solid #ccc; background-image:url(../images/common/title_bg_l.png);font-size:120%; font-weight:bold; padding:7px 10px 0 10px; height:auto;}


h2 span{ font-size:70%; font-weight:normal; padding-left:8px;}
h2.title_right{ width:260px;}
h2.title_right_brown{ width:268px;border-top:1px solid #ccc;  border-left:1px solid #ccc; border-right:1px solid #ccc; height:30px; background-image:url(../images/top/brown_title.png); background-repeat:no-repeat; font-size:120%; font-weight:bold; padding:8px 0 0 10px; color:#FFFFFF;}
h2.title_right_brown span{ font-size:70%; font-weight:normal; padding-left:8px; color:#FFFFFF;}
h2 img{ float:right; padding-right:10px;}

h3.inside{width:608px; border-top:1px solid #ccc; border:1px solid #ccc; height:31px; background-image:url(../images/common/title_second_bg.png); background-repeat:no-repeat; font-size:120%; font-weight:bold; padding:7px 0 0 20px; margin:10px 0 15px 0;}
h3.inside span{ font-size:70%; font-weight:normal; padding-left:0px; float:none;}

h3.small_title {
    background-image: url("../images/common/lozenge.png");
    background-position: left 50%;
    background-repeat: no-repeat;
    color: #1A7B53;
    float: left;
    font-size: 110%;
    height: 20px;
    padding: 0 0 0 18px;
}
h4{ background-image: url(../images/common/title_h4_bg.png); top; background-repeat:no-repeat; font-size:110%; margin-bottom:10px; padding-left:10px; font-weight:bold;}


#main_top #main_img_sp{ height:407px; clear:both;}
#main_top #main_img_sp div.main_img{ height:280px; width:954px; margin:0 auto;}
#main_top #main_img_sp div.sub_b { height:100px; width:954px; margin:0 auto; display:block;}
#main_top #main_img_sp div.sub_b img{ float:left; padding:12px 4px 0 4px; width:310px;}

#main_page_top #main_img_sp{ height:355px;}
#main_page_top #main_img_sp div.main_img{ height:239px; width:954px; margin:0 auto;}
#main_page_top #main_img_sp div.sub_b { height:100px; width:954px; margin:0 auto; display:block;}
#main_page_top #main_img_sp div.sub_b img{ float:left; padding:12px 3px 0 3px;}

#main_page_top #main_img_sp div.sub_b .left {display:block; float:left; height:55px; width:19px; padding-top:30px;}
#main_page_top #main_img_sp div.sub_b .right {display:block; float:right; height:55px; width:19px; padding-top:30px;}

#main_contact .main_img{ margin-bottom:10px;}

#main_page #main_img_sp{ height:181px; background-image:url(../images/common/top_bg.png); background-repeat:repeat-x; clear:both;}
#main_page #main_img_sp div.main_img{ height:181px; width:954px; margin:0 auto;}
#main_page #main_img_sp div.sub_b img{ float:left; padding:10px;}
#main_page #pankuzu{ height:20px; margin:0 auto; width:960px; font-size:90%; padding:10px 0 0 0;}


p{line-height:180%;}
p.map_info{ line-height:140%; margin-top:8px; font-size:90%;}

.form_b{ width:208px; margin:10px auto;}

#wrapper {
  width: 954px;
  margin: 0 auto;
}


#footer {
clear:both;
  margin:0;
  padding:0;
  text-align:center;
  background:#FFF;
  height:auto;
   }

#footer p{background-color:#4c3e34; padding:5px 5px; color:#b0aaa6;}
#footer p a{ color:#b0aaa6;}

#footer-parts_text{background:#FFF; width:950px; margin:0 auto; height: auto; font-size:90%; padding:10px;}
#footer-parts_text p{ background:#FFFFFF; border:1px solid #CCC;}

#copyright { padding:5px; background-color:#fff;}
#footer #copyright p{text-align:center; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#b0aaa6; background-color:#FFFFFF;}

#topcontrol-out {
    width: 100%;
}
#topcontrol {
    margin: 0 auto;
    width: 980px;
}
#topcontrol img {
    float: right;
}

.addsp10{ padding-top:10px;}
.addsp20{ padding-top:20px;}
hr{ margin:0; padding:0; border:1px solid #FFF;}

div#photo {
  width: 608px; /* 全体の横幅 */
  height: 167px;
  overflow: hidden;
  margin:0 auto;
}

div#photo ul {
  width: 618px;
  height: 167px;
  margin-right: -10px; /* ここがポイント！ */
  list-style-type: none;
}

div#photo li {
  float: left; /* floatで段組み */
  width: 196px;
  height: 167px;
  margin-right: 10px; /* 写真間の余白 */
}




/* right css files */

.right_text_parts{ border-style: none solid solid;
    border-width: medium 1px 1px;
    font-size: 90%;
	padding:8px;
    margin-bottom: 15px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FFFFFF;}

.jcalendar-selects{ padding:0 5px 10px 5px;}

.right_dotline { margin-bottom:10px;}
.right_text_parts .days_box{ margin:-2px 5px 3px 5px;}
.right_text_parts .center_parts{ text-align:center;}
.right_text_parts li { text-align:center; border-bottom:1px dotted #CCCCCC; padding:0px 0 10px 0; margin-bottom:10px;}
.right_text_parts li.nobottom { text-align:center; border-bottom:0px; padding:0px ; margin-bottom:0px;}
.right_text_parts li p{ text-align:left;}
.right_text_parts .nearby_h{ background-image:url(../images/top/right_bg.png); background-position:top right; background-repeat:no-repeat; background-color:#CCCCCC; background-color:#e1e0e0; border:1px solid #CCC; display:block; height:30px; padding:13px 0 0 19px; font-size:110%; margin-bottom:10px;}
.right_text_parts p{ text-align:center; padding:10px;}

.right_banner_box{ border:1px solid #CCC; background-color:#FFF; text-align:center; padding-top:12px; margin-bottom:15px;}
.right_banner_box ul { margin-left:30px; margin-bottom:10px;}
.right_banner_box ul li{ width:220px; text-align:left; padding:2px 0 2px 10px; background-image:url(../images/top/normal_arrow.png); background-repeat:no-repeat; background-position:left 50%;}
.right_banner_box img{ margin-bottom:10px;}
.best_banner{ margin-bottom:15px;}

/* index css files */

#main_page_top .icon_box span{ width:60px; float:left; font-size:80%; text-align:center; line-height:120%; margin-left:10px; margin-bottom:10px;}
#main_page_top .icon_box span img{ padding-bottom:3px;}

#main_top .top_left_parts{width:656px; float:left;}

#index_box{ background:#FFFFFF; width:652px; height:100px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 0 0 2px; margin-bottom:15px;} 
#index_box a{ width:198px; height:57px; display:block; margin:0 8px 10px 8px; float:left;}

.inside_text .icon_box span{ width:63px; float:left; font-size:80%; text-align:center; line-height:120%; margin-left:10px; margin-bottom:10px;}
.inside_text .icon_box span img{ margin-bottom:5px;}


#index_box_info{ background:#FFFFFF; width:652px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 0 0 2px; margin-bottom:15px; overflow:hidden;} 
#index_box_info a{ width:628px; height:85px; display:block; margin:0 8px 10px 8px; border:2px solid #9a9189; background-color:#f7f6f6; background-image:url(../images/common/info_arrow.png); background-repeat:no-repeat; background-position: 595px 50%; color:#5c4a3c;}
#index_box_info a:hover { border: 2px solid#F60;} 
#index_box_info img{ border:1px solid #999; margin:8px 0 0 8px; float:left;}
#index_box_info p{ float:left; width:480px; line-height:160%; padding:8px 0 0 10px; }

#index_box_map{ background:#FFFFFF; width:654px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:15px 0; text-align:center; margin-bottom:15px;} 

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 914px;
  height:100px;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}



/* NEWS css files */

.mid_box{ background:#FFFFFF; width:652px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 0 0 2px; margin-bottom:15px; overflow:hidden;} 

.mid_box_index{border-top:1px dotted #CCCCCC;}
.mid_box_index li{padding:12px; border-bottom:1px dotted #CCCCCC;}
.mid_box_index li span{width:100px; float:left;}
.mid_box_index li p{display:block; float:left; width:520px;}

#nlist {width:680px; margin:20px 0 30px 0; text-align:center;}


.box {
	background-color:#FFFFFF;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	zoom: 1;
	padding:15px;
	margin-bottom:20px;
}


p.page_days{text-align:right; width:640px;}

*CSS Meneame style wp-pagenavi*/

#nlist {text-align:center; margin:20px 0;}
	div.wp-pagenavi {
		padding: 3px;
		margin: 3px;
		text-align:center;
		color:#4e2c00;
		font-size:100%;
	}
	
	div.wp-pagenavi a {
		border: 1px solid #cccccc;
		margin-right:3px;
		padding:5px 7px;
		background-position:bottom;
		text-decoration: none;
		color: #4e2c00;	
background: #e7dac9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7dac9), to(#C8B9A5));
background: -webkit-linear-gradient(#e7dac9, #C8B9A5);
background: -moz-linear-gradient(#e7dac9, #C8B9A5);
background: -ms-linear-gradient(#e7dac9, #C8B9A5);
background: -o-linear-gradient(#e7dac9, #C8B9A5);
background: linear-gradient(#e7dac9, #C8B9A5);
-pie-background: linear-gradient(#e7dac9, #C8B9A5);
behavior: url(/PIE.htc);

	}
	div.wp-pagenavi a:hover, div.meneame a:active {
		border: 1px solid #cccccc;
		background-image:none;
		color: #ffffff;
		background: #991b0d;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#991b0d), to(#791406));
background: -webkit-linear-gradient(#991b0d, #791406);
background: -moz-linear-gradient(#991b0d, #791406);
background: -ms-linear-gradient(#991b0d, #791406);
background: -o-linear-gradient(#991b0d, #791406);
background: linear-gradient(#991b0d, #791406);
-pie-background: linear-gradient(#991b0d, #791406);
behavior: url(/PIE.htc);
		
	}
	div.wp-pagenavi span.current {
		margin-right:3px;
		padding:5px 7px;
		border: 1px solid #cccccc;		
		font-weight: bold;
		color: #ffffff;
		background: #714915;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#714915), to(#4e2c00));
background: -webkit-linear-gradient(#714915, #4e2c00);
background: -moz-linear-gradient(#714915, #4e2c00);
background: -ms-linear-gradient(#714915, #4e2c00);
background: -o-linear-gradient(#714915, #4e2c00);
background: linear-gradient(#714915, #4e2c00);
-pie-background: linear-gradient(#714915, #4e2c00);
behavior: url(/PIE.htc);		
	}
	div.wp-pagenavi span.disabled {
		margin-right:3px;
		padding:5px 7px;
		border: 1px solid #cccccc;
		color: #4e2c00;
	}


/* Best css files */

.index_box_best{ width:607px; border:2px solid #56473b; padding:10px; margin-bottom:15px; background-color:#f1f0f0; float:left; margin-left:9px;} 


.index_box_best img.hotel_img{ margin:0; border:1px solid #CCC; float:left;}
.index_box_best p{ float:right; width:305px; padding:0 5px 0 0; margin:0;}
.index_box_best p img{ vertical-align:middle; padding-right:5px;}
.index_box_best .plan_re{ float:right; margin-top:20px;}
.index_box_best .box_inside{ border:1px solid #d6d6d6; text-align:center;  width:460px; float:right; background-color:#FFFFFF; margin-top:15px;}
.index_box_best .box_inside a.arrow{background:url(../images/top/arrow.png); background-position:280px 2px; background-repeat:no-repeat;}
.index_box_best .box_inside a.arrow2{background:url(../images/top/arrow2.png); background-position:280px 2px; background-repeat:no-repeat;}
.index_box_best .box_inside a{ padding:2px; margin:2px; min-height:20px; display:block;}
.index_box_best .box_inside p{ text-align:left; padding-right:10px; width:440px;}
/* Page css files */

#right_side_all { float:right; width:250px;}

#right_side { float:right; width:280px;}


/* Page内 Bace */

#main_page #left_parts{width:656px; float:left; min-height:600px; height: auto !important; height: 600px;}

#main_page .top_left_parts{width:656px; float:left;}
#main_page .mid_text_box{width:630px; border:3px solid #CCC; background-color:#FFFFFF; padding:10px; margin-bottom:15px; line-height:160%; background-image:url(../images/common/text_box_bg.png); background-repeat:no-repeat; background-position:center;}


#main_page div.thumb{float:left; margin:0 15px 10px 0; text-align:center;}
#main_page div.thumb img{ margin-bottom:10px;}
#main_page div.inside_text{overflow:auto;zoom:1; padding-bottom:30px;}
#main_page div.inside_text span{ width:44px; height:78px;}
#main_page .room_b_box {width:590px; background-color:#f1f0f0; padding:20px; margin-bottom:20px; text-align:center;}
#main_page .room_text_box {width:610px; padding:10px; text-align:left;  margin-bottom:20px; border:1px solid #cac2bc;}
#main_page .checkin{float:right; font-size:80%; padding:5px 10px 0 0;}
#main_page .icon_box {padding-top:10px;}

#map_canvas{width:627px; height:300px; border:1px solid #CCC; margin-bottom:15px;}

/* Access */

h3.title_train{ background:url(../images/common/title_train.png); height:26px; width:552px; padding:15px 0 0 60px; font-size:120%; overflow:hidden; margin-bottom:10px;}
h3.title_car{ background:url(../images/common/title_car.png); height:26px; width:552px; padding:15px 0 0 60px; font-size:120%; overflow:hidden; margin-bottom:10px;}
h3.title_parking{ background:url(../images/common/title_parking.png); height:26px; width:552px; padding:15px 0 0 60px; font-size:120%; overflow:hidden; margin-bottom:10px;}
h3.title_bus{ background:url(../images/common/title_bus.png); height:26px; width:552px; padding:15px 0 0 60px; font-size:120%; overflow:hidden; margin-bottom:10px;}




/*タブアイコン*/

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
    height:40px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background: url(../images/common/tab.png) no-repeat -420px 0;
    font-size:12px;
    display:block;
    height: 32px;
    line-height:40px;
    width: 134px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
	padding:8px 0 0 0;
}

.icon_box ul.tabs a span{ float:none; text-align:center; font-size:11px; padding:0; margin:0;}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -41px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -82px;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a{ line-height:100%;}


ul.tabs a.m { background-position: -628px 0; width:119px; }
ul.tabs a.m:hover { background-position: -628px -41px; }
ul.tabs a.m.current  { background-position: -628px -82px; }

ul.tabs a.s { background-position: -553px 0; width:75px; }
ul.tabs a.s:hover { background-position: -553px -41px; }
ul.tabs a.s.current  { background-position: -553px -82px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:173px; }
ul.tabs a.l:hover { background-position: -248px -41px; }
ul.tabs a.l.current { background-position: -248px -82px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -41px; }
ul.tabs a.xl.current { background-position: 0 -82px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}

.tab_box{ padding:10px 10px 20px 10px;}

.img_center{ text-align:center;}




.red{ color:#F00;}
.small_size{ font-size:90%;}
.clear{
clear:both;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/