@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;}

li{list-style: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;
        
}

/* サイト説明部分
--------------------*/
.desc{
	margin-bottom:1%;
	padding:2% 1%;
	border:solid #7F827D;
	border-width:2px 0 1px;
        text-align:center;
}


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

.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;
	}

.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 #9A8AAC;
        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 #9A8AAC;
	font-size:18px;
	color:#FFF;}

.boxes h2 a span{
	margin-top:1%;
	display:block;
	font-size:13px;
	font-weight:normal;
	color:#333631;}


/* フッタ-カテゴリリンク群
--------------------*/
#links{
	margin:2% 0 3%;
	padding:5% 3%;
	border:dotted #B2B5B0;
	border-width:1px 0;
	text-align:center;
}

/* フッター部分
--------------------*/
.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;
}