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



/* 共通 */

*{
margin: 0px;
padding: 0px;
border:none;
}
html {
	overflow-y:scroll;	
}


body {
	font:normal 0.9em "ＭＳ Ｐゴシック", "Osaka－等幅", sans-serif;
	background-image: url(../sozai/kokuraori.jpg);
	background-repeat: repeat;
}

/* リンク */
a:visited{color: #369;}
a:hover {color: #696;}
a{color: #F60;}


/*テキスト・フォント*/

.point01{
	font-weight: bold;
	color: #C00;
	font-size: 1em;
}
.point02{
	font-weight: bold;
	color: #36F;
	font-size: 1em;
}
.txst_s{
	font-size: 0.85em;
}
.txst_s_r{
	color: #800000;
	font-size: 0.85em;
}



/*見出し*/

h1 {margin: 0px 0px 0px 0px; color: #333; font-size: 0.95em;}
h2 {margin: 0px 0px 20px 0px; color: #990000; font-size: 0.95em;}
h3 {margin: 0px 0px 0px 0px; color: #333; font-size: 0.98em;}
h4 {margin: 0px 0px 0px 0px; color: #333; font-size: 1em;}


/*リスト*/
ul{list-style-type: none;}
li{line-height: 1.5em;}

#navigation ul{
	margin-bottom: 10px;
	list-style-image: url(../sozai/icom.png);
	list-style-position: inside;
}



/*クリア*/
.clea {clear: both; float: none;}

.clearfix:after {
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}


/*ボーダー*/
.bo_da {
	border: 1px solid #666;
}


	/* マージン */
.mrg05b{ margin-bottom: 5px;}
.mrg10b{ margin-bottom: 10px;}
.mrg15b{ margin-bottom: 15px;}
.mrg20b{ margin-bottom: 20px;}
.mrg25b{ margin-bottom: 25px;}
.mrg30b{ margin-bottom: 30px;}

.mrg05t{ margin-top: 5px;}
.mrg10t{ margin-top: 10px;}
.mrg15t{ margin-top: 15px;}
.mrg20t{ margin-top: 20px;}
.mrg25t{ margin-top: 25px;}
.mrg30t{ margin-top: 30px;}

.mrg0{ margin: 0px;}
.mrg05{ margin: 5px 0px;}
.mrg10{ margin: 10px 0px;}
.mrg15{ margin: 15px 0px;}
.mrg20{ margin: 20px 0px;}
.mrg25{ margin: 25px 0px;}
.mrg30{ margin: 30px 0px;}

.mrg5l{ margin-left: 5px;}
.mrg12r{ margin-right: 12px;}
.mrg10r{ margin-right: 10px;}

.mrg10l{
	margin-left: 10px;
	background-color: #999;
}
.img_r{
	margin-right: 30px;
	float: right;
}

/*ここから各領域*/



#wrap {
	width: 930px;
	text-align: left;/*IE5対策*/
	height: 100%;
	border: 1px solid #666666;
	margin: auto;
	letter-spacing: 0.1em;
	line-height: 1.6;
	padding: 0px;
	clear: both;
	background-color: #FFF;
}




/*へッダ*/
#header {
	height: 130px;
	width: 915px;
	margin: 0px 0px 0px 15px;
	background-color: #FFF;
	background-image: url(../sozai/head_bg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}
#e_header {
	height: 148px;
	width: 915px;
	margin: 0px 0px 0px 15px;
	background-color: #FFF;
	background-image: url(../sozai/e_head_bg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}
#header #logo{
	width: 438px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#e_header #e_logo{
	width: 408px;
	height: 148px;
	margin: 0px;
	padding: 0px;
	float: left;
}



/*へッダ右ボタン*/
#header #header_menu{
	width: 172px;
	height: 100px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#e_header #e_header_menu{
	width: 268px;
	height: 112px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#header_menu ul{ list-style-type: none;}
#header_menu li{ margin: 0px; padding: 0px; display: inline;}



/*メニュー*/
#navigation {
	width: 915px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;

}


#navigation ul{ list-style-type: none; width: 915px;}
#navigation ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}
/*メニュー英語ページ*/

#e_navigation01 {
	width: 915px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#e_navigation01 ul{ list-style-type: none; width: 915px;}
#e_navigation01 ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#e_navigation02 {
	width: 915px;
	height: 44px;
	margin: 0px 0px 10px;
	padding: 0px;
	position: absolute;
	top: 191px;
}

#e_navigation02 ul{ list-style-type: none; width: 915px;}
#e_navigation02 ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

/*フッター*/
#footer {
	height: 50px;
	width: 930px;
	text-align:center;
	background-image: url(../sozai/index/footer_bg.png);
	background-repeat: repeat-x;
	font-size: 0.8em;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}
address {
	font-style: normal;
	color: #666;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

#footer p {
	font-style: normal;
	color: #666;
	text-align: center;
	margin: 0px 0px 0px 0px;
}	


/*ここから各ページ*/

/*共通*/


#contents {
	width: 900px;
	background: #FFFFFF;
	margin: 10px 0px 10px 15px;
	height: auto;
}

