@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:#fff;}
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%;}
input.full{width: 100%;}
input.medium{width: 30%;}
input.small{width: 20%;}
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 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small; background-image:url(../images/common/bg_all.jpg); background-repeat:repeat-x;}*/
/*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; background-image:url(http://www.route-inn.co.jp/images/common/bg_all.jpg); background-repeat:repeat-x;} */
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; background-image:url(/images/common/bg_all.jpg); background-repeat:repeat-x;}
/*body *{line-height:1.4;}*/

a:link {
	color: #288f64;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #288f64;
}
a:hover {
	text-decoration: underline;
	color:#F60;
}
a:active {
	text-decoration: none;
	color: #F00;
}

#header { width:962px; height:92px; margin:0 auto;}
#header .n_logo_top {width:263px; height:41px; float:left; margin:26px 0 0 0;}
#header .n_logo{width:428px; height:63px; float:left; float:left; margin:10px 0 0 0; padding:0; z-index:400;  position:absolute; top:1px;}
#header .small_logos{width:428px; height:20px; margin:2px 0 0 0; padding:0;}
#header .small_logos a{margin-right: 10px}

#header #facebook_space {width:115px; overflow:hidden; float:right; margin-right:20px}
#header #twitter_space {width:100px; overflow:hidden; float:right; margin-left:-14px}
#header #twitter_space { /margin-left:0px}
#header #line_space { float:left;padding-right: 10px;}

#header .top_parts { float:right; width:690px; margin:10px 0 0 0;}
#header .sns_box { float:right; width:690px; margin:20px 0 0 0; text-align:right;}
#header .sns_box .search_div {width:235px; float:right;}
#header .sns_sp {width:400px; float:right;}
#header .top_parts img{ float:right;}


h1{font-size:80%; float:right; height:10px; margin:10px 10px 0 0;}

/*search*/


#header dl { float:right;}
#searchform4 {
	width: 200px;
	background: url(../images/common/input.gif) left top no-repeat; 
	display: block;
	height: 25px;
	position: relative;
	float:right;
}
#keywords4	{
	width: 156px;
	position: absolute;
	top: 2px;
	left: 12px;
	border: 1px solid #fafafa;
	background-color:#fafafa;
}
#searchBtn4	{
	position: absolute;
	top: 3px;
	left: 174px;
}

/*search end*/

#mainframe{ background-image:url(../images/top/main_parts_bg.gif); width:924px; height:327px; margin:15px auto; padding:10px 20px 0 20px }
#right_navi_box{ width:266px; float:right;}
#right_navi_box .item{ width:266px; height:61px; margin-bottom:4px;}
#right_navi_box .right_navi { width:266px; height:14px; margin-bottom:4px;}

#wrapper {
  width: 960px;
  margin: 0 auto;

}

/*main_ing*/

.scrollable {  
		position:relative;
	overflow:hidden;	
	height: 260px;	 
}

.scrollable .items {	
	position:absolute;
	height:40px;	
	margin: 0px;
}

#actions a {
	cursor:pointer;
}

/*main_ing end*/

