@charset "Shift_JIS";
@import url("yado.css");
@import url("yado-side.css");

/* #############################################################

[ index ]

Additional authority person of parts : Web master

############################################################# */

#content{
	width:690px;
	float:right;
	word-wrap: break-word;
}

#side {
	width:258px;
	float:left;
}



/* ==========================================================================
title ： [プラン名]
========================================================================== */

/* -------------------------------------------------------------- 
title bg ： [プラン名背景]
-------------------------------------------------------------- */
.page_title {
	background: url("../../../resources/images/plan_list_bg_001.gif") repeat-y left top;
	margin: 0 0 15px 0;
}

.page_title_top {
	background: url("../../../resources/images/plan_list_bg_002.gif") no-repeat left top;
	padding-top: 9px;
}
.page_title_btm {
	background: url("../../../resources/images/plan_list_bg_003.gif") no-repeat left bottom;
	padding: 0 20px 7px 20px;
}

/* -------------------------------------------------------------- 
title text ： [プラン名テキスト]
-------------------------------------------------------------- */
.page_title p.plan_code {
	display:inline;
	float: right;
	margin-left:10px;
	font-size: 87%;
}

.page_title p.plan_kana {
	display:inline;
	float: left;
	font-size: 87%;
}

.page_title h1 {
	clear: both;
	font-size: 200%;
	font-weight: bold;
}
#KuchikomiLinkButtonArea {
	float:right;
	margin: -30px 2px -30px 0;
	position: relative;
	padding-top: 16px;
}


/* ==========================================================================
navigation ： [プラン名]
========================================================================== */

ul.plan_navi {
	border-bottom: 4px #ff6668 solid;
	margin-bottom: 7px;
}

ul.plan_navi li {
	margin-right: 7px;
	float: left;
	display: inline;
}

ul.plan_navi li a {
	text-decoration: none;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	display: block;
}

ul.plan_navi li.plan_navi01,
ul.plan_navi li.plan_navi02,
ul.plan_navi li.plan_navi01 a,
ul.plan_navi li.plan_navi02 a {
	width: 143px;
	height: 33px;
}

ul.plan_navi li.plan_navi03,
ul.plan_navi li.plan_navi04 {
	margin-top: 5px;
}

ul.plan_navi li.plan_navi03,
ul.plan_navi li.plan_navi04,
ul.plan_navi li.plan_navi03 a,
ul.plan_navi li.plan_navi04 a {
	width: 115px;
	height: 28px;
}

ul.plan_navi li.plan_navi01 a {
	background: url("../../../resources/images/plan_list_navl_001.gif") no-repeat left top;
}
ul.plan_navi li.plan_navi01 a.active,
ul.plan_navi li.plan_navi01 a:hover {
	background: url("../../../resources/images/plan_list_navl_001_ov.gif") no-repeat left top;
}

ul.plan_navi li.plan_navi02 a {
	background: url("../../../resources/images/plan_list_navl_002.gif") no-repeat left top;
}
ul.plan_navi li.plan_navi02 a.active,
ul.plan_navi li.plan_navi02 a:hover {
	background: url("../../../resources/images/plan_list_navl_002_ov.gif") no-repeat left top;
}

ul.plan_navi li.plan_navi03 a {
	background: url("../../../resources/images/plan_list_navl_003.gif") no-repeat left top;
}
ul.plan_navi li.plan_navi03 a.active,
ul.plan_navi li.plan_navi03 a:hover {
	background: url("../../../resources/images/plan_list_navl_003_ov.gif") no-repeat left top;
}

ul.plan_navi li.plan_navi04 a {
	background: url("../../../resources/images/plan_list_navl_004.gif") no-repeat left top;
}
ul.plan_navi li.plan_navi04 a.active,
ul.plan_navi li.plan_navi04 a:hover {
	background: url("../../../resources/images/plan_list_navl_004_ov.gif") no-repeat left top;
}

/* -------------------------------------------------------------- 
plan_name ： [プラン名]
-------------------------------------------------------------- */
.plan_name .plan_name_bg .plan_name_ttl {
	font-size: 112%;
	font-weight: bold;
	width: 380px;
	float: left;
}

.plan_name .plan_name_bg .plan_name_code {
	width: 250px;
	float: right;
	font-size: 81%;
	text-align: right;
}

.plan_name .plan_name_bg .plan_bsite_notice {
	float: left;
	font-size: 81%;
	clear: left;
	width: 638px;
}

.plan_name .plan_name_bg .plan_bsite_notice img {
	vertical-align: middle;
	width: 50px;
}

