@charset "Shift-JIS";

ul#navi{
	margin:15px 5px 35px;
}

/* 門司港・小倉 共通
------------------------------------- */
div.area h3{
	margin-bottom:30px;
}
div.article{
	width:550px;
	float:left;
}
div.article h4{
	margin:12px 0 5px;
}
div.text{
	margin:0 5px;
	line-height:1.7;
}
div.spot{
	width:280px;
	margin-bottom:10px;
	float:right;
	background-color:#f4f0ea;
}
div.spot dl{
	margin:10px;
	font-size:12px;
	line-height:1.5;
}
div.spot dt{
	margin-bottom:4px;
}
div.spot dd{
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px solid #a9b7a6;
}
div.spot dd.last{
	border:none;
}

div.column{
	margin:10px 5px 0;
}
div.column .clearfix{
	margin:15px 0 0 5px;
}
div.column .floatRight{
	width:268px;
	font-size:12px;
	line-height:1.5;
}

p.pagetop{
	text-align:right;
}


/* ギャラリー部分
------------------------------------- */
ul.photo{
	width:550px;
	height:681px;
	position:relative;
}
ul.photo li{
	position:absolute;
}

/* 門司港 */
div#mojiko{
	margin-bottom:45px;
}
div#mojiko ul.photo li.ph01{
	top:0;
	left:0;
}
div#mojiko ul.photo li.ph02{
	top:0;
	left:231px;
}
div#mojiko ul.photo li.ph03{
	top:0;
	left:391px;
}
div#mojiko ul.photo li.ph04{
	top:95px;
	left:231px;
}
div#mojiko ul.photo li.ph05{
	top:95px;
	left:391px;
}
div#mojiko ul.photo li.ph06{
	top:200px;
	left:231px;
}
div#mojiko ul.photo li.ph07{
	top:361px;
	left:0;
}
div#mojiko ul.photo li.ph08{
	top:566px;
	left:175px;
}
div#mojiko ul.photo li.ph09{
	top:477px;
	left:0;
}
div#mojiko ul.photo li.ph10{
	top:361px;
	left:175px;
}
div#mojiko ul.photo li.ph11{
	top:361px;
	left:350px;
}

/* 小倉 */
div#kokura{
	margin-bottom:15px;
}
div#kokura ul.photo li.ph01{
	top:0;
	left:0;
}
div#kokura ul.photo li.ph02{
	top:171px;
	left:0;
}
div#kokura ul.photo li.ph03{
	top:0;
	left:280px;
}
div#kokura ul.photo li.ph04{
	top:151px;
	left:280px;
}
div#kokura ul.photo li.ph05{
	top:151px;
	left:415px;
}
div#kokura ul.photo li.ph06{
	top:342px;
	left:0;
}
div#kokura ul.photo li.ph07{
	top:342px;
	left:217px;
}
div#kokura ul.photo li.ph08{
	top:342px;
	left:384px;
}
div#kokura ul.photo li.ph09{
	top:576px;
	left:217px;
}
div#kokura ul.photo li.ph10{
	top:576px;
	left:384px;
}
div#kokura ul.photo li.ph11{
	top:447px;
	left:217px;
}

/* トピックス
------------------------------------- */
div#topic{
	margin:0 5px 35px;
}
div#topic div.section{
	background-color:#c5baaa;
	padding-bottom:15px;
}
div#topic div.event{
	width:541px;
	float:left;
}
div#topic div.event p{
	margin:0 32px 8px;
	font-size:12px;
	line-height:1.6;
}
div#topic div.info{
	width:305px;
	float:right;
}
div#topic div.map{
	width:290px;
	margin-top:15px;
	background-color:#f4f0ea;
}
div#topic div.map div.top{
	background:url(../images/topic_bg_top.gif) no-repeat left top;
}
div#topic div.map div.bottom{
	background:url(../images/topic_bg_bottom.gif) no-repeat left bottom;
	padding:12px;
}
div#topic dl{
	font-size:12px;
	line-height:1.3;
}
div#topic dt{
	margin-top:3px;
	color:#990000;
}

div#guide{
	margin:0 5px 15px;
	background:url(../images/guide_bg.gif) no-repeat left bottom;
}
div#guide ul{
	margin-left:12px;
	padding:5px 0 12px;
}
div#guide li{
	float:left;
	margin-right:4px;
}

div#topic img,
div#guide img{
	vertical-align:top;
}

p.note{
	margin-left:10px;
	line-height:1.3;
	font-size:12px;
}