@charset "utf-8";

/*************************************************************
全国ホテルCMS　jphotel_layout用CSS
*************************************************************/

/**
*　common initialization
* 
* common Setting
*/

* {
     margin:0;
	 padding:0;
}
body {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:76%;
	line-height: 120%;
	color:#505050;
	text-align:center;
}
.space {
	font-size: 1px;
	line-height: 100%;
	display: block;
	height: 1px;
	clear: both;
}
p {
	color:#505050;
	line-height:130%;
}
img {
    border:0;
}


/**
*　Basic frame initialization
* 
* @Frame    Setting
*/
#jphotel_wrapper {
     width:990px;
	 margin:0 auto;
	text-align:left;
}


#jphotel_main {
    width:750px;
	float:right;
	margin:10px 0 0 0;
	text-align:center;
}
#jphotel_menu {
	width:230px;
	float:left;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
}
#list_jphotel {
	width:740px;
	padding:0 10px 0 0;
	text-align:left;
}
#jphotel_footer {
     width:990px;
	 margin:10px 0 0 0;
}
#jphotel_footer #foot_link {
	text-align:right;
	width:980px;
	margin:0 0 5px 0;
}
#jphotel_contents {
     width:740px;
}

#navige {
     width:960px;
	 clear:both;
	 margin:0 auto;
	 padding:3px;
}

#a {
	padding:0 0 9px 0;
}



/*************************************************************
全国ホテルCMS　jphotel_layout用CSS
*************************************************************/

/******************** ホテルリスト ***********************/
.jphotel_frame {
	width:730px;
	margin:5px 0 10px 10px;
	background:url(../image/basic_layout_wide/shoplist/shopbox_back.jpg) repeat-y;
}

/********* 店舗名 *********/
.jphotel_frame .jphotel_name_frame {
	width:720px;
	margin:0 auto 6px auto;
	background:url(../image/basic_layout_wide/shoplist/name_back.jpg) center bottom no-repeat;
	padding:4px 0;
}
.jphotel_name_frame p {
	padding:0 8px;
}
.jphotel_name_frame .highclass {
	vertical-align:top;
}
.jphotel_name_frame .jphotel_name_p {
	color:#039;
	font-weight:bold;
	text-align:left;
	font-size:130%;
	padding:5px 10px;
}
.jphotel_name_p a:link {
	color:#039;
	text-decoration:underline;
}
.jphotel_name_p a:visited {
	color:#039;
	text-decoration:underline;
}
.jphotel_name_p a:hover {
	color:#728EAA;
	text-decoration:none;
}
.jphotel_name_frame .main_icons {
	text-align:right;
	margin:4px 0 0 0;
}
.main_icons img {
	margin:0 2px 2px 0;
}



/********* 店舗名 *********
.jphotel_frame .jphotel_name_frame .jphotel_name {
	width:610px;
	float:left;
}
.jphotel_name ul {
	float:left;
	padding:8px 0 0 5px;
	margin:0 10px 0 0;
}
.jphotel_name li {
	list-style-type:none;
	float:left;
	margin:0 4px 0 0;
	color:#060;
	font-size:90%;
}
.jphotel_name_frame .jphotel_shop_flash {
	width:97px;
	float:right;
	padding:5px 5px 0 0
}
*******/

/********* 店舗情報 *********/
.jphotel_frame .jphotel_shopinfo {
	width:700px;
	margin:0 auto;
	padding:0 0 10px 0;
}

/****** 写真 ******/
.jphotel_shopinfo .jphotel_shopimage {
	float:left;
}
.jphotel_shopimage .shopimage {
	width:140px;
	padding:3px;
	border:1px solid #CCC;
	text-align:center;
}
.shopimage img {
	margin:0 auto;
}
.jphotel_shopimage .shop_icons_list_open {
	width:122px;
	margin:5px auto 0 auto;
}
.jphotel_shopimage .shop_icons_list_close {
	width:122px;
	margin:5px auto 0 auto;
}

/****** テキスト ******/
.jphotel_shopinfo .jphotel_shoptext {
	width:540px;
	float:right;
}

/****** 観光地名 ******/
.jphotel_shoptext .jphotel_shoparea {
	font-size:90%;
	text-align:right;
}

/****** 説明文 ******/
.jphotel_shoptext .jphotel_shopcomment {
	border-bottom:2px dotted #CCC;
	border-top:2px dotted #CCC;
	background-color:#FAFAFA;
	margin:4px 0;
	padding:5px;
}

/****** 住所 ******/
.jphotel_shoptext .jphotel_shopaddress {
	font-size:90%;
}
.jphotel_shopaddress img {
	vertical-align:middle;
}

