@charset "utf-8";
/******************************************************************************
Check-in PLAN LIST -STYLE2- CSS
******************************************************************************/

.space {
	font-size: 1px;
	line-height: 100%;
	display: block;
	height: 1px;
	clear: both;
}

* {
    margin:0;
	padding:0;
}
body {
	font-size:80%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
img {
    border:0;
}


/*** 施設名 ***/
.ya_name_frame {
    height:80px;
	background:url(/static/check-in/img/plan_list/ya_name_frame.jpg) repeat-x;
}
.ya_name {
    width:784px;
	height:80px;
	background:url(/static/check-in/img/plan_list/name_back.jpg) no-repeat;
	margin:0 auto 0 auto;
}
.ya_name p {
    position:relative;
    top:36px;
	left:10px;
	width:700px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

/*** プラン ***/
.plin_box_frame {
    margin:0 auto 0 auto;
	width:790px;
}
.plin_box {
    width:775px;
	margin:10px 0 8px 8px;
	border-bottom:1px solid #6F7882;
	padding:0 0 6px 0;
}

.plin_box .plin_main {
    margin:5px 5px 10px 5px;
	line-height:150%;
}

.plin_left {
	float:left;
	margin:0 10px 0 0;
}
.plin_left ul {
	margin:6px 0 0 0;
}
.plin_left li {
    float:left;
	margin:0 2px 0 0;
	list-style-type:none;
}


.plan_tit {
    width:775px;
	/* background:url(/static/check-in/img/plan_list/plan_name_back.jpg) no-repeat; */
	margin:0 0 4px 0;
}
.plan_tit .plan_tit_na {
    float:left;
	padding:5px 0 0 10px;
	font-size:14px;
	color:#FFF;
	line-height:140%;
}
.plan_tit .plan_tit_bt {
    float:right;
	padding:3px 20px 0 0;
	position:relative;
	top:8px;
}
.plan_tit .plan_tit_bt a {
	width:110px;
	height:21px;
	background:url(../../img/plan_list/btn_reserve.gif) no-repeat;
	display:block;
}
.plan_tit .plan_tit_bt a:hover {
	background:url(../../img/plan_list/btn_reserve_f2.gif) no-repeat;
}
.plan_tit .plan_tit_bt span {
	display:none;
}



/*** 「予約・空室確認」ボタン　英語 ***/
.plan_tit .plan_tit_bt_e {
    float:right;
	padding:3px 20px 0 0;
}
.plan_tit .plan_tit_bt_e a {
	width:110px;
	height:21px;
	background:url(../../img/plan_list/btn_reserve_e.gif) no-repeat;
	display:block;
}
.plan_tit .plan_tit_bt_e a:hover {
	background:url(../../img/plan_list/btn_reserve_e_f2.gif) no-repeat;
}
.plan_tit .plan_tit_bt_e span {
	display:none;
}


/*** 「予約・空室確認」ボタン　中国語（簡体字） ***/
.plan_tit .plan_tit_bt_cnk {
    float:right;
	padding:3px 20px 0 0;
}
.plan_tit .plan_tit_bt_cnk a {
	width:110px;
	height:21px;
	background:url(../../img/plan_list/btn_reserve_cnk.gif) no-repeat;
	display:block;
}
.plan_tit .plan_tit_bt_cnk a:hover {
	background:url(../../img/plan_list/btn_reserve_cnk_f2.gif) no-repeat;
}
.plan_tit .plan_tit_bt_cnk span {
	display:none;
}

/*** 「予約・空室確認」ボタン　中国語（繁体字） ***/
.plan_tit .plan_tit_bt_cnh {
    float:right;
	padding:3px 20px 0 0;
}
.plan_tit .plan_tit_bt_cnh a {
	width:110px;
	height:21px;
	background:url(../../img/plan_list/btn_reserve_cnh.gif) no-repeat;
	display:block;
}
.plan_tit .plan_tit_bt_cnh a:hover {
	background:url(../../img/plan_list/btn_reserve_cnh_f2.gif) no-repeat;
}
.plan_tit .plan_tit_bt_cnh span {
	display:none;
}


/*** 「予約・空室確認」ボタン　韓国語 ***/
.plan_tit .plan_tit_bt_kr {
    float:right;
	padding:3px 20px 0 0;
}
.plan_tit .plan_tit_bt_kr a {
	width:110px;
	height:21px;
	background:url(../../img/plan_list/btn_reserve_kr.gif) no-repeat;
	display:block;
}
.plan_tit .plan_tit_bt_kr a:hover {
	background:url(../../img/plan_list/btn_reserve_kr_f2.gif) no-repeat;
}
.plan_tit .plan_tit_bt_kr span {
	display:none;
}


/*** /プラン ***/


/*** 新レイアウト　プランリスト 「利用可能なプラン」 ***/
.p_list_lyout2_title {
    margin:6px 10px 0 4px; 
    padding:0 5px 5px 20px;
	height:15px;
    background:url(../../img/plan_list/mark_01.gif) no-repeat;
	color:#600;
	float:left;
}
.p_list_lyout2_title a {
	color:#600;
	text-decoration:none;
}
.p_list_lyout2_title a:hover {
	color:#600;
	text-decoration:underline;
}


/**** タイトル「利用できるプラン一覧」 ****/
.can_use_planlist {
	margin:8px 4px 4px 4px;
	width:782px;
	height:23px;
	background:url(../../img/plan_list/can_use_planlist_title.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 24px;
	color:#666;
}


/**** プラン一覧ページ検索部分 ****/
.t_box_a {
    width:782px;
	background:url(../../img/plan_list/title_box.jpg) center bottom no-repeat;
	margin:6px 0 6px 4px;
	padding:0 0 10px 0;
}
.title_a {
    height: 23px;
	background:url(../../img/plan_list/title.gif) no-repeat;
	background-position:0px 4px;
	padding:3px 0 0 10px;
	margin: 0 0 0 10px;
}
.title_a span {
    color:#666;
	font-weight:bold;
	font-size:14px;
}

.plan_group_list {
	color:#0066CC;
}



/**** このプランのオプション ****/
.plin_box .plin_und {
	clear:both;
	padding:10px 0 0 20px;
}

/*** 日本語 ***/
.plin_und .plin_und_title {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/option_title_back.jpg) no-repeat;
	text-indent:-9987px;
}

/*** 英語 ***/
.plin_und .plin_und_title_en {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/option_title_back_en.jpg) no-repeat;
	text-indent:-9987px;
}

/*** 中国語（繁体字） ***/
.plin_und .plin_und_title_cnh {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/option_title_back_cnh.jpg) no-repeat;
	text-indent:-9987px;
}

