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

/*----------------------
	福岡
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img{
    margin:0;
    padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}

header,footer,nav,section{display:block;}

html{
	font-family: Hiragino Kaku Gothic ProN;
        font-size:13px;
	-webkit-text-size-adjust:none;}


/*----------------------
	レイアウト
-----------------------*/
body{
	background:#000000;
	width:100%;
	color:#B2B5B0;
}


a{
	color:#F4F7F2;
	font-weight:bold;
	text-decoration:none;
}


/* ヘッダ
--------------------*/
#head{
	padding:0;
       	margin:0;
	overflow:hidden;     
}

#head h1{
	padding:0px;
        position:relative;
}

#head h1 img{
        vertical-align:text-bottom;
        border-bottom:solid 1px #808080;
        
}

/* 広告
--------------------*/
.ad{
	width:100%;
	text-align:center;
	margin:0px auto;
	padding:0;
	outline:solid 1px #000000;
}

.ad img{
	width:99%;
	max-width:320px;
	height:auto;}
        

/* カテゴリ部分
--------------------*/
#categories{
	margin:0 0 1%;
	border-bottom:solid 1px #333631;
}

.category{
	background color:#000;
	overflow:hidden;
	border-bottom:solid 1px #808080;
	}

.city{
	background-color:#577B8F;
	overflow:hidden;
	margin:0px;
	padding:4px 0px 2px 3px;
	color:#FFF;
	border-bottom:solid 1px #808080;
}

.title_icon{
	background:url(img/sample_title_bg.jpg) repeat left top;
	margin:3% 10px;
	padding:3% 4%;
	border:solid 1px #FFF;
	border-radius:5px;
	color:#333631;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-shadow: 0px 1px 1px #BBBABA;
	float:left;}

.title_icon2{
	margin:3% 0;
	text-align:center;
	float:left;}

h3{    	background:url(../img/link_arrow.png) no-repeat 97% 50%;   
	padding:3% 7% 3% 3%;}

h3 a{   color:#FFF;
	display:block;
	font-size:11px;
	border-left:solid 4px #577B8F;
        padding-left:3px;}

h3 a span{

	display:block;        
        font-size:15px;
	color:#FFF;}

/*----------------------------------------
	カテゴリ→記事一覧ページここから
----------------------------------------*/

/* 記事タイトル部分(カテゴリ名)
--------------------*/
#categories_title{
	margin:1% 0;


}

#categories_title .category{
	border-top-color:#808080;
	color:#333631;
}

#categories_title h2{
	margin-left:2%;
	padding:3% 7% 1% 0;
	font-size:18px;}


/* 記事部分
--------------------*/
#sections{
	margin:2% 0 2%;
	border-bottom:solid 1px #BABDB9;
}

.boxes{ border-bottom:solid 1px #808080;
	background-color:#000;
	overflow:hidden;
	}

.boxes img{
	max-width:82px;
	max-height:82px;
	margin:3% 3% 4%;
	float:left;}

.boxes h2{
	
	min-height:82px;
	margin-left:2%;
	padding:3.5% 17% 2% 0;
	display:block;
}

.boxes h2 strong{
	padding-left:3px;
	border-left:solid 3px #577B8F;
	font-size:18px;
	color:#FFF;}


/* フッター部分
--------------------*/
p.exp {
	clear: both; /* 回り込みを解除 */  
}

.social_btn { 
margin: 20px 0px 10px 0px; 
padding: 3px; 
background-color:#000;
border:solid #000 3px;
}

.social_btn .facebook { 
float: left; 
margin: 0px 10px 0px 4px; 
padding: 0px; 
display: inline; 
width: 150px; 
}

.social_btn .twitter { 
margin: 0px 10px 0px 0px; 
padding: 0px; 
display: inline; 
width: 100px; 
}

.social_btn .line { 
margin: 0px 0px 0px 4px; 
padding: 0px; 
display: inline; 
width: 100px; 
}


.foot_link{
	overflow:hidden;
}



.top{
	background-color:#404040;
	margin:2% 0 0 77%;
	padding:2% 3%;
	display:block;
	border:solid 1px #000;
	border-radius:5px 5px 0px 0px;
	text-align:center;
	font-weight:bold;
}

.back{
	background-color:#404040;
	margin:2% 2% 0 34%;
	padding:2% 3%;
	display:block;
	border:solid 1px #000;
	border-radius:5px 5px 0px 0px;
	text-align:center;
	font-weight:bold;
	float:left;
}

address{
	background:#404040;
	padding:3% 0;
	text-align:center;
	color:#ffffff;
}

.fb_box{    
	background-color:#3B5998;
	border-top:1px solid #0B3089;
	border-bottom:1px solid #0B3089;

}

.fb{    
	background-color:#3B5998;
	padding:5px;
	font-weight:bold;
	color:#ffffff;
	background:url(../img/fb_arrow.png) no-repeat 97% 50%;	
}

.fb img {
	float:left;
	margin:2px 2px 0px 0px;
}

.fb a{
	display:block;
}

.fb span{
	line-height:90%;
}