@charset "Shift_JIS";

@import "style.css";

/* ------ common ------ */

.addate {color:#85AF3D; font-weight:bold;}
.adpr {color:#ffb000; font-weight:bold;}


/* ------ contents reset ------ */

#contents_wrap {
	width: 950px;
	margin:20px 0px 0px 0px;
	padding:0px;
}


#contents {
	float: none;
	width: 950px;
}

/* ------ base ------ */

#contents_wrap #pank {
	margin:5px 0px 20px 0px;
}

#pank .panklist {
	float:left;
	width:875px;
	padding-top:2px;
}

#pank .howto {
	float:right;
}

#pank .now {
	font-weight:bold;
}

#contents_wrap #ct_topimg {
	position:relative;
	width:950px;
	height:64px;
	background:url(../dom_hotel/img/bg_top_s.jpg);
}

#ct_topimg span.toplink {
	display:block;
	padding-top:20px;
	padding-left:20px;
}

#contents #left_block {
	float:left;
	width:520px;
}

#contents #right_block {
	float:right;
	width:410px;
}


/* ------ contents ------ */

/* feature_title */
#contents .feature_title {
margin-bottom:15px;
padding:0;
}

#contents .feature_title h2 {
border-left:3px solid #CCCCCC;
color:#C60605;
font-weight:bold;
font-size:120%;
padding:5px 8px;
margin-bottom:8px;
}

/* hoteldetail*/
#contents #hoteldetail {
	margin-bottom:15px;
}

#hoteldetail .title {
	margin-bottom:10px;
	padding:5px 7px;
	border-top:5px #CCC solid;
	border-bottom:1px #CCC solid;
}

#hoteldetail .title span.name {
	display:block;
	float:left;
	color:#c60605;
	font-size:130%;
	font-weight:bold;
	line-height:140%;
}

#hoteldetail .title span.name a {
	color:#c60605;
}

#hoteldetail .title span.area {
	display:block;
	float:right;
	padding-top:0.3em;
}

#hoteldetail ul li.leftbox {
	float:left;
	width:230px;
}

#hoteldetail ul li.leftbox .photo {
	width:214px;
	height:162px;
	margin-bottom:15px;
	margin-left:10px;
	background:url(../dom_hotel/img/bg_photoimg02.gif) no-repeat;
}

#hoteldetail ul li.leftbox .photo img {
	padding:4px 5px;
}

#hoteldetail ul li.leftbox p {
	margin-bottom:7px;
}

#hoteldetail ul li.rightbox {
	float:right;
	width:715px;
}

#hoteldetail ul li.rightbox ul li.txt {
	float:left;
	width:385px;
	_width:395px;
	padding-left:6px;
	border-left:4px #999 solid;
	letter-spacing:1pt;
	line-height:140% ;
}

#hoteldetail ul li.rightbox ul li.icon {
	float:right;
	width:310px;
	text-align:right;
}

#hoteldetail ul li.rightbox ul li.icon span {
	margin-left:10px;
}

#hoteldetail ul li.rightbox ul li.icon span.end {
	margin-right:5px;
}

#hoteldetail ul li.rightbox ul li.item_tit {
	float:left;
	width:50px;
}

#hoteldetail ul li.rightbox ul li.item_cont {
	float:left;
	width:665px;
	line-height:140% ;
}

#hoteldetail ul li.rightbox .review {
	margin-bottom:15px;
	display:block;
}

#hoteldetail ul li.rightbox .review .mark {
	margin:0px 5px;
}

#hoteldetail ul li.rightbox .review .point {
	font-weight:bold;
	font-size:117%;
	color:#CA2711;
}


#hoteldetail ul li.rightbox .review .cnt {
	margin:0px 5px;
}

#hoteldetail ul li.rightbox .review .point_detail {
	margin-left:5px;
}

#hoteldetail ul li.rightbox .review .point_detail em {
	color:#CA2711;
	font-weight:bold;
	margin-right:3px;
	font-style:normal;
}

#hoteldetail ul li.rightbox .review .help a {
	background:url("../dom_hotel/img/icon_help.gif") no-repeat scroll left center transparent;
	margin-left:10px;
	padding:0px 0px 0px 18px;
}


/*
#hoteldetail ul li.rightbox .traffic span {
	margin-left:5px;
}
*/

