/* 初期値リセット */

img {
	border:0px;
	vertical-align:top;
}
p {
	margin:0px;
	padding:0px;
}

/* 初期設定 */

html {
	background-color:#FBF7EC;
}

body {
	background-image:url(http://www.crane-hotel.com/img/back-main.gif);
	background-repeat:repeat-y;
	background-position:center;
	height:100%;
	margin:0px;
	padding:0px;
	font-size: 0.9em;
}

/* <UL><OL><LI>設定 */

/*リストスタイル(黒丸：disc)*/

.styleDi,.styleDe,.styleNo {
	margin:0px 0px 0px 15px;
	padding:0px;
}

.styleDi li	{
	list-style-type:disc;
	margin:0px;
	margin-left:20px;
	padding:0px;
}

/*リストスタイル(数字：decimal)*/

.styleDe li {
	list-style-type:decimal;
	margin:0px;
	margin-left:20px;	
	padding:0px;	
}

/*リストスタイル(無：none)*/

.styleNo li {
	list-style-type:none;
	margin:0px;
	padding:0px;	
}


/* コンテナ枠 */

#container {
	width:900px;
	margin:0px auto;
	padding:20px 0px 5px;
}



/* ヘッダー */

#header {
	background-image: url(http://www.crane-hotel.com/img/head_r1_c2.gif);
	background-repeat: repeat-x;
	text-align: center;
	height:110px;
}

#header2 {
	background-image: url(http://www.crane-hotel.com/img/head_r1_c2.gif);
	background-repeat: repeat-x;
	text-align: center;
}

h1 {
	color:#FFFFFF;
	text-align:right;
	width:900px;
	margin:0px auto;
	font-weight:normal;
	font-size:12px;
	line-height:25px;
}
h1 a{
	color:#FFFFFF;
	text-decoration:none;
}

#head-line {
	background-color:#534022;
	height:10px;
}
/* 上メニュー */

#top-menu {
	text-align:center;
	background-image:url(http://www.crane-hotel.com/img/head-menu_r1_c6.gif);
	background-repeat:repeat-x;
	height: 50px;
}

#top-menu ul{
	margin:0px auto;
	padding:0px;
	width:900px;
}

#top-menu li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	height: 50px;
}

/* 次ヘッダー */

#head-photo {
	text-align:center;
	background-color:#000000;
	height:160px;
	background-image: url(http://www.crane-hotel.com/img/back-head.gif);
	background-repeat: repeat-x;
}


/* 左メニュー */

#left-menu {
	float:left;
	text-align:center;
	width:230px;
}

#Lmenu1 {
	border: 1px solid #5A421F;
	padding:1px;
	width:222px;
	margin:0px auto 2px;
	text-align:center;
	font-family:"メイリオ";
	font-size:0.9em;
}

#Lmenu2 {
	border: 1px solid #FF6600;
	padding:1px;
	width:226px;
	margin:0px auto 2px;	
}
#Lmenu3 {
	border: 1px solid #5A421F;
	padding:1px 1px 0px 1px;
	width:226px;
	margin:0px 0px 10px;
	text-align:center;
	list-style:none;
}

#Lmenu3 li{
	width:226px;
	padding:0px;
	margin:0px 0px 1px 0px;
	list-style:none;
}

#Lmenu4 {
	margin:40px 0px 0px;
	padding:0px;
}

#Lmenu4 li{
	list-style:none;
	margin:0px 0px 4px 0px;
}




/* コンテンツ枠 */

#contents {
	float:right;
	text-align:left;
	width: 650px;
	line-height:150%;
}

h2.h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family: "メイリオ";
	font-size: 1.2em;
	line-height: 60px;
	color: #83663A;
	background-image: url(http://www.crane-hotel.com/img/h_r1_c1.gif);
	height: 60px;
	width: 650px;
	text-indent: 25px;
	font-weight: normal;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; clear:both;
}
h2.h2-info {
	margin:15px 15px 15px 10px;
	padding:6px ;
	padding-top:9px;
	font-family: "メイリオ";
	font-size: 20px;
	line-height:1.5em;
	font-weight:normal;
	border-bottom:#83663A solid 1px;
	border-top:#83663A solid 1px;
	color: #83663A;

}

