@charset "utf-8";

/*【トップを含むサイト全体に共通するスタイル設定となります。】*/

/* ########################################################

■共通基本設定-----------------------------
フォントリセット（YUI使用）
body設定（ベース設定、背景画像、フォント指定他）
リンク、リンクカラー設定
文字設定（見出し、本文他）
clearfix（float解除））
-------------------------------------------

■大枠・レイアウト-------------------------
id=container -----全体を囲む枠
id=header -----ヘッダー
id=globalnavi -----グローバルナビ
id=main -------コンテンツ領域
id=footer -----フッター
--------------------------------------------

■個々のidの内容の設定-------------------------
id=header -----ヘッダー（ロゴ、h1及びコメント、言語ボタン、ユーティリティー）
id=globalnavi -----グローバルナビ
id=main -------コンテンツ領域（全ページ共通コンテンツ：address）
id=contents -------コンテンツ領域（全ページ共通タグ：p,b,clear,img,table,ul,ページの先頭へ戻る他）
id=right -------コンテンツ領域（右カラム：reserve、tripadvisor、他）
id=footerr -----フッター
--------------------------------------------

カラー--------------------------------------
メインイメージカラー#000000
テキスト（灰色）#333333
ポイントカラー（緑）#669900
ロールオーバー
フッター背景色（灰色）#eeeeee
コンテンツ背景#ffffff
--------------------------------------------

######################################################### */




/*========================================================*/
/*共通基本設定*/
/*========================================================*/

/*---------------------------------------------------------
  フォントリセット
--------------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

-YUI FONT SIZE GUIDE

10px = 77
11px = 85
12px = 93 (was 93)
13px = 100
14px = 108 (was 107)
15px = 116 (was 114)
16px = 123.1 (was 122)
17px = 131 (was 129)
18px = 138.5 (was 136)
19px = 146.5 (was 144)
20px = 153.9 (was 152)
21px = 161.6 (was 159)
22px = 167
23px = 174
24px = 182
25px = 189
26px = 197

*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/*---------------------------------------------------------
  body設定
--------------------------------------------------------- */
body{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #ffffff;
	background-image:url(/common/images/back.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	color: #333333;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 140%;
	text-align: center;
}




/*---------------------------------------------------------
  文字設定（見出し、本文他）
--------------------------------------------------------- */

h1{

}

h2{
	margin: 10px 0;
	padding: 0;
	border-bottom: solid 2px #000000;
	color: #000000;
	line-height: 0.85em;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 197%;
	vertical-align: bottom;
}

h3{
	margin: 20px 10px 10px 10px;
	padding: 0;
	border-bottom: solid 1px #999999;
	color: #000000;
	line-height: 0.6em;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 167%;
}

h4{
	margin: 10px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 138.5%;

}

p, dt, dd, li, th, td, caption, blockquote {
	font-size:93%;
}

strong, em{
	font-weight: bold;
}




/*---------------------------------------------------------
  リンク
--------------------------------------------------------- */

a:hover{
	text-decoration: none;
}




/*---------------------------------------------------------
  clearfix
--------------------------------------------------------- */
/*clear*/
.clear:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	display:inline-table;
}

/* Mac IE には適用させない \*/
.clear{
	height: 1%;
	display: block;
}
/* */








/*========================================================*/
/*大枠・レイアウト*/
/*========================================================*/


/*---------------------------------------------------------
  id=container
--------------------------------------------------------- */
#container{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background-color: #ffffff;
	text-align: left;
}




/*---------------------------------------------------------
  id=header
--------------------------------------------------------- */
#header {
	position: relative;
	height: 100px;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: solid 2px #333333;
}




/*---------------------------------------------------------
  id=globalnavi
--------------------------------------------------------- */
div#globalnavi {
	width: 900px;
	height: 42px;
	margin: 0 0 2px 0;
	padding: 0;
	border: 0;
	background: #cccccc;
}




/*---------------------------------------------------------
  id=main
--------------------------------------------------------- */
#main {
	margin: 0;
	padding: 0;
	border: 0;
}



/*---------------------------------------------------------
  id=contents
--------------------------------------------------------- */
#contents {
	float: left;
	width: 650px;
	margin: 0;
	padding: 0;
	border: 0;
}




/*---------------------------------------------------------
  id=left[3カラムの場合の左領域（トップページのみ）]
--------------------------------------------------------- */
#left {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0;
	border: 0;
}




