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

html body{width:100%;height:100%;}

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

img{
	border:none;
}

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

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

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

.center{
	text-align:center;
}

.cl{
	clear:both;
}

ol, ul {
    list-style: none;
}

/* header */
header{
	width:100%;
	text-align:center;
	padding:10px 0;
	margin:0;
	background-color:#c9f8f9;
}

/* category */
.category {
    width: 90%;
    background-color: #26e0e2;
    padding: 10px 5px;
    margin: 10px auto 30px;
}

.category div {
    background-color: #fff;
    margin: 5px;
    padding: 5px;
    text-align: left;
}

.category div p {
	border-bottom:1px dotted #ccc;
	margin:10px 0;
}

.category div p a {
	color:#26e0e2;
}

/* post */
.post {
    width: 90%;
    background-color: #26e0e2;
    padding: 10px 5px;
    margin: 10px auto 30px;
}

.post div {
    background-color: #fff;
    margin: 5px;
    padding: 5px;
    text-align: left;
}

.post_img{
	text-align:center;
	margin:10px auto;
}

.post_title{
	margin:5px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

.read_more{
	width:80%;
	box-sizing:border-box;
	display:block;
	margin:10px auto;
	text-align:center;
	padding:10px;
	background-color:#26e0e2;
	font-weight:bold;
	font-size:14px;
}

.read_more a{
	color:#fff;
}

/* banner */
.banner{
	box-sizing:border-box;
	width:100%;
	text-align:center;
	margin:20px auto;
}

/* pagination */
.pager{
	width:90%;
	margin:20px auto;
	text-align:center;
}

.pagination {
    padding: 8px;
    background-clip: padding-box;
    border: 1px solid;
    border-color: #070809 #0d0e0f #131517;
    border-color: rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px rgba(255, 255, 255, 0.05);
    background-color: #26272c;
}

.pagination :first-child {
    margin-left: 0;
}

.pagination > span, .pagination > a:active {
    color: #eee;
    text-shadow: 0 -1px black;
    background: #656565;
    border-color: black rgba(95,95,95,1);
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}

.pagination > a, .pagination > span {
    float: left;
    margin-left: 5px;
    padding: 0 6px;
    min-width: 17px;
    line-height: 27px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 1px solid black;
    border-radius: 3px;
}

.pagination > a {
    text-decoration: none;
    text-shadow: 0 1px black;
    background-clip: padding-box;
    border-color: rgba(0, 0, 0, 0.9);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}

.pagination > a, .pagination > span {
    float: left;
    margin-left: 5px;
    padding: 0 6px;
    min-width: 17px;
    line-height: 27px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 1px solid black;
    border-radius: 3px;
}

/* footer */
footer{
	box-sizing:border-box;
	width:100%;
	margin:10px auto 0;
	padding:5px;
	text-align:center;color:#fff;
	background-color: #26e0e2;
}