/* -------------------------------------------------------------- 
search_pamphlet ： [パンフレット名]
-------------------------------------------------------------- */
.search_genti {
	margin: 0 5px 5px 5px;
}
.search_genti h3 {
	font-size: 118%;
	font-weight: bold;
	float: left;
	margin: 9px 5px 0 0;
	display: inline;
}

.search_pamphlet {
	margin: 0 5px 5px 5px;
	min-height: 37px;
	_height: 37px;
}
.search_pamphlet .imgMiniPamph {
	float:left
}
.search_pamphlet h3 {
	font-size: 118%;
	font-weight: bold;
	float: left;
	margin: 9px 5px 0 0;
	display: inline;
}

.search_pamphlet p {
	margin-top: 13px;
	float: left;
}

/* resultplan_point ： [おすすめプランポイント]
---------------------------------------------*/
.resultplan_point {
	padding: 0 9px;
	background-color: #f9f9f1;
	margin-bottom: 10px;
	min-height: 150px;
	_height: 150px;
}

.resultplan_point p {
	margin-bottom: 2px;
}

.resultplan_point p.resultplan_point_ttl {
	padding-top: 9px;
	margin-bottom: 7px;
	font-size: 106%;
	font-weight: bold;
	color: #ff6668;
}

.resultplan_point dl {
	margin-top: 10px;
	padding-bottom: 9px;
}

.resultplan_point dl dt {
	font-size: 87%;
	font-weight: bold;
	display: inline;
}

.resultplan_point dl dd {
	font-size: 87%;
	display: inline;
	padding-right: 10px;
}

/* resultplan_inn ： [旅行代金]
---------------------------------------------*/
.resultplan_box dl.resultplan_inn {
	clear: both;
}

.resultplan_box dl.resultplan_inn dt {
	float: left;
}

.resultplan_box dl.resultplan_inn dd {
	float: left;
}

.resultplan_box dl.resultplan_inn dd p {
	display: inline-table;
	*display:inline;
	vertical-align: middle;
	padding-left: 15px;
	line-height: 125%;
	_line-height: 140%;
}

.resultplan_box dl.resultplan_inn dd p.resultplan_pay_price {

}

.resultplan_box dl.resultplan_inn dd p.total_price {
	display: block;
}

/* -------------------------------------------------------------- 
resultplan_pickup 
-------------------------------------------------------------- */
.resultplan_pickup .resultplan_pickup_ttl {
	float:left;
	display: inline;
}

.resultplan_pickup .resultplan_stateup {
	background: url("../images/ico_stateup.gif") no-repeat left top;
	min-height: 15px;
	_height: 15px;
	font-size: 81%;
	line-height: 1.2em;
	padding: 0 0 0 20px;
	float: right;
	display: inline;
}

.resultplan_pickup .resultplan_stateup a {
	text-decoration: underline;
}

/*  [カレンダー]
---------------------------------------------*/
.resultplan_pickup ul.pager{
	width:100%;
	padding: 10px 0;
}
.resultplan_pickup ul.pager li.prev{
	float:left;
}
.resultplan_pickup ul.pager li.next{
	float:right;
}
.resultplan_pickup ul.pager li a {
	padding:0 5px 0 5px;
	text-decoration:underline;
}
.resultplan_pickup ul.pager li a:hover{
	text-decoration:none;
}

.resultplan_pickup .resultplan_calendar .dropDownMenu {
	clear: both;
	display: none;
}
.resultplan_pickup .resultplan_calendar .dropDownMenuCalendar {
	clear: both;
	display: none;
	margin: 0px auto;
	margin: 5px;
}
.resultplan_pickup .resultplan_calendar table {
	width: 100%;
	border: 1px #d6cfba solid;
	background: #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0;
}

.resultplan_pickup .resultplan_calendar table th,
.resultplan_pickup .resultplan_calendar table td {
	padding: 10px 6px;
	width: 60px;
	border: 1px #d6cfba solid;
	text-align: center;
}

.resultplan_pickup .resultplan_calendar table th {
	vertical-align: middle;
	background-color: #f3f1e3;
	font-weight:bold;
}

.resultplan_pickup .resultplan_calendar table th span {
	font-weight: normal;
}

.resultplan_pickup .resultplan_calendar table th.sun span,
.resultplan_pickup .resultplan_calendar table th.holiday span {
	color: #ff749a;
}

.resultplan_pickup .resultplan_calendar table th.sat span {
	color: #6192d8;
}

.resultplan_pickup .resultplan_calendar table td {
	text-align:center;
	vertical-align:middle;
	width: 12%;
}

.resultplan_pickup .resultplan_calendar table td.sun,
.resultplan_pickup .resultplan_calendar table td.holiday {
	background-color: #ffeef3;
}