/*IE7用*/
*:first-child+html #contents {
	width: 900px;
	background: #FFFFFF;
	margin: 80px 0px 10px 15px;
	height: auto;
}

#e_contents {
	width: 900px;
	background: #FFFFFF;
	margin: 57px 0px 10px 15px;
	height: auto;
}
/*IE7用*/
*:first-child+html #e_contents {
	width: 900px;
	background: #FFFFFF;
	margin: 90px 0px 10px 15px;
	height: auto;
}

.box820 { width: 820px; margin: 0 auto; background: #ffffff; text-align: left;}


.box930 {
	width: 930px;
	height: 556px;
	margin: 0px;
	background-image: url(../sozai/index/top_bg.png);
}

.box800s {
	width: 800px;
	margin: 50px 0px 50px 0px;
	text-align: left;
	position:relative;
	background-color: #ffffff;
	background-image: url(../sozai/comtents_bg.png);
	background-repeat: repeat-y;
}

.box800s p{text-indent: 10px; letter-spacing: 0.1em; line-height: 1.6;}

/*トップページ*/


#top_navigation {
	width: 915px;
	height: 80px;
	margin: 0px 0px 0px 15px;
	padding: 0px;

}
#e_top_navigation {
	width: 915px;
	height: 87px;
	margin: 10px 0px 0px 15px;
	padding: 0px;

}


#top_navigation ul{ list-style-type: none; width: 915px;}
#top_navigation ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#e_navigation03 {
	width: 915px;
	height: 44px;
	margin: 0px 0px 10px;
	padding: 0px;
	position: absolute;
	top: 679px;
}
#e_navigation03 ul{ list-style-type: none; width: 915px;}
#e_navigation03 ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}


#top_header {
	height: 70px;
	width: 930px;
	padding: 0px;
	background-image: url(../sozai/index/haed_bg.jpg);

}

#top_header h1 {
	margin: 0px 0px 0px 20px;
	color: #333;
	font-size: 0.98em;
	float: left;
	display: inline;
	width: 50px;
}

#index_banner {
	width: 580px;
	height: 50px;
	padding: 0px;
	float: right;
	margin: 7px 0px 0px;
}
#e_index_banner {
	width: 450px;
	height: 50px;
	padding: 0px;
	float: right;
	margin: 7px 0px 0px;
}

#index_banner ul{ list-style-type: none; width: 580px;}
#e_index_banner ul{ list-style-type: none; width: 450px;}

#index_banner ul li{
	float: left;
	margin: 0px 3px 0px 3px;
	padding: 0px;
	display: inline;
}
#e_index_banner ul li{
	float: left;
	margin: 0px 3px 0px 3px;
	padding: 0px;
	display: inline;
}

#top_img {
	height: 500px;
	width: 898px;
	padding: 0px;
	margin: 0 auto;	
}

#top_footer {
	height: 50px;
	width: 930px;
	text-align:center;
	background-image: url(../sozai/index/footer_bg.jpg);
	background-repeat: repeat-x;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#e_top_footer {
	height: 60px;
	width: 930px;
	text-align:center;
	background-image: url(../sozai/index/e_footer_bg.jpg);
	background-repeat: repeat-x;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#top_footer address {
	font-style: normal;
	color: #666;
	text-align: center;
	margin: 0px 0px 5px 0px;
}

#top_footer p {
	font-style: normal;
	color: #666;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

#e_top_footer address {
	font-style: normal;
	color: #666;
	text-align: center;
	margin: 0px 0px 5px 0px;
}

#e_top_footer p {
	font-style: normal;
	color: #666;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

/*歴史*/
.box760{ width: 760px; margin: 20px 20px 0px 20px; padding: 5px;}
.box_left350{ width: 350px; background: #FFFFFF; margin: 10px 0px 10px 10px; float: left;}
.box_left350txt{
	width: 350px;
	margin: 10px 0px 10px 20px;
	float: left;
	padding: 5px;
}
/*.box800n {
	width: 800px;
	margin: 0px 0px 40px 0px;
	background: #ffffff;
	text-align: left;
	border: 1px solid #999;
}*/
.box800s_r{
	width: 800px;
	margin: 20px 0px 50px 0px;
	text-align: left;
	background-color: #ffffff;
	background-image: url(../sozai/comtents_bg.png);
	background-repeat: repeat-y;
	position:relative;
}
.box800s_r p{text-indent: 10px; letter-spacing: 0.1em; line-height: 1.6;}


.box800s table tr td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-bottom-style: none;
	border-top-color: #999;
	border-right-color: #CCC;
	border-bottom-color: #999;
	border-left-color: #CCC;
	padding: 10px;
	border-right-style: solid;
	border-left-style: none;
	margin-bottom: 30px;
}
.txstcentert{
	text-align: center;
	background-color: #9CF;
}
.txstcenter{
	text-align: center;
}

