@charset "utf-8";
	body{
	margin: 0px 0px;
	background: url(../image/lane.jpg);
	background-attachment:fixed;
	background-size: cover;
	padding-top: 65px;
	padding-bottom: 50px;
	font-family: Avenir, "游ゴシック", "メイリオ";
	box-shadow: 1px 1px 1px gray;
   }

.fullbody{
	width: 820px;
	height: auto;
	text-align: center;
	margin:0 auto;
	background: #FFFFFF;
	margin-bottom: 10px;
	position: relative;
	padding-bottom:5px;
}



.top{
	width: 820px;
	height:280px;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
  background-position:0px -150px;
	}

.top-logo{
position:absolute;
top:0px;
left:0px;
height:280px;
width:600px;
background:linear-gradient(90deg,rgba(65,105,255,0.7),rgba(65,105,255,0.0));
}

.top p{
	position:absolute;
	font-family:"メイリオ";
	font-weight:bold;
	font-size:16px;
	left: 16px;
	top: 116px;
	text-align:left;
	color:#FFFFFF;
	width: 249px;
	z-index:2;
}

.top-logo h1{
	position: absolute;
	bottom: -22px;
	left: 15px;
	color: white;
	font-family: "メイリオ";
	font-size: 60px;
	text-shadow: 2px 2px 1px #222222;

}

.logoEni{
font-size:80px;
text-shadow:4px 4px 2px white,
-4px 4px 2px white,
4px -4px 2px white,
-4px -4px 2px white;
padding-right:3px;
}

.write-area h1{
font-size:18px;
margin:0px 0px;
padding-left:8px;
color:#FFFFFF;


}

.write-area h2{
font-size:14px;
margin:0px 0px;
padding-left:8px;
color:#FF0000;

}

.write-area{
width:800px;
height:auto;
text-align:left;
box-shadow:1px 1px 1px gray;
margin:10px auto;
padding-bottom:5px;

position:relative;
color:#111111;
background:#FFFFFF;
}

.write-area p{

margin: 0 0 ;
padding-left:10px;
padding-bottom:10px;
font-weight:bold;
}

.write-area li{
margin:none;
margin-bottom:10px;
font-size:13px;
top:0px;

font-weight:bold;
}



.none{display:none;}

.shadow{
box-shadow:2px 2px 2px #999999;
}





#topSlide{
width:820px;
height:430px;
position:absolute;
}

#topSlide img{width:820px; height:430px;}




.red{color:#FF0000;} .blue{color:#0000CC;}

#acMenu{
margin:0px 0px;
}

 #acMenu dt{
   display:block;
   margin:0 0;
   width:90px;
   height:90px;
     text-align:center;
   cursor:pointer;
   position:absolute;
   top:0px;
   right:-90px;
   z-index:2;
   filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
   }
 
 #acMenu dt,
#acMenu dt::before,
 #acMenu dt::after{
 transition: all .3s;
 }
 
 #acMenu dt:hover{
  filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
		}
 #acMenu dt:active{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
		}

   
   
  #acMenu dd{
    background: linear-gradient(180deg,rgba(200,200,200,0.90), rgba(0,0,0,0.80));
   width:820px;
   height:430px;
   text-align:center;
   vertical-align:middle;
      position:absolute;
	 right:0px;
	 display:none;
         z-index:4
  
   }
   
.menu-title{
width:700px;
height:70px;
margin:20px auto;
font-family:"メイリオ";
font-size:36px;
font-weight:bold;
line-height:70px;
text-shadow:3px 3px 1px white;
background:linear-gradient(180deg,#FFCC33,white);
color:#CC0000;
-webkit-border-radius: 15%;
-moz-border-radius: 15%; 
border-radius: 15%;
}

.menu-image{
display:block;
width:820px;
position:relative;
}


.menu-image img{width:280px; height:70px; margin:7px 20px;}


#exit{
	position:absolute;
	display:block;
	cursor:pointer;
	color:#444444;
	width:40px;
	height:40px;
	text-align:center;
	background:#CCCCCC;
	border:1px solid gray;
	line-height:40px;
	padding:10px 10px;
	font-size:60px;
	font-weight:900;
	text-shadow:2px 2px 1px white;
	margin:5px 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow:0px 3px 1px gray;
	z-index:2;
	top:350px;
	left:-4px;
}

#exit:hover{
top:348px;
box-shadow:0px 5px 1px gray;
}

#exit:active{top:353px; box-shadow:none;}


