@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: #fdf8f4;
	color:#666;
}

cl{
	clear:both;
}

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

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

/* header */
header{
	width:100%;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
}

#header_bar {
    width: 100%;
    height: 20px;
    background: #8a1918;
}

/* banner */
.banner{
	width:100%;
	padding:10px 0;
	text-align:center;
}


/* post */
.post {
    width: 80%;
    height: 258px;
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #c6c6c6;
    text-align: center;
	box-sizing:border-box;
}

.post_img {
    width: 80%;
    height: 172px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.title {
    width: 90%;
    padding: 5px 0px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    height: 30px;
}

.date {
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: right;
    overflow: hidden;
    font-size: 12px;
}

.pagination {
    width: 90%;
    padding-top: 30px;
}

.pagination ul {
    margin: 1em 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    text-align: center;
}

.pagination ul li {
    display: inline-block;
    padding: 0 1px;
    line-height: 2.4;
}

.pagination ul li.crnt span {
    background: #999;
    border: 1px solid #ccc;
    padding: 2px 8px;
    color: #fff;
}

.pagination ul li a:link, .pagination ul li a:visited {
    color: #008ba9;
}

.pagination ul li a {
    border: 1px solid #ccc;
    padding: 2px 8px;
    color: #008ba9;
    text-decoration: none;
}

/* detail */
.detail{
	width: 80%;
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #c6c6c6;
    text-align: center;
	box-sizing:border-box;
}

.page_title {
    border-left: 3px solid #8a1918;
    text-align: left;
    padding-left: 10px;
}

/*footer*/
footer{
    width: 100%;
    height: 25px;
    background: #8a1918;
	padding:5px 0;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
}