.box800s table {
	width: 650px;
	margin: 0px auto;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #CCC;	
}

.tabl100{width: 100px;}
.tabl450{width: 450px;}



/*小倉城周辺のパノラマ*/


h2.stitel_h2{
    width:230px;
    background-color:#fff;
    margin:10px 0px 20px 0px;
    margin-top:-30px;
    position:relative;
}

.box_left300{ width: 300px; margin: 20px 20px 10px 40px; float: left;}
.box_left300mno{ width: 300px; margin: 20px 0px 10px 40px; float: left;}
.box_right300{ width: 300px; margin: 20px 20px 10px 20px; float: right;}
.box_left300txt{ width: 300px; margin: 20px 20px 10px 20px; float: left;}
.box_740txt{ width: 740px; margin: 10px 10px 10px 40px;}

.mrg25l{ margin-left: 25px;}
.mrg20imgl{ margin-left: 20px;}

/*城内の案内とアクセス・料金共通*/

div.annnai{
	margin: 50px 0px 40px 0px;
	width:800px;
	background-color:#FFFFFF;
	position:relative;
	background-image: url(../sozai/comtents_bg.png);
	background-repeat: repeat-y;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
h2.titel_h2{
    width:590px;
    background-color:#fff;
    margin:10px 0px 10px 0px;
    margin-top:-20px;
    position:relative;
}
h3.textcontents{
    padding:0px 1em;
    text-align:left;
	margin:0px 0px 0px 0px;
}

.box_left700{ width: 700px; margin: 10px 0px 20px 20px; float: left;}

.mrg200l{
	margin-left: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mrg150l{
	margin-left: 150px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #666;
}


/*城内の案内*/

.box_left300a{ width: 300px; margin: 20px 20px 10px 20px; float: left;}
.box_800a{
	width: 800px;
	margin: 10px 0px 30px 0px;
	border: 1px solid #69F;
	padding: 10px;
}

dt{
	font-size: 1em;
	font-weight: bold;
	color: #C60;
}

.img_lmr10{
	margin-right: 10px;
	float: left;
}

/*.box_800a p{
	float: right;
}*/

/*料金・アクセス*/


.box_left300a{ width: 300px; margin: 20px 20px 10px 20px; float: left;}
.box_800a{
	width: 780px;
	margin: 10px 0px 30px 0px;
	border: 1px solid #69F;
	padding: 10px;
}

dt{
	font-size: 1em;
	font-weight: bold;
	color: #C60;
}

.box_left700 ul{
	list-style-image: url(../../access/img/access_list.gif);
	list-style-position: inside;
}

.box_left700 ul ul{
	list-style-image: none;
	list-style-type: none;
}

.box_left700 dd{
	text-indent: 15px;
}
.box_left700 h3{
	color: #06C;
	margin: 30px 0px 0px;
}

/*新着情報*/



.box_750news{
	width: 750px;
	margin: 20px auto 10px 30px;
	float: left;
}

.box_700news{ width: 700px; margin: 10px 10px 10px 30px;}
.box_150news{ width: 150px; margin: 10px 10px 10px 0px; float: left;}
.box_450news{ width: 450px; margin: 10px 0px 10px 0px; float: left;}

/*予定表*/

.box_700gyouji{ width: 700px; margin: auto 0px;}

.box_600gyouji{ width: 600px; margin: 	margin: auto 0px;}

.box800_yotei {
	width: 800px;
	margin: 50px 0px 50px 0px;
	text-align: left;
	position:relative;
	background-color: #ffffff;
}
.e_box820_yotei {
	width: 820px;
	margin: 50px auto;
	text-align: left;
	position:relative;
	background-color: #ffffff;
}
/*.box820 { width: 820px; margin: 0 auto; background: #ffffff; text-align: left;}*/

.e_box820_yotei table tr td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-bottom-style: none;
	border-top-color: #999;
	border-right-color: #CCC;
	border-bottom-color: #999;
	border-left-color: #CCC;
	padding: 10px;
	border-right-style: solid;
	border-left-style: none;
	margin-bottom: 30px;
}

.txstcenter{
	text-align: center;
}

.txstcenterb{
	text-align: center;
	background-color: #9CC;
	font-weight: bold;
}

.e_box820_yotei table {
	width: 700px;
	margin: 0px auto;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #CCC;	
}

.tabl100{width: 100px;}
.tabl300{width: 300px;}