@charset "UTF-8";
/*-----------------------------------------------------------
  サイトの基本：フォントやリンク 
----------------------------------------------------------- */
a:link, a:visited{
 color: #0a0a47;
}

a:hover{
 color: #404040;
 text-decoration:none;
}

address{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#FFF;
	margin-top:5px;
}

img, a img{
border:none;
vertical-align:text-bottom;
margin:0;
}

p{
font-size:14px;
margin:0 0 5px 0;
padding:0;
line-height:1.4em;
}

h1{
 font-size: 24px;
 margin:0 0 10px 0;
}

h2{
font-size: 18px;
margin:0 0 10px 0;
padding-top:5px;
text-decoration:none;
}

h3{
 font-size:16px;
 margin:0 0 10px 0;
}

h4{
font-size:16px;
 margin:0 0 8px 0;
}

h5{
font-size:16px;
 margin:0 0 8px 0;
}

ul{
list-style-type:none;
list-style-position:outside;
margin:0; 
padding:0; 
}

li{
margin:0;
padding:0;
}

.clear{
	clear:both;
	margin:0;
	padding:0;
}

/* フロート解除スタイル */
.clearfix:after { /*floatの解除、ここがポイント*/
display:block;clear:both;
height:0px;
visibility:hidden;
content:".";
}
.clearfix {
min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
height: 1px;/*¥*//*/ /*MAC IE5.x対策*/
height: auto;
overflow: hidden;/**/
}

.leftbox{
	float:left;
	margin:0 10px 10px 0;
}

.rightbox{
	float:right;
	margin:0 0 5px 10px;
}

.borderbox{
	padding:5px;
	margin-bottom:10px;
	border:#999 1px solid;
	text-align:center;
}

.borderbox_left{
	float:left;
	padding:5px;
	margin:0 10px 8px 0;
	border:#999 1px solid;
	text-align:center;
	display:block;
}

.borderbox_right{
	float:right;
	background-color:#FFF;
	padding:5px;
	margin:0 0 10px 10px;
	border:#999 1px solid;
	text-align:center;
	display:block;
}

.backenji{
background-color:#AD3140;
color:#FFF;
}

.backlightenji{
background-color:#bf7780;
color:#FFF;
}

.xltext{
	font-size:18px;
}

.ltext{
	font-size:16px;
}

.stext{
	font-size:12px;
}

.xstext{
	font-size:10px;
}

.centertext{
	margin:0 auto 10px;
	text-align:center;
}

.righttext{
	text-align:right;
}

.marginleft225{
margin-left:225px;
}

.marginbottom10{
margin-bottom:10px;
}

.hide{
display:none;
}


/*-----------------------------------------------------------
  ベーシックカラー
----------------------------------------------------------- */
.deepblue{
	color:#0a0a47;
}

.waterblue{
	color:#4ea1fa;
}

.enji{
	color:#AD3140;
}

.lightenji{
	color:#bf7780;
}

.olive{
	color:#5C5424;
}

.emeraldgreen{
	color:#43777e;
}

/*-----------------------------------------------------------
  トップページ・サブページ共通デザイン 
----------------------------------------------------------- */
/* 大枠 */
#wrapper{
width:800px;
margin:0 auto;
text-align:left;
}


/* ヘッド部品 */
#head{
	height:80px;
}

#logo{
	float:left;

}

#iconnavi{
	float:right;
	clear: right;
	padding:0;
}

#iconnavi li{
	display: inline;
	margin-left:10px;
}


/* コンテンツカバー */
#contentswrapper{
	background: url(../img/bg_contents.png) repeat-y;
	padding:0 5px;
}

#contents{
	background-color: #FFF;
	padding-bottom:10px;
}

/* ▼メインメニューCSSスプライト */
#nav {
background: url(../img/menu_final.gif) no-repeat;
width:790px;
height:35px;
margin:0;
padding:0;
}

#nav span {
display: none;
}

#nav li, #nav a {
height:35px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav01 {width: 131px;}
#nav02 {width: 131px;}
#nav03 {width: 131px;}
#nav04 {width: 131px;}
#nav05 {width: 131px;}
#nav06 {width: 131px;}

#nav01 a:hover {background:url(../img/menu_final.gif) 0px -35px no-repeat; }
#nav02 a:hover {background:url(../img/menu_final.gif) -131px -35px no-repeat; }
#nav03 a:hover {background:url(../img/menu_final.gif) -262px -35px no-repeat; }
#nav04 a:hover {background:url(../img/menu_final.gif) -393px -35px no-repeat; }
#nav05 a:hover {background:url(../img/menu_final.gif) -524px -35px no-repeat; }
#nav06 a:hover {background:url(../img/menu_final.gif) -655px -35px no-repeat; }