#hoteldetail ul li.rightbox .traffic {
	margin-bottom:15px;
	display:block;
}

#hoteldetail ul li.rightbox .traffic span img {
	vertical-align:middle;
}

#hoteldetail ul li.rightbox .address {
	margin-bottom:15px;
	display:block;
}

#hoteldetail ul li.rightbox .address span img {
	vertical-align:middle;
}


#hoteldetail ul li.rightbox .arrow01 {
	display:block;
	margin:0px;
	padding:0px 0px 3px 12px;
	background:url(../img/arrow_01.gif) left 4px no-repeat;
}


/*detail_tabs*/
#contents #detail_tabs {
	height:38px;
	margin:0px;
	padding:0px;
	border-bottom:2px #D32222 solid;
	overflow:hidden;
}

#detail_tabs ul {
	height:38px;
	margin-left:8px;
	overflow:hidden;
}

#detail_tabs ul li {
	float:left;
	margin-right:2px;
}

#contents #detail_tabend {
	border-top:2px #ccc solid;
	padding-top:10px;
	padding-bottom:40px;
}

/* ------ tab_detailbox ------ */

#tab_detailbox01 {
	display:block;
}
#tab_detailbox02 {
	display:none;
}
#tab_detailbox03 {
	display:none;
}

#tab_detailbox04 {
	display:none;
}


/*tab_detailbox01*/
#tab_detailbox01 .changeplan {
	position:relative;
	width:764px;
	margin:20px auto 25px auto;
	border:1px #cccccc solid;
	background:url(../dom_hotel/img/bg_stayplanform.gif) bottom repeat-x;
}

#tab_detailbox01 .changeplan .title {
	position:absolute;
	top:-5px;
	left:2px;
}

#tab_detailbox01 .changeplan .formbox {
	padding:32px 0px 10px 10px;
	border:1px #fff solid;
	text-align:center;
}

#tab_detailbox01 .changeplan .formbox input {
	margin-top:10px;
}

#tab_detailbox01 .changeplan .formbox span {
	margin-right:10px;
}



#tab_detailbox01 .plan_table {
	margin-bottom:20px;
	text-align:center;
}

#tab_detailbox01 .plan_table .changeweek {
	float:right;
	width:200px;
	margin:0px;
	padding:0px;
}
#tab_detailbox01 .plan_table .changeweek p {
	margin:5px 20px 5px 0px;
	text-align:right;
}
#tab_detailbox01 .plan_table .plan_paging {
	float:left;
	width:750px;
	margin:0px;
	padding:0px;
}
#tab_detailbox01 .plan_table .plan_paging p {
	margin:5px 0px 5px 20px;
	text-align:left;
}
#tab_detailbox01 .plan_table .plan_paging_bottom {
	float:left;
	width:400px;
	margin:0px;
	padding:0px;
}

#tab_detailbox01 .plan_table .plan_paging_bottom p {
	margin:5px 0px 5px 20px;
	text-align:left;
}
#tab_detailbox01 .plan_table .link_note {
	float:right;
	width:550px;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#tab_detailbox01 .plan_table .link_note p {
	margin:5px 20px 5px 0px;
	text-align:right;
}

#tab_detailbox01 .plan_table table {
	clear:both;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
}

#tab_detailbox01 .plan_table table th {
	width:69px;
	padding:5px 0;
	border-right:1px solid #ffffff;
	background:#666;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
}

#tab_detailbox01 .plan_table table th.plan {
	width:335px;
	_width:345px;
	padding-left:10px;
	text-align:left;
	background:#404040;
}

#tab_detailbox01 .plan_table table th.room {
	width:84px;
	background:#404040;
}

#tab_detailbox01 .plan_table table td {
	padding:5px 0;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:center;
}

#tab_detailbox01 .plan_table table td a {
	font-weight:bold;
}


#tab_detailbox01 .plan_table table td.plan {
	text-align:left;
}

#tab_detailbox01 .plan_table table td.plan dt {
	display:block;
	float:left;
	width:80px;
}

#tab_detailbox01 .plan_table table td.plan dt img {
	margin:2px 11px 2px 9px;
}

#tab_detailbox01 .plan_table table td.plan dd {
	display:block;
	float:left;
	width:250px;
}

#tab_detailbox01 .plan_table table td.plan dd a {
	font-weight:normal;
}