h3.h3 {
	margin:0px 12px 10px;
	padding:0px 3px;
	border-bottom:2px solid #947442;
 	color: #947442;
	font-weight:normal;
	font-size:1.1em;
	font-family: "メイリオ";	
}

h3.h3-info {
	margin:0px 12px 10px 0px;
	padding:0px 3px;
	border-bottom:2px solid #947442;
 	color: #947442;
	font-weight:normal;
	font-size:1.1em;
	font-family: "メイリオ";	
}

h4.h4 {
	color:#FF9900;
	font-family: "メイリオ";
	font-weight:normal;
	margin:0px 20px;
	padding:0px;
}

h4.h4-info {
	color:#FF9900;
	font-family: "メイリオ";
	font-weight:normal;
	margin:0px;
	padding:0px;
}


p.p {
	margin:0px 20px 15px;
	padding:0px;
}

div#main {
	margin:0px 15px;
}


/* フッター */

#foot-navi {
	float:left;
	width:730px;
	font-size:0.8em;
	padding:7px;
	background-color:#F9F3E8;
	border:#B99974 1px solid;
	margin-top: 15px;
}

#foot-top {
	float:right;
	width:120px;
	font-size:0.8em;
	padding:7px;
	text-align:center;
	background-color:#F9F3E8;
	border:#B99974 1px solid;
	margin-top: 15px;
}

#foot-navi a{
	color:#000000;
	text-decoration:none;
}

#foot-top a{
	color:#000000;
	text-decoration:none;
}

#footer {
	clear:both;
	background-image: url(http://www.crane-hotel.com/img/foot_r1_c3.gif);
	background-repeat: repeat-x;
	text-align:center;
}


#footer-box {
	margin:0px auto;
	width:900px;
	position:relative;
	height:130px;
	font-size:13px;
}
/*
#foot-menu {
	position:absolute;
	top:5px;
	right:10px;
	text-align:right;
}
*/

#footer-box dl{
	padding:0px;
	margin:0px;
	width:470px;
	position:absolute;
	left:350px;
	top:34px;	
	text-align:left;
	color:#FFFFFF;
	line-height:24px;

}

#footer-box a{
	color:#FFFFFF;
	text-decoration:none;
}

#dd1 {
	margin-top:-24px;
	margin-left:140px;
}

#dd2 {
	margin-top:-24px;
	margin-left:350px;
}



#footer-logo {
	position:absolute;
	left: 0px;
	top: 0px;
}

#footer-cp {
	position:absolute;
	right: 0px;
	bottom: 0px;
}

/*
#foot-menu {
	width:680px;
	font-size:13px;
	color:#FFFFFF;
	position:absolute;
	top:10px;
	right:0px;
}
#foot-menu a{
	color:#FFFFFF;
	text-decoration:none;
}
#foot-menu a:hover{
	text-decoration:underline;
}

#foot-menu li{
	float:left;
	margin-left:5px;
	list-style:none;
}
*/




/* 各ページ・本文について */

/* indexのみ */
#index-flash {
	text-align:center;
	background-image:url(http://www.crane-hotel.com/img/back.jpg);
	background-repeat:repeat;
	height: 300px;
}
#index-menu {
	text-align:center;
	background-image:url(http://www.crane-hotel.com/img/top-menu_r1_c5.gif);
	background-repeat:repeat-x;
	height: 80px;
}

#index-menu ul{
	margin:0px auto;
	padding:0px;
	width:900px;
}

#index-menu li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
#index-Lbox {
	float:left;
	width:600px;
	text-align:right;
	font-size:18px;
	font-family:"メイリオ";
}

#index-Rbox {
	float:right;
	border:1px solid #5A421F;
	padding:1px;
	text-align:center;
	width:245px;
	min-height:350px;
}

#index-Rbox dl{
	width:230px;
	font-size:0.9em;
	line-height:1.2em;
	margin:10px auto;
	text-align:left;
}
#index-Rbox dd {
	margin-left:0px;
	margin-bottom:10px;
}
#index-Rbox a {
	color:#000000;
	text-decoration:none;
}

#index-Rbox a:hover{
	color:#FF9900;
	text-decoration:underline;
}