@media screen and (min-width:481px){
	body{
	margin: 0px 0px;
	background: url(../image/lane.jpg);
	background-attachment:fixed;
	background-size: cover;
	padding-top: 65px;
	padding-bottom: 50px;
	font-family: Avenir, "游ゴシック", "メイリオ";
	box-shadow: 1px 1px 1px gray;
   }

.fullbody{
	width: 820px;
	height: auto;
	text-align: center;
	margin:0 auto;
	background: #FFFFFF;
	margin-bottom: 10px;
	position: relative;
	padding-bottom:5px;
}



.top{
	width: 820px;
	height:280px;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
  background-position:0px -150px;
	}

.top-logo{
position:absolute;
top:0px;
left:0px;
height:280px;
width:600px;
background:linear-gradient(90deg,rgba(65,105,255,0.7),rgba(65,105,255,0.0));
}

.top p{
	position:absolute;
	font-family:"メイリオ";
	font-weight:bold;
	font-size:16px;
	left: 16px;
	top: 116px;
	text-align:left;
	color:#FFFFFF;
	width: 249px;
	z-index:2;
}

.top-logo h1{
	position: absolute;
	bottom: -22px;
	left: 15px;
	color: white;
	font-family: "メイリオ";
	font-size: 60px;
	text-shadow: 2px 2px 1px #222222;

}

.logoEni{
font-size:80px;
text-shadow:4px 4px 2px white,
-4px 4px 2px white,
4px -4px 2px white,
-4px -4px 2px white;
padding-right:3px;
}

.write-area h1{
font-size:18px;
margin:0px 0px;
padding-left:8px;
color:#FFFFFF;


}

.write-area h2{
font-size:14px;
margin:0px 0px;
padding-left:8px;
color:#FF0000;

}

.write-area{
width:800px;
height:auto;
text-align:left;
box-shadow:1px 1px 1px gray;
margin:10px auto;
padding-bottom:5px;

position:relative;
color:#111111;
background:#FFFFFF;
}

.write-area p{

margin: 0 0 ;
padding-left:10px;
padding-bottom:10px;
font-weight:bold;
}

.write-area li{
margin:none;
margin-bottom:10px;
font-size:13px;
top:0px;

font-weight:bold;
}



.none{display:none;}

.shadow{
box-shadow:2px 2px 2px #999999;
}





#topSlide{
width:820px;
height:430px;
position:absolute;
}

#topSlide img{width:820px; height:430px;}




.red{color:#FF0000;} .blue{color:#0000CC;}

#acMenu{
margin:0px 0px;
}

 #acMenu dt{
   display:block;
   margin:0 0;
   width:90px;
   height:90px;
     text-align:center;
   cursor:pointer;
   position:absolute;
   top:0px;
   right:-90px;
   z-index:2;
   filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
   }
 
 #acMenu dt,
#acMenu dt::before,
 #acMenu dt::after{
 transition: all .3s;
 }
 
 #acMenu dt:hover{
  filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
		}
 #acMenu dt:active{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
		}

   
   
  #acMenu dd{
    background: linear-gradient(180deg,rgba(200,200,200,0.90), rgba(0,0,0,0.80));
   width:820px;
   height:430px;
   text-align:center;
   vertical-align:middle;
      position:absolute;
	 right:0px;
	 display:none;
         z-index:4
  
   }
   
.menu-title{
width:700px;
height:70px;
margin:20px auto;
font-family:"メイリオ";
font-size:36px;
font-weight:bold;
line-height:70px;
text-shadow:3px 3px 1px white;
background:linear-gradient(180deg,#FFCC33,white);
color:#CC0000;
-webkit-border-radius: 15%;
-moz-border-radius: 15%; 
border-radius: 15%;
}

.menu-image{
display:block;
width:820px;
position:relative;
}


.menu-image img{width:280px; height:70px; margin:7px 20px;}


#exit{
	position:absolute;
	display:block;
	cursor:pointer;
	color:#444444;
	width:40px;
	height:40px;
	text-align:center;
	background:#CCCCCC;
	border:1px solid gray;
	line-height:40px;
	padding:10px 10px;
	font-size:60px;
	font-weight:900;
	text-shadow:2px 2px 1px white;
	margin:5px 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow:0px 3px 1px gray;
	z-index:2;
	top:350px;
	left:-4px;
}

#exit:hover{
top:348px;
box-shadow:0px 5px 1px gray;
}

#exit:active{top:353px; box-shadow:none;}

}

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

	body{
		margin:0px 0px;
  background:url(../image/lane.jpg);
  background-size:cover;
  padding-top:17%;
  padding-bottom:15px;
	}
   
.fullbody{
	width: 95%;
	min-height: auto;
	text-align: center;
	margin: 0 auto;
	background: #FFFFFF;
	margin-bottom: 20px;
	font-size: 10px;
}

.top{
width:100%;
height:180px;
text-align:center;
margin-bottom:10px;
position:relative;
}

