@charset "utf-8";




/*===============================================*/

/*  for PC   画面の横幅が959px以上 */

/*===============================================*/


/*contents
------------------------------------*/
.contents{
	margin: 0px auto 0px;
	padding:0 0 10%;
	
	
}
/**/

.top{background:url(../images/top/bg.gif) no-repeat center top;width: 100%;height:1408px;}
.sub{background:url(../images/top/bgsub.jpg) no-repeat center top;width: 100%;height:auto;}

/*area
------------------------------------*/
section.area{
	margin: 0 auto;
	padding-top:260px;
	width:100%;
	height:auto;
	position:relative;
}

section.area ul{
	margin: 0 auto;
	width:960px;
	height:auto;
	position:relative;
}

section.area ul li{
	width: 255px;
	height: 320px;
	position: absolute;
}

.b1{top:50px; left:100px;}
.b2{top:110px; left:650px;}
.b3{top:350px; left:375px;}
.b4{top:580px; left:680px;}
.b5{top:680px; left:80px;}
.b6{top:890px; left:400px;}


/*subArea
------------------------------------*/
section.subArea{
	margin: 0 auto;
	padding-top:0px;
	width:960px;
	height:auto;
	position:relative;
}


/**/
section.subArea p a {
	display:block;
	margin:100px auto 0px;
	padding:3%;
	width:50%;
	height:auto;
	background-color: #fe98a0;
	font-size:20px;
	line-height:20px;
	font-weight:500;
	text-align:center;
	color:#fff;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	text-decoration:none;
}




/*page-top
---------------------------*/	
#page-top{
   width:92px;
   height:125px;
   display:none;
   position:fixed;
   right:20px;
   bottom:30px;
   z-index:999;
}
 
#page-top p{
   margin:0;
   padding:0;
   text-align:center;
   -webkit-transition:all 0.3s;
   -moz-transition:all 0.3s;
   transition:all 0.3s;
}

#move-page-top{
   color:#fff;
   line-height:50px;
   text-decoration:none;
   display:block;
   cursor:pointer;
}




/*footer
------------------------------------*/
footer {
	margin: 0px auto 0px;
	padding:160px 0 50px;
	width: 100%;
	height:auto;
	background:#a0b719 url(../images/top/footbg.gif) repeat-x center top;
}

/*Foot_list
---------------------------*/	
footer ul.footList{
	margin:20px auto 0px;
	width:960px;
	height:auto;
	color:#fff;
	text-align:center;
	
}

footer ul.footList li{
	margin:0px 10px 30px;
	padding:0;
	width:;
	display:inline-block;
	text-align:center;
}

#copy{
	margin: 0px auto 0px;
	width: 100%;
	height:auto;
	text-align:center;
	font-size:12px;
	color:#fff;
}
/**/



/*===============================================*/





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


@media screen and (max-width: 959px){
	

}
/*===============================================*/





/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

@media screen and (max-width: 599px){
	

}
/*===============================================*/