@charset "utf-8";

/*************************************************************
全国ホテルCMS　jphotel_layout用CSS
*************************************************************/

/**
*　common initialization
* 
* common Setting
*/

body {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:130%;
	background:url(../../image/b2btoc/layout/background.jpg) repeat-x;
	text-align:center;
}


#footer_navi {
	width:990px;
	height:auto;
	text-align:center;
	padding:5px;
}
#footer_navi ul {
	width:700px;
	margin:0 auto;
}
#footer_navi li {
	float:left;
	padding:0 16px 0 0;
	list-style-type:none;
	background:url(../../image/b2btoc/layout/footer_navi_mark.jpg) right no-repeat;
}


#b2btoc_footer {
	width:990px;
	height:auto;
	background:#242424;
}
#b2btoc_footer #footer_copyright {
	font-size:90%;
	color:#FFF;
	text-align:center;
	padding:5px 0 25px 0;
}



#jphotel_header {
	width:990px;
	height:84px;
	background:url(../../image/b2btoc/layout/header_back.jpg) no-repeat;
}
#jphotel_header h1,h3 {
	display:none;
}
#jphotel_header h2 {
	font-weight:100;
}
#jphotel_header #header_left {
	width:480px;
	float:left;
}
#jphotel_header #header_right {
	width:480px;
	float:right;
}
#header_left #header_description {
	font-size:100%;
	color:#FFF;
	padding:8px 0 0 8px;
}

#header_right ul {
	padding:2px 0 0 0;
}
#header_right li {
	list-style-type:none;
	float:left;
}
#header_right a {
	display:block;
}
#header_right span {
	display:none;
}


#header_right #link_other {
}
#link_other li {
	margin:0 10px 0 0;
}
#link_other li a {
}

/************ ヘッダー　「English Site」ボタン ************/
#link_other #english_btn {
	width:120px;
	height:18px;
	background:url(../../image/b2btoc/layout/english_btn.jpg) no-repeat;
}
#link_other #english_btn a {
	width:120px;
	height:18px;
	background:url(../../image/b2btoc/layout/english_btn.jpg) no-repeat;
}
#link_other #english_btn a:hover {
	background:url(../../image/b2btoc/layout/english_btn_f2.jpg) no-repeat;
}

/************ ヘッダー　「パスポート倶楽部」ボタン ************/
#link_other #member_btn {
	width:130px;
	height:18px;
	background:url(../../image/b2btoc/layout/member_btn.jpg) no-repeat;
}
#link_other #member_btn a {
	width:130px;
	height:18px;
	background:url(../../image/b2btoc/layout/member_btn.jpg) no-repeat;
}
#link_other #member_btn a:hover {
	background:url(../../image/b2btoc/layout/member_btn_f2.jpg) no-repeat;
}

/************ ヘッダー　「掲載申込み・お問合せ」ボタン ************/
#link_other #contact_btn {
	width:200px;
	height:43px;
	background:url(../../image/b2btoc/layout/contact_btn.jpg) no-repeat;
}
#link_other #contact_btn a {
	width:200px;
	height:43px;
	background:url(../../image/b2btoc/layout/contact_btn.jpg) no-repeat;
}
#link_other #contact_btn a:hover {
	background:url(../../image/b2btoc/layout/contact_btn_f2.jpg) no-repeat;
}


#header_right #link_head {
	width:330px;
	clear:both;
	padding:10px 0 0 0;
	float:right;
}
#link_head li {
	margin:0 2px 0 0;
	height:22px;
}
#link_head li a {
	height:22px;
}

#link_head #link_head_01 {
	width:80px;
	background:url(../../image/b2btoc/layout/head_navi_f3.jpg) no-repeat 0px 0px;
}
#link_head #link_head_02 {
	width:140px;
	background:url(../../image/b2btoc/layout/head_navi_f3.jpg) no-repeat -82px 0px;
}
#link_head #link_head_03 {
	width:140px;
	background:url(../../image/b2btoc/layout/head_navi_f3.jpg) no-repeat -224px 0px;
}
#link_head #link_head_04 {
	width:100px;
	background:url(../../image/b2btoc/layout/head_navi_f3.jpg) no-repeat -366px 0px;
}

#link_head #link_head_01 a {
	width:80px;
	background:url(../../image/b2btoc/layout/head_navi.jpg) no-repeat 0px 0px;
}
#link_head #link_head_02 a {
	width:140px;
	background:url(../../image/b2btoc/layout/head_navi.jpg) no-repeat -82px 0px;
}
#link_head #link_head_03 a {
	width:140px;
	background:url(../../image/b2btoc/layout/head_navi.jpg) no-repeat -224px 0px;
}
#link_head #link_head_04 a {
	width:100px;
	background:url(../../image/b2btoc/layout/head_navi.jpg) no-repeat -366px 0px;
}

#link_head #link_head_01 a:hover {
	background:url(../../image/b2btoc/layout/head_navi_f2.jpg) no-repeat 0px 0px;
}
#link_head #link_head_02 a:hover {
	background:url(../../image/b2btoc/layout/head_navi_f2.jpg) no-repeat -82px 0px;
}
#link_head #link_head_03 a:hover {
	background:url(../../image/b2btoc/layout/head_navi_f2.jpg) no-repeat -224px 0px;
}
#link_head #link_head_04 a:hover {
	background:url(../../image/b2btoc/layout/head_navi_f2.jpg) no-repeat -366px 0px;
}