#tab_detailbox01 .plan_table table td.room {
	padding-left:10px;
	text-align:left;
}


/*tab_detailbox02*/


#tab_detailbox02 {
	margin-top:25px;
	margin-left:10px;
	margin-right:10px;
}

#tab_detailbox02 .categoryblock {
	margin-bottom:25px;
}

#tab_detailbox02 .titleline {
	margin-bottom:10px;
	border:1px #ccc solid;
}

#tab_detailbox02 .titlebd {
	background:url(../img/bg_title01.gif) repeat-x;
	border:1px #fff solid;
}

#tab_detailbox02 h3 {
	margin:5px;
	padding:3px 8px;
	border-left:3px #c00 solid;
}

#tab_detailbox02 dl {
	margin-left:15px;
	padding:10px 0px;
	background: url(../img/line_wdot06.gif) bottom repeat-x;
}

#tab_detailbox02 dt {
	float:left;
	width:170px;
	font-weight:bold;
	color:#666;
}

#tab_detailbox02 dd {
	float:left;
	width:720px;
	line-height:135%;
	margin-left:20px;
}


/*tab_detailbox03*/

#tab_detailbox03 {
	margin-top:30px;
	margin-left:28px;
}

#tab_detailbox03 ul {
	margin-bottom:30px;
}

#tab_detailbox03 ul li {
	float:left;
	margin-right:50px;
}

#tab_detailbox03 ul li.end {
	margin-right:0;
}

#tab_detailbox03 ul li span.title {
	display:block;
	margin-bottom:10px;
	width:214px;
}

#tab_detailbox03 ul li span.img {
	display:block;
	padding:4px 60px 11px 5px;
	background:url(../dom_hotel/img/bg_photoimg02.gif) no-repeat;
}

/*tab_detailbox04*/

#tab_detailbox04 {
	margin-top:25px;
	margin-left:10px;
	margin-right:10px;
}

#tab_detailbox04 .titleline {
	margin-bottom:5px;
}

#tab_detailbox04 h3 {
	margin:5px;
	padding:3px 8px;
	border-left:3px #c00 solid;
}

#tab_detailbox04 h4 {
	margin:5px;
	font-size:120%;
	color:#1B96E8;
}

#tab_detailbox04 div.review_main {
	margin:10px 0 0 30px;
	border:1px #CCCCCC solid;
	width:870px;
}

#tab_detailbox04 div.review_pointlist {
	padding:15px;
	margin:0px;
}

#tab_detailbox04 ul.review_overallpoint {
	padding:8px 0 8px 10px;
	border-bottom:1px #0000CC dotted;
	display:block;
	width:830px;
}

#tab_detailbox04 ul.review_overallpoint li {
	float:left;
}


#tab_detailbox04 div.review_pointlist .tit {
	font-weight:bold;
	margin-right:15px;
	font-size:120%;
}

#tab_detailbox04 div.review_pointlist .tit_sub {
	font-weight:bold;
	margin-right:15px;
}

#tab_detailbox04 div.review_pointlist .mark {
	margin-right:10px;
	padding-top:3px;
}

#tab_detailbox04 div.review_pointlist .point {
	margin-right:15px;
	font-weight:bold;
	font-size:117%;
	color:#CA2711;
}

#tab_detailbox04 div.review_pointlist .point_sub {
	color:#CA2711;
}

#tab_detailbox04 div.review_pointlist .point_sub2 {
	margin-right:5px;
}

#tab_detailbox04 div.review_pointlist .help {
	background:url("../dom_hotel/img/icon_help.gif") no-repeat scroll left center transparent;
	margin-left:10px;
	padding:0px 0px 0px 18px;
}


#tab_detailbox04 ul.review_pointdetail {
	padding:8px 0 0 10px;
	display:block;
	width:830px;
}

#tab_detailbox04 ul.review_pointdetail li {
	float:left;
	margin-right:15px;
 	padding:5px 0px;
	width:190px;
}


#tab_detailbox04 ul.review_pointdetail li.name {
	background-color:#F0F8FF;
	text-align:center;
}

#tab_detailbox04 ul.review_pointdetail li.end {
	margin-right:0px;
}

#tab_detailbox04 ul.review_pointdetail li.bathfacility {
	float:left;
	margin-right:15px;
	padding-top:5px;
	 	/*padding:5px 0px 40px 0;*/
	width:190px;
	height:50px;
}

