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

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

* {
    margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body {
	font-size:12px;
}
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 .pl_d_title {
    width:752px;
	height:22px;
	background:url(/static/check-in/img/plan_list/pl_title_back.jpg) no-repeat;
	padding:8px 0 0 28px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 4px 0;
}
.plin_box .plin_left {
    width:210px;
	float:left;
}

.plin_box .plin_right {
    width:550px;
	float:right;
}

.plin_box .plin_left_und {
    width:360px;
	float:left;
	margin:4px 0 0 0;
}

.plin_box .plin_right_und {
    width:400px;
	float:right;
	margin:4px 0 0 0;
	color:#666666;
}
.plin_left .r_com_images {
    width:210px;
	margin:6px 0 0 0;
	clear:both;
}
.plin_left .r_com_images p {
    float:left;
	margin:0 2px 4px 0;
}


.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;
}



.plin_right .plin_r_com {
    width:300px;
    float:left;
}
.plin_right .plin_r_com .r_com_txt {
    margin:0px 5px 5px 5px;
	line-height:160%;
	overflow:hidden;
}
.plin_right .plin_r_osu {
    width:222px;
    float:right;
	border:1px solid #E8E8E8;
	padding:5px;
}
.plin_right .plin_r_osu p {
    margin:5px;
	line-height:150%;
}

/*** 「おすすめ情報」英語 ***/
.plin_right .plin_r_osu .r_osu_tit_e {
    width:238px;
	height:20px;
    background:url(/static/check-in/img/plan_list/recmend_back_e.jpg) no-repeat;
	text-indent:-9999px;
}

/*** 「おすすめ情報」中国語（簡体字） ***/
.plin_right .plin_r_osu .r_osu_tit_cnk {
    width:238px;
	height:20px;
    background:url(/static/check-in/img/plan_list/recmend_back_cnk.jpg) no-repeat;
	text-indent:-9999px;
}

/*** 「おすすめ情報」中国語（繁体字） ***/
.plin_right .plin_r_osu .r_osu_tit_cnh {
    width:238px;
	height:20px;
    background:url(/static/check-in/img/plan_list/recmend_back_cnh.jpg) no-repeat;
	text-indent:-9999px;
}

/*** 「おすすめ情報」韓国語 ***/
.plin_right .plin_r_osu .r_osu_tit_kr {
    width:238px;
	height:20px;
    background:url(/static/check-in/img/plan_list/recmend_back_kr.jpg) no-repeat;
	text-indent:-9999px;
}


.plin_box .plin_left_und table {
    width:360px;
}
.plin_box .plin_left_und td {
	vertical-align:top;
	padding:0 0 5px 0;
}
.plin_box .plin_left_und .plleu_image {
    width:100px;
}
.plin_box .plin_left_und .pleu_txt {
    width:250px;
    margin:0 0 0 10px;
}
.plin_box .plin_left_und .pleu_txt p {
	line-height:150%;
}
.plin_box .plin_left_und .ple_opt {
    color:#333;
	margin:3px 0 0 3px;
}


.plin_box .plin_right_und .pld_price {
    width:398px;
	height:25px;
	background:url(/static/check-in/img/plan_list/table_title.jpg) no-repeat;
}
.plin_box .plin_right_und .pld_price p {
    padding:6px 0 0 10px;
	color:#333;
}
.plin_box .plin_right_und table {
    width:398px;
	background:url(/static/check-in/img/plan_list/table_back.jpg) center bottom no-repeat;
	margin:0 0 6px 0;
}
.plin_box .plin_right_und table th {
    padding:4px 2px 4px 10px;
	text-align:left;
	font-weight:100;
	width:30%;
}    
.plin_box .plin_right_und table td {
    padding:4px 2px 4px 10px;
	width:30%;
}
.plin_box .plin_right_und .prta_01 {
    border-bottom:1px dotted #6F7882;    
    border-top:1px dotted #6F7882;    
}
.plin_box .plin_right_und .prta_02 {
    border-left:1px dotted #6F7882;    
    border-right:1px dotted #6F7882;    
}
.plin_box .plin_right_und .prta_03 {
    border:1px dotted #6F7882;    
}


/*** 仮 ***/
.plin_box .plin_right_und .prta_04 {
    border-top:1px dotted #CCCCCC;    
    border-right:1px dotted #CCCCCC;    
}
.plin_box .plin_right_und .prta_05 {
    width:60%;
    border-top:1px dotted #CCCCCC;    
}
.plin_box .plin_right_und .prta_06 {
    border-right:1px dotted #CCCCCC;    
}

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


/*** 新レイアウト　プランリスト 「利用可能なプラン」 ***/
.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;
}



/**** 利用できるお部屋 ****/
#beuse_room {
	width:340px;
	border:1px solid #CCC;
	margin:5px;
	padding:5px;
}
#beuse_room .beuse_room_img {
	width:54px;
	float:left;
	padding:6px 0;
}
#beuse_room .beuse_room_text {
	float:right;
	width:280px;
	padding:6px 0;
	line-height:140%;
}

#beuse_room .beuse_room_text .beuse_room_name {
	font-weight:bold;
	color:#B50000;
}
#beuse_room .beuse_room_text .beuse_room_people {
	font-size:90%;
}


/**** プランが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;
}