/* ON STATES */
#menu.accommo #nav li#nav01 a {background:url(../img/menu_final.png) 0px -70px !important; }
#menu.restaurant #nav li#nav02 a {background:url(../img/menu_final.png) -131px -70px !important; }
#menu.wedding #nav li#nav03 a { background:url(../img/menu_final.png) -262px -70px !important; }
#menu.banquet #nav li#nav04 a { background:url(../img/menu_final.png) -393px -70px !important; }
#menu.access #nav li#nav05 a { background:url(../img/menu_final.png) -524px -70px !important; }
#menu.sightseeing #nav li#nav06 a { background:url(../img/menu_final.png) -655px -70px !important; }
/* ▲メニューCSSスプライト */



/* サイドバー見出し3について */
#sidebar h3{
	background:url(../img/bg_sidebar_h3.gif) no-repeat;
	height:28px;
	color:#0a0a47;
	margin:0 auto;
	text-align:center;
}

/* トッピックスの共通ボックス */
.topics{
border-bottom:dashed 1px #999999;
padding:10px 0 0 10px;
}

.topicsdate{
background:url(../img/icon_newsdate.gif) no-repeat left;
color:#AD3140;
padding-left:16px;
}

.topicsbacnumber{
font-size:12px;
border:solid 1px #CCCCCC;
background:#e8e8e8;
padding:0 5px;
}


/* フッターについて */
#footer{
	background-color:#0b0a36;
	padding:5px 0
}

#footer a:link, #footer a:visited{
	color:#FFF
}

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

#footerinfo{
	width:800px;
	margin:10px auto;
	font-size:12px;
}

#footerinfo li{
	font-size:12px;
	display:inline;
	border-right:1px solid #404040;
	margin-right:7px;
	padding-right:9px;
}

#footerinfo li.end{
	border: none;
}

/* ナビゲーションを飛ばす*/
#head p#skip {
position: absolute;
display: none;
}

/* 検索エリア */
#head #header-search {
float: right;
font : #FFF;
padding: 10px 0 10px;
}

#head #header-search a:link, #head #header-search a:visited{
	color:#FFF
}

#head #header-search a:hover{
	color:#404040;
	text-decoration:none;
}

#head #header-search li{
	font-size:13px;
	margin-right:2px;
}

#head #header-search li.end{
	border: none;
}

/* トップロゴ */
#logo{
width: 264px;
height: 59px;
background-repeat: no-repeat;
}
html>body #logo{/* IE6以外に適用 IE7も含む */
background-image:url(../img/logo.png);
}
*html body #logo{/* IE6以下に適用 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='scale');
}

#logo h1 a{
display:block;
width:264px;
height:46px;
margin-top:13px;
text-indent:-9999px;
overflow: hidden;
}
*html body #logo h1 a{/* IE6以下に適用 */
height: 36px;
}

/*-----------------------------------------------------------
サイドバー宿泊予約
----------------------------------------------------------- */
div.reserve {
margin : 3px 0 2px;
padding :5px;
background: #f5f5f5;
}

div.reserve_1 {
width: 100%;
margin-top: -2px;
}

div.reserve_1 dt {
font-weight:bolder
}
div.reserve_1 dd {
font-size : 12px;
margin: 0 0 0 4px;
 }
 div.reserve_2 {
width: 100%;
margin-top: -2px;
}
div.reserve_2 dt {
padding: 0;
}
div.reserve_2 dd {
margin: -1.6em 0 0 9em; 
 }

div.reserve_1 dd ul{
margin:0; 
padding:0; 
}

div.reserve_1 dd li{
margin-left:5px;
list-style-type: none;
}
*html #sidebar div.reserve_1 dd li {
margin-left:0;
}

div.reserve_1 dd li .right{
margin-left:5px;
}

/*-----------------------------------------------------------
サイドバー宿泊予約ピックアッププラン部分
----------------------------------------------------------- */
#pickupplan{
background:#efd8db;
margin-top:0;
padding:5px 3px;
border-left:1px solid #AD3140;
border-right:1px solid #AD3140;
border-bottom:1px solid #AD3140;
}

.pickupplantitle{
	color:#AD3140;
	margin:5px auto 0;
	text-align:center;
}