@charset "UTF-8";*{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";margin:0;padding:0;}

html body{width:100%;height:100%;margin:0;padding:0;}

body{
	margin:0;
	padding:0;
	font-size:12px;
	background-color:#000;
	color:#fff;
}

cl{
	clear:both;
}

a{
	text-decoration:none;
	color:#fff;
}


.img{
	max-width: 100%; 
    height:auto;
}


.list_img {
    width: 300px;
    max-height: 190px;
}



/* header */

header{
	box-sizing:border-box;
	width:100%;
	height:118px;
	border-top:1px solid #d4bb3c;
	border-bottom:1px solid #d4bb3c;
	background-color:#910000;
	background-image: url(../imgs/border.png);
	text-align:center;
	padding:20px 0 10px;
}

/* banner area */
.banner{
	width:100%;
	height:236px;
	text-align:center;
	margin:30px auto 10px;
}

.banner span{
	margin:5px;
}

.bannerd{
	width:100%;
	height:125px;
	text-align:center;
	margin:30px auto 10px;
}

.bannerd span{
	margin:5px;
}

/* category wrap */
#category_border{
	box-sizing:border-box;
	padding:1px;
	width:90%;
	height:500px;
	background: #6c4922;
	background: -moz-linear-gradient(top, #6c4922 0%, #f7d698 16%, #ffffff 54%, #f7d698 57%, #b48120 79%, #6c4922 100%);
	background: -webkit-linear-gradient(top, #6c4922 0%,#f7d698 16%,#ffffff 54%,#f7d698 57%,#b48120 79%,#6c4922 100%);
	background: linear-gradient(to bottom, #6c4922 0%,#f7d698 16%,#ffffff 54%,#f7d698 57%,#b48120 79%,#6c4922 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4922', endColorstr='#6c4922',GradientType=0 );
	margin:20px auto;
}

#category{
	box-sizing:border-box;
	height:498px;
	background-color:#910000;
	background-image: url(../imgs/border.png);
	margin:0 auto;
	padding:20px 30px;
}

#category p{
	margin:3px 0;
}

/* wrap */
.post_wrapb{
	box-sizing:border-box;
	padding:1px;
	width:90%;
	height:300px;
	background: #6c4922;
	background: -moz-linear-gradient(top, #6c4922 0%, #f7d698 16%, #ffffff 54%, #f7d698 57%, #b48120 79%, #6c4922 100%);
	background: -webkit-linear-gradient(top, #6c4922 0%,#f7d698 16%,#ffffff 54%,#f7d698 57%,#b48120 79%,#6c4922 100%);
	background: linear-gradient(to bottom, #6c4922 0%,#f7d698 16%,#ffffff 54%,#f7d698 57%,#b48120 79%,#6c4922 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4922', endColorstr='#6c4922',GradientType=0 );
	margin:20px auto;
}

.post_wrap{
	box-sizing:border-box;
	height:298px;
	background-color:#910000;
	background-image: url(../imgs/border.png);
	margin:0 auto;
    padding: 10px 20px;
}

.post_wrap p{
	width:100%;
}

.title{
	width:90%;
	margin:5px auto;
	text-align:left;
}

.date{
	margin:5px 0;
	text-align:right;
}

/* detail */
.detail{
	box-sizing:border-box;
	width:90%;
	background-color:#910000;
	background-image: url(../imgs/border.png);
	margin:0 auto;
	padding:10px;
	border:1px solid #d4bb3c;
}

.detail p{
	margin:10px auto;
}

/* wrap */
.us_wrapb{
	box-sizing:border-box;
	padding:1px;
	width:90%;
	height:230px;
	background: #6c4922;
	background: -moz-linear-gradient(top, #6c4922 0%, #f7d698 16%, #ffffff 54%, #f7d698 57%, #b48120 79%, #6c4922 100%);
	background: -webkit-linear-gradient(top, #6c4922 0%,#f7d698 16%,#ffffff 54%,#f7d698 57%,#b48120 79%,#6c4922 100%);
	background: linear-gradient(to bottom, #6c4922 0%,#f7d698 16%,#ffffff 54%,#f7d698 57%,#b48120 79%,#6c4922 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c4922', endColorstr='#6c4922',GradientType=0 );
	margin:20px auto;
}

.us_wrap{
	box-sizing:border-box;
	height:228px;
	background-color:#910000;
	background-image: url(../imgs/border.png);
	margin:0 auto;
    padding: 10px 20px;
}


/*pagination*/
.pagination {
    padding: 20px 0;
	width:100%;
	text-align:center;
	margin:10px auto 20px;
}

.page {
    display: inline-block;
    padding: 3px 9px;
    margin-right: 4px;
    border:solid 1px #d4bb3c;
    background:#910000;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.page:hover, .page.gradient:hover {
    background: #d4bb3c;
}

.page.active {
    border: none;
    background: #d4bb3c;
    color: #fff;
}

/* footer */

footer{
	box-sizing:border-box;
	padding:20px 0;
	width:100%;
	height:190px;
	border-top:1px solid #d4bb3c;
	background-color:#910000;
	background-image: url(../imgs/border.png);
	text-align:center;
}