/*
-----------------------------------------------
	Base styles
	Version: 12 Feb 2009
----------------------------------------------- */
body {
	font-family:
		Verdana,
		Arial,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		Osaka,
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		sans-serif;
	color: #333;
	background: #f7efdf url(http://www.ryokantachibana.com/rakuten/img/common/bg1.gif) repeat-y center top;;
	}
a       { color: #934200; text-decoration: underline;}
a:hover { color: #783600; text-decoration: none;}
strong  { font-weight: bold;}
em      { font-style: italic;}

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
#container { width: 100%; background: url(http://www.ryokantachibana.com/rakuten/img/common/bg_top.gif) repeat-x 0 0;}
#container-inner {}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
#header {
	width: 950px;
	height: 100px;
	margin: 0 auto;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/header.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
/* Logo */
#logo {
	width: 280px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	}
#page-home #logo { cursor: default;}
/* cNav */
#cnav { position: absolute; right: 0; top: 10px; overflow: hidden; display: none;}
#cnav ul { font-size: 85%; line-height: 1.32; border-left: 1px solid #e5e5e5;}
#cnav ul li { display: inline; padding: 0 7px; border-right: 1px solid #e5e5e5;}
#cnav ul li a { color: #999; text-decoration: underline;}
#cnav ul li a:hover { color: #333; text-decoration: underline;}
/* to Contact */
p#to-contact { position: absolute; right: 0; top: 0;}
p#to-contact a { width: 220px; height: 0; padding-top: 100px; display: block; overflow: hidden;}

/*
-----------------------------------------------
	Nav
----------------------------------------------- */
#nav {
	width: 945px;
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
	}
#nav ul {
	width: 946px;
	height: 45px;
	font-size: 93%;
	line-height: 1.32;
	}
#nav ul li { float: left;}
#nav a {
	width: 120px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 45px;
	background-image: url(http://www.ryokantachibana.com/rakuten/img/common/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	}
/* Nav default */
#nav #nav-01 a { width: 135px; background-position: 0 0;}
#nav #nav-02 a { width: 135px; background-position: -135px 0;}
#nav #nav-03 a { width: 135px; background-position: -270px 0;}
#nav #nav-04 a { width: 135px; background-position: -405px 0;}
#nav #nav-05 a { width: 135px; background-position: -540px 0;}
#nav #nav-06 a { width: 135px; background-position: -675px 0;}
#nav #nav-07 a { width: 135px; background-position: -810px 0;}
/* Nav hover */
#nav #nav-01 a:hover { background-position: 0 -45px;}
#nav #nav-02 a:hover { background-position: -135px -45px;}
#nav #nav-03 a:hover { background-position: -270px -45px;}
#nav #nav-04 a:hover { background-position: -405px -45px;}
#nav #nav-05 a:hover { background-position: -540px -45px;}
#nav #nav-06 a:hover { background-position: -675px -45px;}
#nav #nav-07 a:hover { background-position: -810px -45px;}
/* Nav active */
#page-home #nav-01 a       { background-position: 0 -90px !important; cursor: default;}
#page-stayplan #nav-02 a   { background-position: -135px -90px !important; cursor: default;}
#page-room #nav-03 a       { background-position: -270px -90px !important; cursor: default;}
#page-cuisine #nav-04 a    { background-position: -405px -90px !important; cursor: default;}
#page-spa #nav-05 a        { background-position: -540px -90px !important; cursor: default;}
#page-facilities #nav-06 a { background-position: -675px -90px !important; cursor: default;}
#page-access #nav-07 a     { background-position: -810px -90px !important; cursor: default;}
/*
--------------------------------------------------
	Main photo container
-------------------------------------------------- */
#main-photo-container { width: 950px; margin: 0 auto; overflow: hidden;}

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs { width: 950px; margin: 10px auto; overflow: hidden;}
.breadcrumbs ul { font-size: 93%; line-height: 1.32;}
.breadcrumbs ul li {
	padding-left: 15px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/arrow_breadcrumbs.gif) no-repeat left center;
	float: left;
	}
.breadcrumbs ul li.breadcrumbs-home { padding-left: 0; background: none;}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
	margin-right: 3px;
	display: block;
	float: left;
	}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
