@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-size:16px;
	font-family: "Noto Sans Japanese";
}

.seek{
	visibility:hidden;
}
.red{
	color:#C00;
}
.strong{
	font-size:20px;
}

#wrapper{
	width:980px;
	margin:0 auto;
}

.campaign_sp{
	position:absolute;
	top:20px;
	font-size:16px;
	left:280px;
	color:#fff;
	display:block;
	padding:1%;
	background:#C00;
	text-decoration:none;
	border-radius:15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20002), color-stop(1.00, #5c0909));
background: -webkit-linear-gradient(#d20002, #5c0909);
background: -moz-linear-gradient(#d20002, #5c0909);
background: -o-linear-gradient(#d20002, #5c0909);
background: -ms-linear-gradient(#d20002, #5c0909);
background: linear-gradient(#d20002, #5c0909);
transition-property: background;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
}
.campaign_sp:hover{
	color:#CCC;
}
.ka_logo{
	width:160px;
	display:block;
	position:absolute;
	top:15px;
	right:43px;
	border:1px solid #FFF;
}
.top_link{
	display:block;
	position:absolute;
	bottom:8px;
	right:39px;
	color:#FFF;
	font-size:14px;
}
.top_link:hover{
	color:#CCC;
}
.campaign_logo{
	width:200px;
	position:absolute;
	top:15px;
	left:40px;
	display:block;
}


#head{
	height:80px;
	background:#000;
	position:relative;
}
#head p{
	margin:0;
	color:#FFF;
}
#main_image{
	width:980px;
	height:320px;
	background:url(../images/main.jpg);
	display:block;
	position:relative;
	z-index:1;
}

#global_menu ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left: 1.5%;
	right: 0;
	bottom:0;
}
#global_menu ul li{
	width:15.5%;
	float:left;
	margin:0 1% 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	background:#000;
	color:#FFF;
	padding:1.2% 0;
	font-size:14px;
	border-radius:20px 20px 0 0;
transition-property: background;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
}

#global_menu ul li:hover{
	background:#C00;
}



#main{
	width:980px;
	height:550px;
	background-image:url(../images/main_01.jpg),url(../images/main_02.jpg),url(../images/main_03.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px,0px 200px,0px 400px;
	position:relative;
}
main{
	background:url(../images/background.jpg);
	margin-top:0;
}

#oubo{
	position:absolute;
	top:50px;
	left:60px;
}

.about{
	width:800px;
	margin:0px auto;
	padding-top:40px;
}
.about p{
	text-align:center;
	font-size:22px;
}
.about_detail{
	display:block;
	margin:50px auto 0;
}
.howto{
	width:800px;
	margin:0px auto;
	padding-top:40px;
}
.howto p{
	text-align:left;
	font-size:18px;
	margin:20px 0 0;
}

.oubo{
	width:800px;
	margin:0px auto;
	padding-top:40px;
}
.oubo p{
	text-align:left;
	font-size:18px;
}
.center{
	width:788px;
	margin:0 auto;
}
.oubo dl dt{
	color:#C00;
	border-bottom:solid 3px #C00;
	padding-bottom:5px;
	font-size:22px;
	margin:10px 0;
	font-weight:bolder;
}

.koukan{
	width:800px;
	margin:0px auto;
	padding-top:40px;
}
.koukan p{
	text-align:left;
	font-size:18px;
}

.koukan dl dt{
	color:#C00;
	border-bottom:solid 3px #C00;
	padding-bottom:5px;
	font-size:22px;
	margin:10px 0;
	font-weight:bolder;
}

.qa{
	width:800px;
	margin:0px auto;
	padding-top:40px;
}
.qa p{
	text-align:left;
	font-size:18px;
}

.qa dl dt{
	color:#06F;
	font-size:25px;
	margin:10px 0;
	font-weight:bolder;
}
.qa dl dd{
	font-size:18px;
	margin:10px 0;
	font-weight:bolder;
	padding-bottom:40px;
	border-bottom:#333 dotted 3px;
}
.qa dl dt:before{
  content:url(../images/q.png);
  position:relative;
  top:10px;
  margin-right:20px;
  display:block;
  float:left;
}
.qa dl dd:before{
  content:url(../images/a.png);
  position:relative;
  top:0px;
  margin-right:20px;
  display:block;
  float:left;
}


#koukan{
	position:absolute;
	top:50px;
	right:60px;
}


#contents{	
	width:980px;
	margin:0 auto;
	line-height: 0;
	background:#FFFFF0;
}

#link_area{
	width:100%;
	background:url(../images/gold_back.jpg);
	padding:3% 0;
}

.link_btn{
	width:60%;
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:25px;
	text-decoration:none;
	padding:1% 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20002), color-stop(1.00, #5c0909));
background: -webkit-linear-gradient(#d20002, #5c0909);
background: -moz-linear-gradient(#d20002, #5c0909);
background: -o-linear-gradient(#d20002, #5c0909);
background: -ms-linear-gradient(#d20002, #5c0909);
background: linear-gradient(#d20002, #5c0909);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	color:#FFF;
	border-radius:50px;
}

.link_btn:hover{
	background:#900;
	color:#CCC;
}

 footer{background:#000;
 height:40px;
 color:#FFF;
 text-align:center;
 }

.copyright{margin:0;}

#link_area2 a{
	width:40%;
	text-align:center;
	display:block;
	text-decoration:none;
	float:left;
	font-size:25px;
	font-weight:bold;
	padding:2%;
	color:#FFF;
	background:#F60;
	margin:0% 2.5% 10%;
transition-property: background,color;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
}
#link_area2 a:hover{
	background:#930;
	color:#CCC;
}
#link_area2{
	width:800px;
	margin:0 auto;
}

.clear:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clear{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clear {height: 1%;}
.clear{display:block;}
/* End Hack */ 

#master{
	display:block;
	position:relative;
}

#master a{
	display:block;
	position:absolute;
	bottom:20px;
	left:130px;
	color:#FFF;
	padding:0.5%;
	background:#C00;
	width:500px;
	text-decoration:none;
	text-align:center;
	font-size:20px;
transition-property: background,color;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
}
#master a:hover{
	color:#CCC;
	background:#900;
}

#link_area_webcp{
	width:100%;
	background:url(../images/gold_back.jpg);
	padding:0 0 3%;
	text-align:center;
}

#link_area_webcp a:hover{
	border:none;
}

#link_area_webcp a:hover{
	opacity:0.8;
}

#cp_end{
	width:980px;
	background:#000;
	display:block;
	margin:0;
	box-sizing:border-box;
	padding:2%;
}
#cp_end div{
	border:3px solid #900;
}
#cp_end p{
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
	text-align:center;
	margin:0;
	padding:3%;
}