@charset "UTF-8";
@import url("../../share/css/common.css");


/*======================================

	コンテンツ

=======================================*/
.lodging_plan {
	width: 640px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.lodging_plan th {
	width: 70px;
	background-color: #E5E5CC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #333333;
	font-size: 0.75em;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	line-height: 1.5;
}

.lodging_plan td {
	width: 530px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #333333;
	font-size: 0.75em;
	line-height: 1.5;
}

.search_btn {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	text-align: center;
}

/* 並びかえ */
.sort {
	width: 620px;
	background-color: #EDECDB;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	color: #333333;
	font-size: 0.75em;
}



/* お宿リスト */
.lodging {
	width: 640px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.lodging .lodging_main {
	width: 640px;
	background-image: url("../images/lodging_main.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.lodging .lodging_top {
	width: 640px;
	background-image: url("../images/lodging_top.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.lodging .lodging_bottom {
	width: 640px;
	background-image: url("../images/lodging_bottom.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0px;
}

.lodging .lodging_title {
	border-left: 4px solid #003399;
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 5px;
	font-size: 0.875em;
	font-weight: bold;
}

.lodging .price_area {
	width: 620px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 3px 0px;
}

.lodging .price_area .price {
	float: left;
	width: 400px;
	margin: 0px;
	padding: 0px;
	color: #CC0000;
	font-size: 1.2em;
	font-weight: bold;
}

.lodging .price_area .price span {
	background-color: #CC0000;
	margin: 0px;
	padding: 2px;
	color: #FFFFFF;
	font-size: 0.5em;
	font-weight: normal;
}

.lodging .price_area .area {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	color: #333333;
	font-size: 0.75em;
	text-align: right;
}

.lodging .photo_info {
	width: 620px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
}

.lodging .photo_info .photo {
	float: left;
	width: 140px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.lodging .photo_info .info {
	float: left;
	width: 470px;
	margin: 0px;
	padding: 0px;
}

.lodging .photo_info .info .pr_bg {
	width: 470px;
	background-color: #C1E0FF;
	margin: 0px;
	padding: 0px;
}

.lodging .photo_info .info .pr {
	margin: 0px;
	padding: 8px 10px 5px 10px;
	color: #333333;
	font-size: 0.75em;
	line-height: 1.5;
}

.lodging .photo_info .info .access_tel {
	width: 470px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

.lodging .photo_info .info .access_tel .title {
	float: left;
	width: 70px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	color: #333333;
	font-size: 0.75em;
	line-height: 1.5;
}

.lodging .photo_info .info .access_tel .text {
	float: left;
	width: 390px;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 0.75em;
	line-height: 1.5;
}

.kodawari{
	margin: 0px;
	padding: 0px 0px 2px 0px;
}


.lodging .type {
	width: 620px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}

.lodging .type th {
	width: 155px;
	background-color: #E5E5CC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #333333;
	font-size: 0.75em;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	line-height: 1.5;
}

.lodging .type td {
	width: 155px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #333333;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.5;
}

.lodging .plan_list {
	width: 620px;
	margin: 0px;
	padding: 10px 10px 20px 10px;
}

.lodging .plan_list_title {
	border-left: 4px solid #68BAFF;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 0.875em;
	font-weight: bold;
}

.lodging .list {
	width: 620px;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.lodging .list .plan_title {
	float: left;
	width: 350px;
	background-image: url("../images/list_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 0px 2px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 0.75em;
	line-height: 1.5; 
}

.lodging .list .plan_info {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
}

.lodging .list .plan_info .info {
	margin: 0px;
	padding: 0px;
}

.lodging .list .plan_info .info .cat_1 {
	float: left;
	width: 90px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #333333;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.5; 
}

.lodging .list .plan_info .info .cat_2 {
	float: left;
	width: 70px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #333333;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.5; 
}

.lodging .list .plan_info .info .cat_3 {
	float: left;
	width: 60px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #CC0000;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.5; 
}