@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 {
    color: #fff;
    font-size: 12px;
	background-color:#000;
}

.cl{
	clear:both;
}

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

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

ul, ol, dl, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* header */
header{
	width:100%;
	margin:0 auto 10px;
}

/* wrap */
.wrap{
	width:93%;
	margin:10px auto;
	padding:5px;
}

.category{
	margin-right:3px;
}

.category_title{
	margin:10px 0;
}

.post_title{
	margin:10px 0;
	overflow:hidden;
}

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

.post_category{
	margin:10px auto;
	text-align:right;
	width:80%;
}

.bg{
	box-sizing:border-box;
	width:100%;
	height:100%;
	background: #2a2e31;
    background: -moz-linear-gradient(top, #2a2e31 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #2a2e31 0%,#000000 100%);
    background: linear-gradient(to bottom, #2a2e31 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2e31', endColorstr='#000000',GradientType=0 );
	margin:0 auto;
	padding:5px;
}

.border{
	width: 98%;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #000000 49%, #5b5c5c 50%, #272828 80%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#000000 49%,#5b5c5c 50%,#272828 80%,#f4f4f4 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%,#000000 49%,#5b5c5c 50%,#272828 80%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
    padding: 1px;
	margin: 0 auto 3px;
}


/* pagination */
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 10px auto;
}

ul.pagination li {
    display: inline;
}

ul.pagination li a {
    color: #fff;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
    margin: 0 4px;
}

/* marquee */
.marquee {
	width:100%;
	padding:0.5em 0;
	overflow:hidden;
	position:relative;
}

.marquee p:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}

.marquee p {
	margin:0;
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.footer_border{
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

footer{
	width:100%;
	text-align:center;
}