@charset "UTF-8";
/*==================================================================
	 common setting
===================================================================*/
body {
	background:url(/img/honolulu/bg_body.jpg) no-repeat 50% 0 #E7DFCE;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:150%;
}
.section {
	margin:0 0 25px 0;
}
.inner {
	padding:0 20px;
}
a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/*==================================================================
	 header
===================================================================*/
#header {
	position:relative;
	width:970px;
	height:180px;
	margin:0 auto;
	background:url(/img/honolulu/bg_header.jpg) no-repeat 0 0;
}
#furutaBtn {
	display:block;
	position:absolute;
	top:50px;
	left:30px;
}
#honoluluDetail {
	display:block;
	position:absolute;
	top:140px;
	right:30px;
}
#headerCount{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	position:absolute;
	top:160px;
	left:30px;
}
	
/*==================================================================
	 contents 
===================================================================*/
#contents {
	width:970px;
	margin:0 auto;
	background:url(/img/honolulu/bg_contents.gif) repeat-y 0 0;
	position:relative;
	padding:0 0 20px 0;
}
#keyV {
	text-indent:-5000px;
	height:220px;
	background:url(/img/honolulu/bg_keyv.jpg) no-repeat 0 0;
}
#CountSection {
	background:url(/img/honolulu/bg_count.jpg) no-repeat 0 0;
	position:relative;
	height:120px;
	margin:0 0 10px 0;
}
#sanka {
	font-family:"メイリオ", Meiryo, Osaka,;
	text-align:center;
	width:400px;
	top:360px;
	left:30px;
	font-size:10px;
	font-weight:bold;ｆ
}
#mokuhyoTitle {
	top:67px;
	left:119px;
	position:absolute;
}
#kifuMoney {
	top:67px;
	left:425px;
	position:absolute;
}
#sankaNinzu {
	top:67px;
	left:730px;
	position:absolute;
}
#mokuhyoTitle span.count, #kifuMoney span.count, #sankaNinzu span.count {
	font-weight:bold;
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C00;
	font-size:30px;
	display:block;
	text-align:center;
	white-space: nowrap;
	_padding:2px 0 4px;
	;
}
#mokuhyoTitle span.mini, #kifuMoney span.mini, #sankaNinzu span.mini {
	font-size:12px;
	color:#333;
	padding:0 0 0 5px;
	
}

/*btnSection*/
#btnSection {
	width:670px;
	margin:0 auto 10px auto;
	
}
#btnSection li{
	display:inline;
	padding:0 10px 0 0;
}

/*furutaCharrange*/

#furutaCharrange{
	padding:0 30px;
	margin:0 0 15px 0;
}
#furutaCharrange h2{
	background:url(/img/honolulu/h_furuta.gif) no-repeat 0 0;
	height:40px;
	text-indent:-5000px;
	margin:0 0 15px 0;
}
#furutaCharrange .leftBox{
	width:420px;
}
#furutaCharrange .rightBox{
	width:480px;
}
#furutaCharrange .rightBox h3{
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:14px;
}
#furutaCharrange .rightBox p.mini{
	font-size:11px;
	padding:10px;
	background:#f5f5f5;
}

/*CharrangerBox*/

#CharrangerBox{
	padding:0 30px;
	margin:0 0 15px 0;
}
#CharrangerBox h2{
	background:url(/img/honolulu/h_honoruru.gif) no-repeat 0 0;
	height:40px;
	text-indent:-5000px;
	margin:0 0 5px 0;
}
#CharrangerBox th ,
#CharrangerBox td{
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding:10px 10px 5px 0;
}
#CharrangerBox th {
text-align:center;
}



/*==================================================================
	5: footer
===================================================================*/

#footer {
	background:url(/img/common/bg_footer.jpg) repeat-x 0 0;
	
}
#footerIn {
	width:930px;
	height:100px;
	position:relative;
	text-align:center;
	padding:20px 0 0 0;
	margin:0 auto 0 auto;
}
#footer #totop {
	position:absolute;
	top:0;
	right:0;
}
#reccomendSection th a:hover img, #footer #totop a:hover img, #sumList ul li a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#footer table {
	width:740px;
	margin:0 auto;
}
#footer table th {
	text-align:right;
	vertical-align:top;
	padding:15px 10px 0 0;
}
#footer table td {
	text-align:left;
	vertical-align:top;
	padding:15px 0 0;
	font-size:10px;
}
/*==================================================================
	7: hacks setting
===================================================================*/
#contents:after, #header ul:after, #main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents, #header ul, #main {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #contents, * html #header ul, * html #main {
	height: 1%;
}
#contents, #header ul, #main {
	display: block;
}