/*---------------------------------------------------------
  id=center[3カラムの場合の中央領域（トップページのみ）]
--------------------------------------------------------- */
#center {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
	border: 0;
}

.bnr-top {
	display:block;
	margin-bottom:10px;
}


/*---------------------------------------------------------
  id=right
--------------------------------------------------------- */
#right {
	float: right;
	width: 240px;
	margin: 0;
	padding: 0;
	border: 0;
}




/*---------------------------------------------------------
  id=footer
--------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
	border: 0;
	text-align: center;
}







/*========================================================*/
/*個々のidの内容の設定*/
/*========================================================*/


/*---------------------------------------------------------
  id=header
--------------------------------------------------------- */

/*logo*/
#header p#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	border: 0;
}

/*言語切り替え*/
#header p#language {
	margin: 10px 0 7px 0;
	padding: 0;
	border: 0;
	text-align: right;
}

#header p#language a {
	margin: 0;
	padding: 0;
	border: 0;
}

#header p#language a img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

/*h1*/
#header h1 {
	margin: 0 0 0 260px;
	padding: 0;
	border: 0;
	font-size:93%;
	line-height: 110%;
	color: #999999;
	font-weight: bold;
}

#header p#comment {
	margin: 0 0 0 260px;
	padding: 0;
	border: 0;
	font-size: 77%;
	line-height: 100%;
	color: #999999;
}

/*#utility*/
#header p#utility {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	text-align: right;
}

#header p#utility a {
	margin: 0 0 0 7px;
	padding: 0 0 0 12px;
	border: 0;
	background: url("/common/images/arrow_list.gif") left center no-repeat;
	color: #000000;
}




/*---------------------------------------------------------
  id=globalnavi
--------------------------------------------------------- */

div#globalnavi p {
	margin: 0;
	padding: 3px 0 0 3px;
	border: 0;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";

}

div#globalnavi p a {
	float: left;
}

/*home*/
div#globalnavi p a#home {
	width: 39px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(/common/images/btn_home_on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: bottom;
}

div#globalnavi p a#home:hover {
	background-color: #fff; /* IE6用 */
}

div#globalnavi p a#home:hover img {
	visibility: hidden;
}

div#globalnavi p a.off {
	display: block;
	width: 170px;
	height: 36px;
	margin: 0 0 0 1px;
	padding: 0;
	border: 0;
	background-image: url(/common/images/btn_back.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #000000;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.05em;
}

div#globalnavi p a.on {
	display: block;
	width: 170px;
	height: 36px;
	margin: 0 0 0 1px;
	padding: 0;
	border: 0;
	background-image: url(/common/images/btn_back_on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.05em;
}

div#globalnavi p a.off:hover {
	color: #ffffff;
	background-image: url(/common/images/btn_back_on.jpg);
}




/*---------------------------------------------------------
  id=main
--------------------------------------------------------- */

/*#address*/
p#address{
	margin: 10px;
	padding: 0;
	border: 0;
	font-size: 93%;
}

p#address span#mail{
	display: block;
	margin: 15px 0 0 0;
	padding: 7px 0;
	border: solid 3px #cccccc;
	text-align: center;
}
p#address span#mail a{
	margin: 0;
	padding: 3px 0 3px 29px;
	background: url("/common/images/mail.gif") left center no-repeat;
}




/*---------------------------------------------------------
  id=contents
--------------------------------------------------------- */

/*本文用*/
#contents p{
	margin: 10px;
	padding: 0;
	border: 0;
	font-size: 93%;
}

/*b*/
#contents b{
	color: #003366;
}


/*a*/
#contents  a.more {
	margin: 0;
	padding: 0 0 0 12px;
	border: 0;
	background: url("/common/images/arrow_list.gif") left center no-repeat;
}

/*clear*/
#contents p:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents p{
	display:inline-table;
}

/* Mac IE には適用させない \*/
#contents p{
	height: 1%;
	display: block;
}
/* */




/*イメージのレイアウト用*/
#contents p img{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

#contents .center{
	margin: 15px auto;
	padding: 0;
	border: 0;
	vertical-align: bottom;
	text-align: center;
}

#contents .left{
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

#contents .right{
	float: right;
	margin: 0 0 15px 15px;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}


/*zoom*/
#contents p a img.zoom{
	padding-bottom:20px;
	background: url("/common/images/zoom.gif") right bottom no-repeat;
}


/*table*/
#contents table{
	margin: 15px auto;
	padding: 0;
	border: 0;
}

#contents table td{
	margin: 0;
	padding: 5px;
	border: 0;
}


