@charset "EUC-JP";

/* -----------------------------------------------------------
CSS Information

File name:      dm_hotel_detail.css
Created:        2009-1-6
Last update:    2011-04-19 by Noguchi
Style Info:     ホテルスタンド関連
----------------------------------------------------------- */
/* hotel-detail **************************/
#maincontent {
}
#mainwrap {
	margin-bottom: 20px;
}
#maintitle-navi{
	display: block;
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/mainarea_bar.gif) left bottom repeat-x;
	padding-bottom: 15px;
}
#maintitle-navi{
}
#maintitle-navi h1{
	font-size: 160%;
}
#maintitle-navi h1 span {
	font-size: 60%;
	margin: 0;
}
* html #maintitle-navi h1,
*:first-child+html #maintitle-navi h1{ /* IEだけ文字サイズ大きめ */
	font-size: 180%;
}
#maintitle-navi p{
	font-size: 80%;
	font-family: "Arial", "ＭＳ Ｐゴシック", "Osaka", Helvetica, sans-serif;
	color: #999;
}
#maintitle-navi #titleimg {
	float: left;
	width: 60px;
	margin-right: 5px;
}
#maintitle-navi #titletext{
	float: none;
}
#detail-htl-info {
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/mainarea_bar.gif) left bottom repeat-x #eee;
	border: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 20px;
}
#detail-wrapper {
}
#detail-htl-info #detail-left {
	float: left;
	margin: 10px 10px 0;
	_margin: 10px 10px 0 5px;
}
#detail-left img {
	padding: 2px;
	border: 1px solid #ccc;
}
#detail-htl-info #detail-right {
	float: right;
	width: 390px;
	margin: 10px 10px 10px 0;
	_margin: 10px 5px 10px 0;
}
#detail-right ul {
}
#detail-right ul li {
	margin-bottom: 5px; 
}
#detail-right ul li span.number {
	color:#cc0000;
	font-size: 100%;
	font-weight: bold;
	margin-left: 3px;
}
#detail-right table {
	background: #fff;
}

#detai-bottom {
	margin: 10px 10px 0 10px;
	padding-bottom: 20px;
}
#detai-bottom ul {
	margin-bottom: 10px;
}
#detai-bottom ul li {
	float: left;
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/rsv-dm-htl-detail-allow.gif) left top no-repeat;
	padding-left: 18px;
	margin-right: 10px;
}
#detai-bottom h2 {
}
#detai-bottom p {

	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
}
/* tab-navigation *************************/
#tab-navigation {
	display: block;
	margin-bottom: 20px;
}
#tab-navigation ul {
}
#tab-navigation ul li {
	float: left;
	display: block;
	margin-left: 1px;
}
#tab-navigation ul li a {
	display: block;
	width: 152px;
	height: 28px;
}
#tab-navigation ul li.tab-detail a {
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/detailtab_on.gif) left top no-repeat;
}
#tab-navigation ul li.tab-carender a {
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/carendertab_on.gif) left top no-repeat;
}
#tab-navigation ul li.tab-tips a {
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/tipstab_on.gif) left top no-repeat;
}
#tab-navigation ul li.tab-map a {
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/maptab_on.gif) left top no-repeat;
}
#tab-navigation ul li a:hover {
	border: none;
}
#tab-navigation ul li a:hover img {
	visibility: hidden !important;
}

#tab-navigation .twitter {
	padding: 5px 0;
	text-align: right;
}

#tab-navigation .twitter a img {
	vertical-align: text-bottom;
}

/* /tab-navigation *************************/
#maincontent #mainwrap {
	width: 900px;
}
#mainwrap #left-area {
	width: 630px;
	float: left;
}
#mainwrap #rightcol {
	width: 250px;
	float: right;
	border: 1px solid #ccc;
}
#vicinity {
}
#vicinity table td {
	margin: 0;
	padding: 5px;
}
#vicinity table td img {
	margin: 0;
	padding: 0;
}
#vicinity ul {
	width:145px;
}
#vicinity .photo {
	width: 120px;
	margin: auto;
	padding: 3px;
}
#rightcol-inner {
	margin: 10px;
	padding: 0 !important;
}
#rightcol #cllist {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
#rightcol #cllist ul {
	border: 1px solid #ccc;
	border-bottom: none;
}
#rightcol #cllist li {
	border-bottom: 1px solid #ccc;
}
#rightcol #cllist dl {
}
#rightcol #cllist dl dt {
	float: left;
	margin: 5px;
}
#rightcol #cllist dl dd {
	float: left;
	margin: 5px;
	margin-left: none;
}
#maincontent #footer-parent {
	clear: both;
}
/* hotel-detail class ********************/
.memo {
	clear: both;
	margin: 0 0 20px;
}
.memo h3 {
	display: block;
	width: 630px;
	height: 29px;
	background: url(http://img.4travel.jp/img/reserve/dm_hotel/memo_bg.gif) left top no-repeat #fff;
	margin-bottom: 10px;
	padding-left: 14px;
	line-height: 2.2;
}
.memo img {
	margin: 0 10px 20px;
	padding: 2px;
	border: 1px solid #ccc;
}
.L {
	float: left;
}
.R {
	float: right;
}
.standbtn {
	clear: both;
	text-align: center;
	margin: 0 auto 20px;
}
.standbtn_plan {
	clear: both;
	text-align: center;
	margin: 15px auto 20px;
}
/* /hotel-detail class *******************/
/* /hotel-detail *************************/

/* hotel-detail-map **********************/

#rsv-map-parent {
	border: 1px solid #ccc;
	border-right: none;
}

/* /hotel-detail-map *********************/

/* hotel-detail-carender *****************/
#plan_planbox {
	width: 900px;
}
.htl-scroll-left {
	width: 380px;
	_width: 379px;
	overflow: auto;
}
.htl-scroll-left th,.htl-scroll-left td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.htl-scroll-right th,.htl-scroll-right td {
	border-top: 1px solid #ccc;
}

#area-hotel-reserve td {
	margin: 0 !important;
	padding: 0 3px !important;
}
.cal-scroll {
	width: 500px;
	margin-left: 390px;
}
.cal-scroll ul,.cal-scroll li {
	margin: 0;
	padding: 0;
}


/* /hotel-detail ****************/

/* not-hotel-detail-carender *****************/
#left-area .site-camp-box .R {
	float: right;
	text-align: left;
	width: 550px;
}
#area-hotel-reserve td.n-hs {
	border:1px solid #cccccc;
	text-align: center;
	font-size: 95%;
	padding:5px 3px !important;
}
.each-form-top {
	background:#eeeeee none repeat scroll 0;
	border: 3px solid #ccc;
	padding:5px 0;
	width:100%;
}
/* /not-hotel-detail ****************/