#content { width: 950px; margin: 0 auto; padding: 0 10px;}
#content-inner {}
/* Contents Sub and Main cols */
.c-sm          {}
.c-sm #subcol  { width: 220px; float: left; overflow: hidden;}
.c-sm #wrapper { width: 700px; float: right; overflow: hidden;}
.c-sm #maincol { width: 700px;}
.c-sm #xcol    { display: none;}
/* Contents Main and Sub cols */
.c-ms          {}
.c-ms #subcol  { width: 220px; float: right; overflow: hidden;}
.c-ms #wrapper { width: 700px; float: left; overflow: hidden;}
.c-ms #maincol { width: 700px;}
.c-ms #xcol    { display: none;}
/* Contents Main only col */
.c-m          {}
.c-m #subcol  { display: none;}
.c-m #wrapper { width: 940px; overflow: hidden;}
.c-m #maincol { width: 940px;}
.c-m #xcol    { display: none;}

/*
--------------------------------------------------
	Column
-------------------------------------------------- */
div.column { width: 700px; overflow: hidden;}
div.column h3 { font-size: 114%; color: #4b372e; font-weight: bold; line-height: 1.32; margin-bottom: 10px;}
div.column h4 { font-size: 93%; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
div.column p { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
div.column ul { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
div.column ol { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
div.column dl { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}

/*	Column options
-------------------------------------------------- */
/* Separation */
div.entry { width: 700px; padding: 15px 0 5px; border-top: 1px solid #eee; overflow: hidden;}
div.detail { width: 700px; padding: 0px 0 5px; overflow: hidden;}
/* Photos */
div.photos { margin-left: 20px; float: right;}
p.photos { margin-left: 20px; float: right;}
p.photos img { vertical-align: bottom;}
/* List styles */
ul.squares,
ol.squares,
ul.decimals,
ol.decimals,
ul.discs,
ol.discs,
ul.circles,
ol.circles { margin-left: 30px;}
.squares li  { list-style: square;}
.decimals li { list-style: decimal;}
.discs li    { list-style: disc;}
.circles li  { list-style: circle;}
/* Note */
span.note { display: block; text-indent: -12px; padding-left: 12px;}
ul.note { font-size: 77%; line-height: 1.32;}
ul.note li { text-indent: -12px; padding-left: 12px; margin: 5px 0;}
/* Move */
div.move { width: 100%; padding: 0 0 15px; clear: both;}
div.move ul { font-size: 77%; line-height: 1.32; text-align: right;}
div.move ul li { display: inline;}
div.move ul li a {
	color: #999;
	text-decoration: none;
	padding-left: 15px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/arrow_pagetop.gif) no-repeat left center;
	}
div.move ul li a:hover { color: #333; text-decoration: underline;}
/* Box end */
.clear { clear: both; overflow: hidden;}
/* Spacer */
div.spacer { width: 100%; clear: both;}
div.spacer10px { width: 100%; height: 10px; clear: both;}
div.spacer20px { width: 100%; height: 20px; clear: both;}
div.spacer30px { width: 100%; height: 30px; clear: both;}
div.spacer40px { width: 100%; height: 40px; clear: both;}
div.spacer50px { width: 100%; height: 50px; clear: both;}
div.spacer100px { width: 100%; height: 100px; clear: both;}
div.spacer200px { width: 100%; height: 200px; clear: both;}
/* Layout */
div.layout2cols { width: 721px; overflow: hidden;}
div.layout2cols h2.hd { margin-bottom: 15px;}
div.layout2cols div.entry { width: 340px; padding: 0 20px 5px 0; border: none; float: left;}
div.layout3cols { width: 721px; overflow: hidden;}
div.layout3cols h2.hd { margin-bottom: 15px;}
div.layout3cols div.entry { width: 220px; padding: 0 20px 5px 0; border: none; float: left;}

/*	Photo gallery
-------------------------------------------------- */
.photogallery { width: 700px; overflow: hidden;}
.photogallery a { outline: none;}
.photogallery-stage { clear: both;}
.photogallery-stage a { display: block;}
.photogallery-thumbnail {
	width: 68px;
	height: 68px;
	padding: 1px;
	float: left;
	overflow: hidden;
	}
.photogallery-thumbnail a {
	width: 60px;
	height: 60px;
	padding: 1px;
	border: 3px solid #ddd;
	display: block;
	overflow: hidden;
	outline: none;
	}
.photogallery-thumbnail a img {
	width: 60px;
	height: 60px;
	display: block;
	}
/* Photo gallery thumbnail default */
.photogallery-thumbnail a,
.photogallery-thumbnail a:hover { border-color: #e5e5e5;}
/* Photo gallery thumbnail selected */
.photogallery-thumbnail-selected a,
.photogallery-thumbnail-selected a:hover { border-color: #d8722f;}

/*
--------------------------------------------------
	Home
-------------------------------------------------- */
#home-banners { padding: 10px 0; clear: both;}
#home-banners ol { width: 700px;}
#home-banners ol li { margin: 0 0 10px;}
#home-banners ol li img { vertical-align: bottom;}

/*	News
-------------------------------------------------- */
#news { width: 340px; padding: 10px 0 20px; float: left;}
#news div.entry { width: 340px; border: none; border-bottom: 1px solid #eee;}
#news div.entry h3 { font-size: 93%; line-height: 1.32;}
#news div.entry h3 a {
	padding-left: 16px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/arrow.gif) no-repeat 0 2px;
	}
#news div.entry p { font-size: 93%; line-height: 1.52;}

/*	Recommends
-------------------------------------------------- */
#recommends { width: 340px; padding: 10px 0 20px; float: right;}
#recommends div.entry { width: 340px; border: none; border-bottom: 1px solid #eee;}
#recommends div.entry h3 { font-size: 93%; line-height: 1.32;}
#recommends div.entry h3 a {
	padding-left: 16px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/arrow.gif) no-repeat 0 2px;
	}
#recommends div.entry p { font-size: 93%; line-height: 1.52;}
#recommends p.btns { text-align: right; margin: 0; padding-top: 10px;}
#recommends p.btns img { vertical-align: middle;}

/*
--------------------------------------------------
	Room
-------------------------------------------------- */
#room { padding-bottom: 20px;}
#room-information { padding-bottom: 20px;}

/*
--------------------------------------------------
	Cuisine
-------------------------------------------------- */
#cuisine {}
#cuisine #cuisine-houjonosou { margin-bottom: 30px;}
#cuisine-lunch { padding-bottom: 25px;}

/*
--------------------------------------------------
	Spa
-------------------------------------------------- */
#spa {}
#spa-bath { padding-bottom: 25px;}
#spa .column-bg { background: url(http://www.ryokantachibana.com/rakuten/img/spa/column_bg.gif) no-repeat right top; }

table.quality {
	font-size: 93%;
	line-height: 1.572;
	margin-bottom: 10px;
	}
table.quality th, table.quality td { vertical-align: top;}
table.quality th { padding: 1px 10px 1px 0; font-weight: bold;}
table.quality td { padding: 1px 10px;}

/*
--------------------------------------------------
	Facilities
-------------------------------------------------- */
#facilities { padding-bottom: 25px;}

/*
--------------------------------------------------
	Access
-------------------------------------------------- */
#access {}
#access ul.discs {}
#access ul.discs li { margin: 0 0 10px;}
#sightseeing { padding-bottom: 25px;}

/*
--------------------------------------------------
	Group
-------------------------------------------------- */
#group { padding-bottom: 25px;}
#group #group-images { padding-bottom: 0;}
#group #group-amenity { padding-top: 0;}
#group-plan { padding-bottom: 25px;}
#group-plan p.btns { text-align: center; padding-top: 15px; border-top: 1px solid #eee;}

/*
--------------------------------------------------
	Contact
-------------------------------------------------- */
#contact { padding-bottom: 50px;}
.required { color: #b43b28;}
.contactforms .required { font-size: 10px;}
.contactforms {
	width: 100%;
	font-size: 100%;
	line-height: 1.572;
	border-collapse: separate;
	border: solid #e4ddc7;
	border-width: 1px 0 0 1px;
	}
.contactforms th,
.contactforms td {
	padding: 10px 20px;
	border: solid #e4ddc7;
	border-width: 0 1px 1px 0;
	background: #fcfbf6;
	}
.contactforms th { text-align: center; background: #f3f0e8;}
.contactforms th.btns { background: #e8e1cd;}
/* Form components */
input.texts { font-size: 13px; color: #333; line-height: 1.572; padding: 2px; border: 1px solid #aaa;}
textarea.textareas { width: 98%; font-size: 13px; color: #333; line-height: 1.572; padding: 1px; border: 1px solid #aaa;}
select { cursor: pointer;}
input.btn { cursor: pointer;}

/*
--------------------------------------------------
	Side bar
-------------------------------------------------- */
/*	Online service update: 28 Sep 2009
-------------------------------------------------- */
#onlineservice { width: 220px; margin: 10px auto; overflow: hidden;}
#onlineservice-inner {}
#onlineservice h2#onlineservice-heading {
	width: 220px;
	height: 0;
	padding-top: 35px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/hd_onlineservice.gif) no-repeat 0 0;
	overflow: hidden;
	}
/* Booking search form */
#booking-search {
	width: 218px;
	margin: 1px 0;
	padding: 5px 0;
	background: #edd9b2;
	border: 1px solid #e3cca0;
	overflow: hidden;
	}
#booking-search table { font-size: 12px; color: #4c3118; margin: 0 auto;}
#booking-search table em { font-size: 10px; font-style: normal;}
#booking-search table th,
#booking-search table td { padding: 2px;}
#booking-search table th.btns { text-align: center; padding-top: 5px;}
#booking-search table td select { margin-top: 2px; margin-right: 2px;}
/* Booking links update: 24 Sep 2009 */
#booking-links { width: 220px; overflow: hidden;}
#booking-links-inner {}
#booking-links ul { font-size: 12px; line-height: 1.25;}
#booking-links ul li { margin-bottom: 4px;}
#booking-links ul li a {
	padding-left: 15px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/arrow_bookinglinks.gif) no-repeat 0 2px;
	}
#booking-links ul li a#btn-reservation {
	width: 220px;
	height: 0;
	padding-top: 80px;
	background: url(http://www.ryokantachibana.com/rakuten/img/common/btn_reservation_off.gif) no-repeat 0 0;
	overflow: hidden;
	display: block;
	}
#booking-links ul li a#btn-reservation:hover {
	background: url(http://www.ryokantachibana.com/rakuten/img/common/btn_reservation_on.gif) no-repeat 0 0;
	}

/*	Information
-------------------------------------------------- */
#information { width: 220px; margin: 0 auto 5px; overflow: hidden;}
#information-inner {}
#information h3 { font-size: 107%; font-weight: bold; line-height: 1.32; margin: 0 0 5px;}
#information p { font-size: 85%; line-height: 1.32; margin: 0 0 5px;}
#information p#information-photo { margin: 0 0 5px;}
#information dl {
	width: 220px;
	font-size: 93%;
	line-height: 1.32;
	margin: 0 0 10px;
	overflow: hidden;
	}
#information dl dt { width: 55px; padding: 0 0 1px; float: left;}
#information dl dd { width: 155px; margin-left: 60px; padding: 0 0 1px;}
#information p a.arr { padding-left: 15px; background: url(http://www.ryokantachibana.com/rakuten/img/common/arrow.gif) no-repeat 0 2px;}

/*	Banner
-------------------------------------------------- */
#banner { width: 220px; margin: 10px auto 0; overflow: hidden;}
#banner p { margin: 0 0 10px;}

/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
#footer { width: 100%; clear: both;}
#footer-inner { padding: 0 1px;}
#footer p { font-size: 77%; line-height: 1.32;}
/* Footer nav */
#fnav { width: 960px; margin: 0 auto;}
#fnav-inner { padding: 0 20px;}
#fnav ul { font-size: 85%; line-height: 1.32; margin-bottom: 10px; border-left: 1px solid #e5e5e5;}
#fnav ul li { display: inline; padding: 0 7px; border-right: 1px solid #e5e5e5;}
#fnav ul li a { color: #999; text-decoration: none;}
#fnav ul li a:hover { color: #934200; text-decoration: underline;}
/* Footer copyright */
#copyright { width: 100%; padding: 15px 0 30px; background: url(http://www.ryokantachibana.com/rakuten/img/common/bg_footer.gif) repeat-x center top;}
#copyright p { width: 920px; color: #934200; margin: 0 auto; padding: 0 20px;}
#copyright a { color: #934200; text-decoration: underline;}
#copyright a:hover { color: #934200; text-decoration: none;}

/*
--------------------------------------------------
	Hacks...
	We hope that we don't have to use this!
-------------------------------------------------- */
/* Print hack for Firefox */
@media print {
	html>/**/body #subcol,
	html>/**/body #wrapper,
	html>/**/body .column,
	html>/**/body .entry,
	html>/**/body .detail { overflow: visible !important;}
	}
/* Margin fix for IE6 */
div.photos { _margin-bottom: -10px;}
p.photos { _margin-bottom: 0;}
@media print {
	.entry { _padding-bottom: 15px;}
	.detail { _padding-bottom: 15px;}
	div.photos { _margin-bottom: 0;}
	#information { _margin-bottom: 10px;}
	}
--------------------------------------------------
	Room Type
-------------------------------------------------- */
#room-type { width: 560px;}
#room-type div.clearfix { padding: 0 0 20px;}
#room-type p { margin: 0 0 10px;}
#room-type p.figure-200 { width: 200px; margin: 0 0 0 20px; float: right;}
#room-type p.photo-a { width: 350px; margin: 0; float: left; overflow: hidden;}
#room-type p.photo-b { width: 200px; margin: 0; float: right; overflow: hidden;}

/*