.resultplan_pickup .resultplan_calendar table td.sat {
	background-color: #ecf5ff;
}


.resultplan_pickup .resultplan_calendar table th.sun,
.resultplan_pickup .resultplan_calendar table td.sun,
.resultplan_pickup .resultplan_calendar table th.sat,
.resultplan_pickup .resultplan_calendar table td.sat {
	width: 12%;
}

/* plan_picku_pay ： [おすすめプラン旅行代金表]
---------------------------------------------*/
table.plan_picku_pay th,
table.plan_picku_pay td {
	padding: 7px 3px 7px 4px;
	text-align: center;
	vertical-align: middle;
}

table.plan_picku_pay th.col01,
table.plan_picku_pay td.col01 {
	width: 29.5%;
}

table.plan_picku_pay td.col01 {
	color: #0077b3;
	font-weight: bold;
	font-size: 106%
}

table.plan_picku_pay th.col02,
table.plan_picku_pay td.col02 {
	width: 13%;
}

table.plan_picku_pay th.col03,
table.plan_picku_pay td.col03 {
	width: 13%;
}

table.plan_picku_pay th.col04,
table.plan_picku_pay td.col04 {
	width: 19%;
}

table.plan_picku_pay td.col04 .total_price {
	font-size: 90%;
}

table.plan_picku_pay th.col05,
table.plan_picku_pay td.col05 {
	width: 25.5%;
	text-align: right;
	padding-right: 7px;
}

table.plan_picku_pay td.col01,
table.plan_picku_pay td.col06 {
	text-align: left;
	padding-left: 7px;
}

table.plan_picku_pay th.col03,
table.plan_picku_pay th.col04,
table.plan_picku_pay tr.row02 td.col05 {
	font-size: 81%;
}

/* ==========================================================================
search_plan ： [プランパンフレット]
========================================================================== */
.search_plan .contents_box_top {
	padding: 18px 18px 10px 18px;
}

.search_plan .search_plan_txt {
	/*margin-bottom:5px;*/
	width: 553px;
	float: right;
}

.search_plan .search_plan_txt h3 {
	font-weight: bold;
}

.search_plan .search_plan_txt .search_plan_cmt {
	font-size: 87%;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px #b3b3b3 dotted;
}

.search_plan .search_plan_txt .search_plan_img {
	width: 90px;
	float: left;
}

.plan_name .plan_name_bg .plan_name_ttl {
	font-size: 112%;
	font-weight: bold;
	margin-bottom: 5px;
}

.plan_name .plan_name_bg .plan_name_ttl span.sub {
	font-size: 83%;
	font-weight: normal;
}

/* -------------------------------------------------------------- 
人数条件 
-------------------------------------------------------------- */
#side table.table_people_count {
	margin: 5px 0 0 12px;
	font-weight: bold;
}
#side table.table_people_count td {
	padding: 7px 10px 7px 0px;
}

#side table.table_people_count td.notice_box{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: right;
}

/* -------------------------------------------------------------- 
日付 
-------------------------------------------------------------- */
#stay_ymd .no_date_container {
	margin-left: 36px;
}

/* -------------------------------------------------------------- 
絞り込み条件アコーディオン
-------------------------------------------------------------- */
.side_selectform .show_button, .side_selectform .hide_button{
	cursor: pointer;
	color: #0000ff;
	text-align: right;
}

/* -------------------------------------------------------------- 
おすすめのプラン
-------------------------------------------------------------- */
.recommend_plans_box {
	border: 1px dotted;
	width: 657px;
	margin: 10px auto 5px auto;
}

.recommend_plans_title {
	color: #FFFFFF;
	font-size: 118%;
	background: url("../../../resources/images/bg_recommend_plan.gif") left top;
	width: 657px;
	height: 39px;
	position: relative;
}

.recommend_plans_title h2 {
	position: absolute;
	bottom: 0;
	margin-left: 10px;
	margin-bottom: 5px;
}

.recommend_plan {
	margin: 0 auto 0 auto;
	padding: 7px 9px 7px 9px;
}

.recommend_plan a {
	text-decoration: underline;
}

.recommend_plan .recommend_plan_pay span {
	margin-right: 20px;
}

.recommend_plan .recommend_plan_pay .ico_pay {
	margin-left: 6px;
}

.recommend_plan .recommend_plan_pay .per_person {
	color: #808080
}

.resultplan_pickup .recommend_plan_bsite_notice,
.recommend_plan .recommend_plan_bsite_notice {
	color: #FF0000;
	float: left;
	font-size: 87%;
}

.resultplan_pickup .recommend_plan_bsite_notice img,
.recommend_plan .recommend_plan_bsite_notice img {
	vertical-align: bottom;
	width: 50px;
}