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



body{
	margin:0px;
	font-size:14px;
		font-family:
	"メイリオ",
	Meiryo,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"ＭＳ Ｐゴシック",
	MS PGothic,
	Osaka,
	sans-serif,
	Alegreya SC,
	serif;	
}


.sp{
	width:100%;
	height:0px;
 *************段落落ちしないＣＳＳ****************
    position:relative;
    clear:both;
}
.sp15{
	width:100%;
	height:15px;
 *************段落落ちしないＣＳＳ****************
    position:relative;
    clear:both;
}
.sp30{
	width:100%;
	height:30px;
 *************段落落ちしないＣＳＳ****************
    position:relative;
    clear:both;
}
.sp50{
	width:100%;
	height:50px;
 *************段落落ちしないＣＳＳ****************
    position:relative;
    clear:both;
}
.sp80{
	width:100%;
	height:80px;
 *************段落落ちしないＣＳＳ****************
    position:relative;
    clear:both;
}


h1{
	font-size:25px;
	color:#7fba24;
	font-weight:bold;
}
h2{
	font-size:18px;
	text-align:center;
	margin-bottom:30px;
}
h4{

	text-align:center;
	margin-bottom:30px;
}
h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}

h5{
	font-size:17px;

	margin-bottom:15px;
}
h6{
	font-size:17px;

	margin-bottom:15px;
	color:#285718;
	font-weight:bold;
}



a:visited{ color: #000;}
a:active{ color: #000;}
a:hover{ color: #FF1111;}
a {text-decoration: none;color: #000;}
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


/*----------------------------------
= header
----------------------------------*/
header{
	width:100%;
	height: auto;
	margin:0 auto;
	
	
	
	
}


.rogo{
	padding:0px 10px;
	width:200px;
	height:auto;



}

.swf{
	width:100%;
	height:350px;
	margin:auto;
	margin-top:-60px;
 position: relative;
		
	z-index:1;
	margin-bottom:10px;


}

.key{
	width:100%;
	height:60px;
	background-color: rgba(255,255,255,0.85);
	margin:auto;
	position:relative;
	z-index:5;
}

nav{
	width:100%;
	height: auto;
}
.key2{
	width:960px;
	height:50px;
	margin:auto;
}

.key3{
	padding:13px 27px;
	width:94px;
	float:left;
	text-align:center;
	font-size:13px;
}

/*----------------------------------
= top
----------------------------------*/
.top{
	width:100%;
	height:130px;
	background-color:#f2edea;
	position:relative;
	z-index:2;
	
		
		-moz-box-shadow:0px 2px 10px #bbb;
	-webkit-box-shadow:0px 2px 10px #bbb;
	box-shadow:0px 2px 10px #bbb;	

}
.Gbar{
	width:100%;
	height:7px;
	background-color:#7fba24;
}
.topAria{
	width:960px;
	margin:auto;
}
.topAriaLeft{
	margin:20px 0px;
	width:700px;
	float:left;
}
.topAriaRight{
	margin:20px 0px 20px 50px;
	width:210px;
	float:left;
}

/*----------------------------------
= main
----------------------------------*/

.main{
	width:960px;
	height:auto;
	margin:0 auto;
}
.center{
	padding:20px;
	text-align:center;
	font-size:18px;
}

.mainLeft{
	width:470px;
	height:auto;
	margin-right:20px;
	float:left;
}
.mainRight{
	width:470px;
	height:auto;

	float:left;
}

.topBar{
	margin-top:25px;
	text-align:right;
}
/*----------------------------------
= info
----------------------------------*/
.info{
	width:100%;
	height:420px;
	background-color:#f2edea;
	

}
.infoBox{
	width:820px;
	height:270px;
	background-color:#FFFFFF;
	padding:25px;
	margin:0px auto;
	margin-bottom:20px;
}

.info001{
	border-bottom:2px solid #ccc;
	margin-bottom:10px;
}
.infoLeft{
	width:150px;
	
	float:left;
}
.infoRight{
	width: auto;
	float:left;
}



/*----------------------------------
= box3
----------------------------------*/
.box3{
	width:300px;
	float:left;
	margin:0px 10px;
	
}








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




footer{
	width:100%;
	height:50px;
	background-image:url(../img/toppage/foot_bg.jpg);
}


.copy{
	text-align:center;
	padding-top:25px;
	font-size:12px;
}

/*----------------------------------
/*　TOP
----------------------------------------------------------- */

#page-top{
   width:40px;
   height:40px;
   display:none;
   position:fixed;
   right:30px;
   bottom:50%;
}
 
#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:#ccc;

   text-decoration:none;
   display:block;
   cursor:pointer;
}


@charset "utf-8";

div#navi {
	background-image:url(../../img/head_a.jpg);
	}
div#navi ul {
	list-style: none;
}