@charset "utf-8";

/* リセット
--------------------------------------------------------------------------------------------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{display:block;}

*{margin:0px;padding:0px;font-weight:400;}

    a:link {color:#0F5494;}
    a:visited{color:#0F5494;} 
    a:hover{color:#770077;} 
    a:active{color:#ff0000;} 

/* 全体のデザイン(背景の設定など）
--------------------------------------------------------------------------------------------------------------*/
body{
     font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
     background:#FFFFFF;
     margin: 0px;
     padding: 0px;
     text-align:center;
     color:#000000;
     background:url(../../../img/haikei.png);
     background-attachment:fixed;
}

.wrapper{
    width:850px;
    margin-right:auto;
    margin-left:auto;
    padding-left:20px;
    padding-right:20px;
    background:#EEFFFF;
    box-shadow: 0px 4px 3px 2px #000000;
   -moz-box-shadow:0px 4px 3px 2px #000000;
   -webkit-box-shadow:0px 4px 3px 2px #000000;
}


.title{
    margin-left:auto;
    margin-right:auto;
    width:850px;
   }
  .title h1{
     display:block;
     width:830px;
     font-size:45px;
     font-weight:900;
     padding-left:20px;
     padding-top:20px;
     text-align:left;
     color:#FFFFFF;
     background:#EEFFFF;
     text-shadow: 2px 2px 1px #00AAEE, -2px 2px 1px #00AAEE,2px -2px 1px #00AAEE,-2px -2px 1px #00AAEE;
     letter-spacing: 20px;
    }
    .title p{
       display:block;
       width:830px;
       color:#0000FF;
       background:#EEFFFF;
       text-shadow: 5px 5px 2px #00AAEE;
       letter-spacing: 7px;
       padding-right:20px;
       padding-bottom:3px;
       text-align:right;
       }
       
   /* メニューの設定
--------------------------------------------------------------------------------------------------------------*/


nav ul {
   display:block;
   list-style-type: none;
   width:846px;
   height:57px;
   margin:0;
   padding:0;
   margin-top:3px;
   border:2px outset #88FFFF;
   clear:both;
}

nav li {
   float:left;
   text-align: center;
}

nav li a{
   display: block;
   font-size:17px;
   font-weight:400;
   width:137px;
   background:#EEFFFF;
   background: linear-gradient(#EEFFFF, #CCFFFF);
   background: -moz-linear-gradient(#EEFFFF, #CCFFFF);
   background: -webkit-linear-gradient(#EEFFFF, #CCFFFF);
   border:outset 1px #FFFFFF;
   text-decoration:none;
   color:#444444;
   padding:15px;
}
nav li a:link{color:#444444;}
nav li a:visited{color:#444444;}
nav li a:hover {
   background:#EEFFEE;
   color:#00AAEE;
}
.top_grad{
	width:840px;
	height:35px;
	font-size:13px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
   background:#EEFFFF;
   background: linear-gradient(#99FFFF, #EEFFFF);
   background: -moz-linear-gradient(#99FFFF, #EEFFFF);
   background: -webkit-linear-gradient(#99FFFF, #EEFFFF);
}
      
      footer{
      	width:850px;
      	clear:both;
      	font-size:12px;
      	text-align:center;
      	border-top:1px solid #88FFFF;
      	background:#EEFFFF;
      }
      footer p{
      	padding:10px;
      }