@charset "utf-8";

/*************************************************************
BECトラベルCMS　layout用CSS
*************************************************************/


#header {
	width:960px;
	margin:0 auto;
}

#header_navi {
	width:960px;
	margin:0 auto 10px auto;
}
#header_navi ul {
	width:960px;
	height:47px;
}
#header_navi li {
	list-style-type:none;
	height:47px;
	float:left;
}
#header_navi li a {
	height:47px;
	display:block;
}
#header_navi li span {
	display:none;
}
#header_navi #header_navi01 {
	width:94px;
	background:url(../../image/bec/navi.jpg) no-repeat 0px 0px;
}
#header_navi #header_navi02 {
	width:161px;
	background:url(../../image/bec/navi.jpg) no-repeat -94px 0px;
}
#header_navi #header_navi03 {
	width:178px;
	background:url(../../image/bec/navi.jpg) no-repeat -255px 0px;
}
#header_navi #header_navi04 {
	width:167px;
	background:url(../../image/bec/navi_f2.jpg) no-repeat -433px 0px;
}
#header_navi #header_navi05 {
	width:149px;
	background:url(../../image/bec/navi.jpg) no-repeat -600px 0px;
}
#header_navi #header_navi06 {
	width:110px;
	background:url(../../image/bec/navi.jpg) no-repeat -749px 0px;
}
#header_navi #header_navi07 {
	width:101px;
	background:url(../../image/bec/navi.jpg) no-repeat -859px 0px;
}

#header_navi #header_navi04 a {
	width:167px;
	background:url(../../image/bec/navi.jpg) no-repeat -433px 0px;
}

#header_navi #header_navi01 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat 0px 0px;
}
#header_navi #header_navi02 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat -94px 0px;
}
#header_navi #header_navi03 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat -255px 0px;
}
#header_navi #header_navi04 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat -433px 0px;
}
#header_navi #header_navi05 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat -600px 0px;
}
#header_navi #header_navi06 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat -749px 0px;
}
#header_navi #header_navi07 a:hover {
	background:url(../../image/bec/navi_f2.jpg) no-repeat -859px 0px;
}




/***************************空室検索*****************************/
#search_box {
	width:200px;
	background:url(../../image/bec/search_box_back.jpg) repeat-y;
	text-align:center;
}
#search_box .search_item {
	padding:4px 10px;
	text-align:left;
	margin:0 1px;
}
.search_item_title {
}

#search_box .back_color {
	background-color:#FCEED3;
}

#search_box ul {
	margin:5px;
}
#search_box li {
	list-style-type:none;
	margin:0 0 2px 0;
	padding:2px 0;
	border-bottom:1px dashed #CCC;
	font-size:90%;
}

.open_btn a {
	background:url(../../image/bec/mark_02.jpg) no-repeat;
	padding:0 0 0 20px;
}
.open_btn a:hover {
	background:url(../../image/bec/mark_02.jpg) no-repeat;
	padding:0 0 0 20px;
	color:#900;
	text-decoration:none;
}

.close_btn a {
	background:url(../../image/bec/mark_03.jpg) no-repeat;
	padding:0 0 0 20px;
	color:#900;
	text-decoration:none;
}
.close_btn a:hover {
	background:url(../../image/bec/mark_03.jpg) no-repeat;
	padding:0 0 0 20px;
	text-decoration:underline;
	color:#06C;
}



/**************** base 上書き *****************/
#search_button {
	margin:4px 0;
}

/**************** base 追加 *****************/
#jphotel_main iframe {
	margin:0 auto;
}




/**************** エリアナビゲーション *****************/

#sub_navi {
	width:940px;
	height:62px;
	margin:10px auto 0 auto;
	background:url(../../image/bec/sub_navi_back.jpg) no-repeat;
	overflow:hidden;
	color:#C30;
	font-weight:bold;
}
#sub_navi a:link {
	text-decoration:none;
	color:#069;
	font-weight:normal;
}
#sub_navi a:visited {
	text-decoration:none;
	color:#069;
	font-weight:normal;
}
#sub_navi a:hover {
	text-decoration:underline;
	color:#F60;
	font-weight:normal;
}
#sub_navi a:active {
	text-decoration:underline;
	color:#F60;
	font-weight:normal;
}

#sub_navi li {
	list-style-type:none;
}

#sub_navi #sub_navi_left {
	width:100px;
	float:left;
	margin:6px 0 0 0;
}
#sub_navi #sub_navi_right {
	width:780px;
	float:right;
	text-align:left;
}

#sub_navi_right #sub_navi_main {
	margin:10px 0 0 0;
}
#sub_navi_right #sub_navi_main li {
	float:left;
	margin:0 20px 0 0;
}

#sub_navi_right #sub_navi_sub {
	margin:10px 0 0 0;
}
#sub_navi_right #sub_navi_sub li {
	float:left;
	margin:0 20px 0 0;
}


/**************** 施設リスト：オフィシャルサイトへのリンク *****************/
.offical_link {
	font-size:80%;
	color:#666;
}
.offical_link img {
	vertical-align:bottom;
}



/*************************** 加盟ホテル一覧 *****************************/
#bec_htel_list {
}
#bec_htel_list #bec_htel_list_title {
	margin:10px 0 0 0;
	background:url(../../image/bec/hotel_list_title_back.jpg) repeat-x;
}
#bec_htel_list_title p {
	padding:10px;
	font-size:120%;
	font-weight:bold;
}

#bec_htel_list #bec_htel_area {
}
#bec_htel_list #bec_htel_area_details {
}
#bec_htel_list .bec_htel_list_table {
	width:100%;
	margin:30px 0;
	border-top:1px solid #BABABA;
	border-right:1px solid #BABABA;
}
.bec_htel_list_table th {
	vertical-align:top;
	border-bottom:1px solid #BABABA;
	border-left:1px solid #BABABA;
}
.bec_htel_list_table .area_title_big {
	padding:6px;
	font-size:120%;
	text-align:left;
	background-color:#FCF3CD;
}
.bec_htel_list_table .area_title_small {
	width:10%;
	padding:5px;
	background-color:#F8F5EF;
}
.bec_htel_list_table td {
	width:90%;
	padding:5px;
	border-bottom:1px solid #BABABA;
	border-left:1px solid #BABABA;
}
#bec_htel_list ul {
}
#bec_htel_list ul li {
	list-style-type:none;
	float:left;
}




/*************************** Footer *****************************/
.footer {
	background:url(../../image/bec/footer.gif) no-repeat;
	background-position:top left;
	height: 91px;
	width: 960px;
	margin:0 auto;
    padding-top:25px;
    text-align:center;
	clear:both;
}
.footertext {
	font-size:10px;
    color: #707070;
	text-align:center;
}
address#footercopy {
	font-family:Verdana;
	font-size:10px;
	font-style:normal;
	margin-top: 10px;
	color:#9d9d9d;
}
.footer a:link {
	color: #707070;
	text-decoration: none;
}

.footer a:visited {
	color: #707070;
	text-decoration: none;
}

.footer a:hover {
	color: #707070;
	text-decoration: underline;
}

.footer a:active {
	color:#707070;
	text-decoration:none;
}
p.footerWord {
	padding-bottom:10px;
}
