@charset "UTF-8";

body { -webkit-text-size-adjust: none; } /*スマホ自動文字サイズOFF*/
body{
	font-family: "メイリオ", Meiryo,Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
	background-color:#FFFFFF;
}
img{
	width: 100%;
}

.aaa {
	width: 50%;
}
a:hover {
	opacity: 0.75;
}

/* -------- footer位置固定に必須の設定ここから -------- */
html {
	min-height:100%;
	position:relative;
}
#wrapper {
	width:100%;
	height:100%;
	min-height:100%;
	margin-bottom:70px;
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	display: block;
}
/* -------- footer位置固定に必須の設定ここまで -------- */


/*---------------------------
ヘッダー
---------------------------*/
#header {
	background-color: #ec6800;
}
#header a{
	width:100%;
	max-width:640px;
	display:block;
	margin:0 auto;
	padding:10px 0;
}
h1 {
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	text-shadow:1px 1px 0 #333333;
}

/*---------------------------
フッター
---------------------------*/
#footer {
	border-top:solid 2px #7abc52;
	padding:15px 0;
	margin-top:30px;
}
small {
	text-align: center;
	font-size:11px;
	font-style:normal;
	display: block;
}



/*---------------------------
見出し
---------------------------*/
h3 {
	font-size:14px;
	font-weight:bold;
	padding-right:10px;	
}
.date {
	color:#aaaaaa;
	font-size:11px;
	padding:0 5px 5px;
}
.new {
	font-size:11px;
	color:#FFFFFF;
	background-color: #c80000;
	display:inline-block;
	padding:0 2px;
	margin-right:3px;
	border-radius:3px;
}

/*---------------------------
基本構造
---------------------------*/
.contents {
	margin:0 auto;
}

.wan {
	text-align: center;
	border: 5px dotted #999;
}

.wan p{
line-height:16px}




.wan span {
		
		text-align: center;
		color:#FE2E2E;
		font-size:14px;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}


@-moz-keyframes blink{
0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes blink{
0% {opacity:0;}
	100% {opacity:1;}
}

.merumagaBox {
    font-size: 14px;
    font-weight:bold;
    text-align: center;
    text-decoration:none
    color:red;
}

.merumagaBox a{
    font-size: 14px;
    font-weight:bold;
    text-align: center;
    border-bottom: 2px dotted;
    color:red;
}



.innerBox {
	width:100%;
	max-width:480px;
	margin: 0 auto;
	position:relative;
}

.main {
	border-radius:5px;
	border:solid 1px #808080;
	margin:5px;
}
.main section{
	border-bottom:solid 1px #cccccc;
	position:relative;
}

.main section a{
	display: block;
	background-color: #ffffff;
	padding:2px;
}
.main section a:hover{
	color:#c80000;
}

/* やじるし */
/* .main section a:after{
	display: block;
	content:"";
	width:5px;
	height:5px;
	border-top:solid 3px #aaaaaa;
	border-right:solid 3px #aaaaaa;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	position:absolute;
	right:8px;
	top:25%;
} */

.main section a .imgArea{
	width:30%;
	float:left;
}
.main section a .imgArea img{
	max-width:300px;
	max-height:250px;
	display: block;
	margin:0 auto;
}
.main section a .textArea {
	float:right;
	width:68%;
}

.main section a .Button_link{
	display:block;
	width: 180px;
	color: #fff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	text-decoration: none;
	background:#9bdbd5;
	background: url(../images/arrow01.png) 95% center no-repeat, linear-gradient(to bottom, #ea5506, #ff4500);
	background: url(../images/arrow01.png) 95% center no-repeat, -ms-linear-gradient(top, #ea5506, #ff4500);
	background: url(../images/arrow01.png) 95% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ea5506), to(#ff4500));
	background-size: 20px, 80%;
	border-radius:50px;
	border: 1px solid #e2041b;
	box-shadow: -1px -1px 0px #e2041b inset;
	padding: 10px 10px;
	margin: 0 auto 0px;
	margin-top: 10px;
}


/*---------------------------
文字点滅
---------------------------*/
.ten{
	color:#FF0000;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

.cl_banner{
     width:320px;
     hight:50px;
     text-align: center;
     font-size: 16px;
     font-weight:bold;
     color: red;
     margin: 0 auto 0px;
     margin-top: 30px;
}



/*---------------------------
補足的セクション
---------------------------*/
/* バナー枠 */
.bannerArea320 {
	width:100%;
	max-width:320px;
	margin:10px auto;
}
.bannerArea300 {
	width:100%;
	max-width:300px;
	margin:20px auto;
}

/* 人気トピックス */
aside.link {
	border-radius:5px;
	border:solid 2px #333333;
	margin:5px;
}
aside.link h2 {
	font-weight:bold;
	padding:8px;
	border-bottom:solid 1px #333333;
}
aside.link ul li{
	padding:8px 20px 8px 5px;
	border-bottom:dotted 1px #cccccc;
	position:relative;
}
aside.link ul li:after{
	display: block;
	content:"";
	width:5px;
	height:5px;
	border-top:solid 3px #aaaaaa;
	border-right:solid 3px #aaaaaa;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	position:absolute;
	right:8px;
	top:40%;
}
aside.link ul li:last-child{
	border-style:none;
}
aside.link ul li a {
	display:block;
}
aside.link ul li a:hover{
	color:#c80000;
}

/* ページトップボタン */
.pagetop a{
	display:block;
	width:60%;
	padding:10px;
	margin:30px auto;
	color:#FFFFFF;
	background-color: #7abc52;
	text-align: center;
}