/*mid*/
h2.title_mid_l{width:930px; height:30px; border:1px solid #bcbcbc; background-image:url(../images/top/top_long_title.gif); color:#00301c; font-size:120%; padding:8px 0 0 26px; margin:0 auto; border-bottom:none;}

#mapbox{ width:936px; border:1px solid #bcbcbc; background-color:#dbf2e9; padding:8px 10px 0 10px; margin:0 auto; min-height:200px; background-image:url(../images/top/three_bg.gif);}

.flash{ width:323px; height:auto; float:left;}
h3.title_mid01{width:284px; height:20px; background-image:url(../images/top/three_title01.gif); color:#00301c; font-size:110%; padding:3px 0 0 14px;}
.add_search{ width:352px; height:auto; float:left;}
h3.title_mid02{width:311px; height:20px; background-image:url(../images/top/three_title02.gif); color:#00301c; font-size:110%; padding:3px 0 0 14px;}
h3.title_mid03{width:236px; height:20px; background-image:url(../images/top/three_title03.gif); color:#00301c; font-size:110%; padding:3px 0 0 14px;}

h3.subtitle{ background-image:url(../images/common/subtitle.gif); width:635px; background-position:top; background-repeat:no-repeat; height:auto; border:1px solid #CCC; color:#043f26; font-size:120%; padding:8px 0 8px 20px; margin-bottom:20px;}
h3.subtitle_small{ background-image:url(../images/common/subtitle.gif); width:610px; background-position:top left; background-repeat:no-repeat; height:auto; border:1px solid #CCC; color:#043f26; font-size:120%; padding:8px 0 8px 20px; margin-bottom:20px;}


h3.open_close{margin-bottom:0;}

.subtitle_box{margin-bottom:50px;}

#mapbox table { border:0; margin:0; margin-top:10px;}
#mapbox .pull_left { font-size:80%; width:45px; color:#00301c; height:34px;}
#mapbox .pull_left2 { font-size:80%; width:50px; color:#00301c; height:34px;}
#mapbox .year { width:60px;}
#mapbox .month { width:45px;}
#mapbox .day { width:45px;}
#mapbox .hotel_name01 { width:210px;}
.b_parts { width:207px; height:35px; margin:10px auto; display:block; text-align:center;}
.button_all{ width:250px; float:left;}
.b_parts_l_top{ width:245px; margin:11px auto 0 auto; display:block;}
.b_parts_l{ width:245px; margin:10px auto 0 auto; display:block;}
/*mid end*/

/*news end*/

/*right_parts*/
#top_right_box{ width:289px; margin-top:20px; float:right; display:block;}

h2.top_title_right {width:266px; height:32px; border:1px solid #bcbcbc; border-bottom:none; background-image:url(../images/top/top_right_title.gif); color:#00301c; font-size:120%; padding:8px 0 0 23px; margin:0 auto; border-bottom:none;}

.right_box_txt {width:289px; border:1px solid #bcbcbc; padding:10px 0 5px 0; height:auto; margin-bottom:20px;text-align:center}
.top_banners img { margin-bottom:5px; border-bottom:1px solid #bcbcbc; border-top:1px solid #bcbcbc;}
/*right_parts end*/


#top_left_box{ width:656px; margin-top:20px; float:left;}

h2.title_news {width:630px; height:30px; border:1px solid #bcbcbc; border-bottom:none; background-image:url(../images/top/top_mid_title.gif); color:#00301c; font-size:120%; padding:8px 0 0 26px; margin:0 auto; border-bottom:none;}
h2.title_news2 {width:630px; height:30px; border:1px solid #bcbcbc; border-bottom:none; background-image:url(../images/top/top_mid_title2.gif); color:#00301c; font-size:120%; padding:8px 0 0 26px; margin:0 auto; border-bottom:none;}
.news_b {float:right; padding-right:20px;}
.news_box {width:636px; border:1px solid #bcbcbc; padding:0 10px 8px 10px; height:auto; margin-bottom:20px;}
.news_box .index_news_text_day {margin:0; padding:8px 0 8px 0; float:left; width:126px; color:#2d9167;}
.news_box .new_icon{background-image:url(../images/top/new_icon.jpg); background-position:right; background-repeat:no-repeat;}
.news_box .index_news_text_link {margin:0; padding:8px 0 8px 10px; width:500px; float:left; line-height:120%;}
.news_box .index_news_text_link a{color:#3b3b3b;}
/*news end*/

.state_box {padding:12px 10px 8px 10px; height:auto;}

.box_lines {
border: 1px solid #dfdfdf;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #F1F0EF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1F0EF), to(#FFFFFF));
background: -webkit-linear-gradient(#F1F0EF, #FFFFFF);
background: -moz-linear-gradient(#F1F0EF, #FFFFFF);
background: -ms-linear-gradient(#F1F0EF, #FFFFFF);
background: -o-linear-gradient(#F1F0EF, #FFFFFF);
background: linear-gradient(#F1F0EF, #FFFFFF);
-pie-background: linear-gradient(#F1F0EF, #FFFFFF);
behavior: url(/demo2/route_in_test/js/PIE.htc);}

.box_lines_size {
padding: 10px;
width: 610px;
height:60px;
margin:5px 0 10px 0;}

.box_lines_size_right {
padding: 10px;
width: 269px;
height:35px;
min-height:35px;
margin:0 0 5px 0;
border-left: none;
border-right: none;
text-align:left;
}
.box_lines_size_right img{ margin-right:5px;}


.leftbottom_banner {width:616px; height:128px; padding:10px 20px 0 20px; border: 1px solid #ccc; margin:20px 0;}
.leftbottom_banner a.left_banner { float:left;}
.leftbottom_banner a.right_banner { float:right;}

.news_box span{ padding-left:8px;}
.sate_box {color:#006600; width:100px; text-align:center; padding:1px 8px 1px 0px; border:1px solid #CCC; float:left; display:block;}
.state_line{ margin-bottom:10px;}
.state_line2{ margin:0px 10px 2px;}

.backToTop { height:18px; background-image:url(../images/common/back_to_bg_small.gif); background-repeat:no-repeat; background-position:right; font-size:90%; padding:2px 30px 0 0; margin:0 0 20px 0; float:right;}

#footer { background-image:url(../images/common/footer.jpg); background-repeat:repeat-x; text-align:center; clear:both; margin-bottom:10px; height:auto; }

#footer  ul {display: block; padding:15px 0 0 0;
    margin-bottom: 0.6em;
    text-align: center;}
#footer  li {
    border-right: 1px solid #999999;
    display: inline;
    padding: 1px 16px 0 13px;
}	

#footer #footer_navi02 { padding:10px 0 0 0; background-image:url(../images/common/footer.jpg); }

#footer .textbox_end {text-align:left;  font-size:90%; color:#999999; border:1px solid #ccc; padding:8px;}

#footer .textboxcopy {width:980px; margin:10px auto 5px auto;}

#copyright { text-align:center;  margin:10px 0 0 0; padding:10px 0;  background-color:#c5d8ce;}

#top_banner_sp { width:958px; height:31px; display:block; margin:12px auto -10px auto;}
#top_banner_sp #title_ichi{ float:right;}

#top_banner_sp a.brandbanner{ width:159px; height:31px; margin-right:40px; float:left; display:block;}
#top_banner_sp a.brandbanner{ _margin-right:10px;}


.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以前向け*/

.top_right_banner_etc{
    padding: 5px 0px;
}






/************* mainVisual *******************************/
/* =======================================
	Slider_box
========================================== */
#topImage {
	display: block;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
	clear: both;
}

#topImage img {
	width: 100%;
	max-width: 957px;
	margin: 0;
}

#photo {
	display: block;
	margin: 0px auto;
	padding: 0;
	clear: both;
	text-align: center;
	width: 100%;
	overflow: hidden;
	}


#image-bloc {
	display: block;
	margin: 0px auto;
	padding: 0;
	clear: both;
	text-align: center;
	width: 100%;
	max-width: 960px;
}
 
.bx-viewport {
  overflow: visible!important;
  width: 960px!important;
  margin-bottom: 55px;
}
 
.main-container {
	overflow: hidden;
	padding-bottom: 15px;
	padding-top: 15px;
}
 
.slider {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none!important;
}
 
.slider li {
  width: 960px!important;
  margin: 0;
  padding: 0;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	background: url(../images/prev.png) no-repeat right center;
	display: block;
	position: absolute;
	top: 0;
	left: -960px;
}

.bx-wrapper .bx-next {
	background: url(../images/next.png) no-repeat left center;
	display: block;
	position: absolute;
	top: 0;
	right: -960px;
}

.bx-wrapper a.bx-next {
	color: #000000;
	text-decoration: none;
}

.bx-wrapper a.bx-prev {
	color: #000000;
	text-decoration: none;
}

.bx-wrapper .bx-prev:hover {
	background: url(../images/prev_hover.png) no-repeat center center;
}

.bx-wrapper .bx-next:hover {
	background: url(../images/next_hover.png) no-repeat center center;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: 0;
	outline: 0;
	width: 960px;
	height: 100%;
	text-indent: -9999px;
	z-index: 9999;
	color: #000000;
	text-decoration: none;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}