@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;}

/* 全体のデザイン(背景の設定など）
--------------------------------------------------------------------------------------------------------------*/
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:900px;
    margin-top:40px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:40px;
}


.title{
    margin-left:auto;
    margin-right:auto;
    width:900px;
   }
  .title h1{
     display:block;
     width:880px;
     font-size:50px;
     font-weight:900;
     padding-left:20px;
     padding-top:20px;
     text-align:left;
     color:#FFFFFF;
     background:#CCFFEE;
     text-shadow: 5px 5px 2px #00AAEE;
     letter-spacing: 20px;
    border-top-left-radius: 30px 30px;
    border-top-right-radius: 30px 30px;
    -moz-border-top-left-radius: 30px 30px;
    -webkit-border-top-left-radius: 30px 30px;
    -webkit-border-top-right-radius: 30px 30px;
    -moz-border-top-left-radius: 30px 30px;
    -moz-border-top-right-radius: 30px 30px;
    }
    .title p{
       display:block;
       width:880px;
       color:#0000FF;
       background:#CCFFEE;
       text-shadow: 5px 5px 2px #00AAEE;
       letter-spacing: 10px;
       padding-right:20px;
       text-align:right;
       }
  
   
  /* メニューの設定
--------------------------------------------------------------------------------------------------------------*/

nav ul {
   display:block;
   list-style-type: none;
   width:900px;
   height:53px;
   margin:0;
   padding:0;
   box-shadow:0px 5px 3px 2px #000000;
   -moz-box-shadow:0px 5px 3px 2px #000000;
   -webkit-box-shadow:0px 5px 3px 2px #000000;
   border-bottom-left-radius: 30px 30px;
   -webkit-border-bottom-left-radius: 30px 30px;
   -moz-border-bottom-left-radius: 30px 30px;
   border-bottom-right-radius: 30px 30px;
   -webkit-border-bottom-right-radius: 30px 30px;
   -moz-border-bottom-right-radius: 30px 30px;
   clear:both;
}

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

nav li a:link{
   display: block;
   font-size:17px;
   font-weight:400;
   width:150px;
   background:#00aaee;
   background: linear-gradient(#ccffee, #00aaee);
   background: -moz-linear-gradient(#ccffee, #00aaee);
   background: -webkit-linear-gradient(#ccffee, #00aaee);
   text-decoration:none;
   color:#FFFFFF;
   border-bottom:#dee9f1 1px solid;
   padding:15px;
}
nav li a:visited{color:#FFFFFF;}
nav li a:hover {
   background:#CCFFEE;
   color:#00AAEE;
}

.l_radius{
    border-bottom-left-radius: 30px 30px;
    -webkit-border-bottom-left-radius: 30px 30px;
    -moz-border-bottom-left-radius: 30px 30px;

  }
.r_radius{
    border-bottom-right-radius: 30px 30px;
    -webkit-border-bottom-right-radius: 30px 30px;
    -moz-border-bottom-right-radius: 30px 30px;
  }