@charset "utf-8";
/* CSS Document */

#headerBukkenMenu{
	border-bottom:solid 2px #CC6600;
}

#headerBukkenMenu #bukkenCatchcopy{
	padding:3px 3px 3px 5px;
	font-size:20px;
	font-weight:bold;
	color:#993300;
}

#headerBukkenMenu #bukkenTitle{
	padding:3px 3px 3px 5px;
	width:320px;
}

#headerBukkenMenu #bukkenIcon{
	float:left;
	padding:3px;
	margin:0 3px 5px 0;
	font-size:14px;
	font-weight:bold;
	background-color:#993300;
	color:#FFFFFF;
}

#headerBukkenMenu #bukkenArea{
	padding:3px 0 0 5px;
	font-size:14px;
}

#headerBukkenMenu #navi{
	margin-top:-23px;
	padding-left:330px;
}

#headerBukkenMenu ul{
	height:23px;
}

#headerBukkenMenu li{
	float:left;
	height:23px;
	overflow:hidden;
	text-align:center;
	list-style:none;
	width:110px;
}

#headerBukkenMenu li a{
	background-image:url(../img/share/subnavibtn.jpg);
	display:block;
	color:#333333;
	padding:5px;
}

#headerBukkenMenu li a:hover{
	background-image:url(../img/share/subnavibtn_ro.jpg);
	color:#ffffff;
}

.section1 #headerBukkenMenu #navi #bukkenMenu01 a{
	background-image:url(../img/share/subnavibtn_ro.jpg);
	color:#ffffff;
}

.section2 #headerBukkenMenu #navi #bukkenMenu02 a{
	background-image:url(../img/share/subnavibtn_ro.jpg);
	color:#ffffff;
}

.section3 #headerBukkenMenu #navi #bukkenMenu03 a{
	background-image:url(../img/share/subnavibtn_ro.jpg);
	color:#ffffff;
}

.section4 #headerBukkenMenu #navi #bukkenMenu04 a{
	background-image:url(../img/share/subnavibtn_ro.jpg);
	color:#ffffff;
}

.section5 #headerBukkenMenu #navi #bukkenMenu05 a{
	background-image:url(../img/share/subnavibtn_ro.jpg);
	color:#ffffff;
}

/*
<div id="headerBukkenMenu">
	<div id="bukkenCatchcopy"><MTExtraFields><$MTExtraFieldValue field="catchcopy"></MTExtraFields></div>
	<div id="bukkenTitle">
		<div id="bukkenIcon"><MTCategoryLabel></div>
		<div id="bukkenArea">沖縄県<MTExtraFields><$MTExtraFieldValue field="address1"></MTExtraFields>の物件情報</div>
	</div>
	<ul>
	  <li id="bukkenMenu01"><a href="<$MTEntryID pad="1"$>_1.html">基本情報</a></li>
	  <li id="bukkenMenu02"><a href="<$MTEntryID pad="1"$>_2.html">詳細情報</a></li>
	  <li id="bukkenMenu03"><a href="<$MTEntryID pad="1"$>_3.html">観光MAP</a></li>
	  <li id="bukkenMenu04"><a href="<$MTEntryID pad="1"$>_4.html">コメント/口コミ</a></li>
	  <li id="bukkenMenu05"><a href="<$MTEntryID pad="1"$>_5.html">資料請求</a></li>
	  <div class="cir"></div>
	</ul>
</div>
*/