.top p{
	position:absolute;
	font-family:"メイリオ";
	font-weight:bold;
	font-size:16px;
	left: 16px;
	top: 116px;
	text-align:left;
	color:#FFFFFF;
	width: 249px;
	z-index:2;
}

.top-logo{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 40%;
	}

.top-logo h1{
	position: absolute;
	bottom: 6px;
	left: 10px;
	color: white;
	font-family: "メイリオ";
	font-size: 20px;
	text-shadow: 2px 2px 1px #222222;
	width: 202px;
	text-align: left;

}

.logoEni{
font-size:24px;
text-shadow:1px 1px 1px white,
-1px 1px 1px white,
1px -1px 1px white,
-1px -1px 1px white;
padding-right:3px;
}

.write-area h1{
font-size:14px;
margin:0px 0px;
padding-left:8px;
color:#FFFFFF;
font-family:"メイリオ";
background:#00CCFF;
}

.write-area h2{
font-size:10px;
margin:0px 0px;
padding-left:8px;
color:#FF0000;
font-family:"メイリオ";
}

.write-area{
width:98%;
height:auto;
text-align:left;
box-shadow:1px 1px 1px gray;
margin:10px auto;
padding-bottom:5px;
font-family:"メイリオ";
position:relative;
color:#111111;
background:#FFFFFF;
}

.write-area p{
	font-family: "メイリオ";
	margin: 0 0;
	padding-left: 2px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 10px;
}

.write-area ul{
	margin-left:4px;
	text-indent:0em;
	padding-left:1em; 
}

.write-area li{
	margin:2px 2px;
	margin-bottom: 5px;
	font-size: 9px;
	top: 0px;
	font-family: "メイリオ";
	font-weight: bold;
}



.none{display:none;}

.shadow{
box-shadow:2px 2px 2px #999999;
}





#topSlide{
width:820px;
height:430px;
position:absolute;
}

#topSlide img{width:820px; height:430px;}




.red{color:#FF0000;} .blue{color:#0000CC;}

#acMenu{
margin:0px 0px;
}

 #acMenu dt{
   display:block;
   margin:0 0;
   width:90px;
   height:90px;
     text-align:center;
   cursor:pointer;
   position:absolute;
   top:0px;
   right:-90px;
   z-index:2;
   filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
   }
 
 #acMenu dt,
#acMenu dt::before,
 #acMenu dt::after{
 transition: all .3s;
 }
 
 #acMenu dt:hover{
  filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
		}
 #acMenu dt:active{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
		}

   
   
  #acMenu dd{
    background: linear-gradient(180deg,rgba(200,200,200,0.90), rgba(0,0,0,0.80));
   width:820px;
   height:430px;
   text-align:center;
   vertical-align:middle;
      position:absolute;
	 right:0px;
	 display:none;
         z-index:4
  
   }
   
.menu-title{
width:700px;
height:70px;
margin:20px auto;
font-family:"メイリオ";
font-size:36px;
font-weight:bold;
line-height:70px;
text-shadow:3px 3px 1px white;
background:linear-gradient(180deg,#FFCC33,white);
color:#CC0000;
-webkit-border-radius: 15%;
-moz-border-radius: 15%; 
border-radius: 15%;
}

.menu-image{
display:block;
width:820px;
position:relative;
}


.menu-image img{width:280px; height:70px; margin:7px 20px;}


#exit{
	position:absolute;
	display:block;
	cursor:pointer;
	color:#444444;
	width:40px;
	height:40px;
	text-align:center;
	background:#CCCCCC;
	border:1px solid gray;
	line-height:40px;
	padding:10px 10px;
	font-size:60px;
	font-weight:900;
	text-shadow:2px 2px 1px white;
	margin:5px 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow:0px 3px 1px gray;
	z-index:2;
	top:350px;
	left:-4px;
}

#exit:hover{
top:348px;
box-shadow:0px 5px 1px gray;
}

#exit:active{top:353px; box-shadow:none;}

.menu{
	position:fixed;
	bottom:25px;
	left:0px;
	marigin:0 auto;
	width:100%;
	height:45px;
	z-index:10;
}

.menuWrapper{
	position:relative;
	width:100%;
	height:45px;
		 background:linear-gradient(180deg,rgba(153,153,153,0.9),rgba(153,153,153,0.7));
	 -webkit-border-radius:5px 5px;
-moz-border-radius:5px 5px ; 
border-radius: 5px 5px;
}
	
.menuBtn{
	width:24%;
	height:20px ;
	line-height:22px;
	font-size:9px;
	font-weight:bold;
	display:inline-block;
	color:white;
	font-family:"メイリオ";
	border-bottom:1px dotted #CCCCCC;
	cursor:pointer;
	   }
 
.menuBtn a{text-decoration:none; color:inherit; display:block}

	
}