/****** 利用できるクレジットカード ******/
.use_credit {
	margin:4px 0;
	font-size:86%;
}
.use_credit img {
	vertical-align:middle;
}

/****** アイコンリスト ******/
.jphotel_shoptext .sub_icons {
	width:540px;
	margin:5px auto;
	background:url(../image/basic_layout_wide/shoplist/sub_icons_back.jpg) repeat-y;
}
.sub_icons .sub_icons_list {
	padding:0 5px;
}
.sub_icons span {
	padding:0 8px 0 0;
}
.sub_icons img {
	vertical-align:bottom;
}


/******
.jphotel_frame .jphotel_shoptext_s {
	border-bottom:1px dotted #999;
	margin:4px 0;
}
.jphotel_frame .jphotel_shoptext_s .shoptext_title {
	color:#036;
}
.jphotel_shoptext ul {
}
.jphotel_shoptext li {
	list-style-type:none;
	float:right;
	margin:0 4px 0 0;
	vertical-align:bottom;
}
******/


/********* 宿泊プラン *********/
.jphotel_frame .shop_plans {
	width:720px;
	margin:0 auto;
}
.shop_plans .shop_plans_title {
	width:720px;
	height:30px;
	background:url(../image/basic_layout_wide/shoplist/plan_title.jpg) no-repeat;
	text-indent:-9987px;
}
.shop_plans .shop_plans_table {
	width:700px;
	margin:5px auto;
}
.shop_plans_table th {
	vertical-align:middle;
	border-bottom:2px dotted #CCC;
	text-align:left;
}
.shop_plans_table td {
	vertical-align:middle;
	border-bottom:2px dotted #CCC;
}
.shop_plans_table .shop_plans_price {
	font-size:90%;
	color:#900;
}


/***
.shop_plans .shop_plans_image {
	width:180px;
	height:auto;
	float:left;
}
.shop_plans .shop_plans_text {
	width:540px;
	height:auto;
	float:right;
	background:url(../image/b2btoc/layout/shop_plans_text_back.jpg) repeat-y;
}
.shop_plans_text .shop_plans_name {
	padding:0 0 0 20px;
	margin:0 10px;
	background:url(../image/b2btoc/layout/plan_list_mark.jpg) no-repeat;
}
.shop_plans_text .shop_plans_name a:link {
	color:#0033FF;
}
.shop_plans_text .shop_plans_name a:visited {
	color:#0033FF;
}
.shop_plans_text .shop_plans_name a:hover {
	color:#829BFF;
}
.shop_plans_text .shop_plans_name a:active {
	color:#829BFF;
}

****/



/*********************************************************************************
空室検索
*********************************************************************************/
#search_frame {
	width:740px;
	margin:0 auto 10px auto;
}


/******************基本条件部分******************/
#search_frame #search_frame_main {
	width:735px;
	border:1px solid #CCC;
	background-color:#FAFAFA;
	text-align:left;
}

/*********検索項目*********/
#search_frame_main #search_frame_main_item {
	width:500px;
	float:left;
}
#search_frame_main_item .search_frame_main_item_box {
	margin:2px 10px;
}
.search_frame_main_item_box p {
	margin:0 10px 0 0;
	float:left;
}
#search_frame_main_item .search_item_title {
	font-size:90%;
	color:#069;
}

/*********検索リンク*********/
#search_frame_main #search_frame_main_condition {
	width:220px;
	float:right;
}
#search_frame_main_condition #search_button {
	width:90px;
	height:26px;
	text-indent:-9987px;
	border: 0;
	margin:5px;
	float:right;
	display:block;
}
#search_button_02 {
	width:130px;
	height:26px;
	text-indent:-9987px;
	border: 0;
	margin:5px;
	float:right;
	background:url(../image/b2btoc/layout/search/btn_search_02.jpg) no-repeat;
	display:block;
}

#search_frame_main_condition .more_info_btn {
	background:url(../image/b2btoc/layout/search/mark_02.jpg) no-repeat 0px 2px;
	padding:2px 0 2px 20px;
}
.more_info_btn a {
	color:#00F;
}
.more_info_btn a:visited {
	color:#00F;
}
.more_info_btn a:hover {
	color:#6868FF;
}

#search_frame_main_condition .close_info_btn {
	background:url(../image/b2btoc/layout/search/mark_03.jpg) no-repeat 0px 2px;
	padding:2px 0 2px 20px;
}
.close_info_btn a {
	color:#900;
}
.close_info_btn a:visited {
	color:#900;
}
.close_info_btn a:hover {
	color:#FF6060;
}


/************************************/