#tab_detailbox04 ul.review_pointdetail li.bathfacility  p.bathfacility_detail {
	margin-top:3px;
	padding-top:5px;
	border-top:1px #CCCCCC dotted;
}

#tab_detailbox04 div.review_com {
	margin:30px 0px;
	/*width:900px;*/
}

#tab_detailbox04 div.review_com .newcom {
	margin:10px;
}

#tab_detailbox04 div.review_com .com_main {
	margin:20px 10px 0px 10px;
}

#tab_detailbox04 div.review_com .com_person {
	float:left;
	background:url("../dom_hotel/img/person.gif") no-repeat scroll 0 0 transparent;
	/*width:200px;*/
	min-height:50px;
	margin-top:10px;
	height: auto !important;  
	height: 50px;
}

#tab_detailbox04 div.review_com .com_person p.person {
	padding-left:50px;
	padding-top:7px;
}

#tab_detailbox04 div.review_com .com_person .name {
	font-weight:bold;
}

/*
#tab_detailbox04 div.review_com div.balloon {
	background:url("../dom_hotel/img/comments.jpg") no-repeat scroll 0 5px transparent;
	float:right;
	width:740px;
}
*/


#tab_detailbox04 div.review_com .comments {
	float:right;
	/*background:url("../dom_hotel/img/comments.jpg") no-repeat scroll 0 0 transparent;*/
	border:	1px #CCCC00 solid;
	width:700px;
	min-height:170px;
}

#tab_detailbox04 div.review_com ul {
	padding:15px;
}

/*
#tab_detailbox04 div.review_com ul li {
	padding:10px;
}
*/

#tab_detailbox04 div.review_com ul li.title {
	background-color:#F5F5DC;
	padding:10px;
}

#tab_detailbox04 div.review_com ul li.title .com_tit {
	float:left;
	font-weight:bold;
	width:480px;
}

#tab_detailbox04 div.review_com ul li.title .com_date {
	float:right;
	text-align:right;
	width:150px;
}

#tab_detailbox04 div.review_com ul li.rate {
	padding:10px;
}

#tab_detailbox04 div.review_com ul li .mark {
	margin-left:5px;
	padding-top:3px;
}

#tab_detailbox04 div.review_com ul li .point {
	color:#CA2711;
	margin:0px 5px;
}

#tab_detailbox04 div.review_com ul li .point_end {
	color:#CA2711;
	margin-left:5px;
}

#tab_detailbox04 div.review_com ul li.txt {
	border-bottom:1px #CCCCCC dotted;
	padding:0 10px 10px 10px;
}

#tab_detailbox04 div.review_com ul li dl.plan  {
	padding:10px 10px 0px 10px;
}

#tab_detailbox04 div.review_com ul li dl.plan dd  {
	padding-bottom:3px;
}

#tab_detailbox04 div.review_com .otherreview {
	margin:20px 10px 10px 10px;
}

#tab_detailbox04 div.review_com p.hotelcom {
	padding:5px 0px;
}

/*レコメンド*/
#taggyAffinityBox {
	clear:both;
}
#recomm {
	width:810px;
	height:190px;
	margin:20px 70px;
}
#recomm .r_title {
	margin-bottom:10px;
	background:url(../img/bg_title01.gif) repeat-x;
	border:1px #cccccc solid;
}
#recomm .r_title h2{
	margin:5px 3px;
	padding:3px 8px;
	border-left:3px #dd3300 solid;
}
#recomm .r_items {
	float:left;
}
#recomm .r_item {
	float:left;
	width:126px;
	margin:0px;
	padding:0px;
}
#recomm .r_item p {
	margin:0px 10px 3px 0px;
}
#recomm .r_item p.r_img {
	text-align:center;
}
#recomm .r_item p.r_area {
	font-size:90%;
}
#recomm .r_item p.r_price {
	color:#dd3300;
}
#recomm .r_navi {
	float:left;
	width:25px;
}
#recomm .r_navi p {
	margin:25px 0px 0px 0px;
}
#recomm .r_navi2 {
	float:right;
	width:20px;
}
#recomm .r_navi2 p {
	margin:25px 0px 0px 0px;
}
#recomm button {
	margin: 0;
	padding: 0;
	border-style: none;
	background-color:#ffffff;
}