#h2-index {
	margin:0px;
	padding:0px;
}


#index-kanren {
	float:left;
	border:#CCCCCC 1px solid;
	padding:5px;
	margin-left:20px;
	line-height:1.5em;
	width:250px;
	font-size:0.9em;
	font-family:"メイリオ";
}
#index-kanren a{
	color: #000000;
	text-decoration:none;
}

#index-kanren img{
	margin-bottom:3px;
}
/* お部屋のご案内 */
div#room-r {
	text-align:right;
	margin-top:-8px;
	padding: 0px 10px 0px 0px;
}

div#room {
	padding:0px 10px 10px 10px;
}
div#room img{
	background-color:#000000;
	padding:3px;
	float:left;
	margin:10px 30px 20px;
}

table#room-table{
	font-size:1em;
	margin:0px 20px 10px;
}
table#room-table th {
	font-weight:normal;
	text-align:left;
	padding:5px;
	border:solid 1px #996633;
	background-color:#F1E3D6;
}

table#room-table td {
	text-align:right;
	padding:5px;
	border:1px solid #996633;
}

div#room {
	padding:0px 10px 10px 10px;
}
div#room img{
	background-color:#000000;
	padding:3px;
	float:left;
	margin:0px 30px 20px;
}

ul#setsubi li {
	line-height:1.2em;
	margin-bottom:7px;
	list-style-type: circle;
}
/* ホテルのご案内・交通アクセス */

#g-map {
	width:600px;
	border:solid 1px #CCCCCC;
	margin:0px auto;
}
dl#access {
	margin:0px;
	padding:0px;
	margin-left:20px;
	line-height:1.2em;
}
dl#access dt{
	margin:0px;
	padding:0px;
	color: #947442;
	font-weight: bold;
}

dl#access dd{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

#photo-text{
	float:left;
	padding:5px 5px 0px 5px;
	margin:0px 5px 5px 5px;	
	border:#CCCCCC solid 1px;
	text-align:center;
}

/* 岩盤浴 */
dl#spa {
	margin:0px 0px 0px 20px;
	line-height:1.5em;
	font-size:1.3em;
	font-weight:bold;
}
dl#spa dd{
	margin:-1.5em 0px 5px 120px;
}

/* 新着 */

#info-list dt{
	margin:0px 20px 3px;
}

#info-list dd{
	padding-top:5px;
	margin:0px 20px 20px;
	border-top:dotted #CCCCCC 1px;
}

#info-list a{
	text-decoration:none;
	color:#000000;
}
#info-list a:hover{
	text-decoration:underline;
	color:#FF6600;
}
/* レストラン */

.food-menu {
	padding-left:30px;
}
.food-menu dt{
	list-style-type:circle;
}
.food-menu dd{
	margin:0px;
	margin-top:-1.5em;
	text-align:right;
	letter-spacing: 2px;
}

#event-syousai {
	border: 1px solid #996600;
	padding:10px;
	font-size:1.2em;
	width:70%;
	margin:5px auto 15px;
	text-align:center;
}


/* お問い合わせ */
table#qa-table{
	font-size:1em;
	margin:0px 20px 10px;
}
table#qa-table th {
	font-weight:normal;
	text-align:left;
	padding:5px;
	border:solid 1px #996633;
	background-color:#F1E3D6;
}

table#qa-table td {
	padding:5px;
	border:1px solid #996633;
}

/* イベント */

table#event-table{
	font-size:1em;
	margin:0px 20px 0px;
	width:580px;
}
table#event-table th {
	font-weight:normal;
	text-align:center;
	padding:5px;
	border:solid 1px #996633;
	background-color:#F1E3D6;
}

table#event-table td {
	text-align:left;
	padding:5px;
	border:1px solid #996633;
}
.b-img {
	float:right;
	padding:2px;
	margin:5px;
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	text-align:center;
}
table.info-table{
	font-size:1em;
	margin:0px 0px 10px 10px;
}
table.info-table th {
	text-align:left;
	padding:3px;
}

table.info-table td {
	text-align:left;
	padding:3px 10px;
}




/* スペース */

.space {
	clear:both;
	font-size:1px;
	line-height:1px;
	height: 1px;
}