/******************追加条件部分******************/
#search_frame .search_frame_sub {
	width:735px;
	text-align:left;
}
.search_frame_sub .search_frame_sub_title {
	margin:10px 0 2px 0;
	padding:2px 6px;
	border:1px solid #CCC;
	background-color:#FDD677;
}
.search_frame_sub .search_frame_sub_box {
	padding:10px 0 5px 0;
	border:1px solid #CCC;
}
.search_frame_sub_box ul {
	float:left;
}
.search_frame_sub_box li {
	list-style-type:none;
	float:left;
}
.search_frame_sub_box input {
	margin:0 0 5px 20px;
}
.search_frame_sub_box label {
	float:left;
}


/************************************/


/*********************************************************************************
ツリー表示
*********************************************************************************/

/* レベル1 */
#jphotel_menu .nt_level1 {
   padding:0 0 0 2px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu .nt_level1 li {
   list-style-type:none;
}
#jphotel_menu .nt_level1 a:link {
   color:#0000FF;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level1 a:visited {
   color:#0000FF;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level1 a:hover {
   color:#0000FF;
   font-weight:bold;
   text-decoration:underline;
}


/* レベル2 */
#jphotel_menu .nt_level2 {
   padding:0 0 0 8px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu .nt_level2 li {
   list-style-type:none;
}
#jphotel_menu .nt_level2 a:link {
   color:#0000FF;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level2 a:visited {
   color:#0000FF;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level2 a:hover {
   color:#0000FF;
   font-weight:bold;
   text-decoration:underline;
}


/* レベル3 */
#jphotel_menu .nt_level3 {
   padding:0 0 0 12px;
   font-weight:bold;
   color:#009944;
   background-image:url(image/tree/listmark.gif);
   background-repeat:no-repeat;
}
#jphotel_menu .nt_level3 li {
   list-style-type:none;
}
#jphotel_menu .nt_level3 a:link {
   color:#000000;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level3 a:visited {
   color:#000000;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level3 a:hover {
   color:#0000FF;
   font-weight:bold;
   text-decoration:underline;
}


/* レベル4 */
#jphotel_menu .nt_level4 {
   padding:0 0 0 24px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu .nt_level4 li {
   list-style-type:none;
}
#jphotel_menu .nt_level4 a:link {
   color:#0066CC;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level4 a:visited {
   color:#800080;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level4 a:hover {
   color:#0066CC;
   font-weight:bold;
   text-decoration:underline;
}


/* レベル5 */
#jphotel_menu .nt_level5 {
   padding:0 0 0 32px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu .nt_level5 li {
   list-style-type:none;
}
#jphotel_menu .nt_level5 a:link {
   color:#0066CC;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level5 a:visited {
   color:#800080;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level5 a:hover {
   color:#0066CC;
   font-weight:bold;
   text-decoration:underline;
}

/* レベル6 */
#jphotel_menu .nt_level6 {
   padding:0 0 0 40px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu .nt_level6 li {
   list-style-type:none;
}
#jphotel_menu .nt_level6 a:link {
   color:#0066CC;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level6 a:visited {
   color:#800080;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level6 a:hover {
   color:#0066CC;
   font-weight:bold;
   text-decoration:underline;
}

/* レベル7 */
#jphotel_menu .nt_level7 {
   padding:0 0 0 48px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu .nt_level7 li {
   list-style-type:none;
}
#jphotel_menu .nt_level7 a:link {
   color:#0066CC;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level7 a:visited {
   color:#800080;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_level7 a:hover {
   color:#0066CC;
   font-weight:bold;
   text-decoration:underline;
}

/* カレント */
#jphotel_menu .nt_current {
   padding:4px 0px 4px 2px;
   font-weight:bold;
   color:#009944;
}
#jphotel_menu ul .nt_current {
   list-style-type:none;
}
#jphotel_menu .nt_current a:link {
   color:#0066CC;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_current a:visited {
   color:#0066CC;
   text-decoration:none;
   font-weight:100;
}
#jphotel_menu .nt_current a:hover {
   color:#0066CC;
   font-weight:bold;
   text-decoration:underline;
}


/*********************************************************************************
CMS部分　一覧へ戻るボタン
*********************************************************************************/
#jphotel_contents .link_back_list {
	float:right;
}
#jphotel_contents .link_back_list span {
	display:none;
}
#jphotel_contents .link_back_list a {
	display:block;
	width:105px;
	height:25px;
	background:url(../image/b2btoc/navi/link_back_list.jpg) no-repeat;
}
#jphotel_contents .link_back_list a:hover {
	width:105px;
	height:25px;
	background:url(../image/b2btoc/navi/link_back_list_f2.jpg) no-repeat;
}
