@charset "utf-8";

/* ---------------------------------------------------------
 　■ サイト共通CSS
--------------------------------------------------------- */
body {
	background: #FFFFFF;
	line-height: 1.5;
}
body,select,input,button,textarea{
	color: #333333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* --- テキストリンク --- */
a{
	text-decoration: underline;
	color: #005740;
}
a:hover{
	text-decoration: none;
}

/* ---------------------------------------------------------
 　■ 共通 class
--------------------------------------------------------- */
/* === フォントサイズクラス === */
/* …………………………………………………………………………………………………
　面倒でもフォントサイズの入れ子はしないで、各ブロックごとに指定する！
　HTML側にclass指定したほうがわかり易くてｲｲけど、
　thとtdで違うフォントサイズを指定したい場合なんかは、CSSに
　th{font-size: 108%;} td{font-size: 77%;}とか書いたほうがHTMLがキレイかも
………………………………………………………………………………………………… */
.txt10{ font-size: 77%; }    /* 10px */
.txt11{ font-size: 85%; }    /* 11px */
.txt12{ font-size: 93%; }    /* 12px */
.txt13{ font-size: 100%; }   /* 13px */
.txt14{ font-size: 108%; }   /* 14px */
.txt15{ font-size: 116%; }   /* 15px */
.txt16{ font-size: 123.1%; } /* 16px */
.txt17{ font-size: 131%; }   /* 17px */
.txt18{ font-size: 138.5%; } /* 18px */
.txt19{ font-size: 146.5%; } /* 19px */
.txt20{ font-size: 153.9%; } /* 20px */
.txt21{ font-size: 161.6%; } /* 21px */
.txt22{ font-size: 167%; }   /* 22px */
.txt23{ font-size: 174%; }   /* 23px */
.txt24{ font-size: 182%; }   /* 24px */
.txt25{ font-size: 189%; }   /* 25px */
.txt26{ font-size: 197%; }   /* 26px */

/* === clearfix === */
.clearfix{
	overflow: hidden; zoom: 1;
}
/* === 画像とかの左右float調整 === */
.rt {
	float: right;
}
.lt {
	float: left;
}
/* === テーマフォントカラー === */
.col-Or{
	color: #FF9103;
}
.col-Gr{
	color: #005740;
}
.col-Rd{
	color: #CC0000;
}
.bld{
	font-weight: bolder;
}
/* === こめ印（※）の字下げ === */
.kome{
	padding-left: 1em;
	text-indent: -1em;
	display: block;
}
/* 
※あああああああああああ
　あああああああああああ
↑こんなカンジで2行目が１文字分空きます
 */

/* === Jquery === */
img.rollover{ /* 画像が_onに切り替わります */ }
img.hover{ /* 画像が半透明になります */ }
.dispBox{ /* 高さを一番高い高さ揃えます */ }





/* === コンテナ === */
#hp-container{
	width: 960px;
	margin: 15px auto 0;
	overflow: hidden; zoom: 1;/* clearfix */
}

/* === パンくず === */
#topicpath{
	color: #005740;
	line-height: 25px;
	font-size: 77%;
	overflow: hidden;
	zoom: 1;
	width: 960px;
	margin: 0 auto;
}
#topicpath ul li{
	float: left;
}
#topicpath a{
	color: #005740;
	text-decoration:none;
}
#topicpath a:hover{
	text-decoration:underline;
}

/* === コンテンツ メインスペース === */
#hp-container-main{
	float: left;
	width: 700px;
}

/* ---------------------------------------------------------
 　■ サイドコンテナ
--------------------------------------------------------- */
/* === コンテンツ サイドスペース === */
#hp-container-side{
	width: 240px;
	float: right;
	padding: 0 0 20px;
}
#hp-container-side #side-top,
#hp-container-side #side_hotel,
#hp-container-side #side_floor,
#hp-container-side #side_nav,
#hp-container-side #side_corporate,
#hp-container-side #side_banner{
	margin: 0 0 5px;
}
/* === 上部（営業時間・アクセス・ショップ検索） === */
#hp-container-side #side-top{
	margin: 0 0 10px;
	background: url(../images/side_top_bg.png) 0 0 repeat-y;
}
#hp-container-side #side-top dl{
	width: 210px;
	margin: 0 auto;
}
#hp-container-side #side-top dl dd{
	background: url(../images/side_line.png) center bottom no-repeat;
	margin: 0 0 10px;
	padding: 0 0 15px;
}
#hp-container-side #side-top dl.box02 dt{
	padding: 0 0 5px;
}
#hp-container-side #side-top dl.box02 dd{
	overflow: hidden; zoom: 1;/* clearfix */
}
#hp-container-side #side-top dl.box02 dd a{
	display: block;
	float: left;
	padding: 5px 0 0;
}
#hp-container-side #side-top dl.box03 dt{
	padding: 0 0 10px;
}
#hp-container-side #side-top dl.box03 dd{
	background: none;
}
#hp-container-side #side-top dl.box03 dd span{
	display: block;
	float: left;
	padding: 0 1px;
}
#hp-container-side #side-top dl.box03 dd input{
	border: 1px solid #8F8A88;
}
#hp-container-side #side-top dl.box03 dd input[type=text]{
	width: 158px;
	height: 21px;
}
.ie7 #hp-container-side #side-top dl.box03 dd input[type=text]{
	width: 150px;
	height: 21px;
}
#hp-container-side #side-top dl.box03 dd input[type=submit]{
	color: #FFFFFF;
	background: #8F8A88;
	width: 48px;
	height: 21px;
}
/* === ご宿泊のお客様 === */
#hp-container-side #side_hotel dl dd{
	border: 1px solid #E7E3DA;
	border-top: none;
}
/* === フロアマップ === */
#hp-container-side #side_floor dl dd{
	border: 1px solid #E7E3DA;
	border-top: none;
	text-align: center;
	padding: 5px 0;
}
/* === サイドナビ（バス・マークブック・求人・ライブカメラ・レストランガイド） === */
#hp-container-side #side_nav li{
	margin: 0 0 5px;
}
/* === 法人のお客様 === */
#hp-container-side #side_corporate dd{
	background: url(../images/side_line.png) center bottom no-repeat;
	text-align: center;
	padding: 5px 0 7px;
	border-left: 1px solid #E7E3DA;
	border-right: 1px solid #E7E3DA;
}
#hp-container-side #side_corporate dd.end{
	border-bottom: 1px solid #E7E3DA;
	background: none;
}
/* === 下部バナースペース === */
#hp-container-side #side_banner li{
	text-align: center;
	margin: 0 0 5px;
}


/* === 画像調整 === */
#hp-index #tab-space #news .article p.img {
	text-align: center;
	overflow: hidden;
}
#hp-news #newsBody #shop-infoBox li.lt{
	text-align: center;
	overflow: hidden;
}
#hp-gourmet .section .article p.pho{
	text-align: center;
	overflow: hidden;
}

.back {
    text-align: right;
}

#dotline {
    background-image: url("../images/dot.gif");
    background-repeat: repeat-x;
    clear: both;
    height: 15px;
}


#dotline-10px {
    background-image: url("../images/dot.gif");
    background-repeat: repeat-x;
    clear: both;
    height: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.floatclear {
    clear: both;
    font-size: 1px;
    height: 1px;
    width: 100%;
}