@charset "Shift_JIS";
/*================================================
YADO HEADER
================================================*/
#yado_header {
	width: 620px;
	margin:15px auto 0;
	text-align: left;
}
#yado_header_area {
	float: left;
}
#yado_header_num {
	text-align: right;
}
#yado_header h1 {
	font-size: 14px;
	font-weight: bold;
	width: 495px;
	float: left;
	height: 2.5em;
}
#yado_header #yadoyomu {
	text-align: right;
	padding: 0;
	margin: 0;
}
#yado_header #boxline {
	border: 1px solid #d0d0d0;
	padding: 12px 9px 9px 9px;
	margin: 0;
}
#yado_header .access {
	padding-top: 5px;
}
#yado_header .access_box {
	width: 460px;
	float: left;
	padding-top: 5px;
}
#yado_header .access_fav {
	text-align: right;
	vertical-align : bottom;
}
div#yado_header_740 {
	width: 740px;
	margin:15px auto 30px;
	text-align: left;
	line-height: 1;
}
div#yado_header_740 div#yado_header_escape {
	margin: 5px 1px 20px 0px;
	text-align: right;
	font-size: 70%;
	color: #7d7d7d;
	line-height: 1.3em;
}
div#yado_header_740 p.yado_header_area_740 {
	width: 540px;
	float: left;
	font-size: 70%;
	color: #666666;
	line-height: 1.1em;
}
div#yado_header_740 p.yado_header_area_link {
	font-size: 81.25%;
	line-height: 1.1;
}
/* 1004 宿番号スタイル修正 ここから */
div#yado_header_740 p.yado_header_num {
	width: 200px;
	float: right;
	font-size: 75%;
	color: #333333;
	line-height: 1.1em;
	text-align: right;
}
/* 1004 宿番号スタイル修正 ここまで */
div#yado_header_740 div.yado_header_left {
	margin: 3px 0px 0px 0px;
	padding: 15px 0px 20px 0px;
	width: 613px;
	border-top: #FF5A00 solid 3px;
	float: left;
	clear: both;
}
div#yado_header_740 div.yado_header_left h1 {
	margin: 0px 0px 0px 10px;
	font-size: 118%
}
div#yado_header_740 div.yado_header_left h1 a {
	text-decoration: none !important;
	color: #333333;
}
div#yado_header_740 div.yado_header_left p.yado_header_icon {
	margin: 5px 0px 0px 10px;
	height: 13px;
}
div#yado_header_740 div.yado_header_left p.yado_header_icon img {
	margin: 0px 10px 0px 0px;
}
div#yado_header_740 div.yado_header_left p.yado_header_access {
	margin: 20px 0px 0px 10px;
	width: 500px;
	font-size: 75%;
	color: #666666;
	line-height: 1.3em;
}
/*740px化修正 ここから 090618*/
div#yado_header_740 div.yado_header_right {
	margin: 3px 0px 0px 0px;
	padding: 15px 0px 20px 0px;
	width: 127px;
	position: relative;
	border-top: #FF5A00 solid 3px;
	float: left;
}
div#yado_header_740 div.yado_header_right p.yado_header_btn_reservation {
	margin: 0px 0px 10px 0px;
}
div#yado_header_740 div.yado_header_right p.yado_header_btn_send_to_pc {
	position: absolute;
	top: 48px;
}
div#yado_header_740 div.yado_header_right p.yado_header_btn_add_yadolist {
	position: absolute;
	top: 69px;
}
div#yado_header_740 div.yado_header_right p.yado_header_btn_add_yadomerumaga {
	position: absolute;
	top: 90px;
}
/*740px化修正 ここまで 090618*/
/*================================================
YADO MENU TAB
================================================*/
div#yado_header_740 div#yado_header_tab_menu {
	background: url(/d/hpdsr/cs/pc/image/yado_header_tab_bg.gif) repeat-x left bottom;
	clear: both;
}
div#yado_header_740 div#yado_header_tab_menu ul {
	padding: 0px 10px;
	height: 35px;
}
/* 0910 デイユース対応 ここから */
div#yado_header_740 div#yado_header_tab_menu ul li {
	float: left;
	width: 85px;
	height: 35px;
	background-position: 0px -70px;
	background-repeat: no-repeat;
	text-indent: -999em;
}
div#yado_header_740 div#yado_header_tab_menu ul li a {
	display: block;
	width: 85px;
	height: 35px;
	background-repeat: no-repeat;
	overflow: hidden;
}
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_01.jpg); width:150px; }
/* 110124 宿詳細の内容改善 ここから */
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_01.jpg); width:150px; }
/* 110124 宿詳細の内容改善 ここまで */
div#yado_header_740 div#yado_header_tab_menu ul li.tab_02,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_02 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_02.jpg); width:150px; }
div#yado_header_740 div#yado_header_tab_menu ul li.tab_03,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_03 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_03.jpg); }
div#yado_header_740 div#yado_header_tab_menu ul li.tab_04,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_04 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_04.jpg); }
div#yado_header_740 div#yado_header_tab_menu ul li.tab_05,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_05 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_05.jpg); }
div#yado_header_740 div#yado_header_tab_menu ul li.tab_06,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_06 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_06.jpg); }
div#yado_header_740 div#yado_header_tab_menu ul li.tab_07,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_07 a { background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_07.jpg); width: 70px; float:right; }
div#yado_header_740 div#yado_header_tab_menu ul li a:link,
div#yado_header_740 div#yado_header_tab_menu ul li a:visited { background-position:0px 0px; }
div#yado_header_740 div#yado_header_tab_menu ul li a:hover,
div#yado_header_740 div#yado_header_tab_menu ul li a:focus,
div#yado_header_740 div#yado_header_tab_menu ul li a:active { background-position:0px -35px; }
/* 0910 デイユース対応 ここまで */
/* 110124 宿詳細の内容改善 ここから */
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b a:link,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b a:visited { background-position:0px -70px; }
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b a:hover,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b a:focus,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01b a:active { background-position:0px -70px; }
/* 110124 宿詳細の内容改善 ここまで */
/* 120509追加 */
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01c,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_01c a {
	background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_01c.jpg); width:85px;
}
div#yado_header_740 div#yado_header_tab_menu ul li.tab_02c,
div#yado_header_740 div#yado_header_tab_menu ul li.tab_02c a {
	background-image:url(/d/hpdsr/cs/pc/image/yado_header_tab_02c.jpg); width:215px;
}
/* /120509追加 */
div#yado_header_740 div#yado_header_page_menu {
	padding: 10px 8px;
	clear: both;
	background-color: #FFF5D6;
}
div#yado_header_740 div#yado_header_page_menu ul {
	overflow: hidden;
	width: 100%;
	font-size: 75%;
	color: #333333;
	line-height: 1.3em;
}
div#yado_header_740 div#yado_header_page_menu ul li {
	margin: 0px 0px 0px -1px;
	padding: 0px 7px;
	border-left: #666666 solid 1px;
	display: inline;
	font-weight: bold;
}
/*740px化修正 ここから 090521*/
div#yado_header_740:after {
	line-height: 0;
}
div#search_panel_740 {
	margin: -30px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
}
/*740px化修正 ここまで 090521*/
/*================================================
観光ガイドリリースに伴い追加
================================================/*
#yado_header .access {
	padding-top: 5px;
}
/*================================================
YADO PLAN
================================================*/
#planlist_area {
	width: 620px;
	margin:5px auto 0;
	text-align: right;
}
#planlist_area .text {
	padding: 0 0.5em 0 0;
}
#staylist {
	margin: 25px 0 0 0;
}
/*================================================
観光ガイドリリースに伴い追加
================================================/*
/*================================================
GRADE UP
================================================*/
#gradeup {
	 width: 620px;
	 margin-top: 20px;
}
#gradeup #box {
	background-image: url(/d/hpdsr/cs/pc/image/g-up_bg_01.gif);
	padding: 4px;
}
#gradeup #contents {
	text-align: left;
	padding: 14px 8px 0px;
}
#gradeup .detail {
	width: 592px;
	border-collapse: collapse;
}
#gradeup .detail td {
	border: 0;
}
#gradeup .plantitle {
	padding-top: 5px;
}
#gradeup .icon {
	padding-bottom: 10px;
	border-bottom: 1px dotted #9a7b36;
}
#gradeup .text {
	padding-top: 8px;
	vertical-align: top;
	font-size: 75%;
}
#gradeup .photo {
	width: 145px;
	vertical-align: top;
}
#gradeup .price {
	width: 110px;
	text-align: center;
	vertical-align: middle;
}
#gradeup .line {
	margin-top: 12px;
	margin-bottom: 12px;
}
#gradeup .plusRed {
	color: #FF0033;
}
#gradeup #kome {
	position: relative;
	width: 592px;
	text-align: right;
}
#gradeup #kome span {
	position: absolute;
	display: block;
	font-size: 10px;
	color: #999;
	top: -0.6em;
	right: 1px;
}
/*================================================
GRADE UP TEXT
================================================*/
#gradeup2 {
	width: 620px;
	margin-top: 20px;
}
#gradeup2 #box {
	background-image: url(/d/hpdsr/cs/pc/image/g-up_bg_01.gif);
	padding: 4px;
}
#gradeup2 #contents {
	text-align: left;
	padding: 14px 8px 0px;
}
#gradeup2 .detail {
	width: 592px;
	border-collapse: collapse;
}
#gradeup2 .detail td {
}
#gradeup2 .catch {
	padding-bottom: 8px;
}
#gradeup2 .plantitle {
	padding-left: 1em;
}
#gradeup2 .icon {
	text-align: right;
}
#gradeup2 .priceLabel {
	width: 92px;
	vertical-align: middle;
	text-align: center;
}
#gradeup2 .price {
	text-align: right;
	vertical-align: middle;
}
#gradeup2 .line {
	margin-top: 12px;
	margin-bottom: 12px;
}
#gradeup2 .plusRed {
	color: #FF0033;
}
#gradeup2 #kome {
	position: relative;
	width: 592px;
	text-align: right;
}
#gradeup2 #kome span {
	position: absolute;
	display: block;
	font-size: 10px;
	color: #999;
	top: -0.6em;
	right: 1px;
}
.kome {
	text-align: right;
	margin-top: 5px;
	width: 620px;
	margin-bottom: 25px;
}
/*================================================
2009.2追加
================================================*/
/* トップページからの引用レイアウト */
div#container{width:950px; margin:0 auto; overflow:hidden;}
div#main{float:left; width:740px; overflow:hidden;}
div#sideBar{float:right; width:180px;}
/* ここまで */
/* ----- p9系 ----- */
#p9 img {
	border: none;
}
#p9 .center {
	text-align: center;
}
#p9 ul, li {
	list-style: none;
}
#p9 a {
	overflow: hidden;
}
#p9 {
	width: 740px;
	padding-top: 12px;
	text-align: left;
}
#p9 .path {
	padding: 0 0 5px 10px;
}
#p9 .header {
	width: 740px;
	border: 1px solid #ccc;
	padding: 15px 10px 5px 10px;
	margin-bottom: 20px;
}
#p9 .hd-l {
	float: left;
	width: 553px;
}
#p9 .hd-r {
	float: right;
	width: 165px;
	text-align: right;
}
#p9 .hd-l h1 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}
#p9 .hd-l p.access {
	font-size: 75%;
	line-height: 2.5em;
	color: #666;
	padding: 15px 0 5px 0;
}
#p9 .hd-r div.btn-l {
	padding-bottom: 10px;
}
#p9 .hd-r div.btn-s {
	padding-bottom: 5px;
}
#p9 .tab li {
	float: left;
	font-size: 1.2em;
	line-height: 1.2;
	text-indent: -999em;
}
#p9 .tab li.tab01 {
	width: 106px; height: 34px;
	background: url(/ou/images/tab01.gif) left top no-repeat;
	margin-top: 4px;
}
#p9 .tab li.tab01 a {
	display: block;
	width: 106px; height: 34px;
}
#p9 .tab li.tab02 {
	width: 106px; height: 34px;
	background: url(/ou/images/tab02.gif) left top no-repeat;
	margin-top: 4px;
}
#p9 .tab li.tab02 a {
	display: block;
	width: 106px; height: 34px;
}
#p9 .tab li.tab03 {
	width: 106px; height: 34px;
	background: url(/ou/images/tab03.gif) left top no-repeat;
	margin-top: 4px;
}
#p9 .tab li.tab03 a {
	display: block;
	width: 106px; height: 34px;
}
#p9 .tab li.tab04 {
	width: 106px; height: 34px;
	background: url(/ou/images/tab04.gif) left top no-repeat;
	margin-top: 4px;
}
#p9 .tab li.tab04 a {
	display: block;
	width: 106px; height: 34px;
}
#p9 .tab li.tab05 {
	width: 111px; height: 34px;
	background: url(/ou/images/tab05.gif) left top no-repeat;
	margin-top: 4px;
}
#p9 .tab li.tab05 a {
	display: block;
	width: 111px; height: 34px;
}
#p9 .tab li.tab06on {
	width: 106px; height: 40px;
	background: url(/ou/images/tab06_on.gif) left top no-repeat;
}
#p9 .tab li.tab06 a {
	display: block;
	width: 106px; height: 34px;
}
#p9 .tab li.tab07 {
	width: 91px; height: 34px;
	background: url(/ou/images/tab07.gif) left top no-repeat;
	margin: 4px 0 0 8px;
}
#p9 .tab li.tab07 a {
	display: block;
	width: 91px; height: 34px;
}
#p9 .h2-area {
	padding: 16px 0 30px 10px;
}
#p9 .h2-area2 {
	padding: 16px 0 16px 10px;
}
#p9 h2 {
	float: left;
	width: 430px;
	font-size: 87.5%;
	line-height: 1.4em;
	border-left: 4px solid #ff6600;
	padding: 1px 0 0 6px;
	margin-bottom: 10px;
}
#p9 .ttl-r {
	float: right;
	width: 290px;
	text-align: right;
	padding-top: 3px;
}
#p9 .h2-area2 div.ttl-btm p.txt-l {
	float: left;
	width: 430px;
	padding-left: 8px;
}
#p9 .h2-area2 div.ttl-btm p.txt-r {
	float: right;
	width: 290px;
	text-align: right;
	padding-top: 3px;
}
#p9 .focus {
	width: 720px;
	font-size: 84%;
	line-height: 100%;
	background: url(/d/hpdsr/cs/pc/image/focus_bg.gif) left bottom repeat-x;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	padding-bottom: 3px;
	margin: 0 0 9px 10px;
}
#p9 .focus-in {
	background: #fbf5e1;
	padding: 12px 10px 10px 10px;
	position: relative;
}
#p9 .focus-in div.focus-l {
	float: left;
	width: 605px;
}
#p9 .focus-in div.focus-r {
	float: right;
}
#p9 .focus-in div.src-trans {
	width: 575px;
	border-bottom: 1px solid #ded1a6;
	padding-bottom: 8px;
}
#p9 .focus-in div.src-ctg {
	width: 575px;
	border-top: 1px solid #fff;
	padding-top: 7px;
}
#p9 .focus-in div.src-ttl {
	float: left;
	width: 80px;
	font-weight: bold;
	padding: 3px 0 0 2px;
}
#p9 .focus-in div.src-menu {
	float: left;
}
#p9 .focus-in div.bt-focus {
	position: absolute;
	right: 10px;
	bottom: 8px;
}
#p9 p.info-sup {
	text-align: right;
	padding: 0 10px 20px 0;
}
#p9 .contents {
	padding-bottom: 10px;
}
#p9 .info-navi {
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 5px;
	margin-bottom: 18px;
	position: relative;
}
#p9 span.grn {
	color: #009900;
}
#p9 .info-navi p {
	float: left;
	font-size: 100%;
	font-weight: bold;
	vertical-align: bottom;
}
#p9 .info-navi img {
	vertical-align: bottom;
}
#p9 .info-navi div {
	float: right;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 5px;
}
#p9 .info-navi2 {
	text-align: right;
	padding-bottom: 15px;
}
#p9 .info-navi2 div {
	padding-bottom: 15px;
}
#p9 .sight-info {
	padding-bottom: 20px;
}
#p9 .sight-info div.hd-bar {
	background: #ffe065;
	padding: 6px 10px;
	margin-bottom: 6px;
}
#p9 .sight-info div.hd-bar p {
	float: left;
	padding-top: 2px;
}
#p9 .sight-info div.hd-bar img.icon {
	float: right;
}
#p9 .sight-info div.main-area {
	background: #eee;
	padding: 10px;
	margin-bottom: 15px;
}
#p9 .sight-info div.area-l {
	float: left;
	width: 500px;
}
#p9 .sight-info div.photo {
	float: left;
	width: 160px;
	border: 1px solid #999;
}
#p9 .sight-info div.detail {
	float: left;
	padding: 0 10px;
}
#p9 .sight-info div.access {
	float: right;
	width: 200px;
	font-size: 70%;
	line-height: 1.2;
}
#p9 .sight-info div.detail p.title {
	font-size: 100%;
	font-weight: bold;
	padding-top: 5px;
}
#p9 .sight-info div.detail p {
	line-height: 1.2;
	padding-bottom: 8px;
}
#p9 .sight-info div.com-ttl {
	background: url(/ou/images/ttl_ic001.gif) left top no-repeat;
	padding-left: 25px;
	margin: 0 0 2px 10px;
}
#p9 .sight-info div.comment {
	border: 1px solid #ccc;
	padding: 15px 15px 10px 15px;
}
#p9 .sight-info div.comment p.access2 {
	background: url(/ou/images/icon_access.gif) left top no-repeat;
	padding: 0 0 10px 100px;
}
#p9 .sight-info div.comment p.sup {
	background: url(/ou/images/icon_sup.gif) left top no-repeat;
	padding: 0 0 10px 100px;
}
#p9 .sight-info div.comment p.log {
	background: url(/ou/images/icon_log.gif) left top no-repeat;
	padding: 0 0 10px 100px;
}
#p9 .s18_090 {
	color: #009900;
	font-size: 120%;
	line-height: 1.2;
}
#p9 .s14_f60b {
	color: #ff6600;
	font-size: 110%;
	line-height: 1.2;
	font-weight: bold;
}
#p9 .s12_f60 {
	color: #ff6600;
	font-size: 90%;
	line-height: 1.2;
}
#p9 .gray {
	color: #666;
}
#p9 .s10_33 {
	color: #333;
	font-size: 70%;
	line-height: 1.2;
}
#p9 .l-col {
	float: left;
	width: 180px;
}
#p9 .r-col {
	float: right;
	width: 540px;
}
#p9 .menu-list {
	width: 178px;
	border: 1px solid #ffce52;
}
#p9 .menu-list p.all {
	padding: 5px 0 4px 0;
	background: #ffd67c;
	font-size: 84%;
	text-align: center;
	font-weight: bold;
	color: #333;
}
#p9 .menu-list li {
	font-size: 75%;
	padding: 4px 3px;
}
#p9 .list-ttl {
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}
#p9 .r-col div.navi {
	font-size: 75%;
	line-height: 1.3;
	text-align: right;
}
#p9 .r-col div.navi p {
	color: #666;
}
#p9 .r-col div.topic {
	padding: 20px 0;
}
#p9 .topic-ttl {
	border-bottom: 1px solid #ff5a00;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#p9 .osusume-icon {
	float: left;
	width: 43px;
	padding-bottom: 3px;
}
#p9 .topic-ttl h3 {
	float: right;
	width: 497px;
	font-size: 87.5%;
	line-height: 1.4;
	color: #ff6600;
	padding-top: 8px;
}
#p9 .cont {
	padding-bottom: 15px;
}
#p9 .cont div.thum-ph {
	float: left;
	width: 100px;
	border: 1px solid #999;
}
#p9 .cont div.cont-ph {
	padding: 0 0 10px 10px;
}
#p9 .cont div.cont-ph img {
	border: 1px solid #999;
}
#p9 .cont p.cont-txt {
	width: 540px;
	text-align: left;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 15px 0;
}
#p9 .cont p {
	float: right;
	width: 426px;
	padding-left: 12px;
}
#p9 .info-box {
	padding-bottom: 15px;
}
#p9 .info-box p.info-ttl {
	font-size: 84%;
	font-weight: bold;
	background: #f7dbac;
	padding: 5px 0 4px 5px;
}
#p9 .info-box p.info-ttl {
	font-size: 84%;
	font-weight: bold;
	background: #f7dbac;
	padding: 5px 0 4px 5px;
	margin-bottom: 15px
}
#p9 .info-box div.subject {
	padding: 0 0 15px 10px;
}
#p9 .info-box div.subject p.title {
	font-size: 87.5%;
	font-weight: bold;
	padding-bottom: 5px;
}
#p9 .info-box div.subject img.type-ico {
	vertical-align: middle;
	padding-left: 18px;
}
#p9 .plan-box p.plan-ttl {
	font-size: 84%;
	font-weight: bold;
	background: #f7dbac;
	padding: 5px 0 4px 5px;
}
#p9 .plan-box ul {
	margin-top: 5px;
}
#p9 .plan-box li {
	background:url(/d/hpdsr/cs/pc/image/prt_border_02.gif) left bottom repeat-x;
	padding: 3px 0;
}
#p9 .plan-box p.detail {
	float: left;
	width: 310px;
	line-height: 1.2;
}
#p9 .plan-box p.type {
	float: right;
	width: 227px;
	text-align: right;
	font-size: 100%;
	white-space: nowrap;
	padding-right: 3px;
}
#p9 .plan-box img.type-ico {
	vertical-align: middle;
}
#p9 .topic-btm {
	margin-top: 5px;
}
#p9 .topic-btm p.update {
	float: left;
	width: 270px;
	font-size: 70%;
	color: #7d7d7d;
}
#p9 .topic-btm div.qBox {
	float: right;
	width: 270px;
	font-size: 70%;
	color: #666;
	text-align: right;
}
#p9 .plan-box .inner-box {
	float: right;
	width: 608px
}
#p9 .plan-box div.plan-line {
	border-bottom: 1px solid #ccc;
}
#p9 .plan-box p.plan-ttl2 {
	font-size: 84%;
	font-weight: bold;
	border-left: 2px solid #ff6600;
	padding-left: 8px;
	margin-bottom: 2px;
}
#p9 .plan-box p.detail2 {
	float: left;
	width: 370px;
	line-height: 1.2;
}
#p9 .plan-box p.type2 {
	float: right;
	width: 235px;
	text-align: right;
	font-size: 100%;
	white-space: nowrap;
	padding-right: 3px;
}
#p9 .topic-btm p.update2 {
	float: left;
	width: 308px;
	font-size: 70%;
	color: #7d7d7d;
}
#p9 .topic-btm div.qBox2 {
	float: right;
	width: 300px;
	font-size: 70%;
	color: #666;
	text-align: right;
}
/* ----- p10系 ----- */
#p10 img {
	border: none;
}
#p10 ul, li {
	list-style: none;
}
#p10 a {
	overflow: hidden;
}
#p10 {
	width: 740px;
	padding-top: 12px;
	text-align: left;
}
#p10 h2.txt {
	font-size: 100%;
	border-left: 4px solid #ff6600;
	padding: 3px 0 2px 13px;
	margin: 30px 0 5px 0;
}
#p10 .src-kw2 {
	border: 1px solid #e9dbad;
	background: #fdfaf0 url(/d/hpdsr/cs/pc/image/kw_bg001.gif) left top repeat-x;
	padding: 13px 0 15px 0;
	margin-bottom: 0;
}
#p10 .src-kw div.switch, .src-kw2 div.switch {
	font-size: 75%;
	padding: 0 0 6px 228px;
}
#p10 .src-kw div.kw-in, .src-kw2 div.kw-in {
	float: left;
	padding: 2px 0 0 148px;
}
#p10 .s14_33b {
	font-size: 87.5%;
	font-weight: bold;
}
#p10 .src-kw div.kw-bt, .src-kw2 div.kw-bt {
	float: right;
	width: 205px;
}
#p10 .src-btm {
	font-size: 75%;
	border-left: 1px solid #e9dbad;
	border-right: 1px solid #e9dbad;
	border-bottom: 1px solid #e9dbad;
	padding: 0 10px;
	margin-bottom: 20px;
}
#p10 .src-area {
	border-bottom: 1px solid #d3c9b0;
	padding: 6px 10px 5px 10px;
}
#p10 .no-b {
	border-bottom: none;
}
#p10 .src-ctg {
	padding: 6px 10px 5px 10px;
}
#p10 .src-btm div.src-ttl {
	float: left;
	width: 85px;
	line-height: 1.4;
}
#p10 .src-btm div.src-menu {
	float: right;
	width: 613px;
	line-height: 1.4;
}
#p10 .src-if {
	font-size: 87.5%;
	padding-bottom: 25px;
}
#p10 span.red {
	color: #ff0000;
}
#p10 span.gray {
	color: #666;
}
#p10 .src-navi {
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
}
#p10 .src-navi p {
	float: left;
	font-size: 120%;
	font-weight: bold;
}
#p10 .s18_f60 {
	color: #ff6600;
	font-size: 110%;
}
#p10 .s10_66 {
	color: #666;
	font-size: 70%;
}
#p10 .src-navi div {
	float: right;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 5px;
}
#p10 p.navi-sup {
	text-align: right;
	margin-bottom: 22px;
}
#p10 .src-navi2 {
	text-align: right;
	border-top: 1px solid #d0d0d0;
	padding: 10px 0 4px 0;
}
#p10 .src-navi2 div {
	padding-bottom: 18px;
}
#p10 .s10_33 {
	color: #333;
	font-size: 70%;
	line-height: 1.2;
}
#p10 .area-info {
	padding-bottom: 15px;
}
#p10 .info-box {
	padding-bottom: 10px;
}
#p10 .info-box div.info-th {
	float: left;
	width: 90px;
}
#p10 .info-box img {
	border: 1px solid #999;
}
#p10 .info-box p {
	float: right;
	width: 650px;
	line-height: 1.2;
}
#p10 .info-box span.info-ttl {
	font-size: 110%;
}
#p10 .info-map {
	margin-bottom: 35px;
}
#p10 .info-map div.map-ttl {
	font-size: 90%;
	border-bottom: 1px solid #d3c9b0;
	padding-bottom: 4px;
	margin-bottom: 5px;
}
#p10 .info-map div.map-img {
	float: left;
	width: 202px;
	font-size: 70%;
	line-height: 1.2;
	text-align: right;
}
#p10 .info-map div.map-img img {
	border: 1px solid #0000ff;
}
#p10 .info-map div.map-list {
	float: right;
	width: 524px;
	font-size: 84%;
	padding: 5px 0 0 14px;
}
#p10 .info-map div.map-list li {
	padding-bottom: 6px;
}
#p10 .info-map div.map-list li.near {
	padding: 3px 0 6px 0;
}
#p10 .info-map div.other {
	font-size: 84%;
	line-height: 1.2;
	padding-top: 14px;
}
#p10 .result {
	margin-bottom: 30px;
}
#p10 .result div.hd-bar {
	background: #bcee9b;
	padding: 3px 10px;
	margin-bottom: 10px;
}
#p10 .result div.hd-bar2 {
	background: #e9d3ff;
	padding: 4px 10px 3px 10px;
	margin-bottom: 10px;
}
#p10 .result div.hd-bar p {
	font-size: 84%;
	float: left;
	padding-top: 2px;
}
#p10 .result div.hd-bar img.icon {
	float: right;
	margin-top: 1px;
}
#p10 .result div.detail {
	padding-bottom: 10px;
}
#p10 .result div.photo {
	float: left;
	border: 1px solid #999;
}
#p10 .result div.detail-l {
	float: left;
	width: 362px;
	padding: 0 20px 0 11px;
}
#p10 .result div.detail-r {
	float: left;
	width: 185px;
}
#p10 .s16_33b {
	font-size: 100%;
	font-weight: bold;
}
#p10 .result div.detail-l p {
	line-height: 1.2;
	padding-bottom: 8px;
}
#p10 .result div.detail-l p.address {
	padding: 10px 0 8px 0;
}
#p10 .result div.detail-l img.icon {
	vertical-align: middle;
	margin-left: 14px;
}
#p10 .result div.detail-r div.ev-area {
	font-size: 70%;
	padding: 0 8px 5px 0;
}
#p10 .result div.ev-area div.ev {
	float: left;
	width: 69px;
	padding: 6px 5px 0 0;
}
#p10 .result div.ev-area div.star {
	float: right;
	width: 103px;
}
#p10 .result div.detail-r div.kc-all {
	font-size: 70%;
	text-align: right;
	padding: 0 7px 10px 0;
}
#p10 .result div.detail-r div.access {
	background: url(/d/hpdsr/cs/pc/image/waku01_top.gif) left top no-repeat;
	padding-top: 5px;
}
#p10 .result div.detail-r div.access p {
	font-size: 70%;
	line-height: 1.2;
	background: #eee url(/d/hpdsr/cs/pc/image/waku01_btm.gif) left bottom no-repeat;
	padding: 5px 10px 8px 10px;
}
#p10 .result p.kc {
	font-size: 84%;
	line-height: 1.2;
	background: url(/d/hpdsr/cs/pc/image/icon_kc.gif) left 1px no-repeat;
	padding-left: 80px;
}
.src-menu ul.jnl{
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	float: left;
	width:400px;
}
.src-menu ul.jnl li{
	padding: 0 0 0 12px;
	float: left;
	line-height: 1.1em;
}
.src-menu ul.jnl li input{
	padding: 0 5px 0 0;
	vertical-align: middle;
	line-height: 1.1em;
}
.src-menu ul.jnl li label{
	padding: 0 0 0 3px;
	vertical-align: middle;
	line-height: 1.1em;
}
.src-menu p.ttl {
	margin: 7px 10px 0 0;
	float: left;
	line-height: 1.1em;
}
/* 20120509追加 */
div#yado_header_740 div#yado_header_page_menu_b {
	padding: 10px 8px;
	clear: both;
	background-color: #FFF5D6;
}
div#yado_header_740 div#yado_header_page_menu_b ul {
	overflow: hidden;
	width: 524px;
	font-size: 75%;
	color: #333333;
	line-height: 1.3em;
	float:left;
}
div#yado_header_740 div#yado_header_page_menu_b ul li {
	margin: 0px 0px 0px -1px;
	padding: 0px 7px;
	border-left: #666666 solid 1px;
	display: inline;
	font-weight: bold;
}
div#yado_header_740 div#yado_header_page_menu_b p {
	float:right;
	width:200px;
	font-size: 75%;
	font-weight: bold;
	text-align:right;
}
div#yado_header_740 div#yado_header_page_menu_b p img {
	vertical-align:middle;
}
.roomInfo {
	width:600px;
	padding:10px 10px 0;
}
.roomInfo .type {
	float:left;
	width:420px;
	text-align:left;
}
.roomInfo .type .icon {
	padding:4px 0 0 47px;
}
.roomInfo .linkArea {
	float:right;
	width:160px;
	text-align:right;
	padding-top:22px;
}
div#yado_header_740 div.yado_header_left .yado_header_hotel{
	margin: 0px 0px 0px 10px;
	font-size: 118%;
	font-weight:bold;
}
div#yado_header_740 div.yado_header_left .yado_header_hotel a {
	text-decoration: none !important;
	color: #333333;
}
/*================================================
2016.6追加
================================================*/
.jlnpc-yado-header {
	zoom: 1;
}
.jlnpc-yado-header:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.jlnpc-yado-header__catchy {
	position: relative;
	clear: both;
	margin-top: 3px;
	margin-bottom: -6px;
	padding: 5px 10px;
	background-color: #f60;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	z-index: 200;
}
#yado_header_740.jlnpc-yado-header .yado_header_left,
#yado_header_740.jlnpc-yado-header .yado_header_right {
	padding-bottom: 15px;
	z-index: 100;
}
#yado_header_740.jlnpc-yado-header .yado_header_left {
	width: 613px;
	min-height: 88px;
	_height: 113px;
	padding-top: 12px;
}
#yado_header_740.jlnpc-yado-header .yado_header_right {
	float: right;
	height: 93px;
	padding-top: 7px;
}
#yado_header_740.jlnpc-yado-header .yado_header_left .yado_header_hotel,
#yado_header_740.jlnpc-yado-header .yado_header_left .yado_header_icon,
#yado_header_740.jlnpc-yado-header .yado_header_left .yado_header_access {
	margin-right: 20px;
}
#yado_header_740.jlnpc-yado-header .yado_header_left .yado_header_hotel {
	font-size: 18px;
}
#yado_header_740.jlnpc-yado-header .yado_header_left .yado_header_icon {
	height: auto;
}
#yado_header_740.jlnpc-yado-header .yado_header_left .yado_header_access {
	width: auto;
}
#yado_header_740.jlnpc-yado-header .yado_header_right .yado_header_btn_send_to_pc {
	top: 40px;
}
#yado_header_740.jlnpc-yado-header .yado_header_right .yado_header_btn_add_yadolist {
	top: 61px;
}
#yado_header_740.jlnpc-yado-header .yado_header_right .yado_header_btn_add_yadolist img {
	cursor: pointer;
}
#yado_header_740.jlnpc-yado-header .yado_header_right .yado_header_btn_add_yadomerumaga {
	top: 82px;
}
.jlnpc-yado-header__icon-map {
	overflow: hidden;
	display: inline-block;
	width: 36px;
	height: 18px;
	background: url(/d/hpdsr/cs/pc/image/btn_map.png) no-repeat;
	color: transparent;
	font: 0/0 a;
	vertical-align: middle;
}
.jlnpc-yado-header__icon-map:hover {
	background-position: 0 -18px;
}
/* 2017年12月04日 MAPタブ化
 ========================================================================== */
