@charset "utf-8";

@import "reset.css";

/* =========================================================
	common
========================================================= */

html{
	background:#d5d5d5;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout: none;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
	background:#fff;

}

img {
	max-width : 100% ;
	height : auto ;
	vertical-align:bottom;
}
/* clearfix */
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* =========================================================
	header
========================================================= */

#container{
	margin:0 auto;
	background:url(../../img/bg.gif) repeat 0 bottom;
	background-size:29px 29px;
}
header{
	margin:0 auto;
	width:1100px;
	height:493px;
	margin-bottom:7px;
	position:relative;
}
header .tfm a img{
	position:absolute;
	top:15px;
	left:30px;
}
header h1{
	position:absolute;
	top:55px;
	left:80px;
}
header h1 img{
	width:566px;
}
header h2{
	position:absolute;
	top:330px;
	left:180px;
	z-index:99;
}
header p{
	position:absolute;
	top:430px;
	left:183px;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
}
.main{
	position:absolute;
	top:30px;
	right:0px;
}
.main_s{
	position:absolute;
	top:234px;
	left:0px;
}
.rdk{
	height:73px;
	text-align:center;
	background-color:#58a6dc;
}
.rdk ul li{
	padding:8px 3px;
	display:inline-block;
}
.rdk ul li a{
	display:block;
}
.rdk ul li a img{
	width:345px;
	height:54px;
}
.rdk p{
	max-width:640px;
	font-size:11px;
	text-align:left;
	padding:0 10px;
	line-height:1.4em;
	margin:10px auto 25px auto;
}
/* =========================================================
	main_content
========================================================= */

#mainttl{
	background-color:#e8007f;
	background-size:12px 100%;
	margin-bottom:20px;
}
#mainin h2{
	text-align:center;
	padding:10px 15px 15px 15px;
	margin:0 auto;
}
#mainin h2 img{
	width:100%;
}
#special{
	width:100%;
	margin:0 auto;
	background:url(../../img/bg_pgm.gif) repeat 0 bottom;
}
.spArea{
	margin-bottom:20px;
}
.spArea p{
	padding:0;
	margin-bottom:20px;
}
.spArea h2{
	text-align:center;
	padding-bottom:30px;
}
.spArea h2 img{
}
.wd_prgrm{
	width:1040px;
	margin:0 auto;
	padding-bottom:50px;
}
.wd{
	width:24%;
	margin:0 2px;
	display:inline-block;
	vertical-align:top;
	color:#FFF;
}
.wd h3{
	margin-left:5px;
	margin-bottom:10px;
}

.wd .cf{
	width:100%;
	margin-bottom:5px;
	position:relative;
}
.cf:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	/*transition: 0.5s;*/
}
.wd .link a{
	display:block;
	cursor:pointer;
}
.mask{
	position:absolute;
	top:0;
	left:0;	
}
.mask img{
	width : 250px;
	height : auto;
}
.wd .pf{
	clear:both;
	font-size:13px;
	padding:0 5px;
	line-height:1.2em;
	margin-bottom:25px;
	height:60px;
}
.wd .pf .pg{
	clear:both;
	font-size:17px;
	line-height:1.2em;
	margin-bottom:5px;
}
.wd .pf .pg span{
	font-size:10px;
	line-height:1.2em;
}
.listen a{
	display:block;
	text-align:center;
	color:#FFF;
	background-color:#3d3d3d;
	padding:4%;
	border:1px solid #FFF;
	text-decoration:none;
	margin:0 auto;
	font-size:11px;
	width:90%;	
}
.listen a:hover{
	display:block;
	text-align:center;
	color:#FFF;
	background-color:#00a7e9;
	padding:4%;
	border:1px solid #FFF;
	text-decoration:none;
}

/* =========================================================
	sub_content
========================================================= */

.topic{
	margin-bottom:120px;	
}

.topic h2 img{
	cursor:pointer;
    display:block;
	margin:0 auto;
}
.topic ul li{
	max-width:446px;
	margin:0 auto;
}
.lead{
	margin:0 auto;
	width:1050px;
	margin-bottom:50px;
}
.lead h2{
	margin-bottom:10px;
}
.lead p{
	font-size:12px;
	text-align:left;
	line-height:1.5em;
}	
/* =========================================================
	bnr
========================================================= */

.bnr{
	font-size:15px;
	color:#00a8e7;
	text-align:center;
	font-weight:bold;
	margin-bottom:40px;	
}
.bnr ul li a{
	margin-top:5px;
	display:block;
}
.bnr img{
	max-width:280px;
	width:70%;
	height:auto;
	cursor:pointer;
    display:block;
	margin:0 auto 20px auto;
}

/* =========================================================
	footer
========================================================= */

footer {
	clear: both;
	width: 100%;
}

footer p#copy {
	width:100%;
	margin:10px 0 10px 0;
	font-size: 70%;
	text-align:center;
	color:#000;
}