@charset "UTF-8";

/*=============================================
全体構造
=============================================*/

/* safari only \*/  
html:first-child div {  
	margin: 0 0 0 18px;  
}

*{
	padding:0;
	margin:0 auto;
	/*font-size:13px;*/
	line-height:1.3em;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

a{
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;	
	color:#F06;
}



br.clear{
	clear:both;
}

hr{
	color:#993;
}

img {
	border:none;
	
	}
b{
	color:#F06;
	font-size:13px;
	font-weight:bold;
}

body{
	margin:0 auto;
	background-color:#FFF;
}

#container{
	margin:0 auto;
	width:940px;
	background-color:#9F9;
	background:url(../img/bg.jpg) repeat-y;
}

#containerBox{
	margin:0 auto;
	width:860px;
	/*height:1000px;
	background:#FF9;*/
}

#header{
	position:relative;
	top:20px;
	width:860px;
	height:70px;
}

p#pan{
	margin:10px 0 5px 0;
	font-size:12px;	
}

#leftArea{
	float:left;
	width:615px;
}

#rightArea{
	float:right;
	width:230px;
	height:520px;
}


#jsArea{
	float:left;
	width:615px;
	height:300px;
}

#wmArea{
	position:relative;
	float:left;
	margin-top:20px;
	width:615px;
}


/*=============================================
　header
=============================================*/

h1{
	position:absolute;
	top:0;
	left:0;
	width:340px;
	height:50px;
	background:url(../img/nassenavi_kita_rogo.jpg) no-repeat;
	text-indent:-1000em;
	background-image: url(../img/nassenavi_kita_rogo.jpg);
}

p#rss a{
	position:absolute;
	top:10px;
	left:800px;
	width:51px;
	height:20px;
	background:url(../img/icon_RSS.jpg) no-repeat;
}

/*----------nasse 北九州ver.----------*/
p#topbanner a{
	position:absolute;
	top:0px;
	right:0px;
	width:230px;
	height:80px;
	background:url(../img/nasse_blog_banner.jpg) no-repeat;
}
/*----------nasse 北九州ver.----------*/

#infoA{
	position:absolute;
	top:5px;
	left:400px;
	width: 195px;
}

#infoB{
	position:absolute;
	top:30px;
	left:400px;
	width: 146px;
}

p#icon{
	float:left;
}

h2{
	margin:5px 0 0 10px;
	font-size:12px;
	font-weight:normal;
}



/*=============================================
　ウェブマガジン
=============================================*/

h3{
	width:615px;
	height:50px;
	text-indent:-1000em;
	background:url(../img/title_WM.jpg) no-repeat;
}

h4{
	font-size:10px;
	font-weight:normal;
}

h5{
	position:absolute;
	top:215px;
	left:0;
	width:615px;
	text-align:right;
}
	

p.book1 a{
	position:absolute;
	top:60px;
	left:0;
	width:88px;
	height:120px;
	background:url(../img/book/book1.jpg);
}
	
p.book2 a{
	position:absolute;
	top:60px;
	left:104px;
	width:88px;
	height:120px;
	background:url(../img/book/book2.jpg);

}

p.book3 a{
	position:absolute;
	top:60px;
	left:208px;
	width:88px;
	height:120px;
	background:url(../img/book/book3.jpg);

}

p.book4 a{
	position:absolute;
	top:60px;
	left:312px;
	width:88px;
	height:120px;
	background:url(../img/book/book4.jpg);

}

p.book5 a{
	position:absolute;
	top:60px;
	left:416px;
	width:88px;
	height:120px;
	background:url(../img/book/book5.jpg);

}

p.book6 a{
	position:absolute;
	top:60px;
	left:520px;
	width:88px;
	height:120px;
	background:url(../img/book/book6.jpg);

}

h4.title1{
	position:absolute;
	top:190px;
	left:3px;
	width: 86px;
}

h4.title2{
	position:absolute;
	top:190px;
	left:110px;
	width: 79px;
}

h4.title3{
	position:absolute;
	top:190px;
	left:208px;
	width: 80px;
}

h4.title4{
	position:absolute;
	top:190px;
	left:323px;
	width: 82px;
}

h4.title5{
	position:absolute;
	top:190px;
	left:420px;
}

h4.title6{
	position:absolute;
	top:190px;
	left:520px;
}



/*=============================================
　右側
=============================================*/

#boxA{
	position:relative;
	float:left;
	width:230px;
	height:150px;			/*--nasse 北九州ver.--*/
/*
	height:145px;
*/
	/*background:#F6C;*/
}

/*----------nasse 北九州では未使用----------*/
#boxB{
	position:relative;	
	float:left;
	margin-top:10px;
	width:230px;
	height:145px;
	/*background:#99C;*/
}
/*----------nasse 北九州では未使用----------*/

#boxC{
	position:relative;	
	float:left;
	margin-top:40px;	
	width:230px;
}

p.titleIcon{
	position:absolute;
	top:1px;
	left:0;
	width:10px;
	height:14px;
	background:url(../img/icon_PNK.jpg) no-repeat;
}

h6{
	position:absolute;
	top:0;
	left:15px;
	width:215px;
	font-size:12px;
	font-weight:normal;
}

p.text{
	position:absolute;
	top:20px;
	left:0;
	font-size:11px;
	line-height:1em;
	width: 229px;
}

.boxAimg a{
	position:absolute;
	top:45px;
	left:0;
	width:230px;
	height:100px;
	/*background:url(../img/banner/emorietegan.jpg);
	background-repeat:no-repeat;*/
}

.boxBimg a{
	position:absolute;
	top:45px;
	left:0;
	width:230px;
	height:100px;
	background:url(../img/banner/geebee2.jpg) ;
	background-repeat:no-repeat;
}

.boxCimg a{
	position:absolute; 
	top:45px;
	left:0;
	width:230px;
	height:168px;
	background:url(../img/messachannel.jpg) no-repeat;
}

/*====================================*/
/*----------nasse 北九州ver.----------*/
/*====================================*/
#backnumber{
	position:absolute;
	top:20px;
	left:0px;
}

#backnumber dl{
	font-size:12px;
}

#backnumber dl dt{
	line-height:1.5em;
	clear: left;  
	float: left;
	width: 6em;
	padding-top: 10px;
	padding-bottom: 10px;
}

#backnumber dl dd{
	line-height:1.5em;
	padding: 10px 0 10px 6em;
	border-bottom: solid 1px #CCC;

}


/*=============================================
Footer
=============================================*/

p#footer{
	margin-top:40px;
	width:900px;
	height:20px;
	padding-top:15px;
	background:#000;
	color:#FFF;
	text-align:center;
}