@charset "UTF-8";
body {
text-align: center;
background:rgba(222, 219, 206, 0.43);
/*background: #70c3d4;*/
background-image:url(../img/Shinobiwrithig.png);
background-attachment:fixed;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header {
position: fixed;
width: 100%;
height: 140px;
top: 0;
text-align: center;
z-index: 8888;
}
#logo {
margin: 0 auto;
overflow: hidden;
background: #ffffff;
border-bottom: dotted 1px #dddddd;
}
#logo .inner {
width: 1100px;
margin: 0 auto;
}
h1 {
padding: 10px 0 5px;
text-align: left;
width: 350px;
float: left;
}
#logo p {
float: right;
padding: 12px 25px 8px;
}
#header nav {
background: #ffffff;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}
#header nav ul {
padding:0;
font-weight: 400;
margin: 0 auto;
width: 1100px;
min-width: 1100px;
overflow: hidden;
background: #5FBAD1;
background: #bf8310;
background: #d1cf00;
}
#header nav ul li a {
display: block;
height: 70px;
line-height: 70px;
float: left;
margin: 0px 0px 0 0;
text-decoration: none;
font-size: 14px;
padding: 0 0 0 0;
text-align: center;
color: #825930;
font-weight: bold;
width: 219px;
border-right: dotted 1px #dddddd;
cursor: pointer;
letter-spacing: 0.1em;
background: #ffffff;
}
#header nav ul li a.last {
width: 220px;
border-right: none;
}
#header nav ul li a:hover {
background: #eeeeee;
color: #555555;
}
#header nav ul li a.active {
color: #ffffff;
background: transparent;
}
#header nav ul li .long {
line-height: 16px;
position: relative;
padding-top: 18px;
height: 52px;
display: block;
}
#header nav ul li a span {
display: block;
font-size: 10px;
font-weight:normal;
color: #70C3D4;
position: relative;
top: -55px;
letter-spacing:0.1em;
}
#header nav ul li a.active span {
color: #ffffff;
}
#header nav ul li a.hover span {
color: #cccccc;
}
#header nav ul li .long span {
top: -2px;
}
#main {
text-align: center;
width: 1100px;
margin: 0 auto;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}
#main section {
width: 1100px;
margin: 0 auto 0;
background: #ffffff;
font-size: 24px;
line-height: 2.2;
text-align: left;
font-weight: bold;
position: relative;
}
#main #top {
z-index: 50;
margin-top: 190px;
position: relative;
}
.btn_area {
position: absolute;
}

#main #menu-2 {
position: relative;
	}
#main #menu-2 .btn_area {
top: 400px;
left: 270px;
position: absolute;
}
#main #menu-2 .btn_area a img:first-child {
margin-right: 80px;
}
#main #menu-4 {

}
#main #menu-4 .btn_area {
top: 2000px;
left: 350px;
}
#main #menu-4 .btn_area a img {
width: 400px;
}
#footer {
width: 1100px;
margin: 0 auto;
text-align: center;
}
#footer address {
color: #444444;
font-size: 11px;
font-weight: bold;
padding: 30px 0 50px;}


.timer{  
    text-align:center;   
    width:440px;  
    margin:10px auto 10px;  
    padding:10px 0;  
    font-size:0.7em;  
    color:#fff;  
/*    text-shadow:1px 1px 1px #ccc;  */
    font-weight:500; 
    line-height:20px;  
    border:1px solid #ef007c;  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ef007c), color-stop(0.00, #ff5db1));  
    background: -webkit-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: -moz-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: -o-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: -ms-linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    background: linear-gradient(top, #ff5db1 0%, #ef007c 100%);  
    shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #f5add2; /* Safari, Chrome用 */    
    -moz-box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #f5add2; /* Firefox用 */    
    box-shadow: 2px 2px 16px 7px #ddd, inset 0px 0px 1px 1px #f5add2; /* CSS3 */
}