/*ページの先頭に戻る*/
#contents p.topofpage{
	margin: 0 10px 0 0;
	padding: 20px 0;
	border: 0;
	font-size: 93%;
	text-align: right;
}

#contents p.topofpage a{
	margin: 0;
	padding: 0 18px 0 0;
	border: 0;
	background: url("/common/images/arrow_top.gif") right center no-repeat;
	color: #000000;
}


/*リスト*/
#contents ul{
	margin:20px;
	padding:0;
	list-style:none;
}

#contents ul li{
	margin: 0 0 3px 0;
	padding: 0 0 0 18px;
	border: 0;
	background-image: url("/common/images/list.gif");
	background-position: left top;
	background-repeat: no-repeat;
}




/*---------------------------------------------------------
  id=left[3カラムの場合の左領域（top.css参照）]
--------------------------------------------------------- */




/*---------------------------------------------------------
  id=center[3カラムの場合の中央領域（top.css参照）]
--------------------------------------------------------- */




/*---------------------------------------------------------
  id=right
--------------------------------------------------------- */

/*reserve*/
#right p#reserve{
	margin: 0 0 7px 0;
	padding: 0;
	border: 0;
	line-height: 120%;
}

#right p#reserve a{
	margin: 0;
	padding: 0;
	border: 0;

}

#right p#reserve a img{
	margin: 0;
	padding: 0;
	/*border: solid 5px #CCCC66;*/
	border: solid 5px #cccccc;
	vertical-align: bottom;
}

#right p#reserve a:hover img{
	border: solid 5px #669900;
}

#right p#reserve span#special_internet_rates{
	display: block;
	margin: 3px;
}

#right p#reserve span#special_internet_rates strong{
	font-weight: normal;
}


/*confirm他*/
#right p#confirm{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	border-top: solid 5px #cccccc;
	border-left: solid 5px #cccccc;
	border-bottom: solid 5px #cccccc;
	background: #cccccc;
}

#right p#confirm a{
	float: left;
	display: block;
	width: 73px;
	margin: 0;
	padding: 0;
	border: 0;
	border-right: solid 5px #cccccc;
	border-bottom: solid 5px #cccccc;
	background: #ffffff;
	font-size: 93%;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";
	color: #000000;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

#right p#confirm a:hover{
	color: #669900;
}

#right p#confirm span#supple{
	clear: left;
	display: block;
	margin: 0 2px 0 2px;
	padding: 0;
	border: 0;
	font-size: 77%;
	color: #666666;
	line-height: 100%;
}




/*#tripadvisor*/
#tripadvisor{
	position: relative;
	width: 240px;
	height: 293px;
	margin: 0;
	padding: 0;
	border: 0;
}

#tripadvisor img#review{
	position: absolute;
	right: -125px;
	bottom: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}




/*--------------------------------------------------------
  id=footer
--------------------------------------------------------- */

#footer p#footer_navigation{
	margin: 0;
	padding: 5px 0;
	border-top: solid 3px #000000;
	background: #eeeeee;
}

#footer p#footer_navigation a{
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
}

#footer p#footer_utility{
	margin: 0 0 25px 0;
	padding: 0;
	border: 0;
}

#footer p#footer_utility a{
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
}

#footer address{
	margin: 3px 0;
	padding: 0;
	border: 0;
	color: #000000;
	font-style: normal;
}


/*2010/0709追加*/
/*---------------------------------------------------------
  id=formArea
--------------------------------------------------------- */

#formArea h2 {
	padding:0;
	border-style: none;
	margin-top: 0px;
	margin-bottom: 5px;
}

#formArea {
	border: 5px solid #CCCCCC;
	text-align: left;
	font-size:93%;
}
#formArea div#inner {
	padding-left: 7px;
}
#formArea p {
	margin:0;
	padding:0;
	font-size:100%;
}
#formArea p.mgb-5 {
	margin-bottom:5px;
}
#formArea p.mgb-3,select.mgb-3 {
	margin-bottom:3px;
}
#formArea p.mgb-2 {
	margin-bottom:2px;
}

div.formUnit{
	margin-bottom: 10px;
}

.formTxt {
	color: #666666;
	font-size: 85%;
}

p#fotmBtn a {
	display: block;
	border-top: 5px solid #CCCCCC;
	font-size:130%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";
	width: 230px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

p#fotmBtn a:hover{
	color: #669900;
}

select#minPrice {
width:97px;
}
select#maxPrice {
width:110px;
}