/*** 中国語（簡体字） ***/
.plin_und .plin_und_title_cnk {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/option_title_back_cnk.jpg) no-repeat;
	text-indent:-9987px;
}

/*** 韓国語 ***/
.plin_und .plin_und_title_kr {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/option_title_back_kr.jpg) no-repeat;
	text-indent:-9987px;
}
.plin_und .plin_opt_box {
	width:350px;
	float:left;
	margin:6px 10px 0 0;
	line-height:140%;
	border:2px solid #E3E3E3;
	padding:5px;
	font-size:90%;
	border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome  */
	color:#666;
}
.plin_opt_box .plin_opt_box_image {
	float:left;
	padding:0 6px 6px 0;
}
.plin_opt_box .plin_opt_box_name {
	font-weight:bold;
	margin:0 4px 4px 0;
	background:url(../../img/plan_list/style2/sub_title_back.jpg) no-repeat;
	padding:0 0 2px 15px;
	border-bottom:1px solid #CCC;
}

/**** 宿泊ご利用日に予約できるお部屋 ****/

/*** 日本語 ***/
.room_info_title {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/room_title_back.jpg) no-repeat;
	text-indent:-9987px;
	margin:10px 0 0 0;
}

/*** 英語 ***/
.room_info_title_en {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/room_title_back_en.jpg) no-repeat;
	text-indent:-9987px;
	margin:10px 0 0 0;
}

/*** 中国語（繁体字） ***/
.room_info_title_cnh {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/room_title_back_cnh.jpg) no-repeat;
	text-indent:-9987px;
	margin:10px 0 0 0;
}

/*** 中国語（簡体字） ***/
.room_info_title_cnk {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/room_title_back_cnk.jpg) no-repeat;
	text-indent:-9987px;
	margin:10px 0 0 0;
}

/*** 韓国語 ***/
.room_info_title_kr {
	width:740px;
	height:20px;
	background:url(../../img/plan_list/style2/room_title_back_kr.jpg) no-repeat;
	text-indent:-9987px;
	margin:10px 0 0 0;
}


.room_info {
	clear:both;
}
.room_info .room_info_list {
	width:350px;
	float:left;
	margin:6px 10px 0 0;
	line-height:140%;
	border:2px solid #E3E3E3;
	padding:5px;
	font-size:90%;
	border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome  */
	color:#666;
}
.room_info_list .room_info_list_title {
	font-weight:bold;
	margin:0 4px 4px 0;
	background:url(../../img/plan_list/style2/sub_title_back.jpg) no-repeat;
	padding:0 0 2px 15px;
	border-bottom:1px solid #CCC;
}
.room_info_list .room_info_image {
	float:left;
	padding:0px 5px 5px 0;
}
.room_info_person {
	font-size:95%;
	color:#666;
	text-align:right;
}


/**** プランが1つも無いとき「すべてのプランを表示する」 ****/
#allplan_open_frame {
	margin:0 auto 0 auto;
	width:790px;
	text-align:center;
}
#allplan_open_frame input {
	width:300px;
	margin:10px auto;
	padding:5px;
}