/* クリア */

.clear-b{
	clear:both;
}

.clear-n {
	clear:none;
}

/* 戻る */

/* 写真装飾 */

#photo-L1 {
	float:left;
	border:#CCCCCC solid 1px;
	padding:5px;
	margin:0px 5px 5px 5px;
	background-color:#FFFFFF;
}

#photo-R1 {
	float:right;
	border:#CCCCCC solid 1px;
	padding:5px;
	margin:0px 5px 5px 5px;
	background-color:#FFFFFF;
}


/* 文字装飾 */

.red {
	color:#FF0000;
}

.pink {
	color:#FF66FF;
}

.green {
	color:#009900;
}

.orange {
	color:#FF9900;
}

.blue {
	color:#0066FF;
}

.gray {
	color:#CCCCCC;
}

.yellow {
	color:#FFFF33;
}

.fs08 {
	font-size:0.8em;
}

.fs14 {
	font-size:1.4em;
}

.fs16 {
	font-size:1.6em;
}
.msg {
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
/* パンくずリスト用
-------------------------------------------------------------------------------------------*/

ul#breadcrumbs {
	margin:0px;
	padding:0px;
}

ul#breadcrumbs li {
	padding-right:5px;
	list-style-type:none;
	float:left;
	clear:none;
	background-image:url(img/bg_breadcrumbs.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

ul#breadcrumbs li#last {
	padding-right:0px;
	background-image:none;
}

ul#breadcrumbs li, ul#breadcrumbs li a, ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited, ul#breadcrumbs li a:hover, ul#breadcrumbs li a:active {
	color:#000000;
}
/*PageButeページリスト用*/

#navi {
	text-align:right;
}


#navi ul li {
	font-size:10px;
	display:inline;
	list-style-type:none;
}

#navi ul li a {
	text-decoration:none;
	border:1px solid #ccc;
	padding:1px 7px;
	color:#333;
}

#navi ul li a:hover {
	background-color:#ccc;
	color:#333;
	border:1px solid #666;
}

#navi ul span.current_page {
	border:1px solid #ccc;
	padding:1px 7px;
	color:#333;
}

#navi li {
	margin:0 3px;
}
/* ボーダーライン
-------------------------------------------------------------------------------------------*/

/* 下ボーダー（ドット） */
.borderLineD {
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* 下ボーダー（ソリッド） */
.borderLineD {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* 上ボーダー（ドット）のボックス */
.borderBox1 {
	float:none;
	clear:both;
	width:100%;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#ccc;
	margin:12px 0 0 0;
	padding-top:12px;
	font-size:10px;
	line-height:2em;
	text-align:right;
}

/* 下ボーダー（ソリッド）のボックス */
.borderBox2 {
	float:none;
	clear:both;
	width:100%;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;
	margin:0 0 3em 0;
	padding-bottom:12px;
	font-size:10px;
	line-height:2em;
	text-align:right;
}

/* 上下ボーダー（上ドット　下ソリッド）のボックス */
.borderBox3 {
	float:none;
	clear:both;
	width:100%;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#ccc;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;
	margin:12px 0 3em 0;
	padding-top:12px;
	padding-bottom:12px;
	font-size:10px;
	line-height:2em;
	text-align:right;
}

/* ボーダー無+テキスト右のボックス */
.borderBox4 {
	float:none;
	clear:both;
	width:100%;
	margin:0 0 12px 0;
	font-size:10px;
	line-height:2em;
	text-align:right;
}

.borderBox1 a, .borderBox2 a, .borderBox3 a, .borderBox4 a {
	text-decoration:none;
	color:#999;
}

.borderBox1 a:hover, .borderBox2 a:hover, .borderBox3 a:hover, .borderBox4 a:hover {
	text-decoration:underline;
}

.borderBox1 h4, .borderBox2 h4, .borderBox3 h4, .borderBox4 h4 {
	margin-bottom: 0;
	display: inline;
	font-weight:normal;
}

.borderBox1 ul, .borderBox2 ul, .borderBox3 ul, .borderBox4 ul {
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.borderBox1 li, .borderBox2 li, .borderBox3 li, .borderBox4 li {
	display: inline;
}