/**
 * タブが 8 つになり、横幅が変わるのでそれぞれ画像を差し替える
 */
/**
#yado_header_740 #yado_header_tab_menu.is-8tab li,
#yado_header_740 #yado_header_tab_menu.is-8tab li a {
 width: 72px;
 background-color: #fff;
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_01,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_01 a {
 width: 144px;
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_01_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_02,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_02 a {
 width: 144px;
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_02_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_03,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_03 a {
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_03_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_04,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_04 a {
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_04_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_05,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_05 a {
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_05_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_06,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_06 a {
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_06_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_07,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_07 a {
 float: left;
 width: 72px;
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_07_2.png");
}
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_08,
#yado_header_740 #yado_header_tab_menu.is-8tab .tab_08 a {
 background-image: url("/d/hpdsr/cs/pc/image/yado_header_tab_08_2.png");
}
 */
 
 /* 2018/1 coupnタブ
 ========================================================================== */
 
 #yado_header_740 #yado_header_tab_menu.is-8tab ul {
 padding: 0px 4px 0px 4px;
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab li,
 #yado_header_740 #yado_header_tab_menu.is-8tab li a {
 width: 70px;
 background-color: #fff;
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_01,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_01 a {
 width: 121px;
 background-image: url("/d/hpdsr/cs/pc/image/tab01.png");
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_02,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_02 a {
 width: 121px;
 background-image: url("/d/hpdsr/cs/pc/image/tab02.png");
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_03,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_03 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab03.png");
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_04,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_04 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab04.png");
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_05,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_05 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab05.png");
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_06,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_06 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab06.png");
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_07,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_07 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab07.png");
 float:left;
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_08,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_08 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab08.png");
 float:left;
 }
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_09,
 #yado_header_740 #yado_header_tab_menu.is-8tab .tab_09 a {
 width: 70px;
 background-image: url("/d/hpdsr/cs/pc/image/tab09.png");
 float:left;
 }
 .cassetteList {
 font-family: "メイリオ","MS Pゴシック",sans-serif;
 }
 .couponHelp {
 font-size: 12px;
 margin-top: 4px;
 line-height: 1.2;
 overflow: hidden;
 float: right;
 }
 .item-info {
 width: 520px;
 }
 .item-detail dt {
 width: 115px;
 }
 .item-detail dd {
 width: 395px;
 }
 h3.item-title {
 background-color: #a18555;
 color: #fff;
 }
 .item-designBox {
 color: #f60;
 }
 p.item-designPrice {
 color: #f60;
 }
</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.jhpds.net/d/hpdsr/cs/pc/css/yado.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.jhpds.net/d/hpdsr/cs/pc/css/yado.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>