@charset "utf-8";

body{
	width:1000px;        /*画面の幅を1000ｐｘとする*/
            margin:0 auto;       /*中央に表示*/

}
header{
    background-color: #e0ffff;   /*ヘッダー部の背景色*/
    height: 80px;
}
header img{
    float: left;     /*　ロゴ画像の右にナビゲーションを設定*/
}

/*==============これよりナビのＣＳＳ===============*/
nav{
     margin: 0;
     padding: 0;
}

nav ul{
    list-style-type : none;      /*頭文字無し*/
    overflow : hidden;
    padding: 20px 0 0 10px;  
}

nav li a{
  text-decoration : none;            /*リンクアンダーバーの非表示*/
  display : block;                         /*表示形式　blockタイプ*/
  background-color : #32cd32;    /*ナビの背景色指定*/
  color : #ffffff;                          /*ナビの文字色*/
  padding-top: 15px;                   /*ナビ文字上余白*/
  padding-bottom: 10px;             /*ナビ文字下余白*/
  font-size: 18px;                      /*ナビ文字のサイズ*/
}

/*ナビの終了時*/
nav ul::after{
    content: "";
    display: block;
    clear: both;
}

/*マウスオーバ時背景と文字色の指定*/
nav li a:hover{
    background-color: #fff2cc;
    color: #32cd32;
}

/*ナビブロックの設定*/
nav li{
  font-weight : bold;           /*文字の太さ*/
  text-align : center;         /*文字を中央へ*/
  margin-bottom: 5px;       /*ブロックの下 */
  padding-left: 5px;         /*ブロックの左余白*/
  padding-right : 5 px;       /*ブロックの右余白*/
  width : 120px;               /*ブロックのサイズ*/
  float : left;                   /*横並び指定*/
}
/*==============ナビのＣＳＳ終了============*/
/*==============TOP見出し===================*/
.box010{
  display: block;
  margin: 0; 
  padding-top: 20px;
  padding-left: 20px;
  width: 980px;
  height:60px;
  background-color: #fff8dc;
  font-size:30px;
  font-weight : bold;           
 }
.box010 p{
  margin: 0;
  padding: 0;
}
.box011{
  display: none;
  margin: 0; 
  padding-top: 20px;
  padding-left: 20px;
  width: 980px;
  height:60px;
  background-color: #ffe4e1;
  font-size:30px;
  font-weight : bold;  
  color: #000080;         
 }
.box011 p{
  margin: 0;
  padding: 0;
}
.box012{
  display: none;
  margin: 0; 
  padding-top: 20px;
  padding-left: 20px;
  width: 980px;
  height:60px;
  background-color: #e0ffff;
  font-size:30px;
  font-weight : bold;  
  color: #800000;         
 }
.box012 p{
  margin: 0;
  padding: 0;
}

/*==============サイドメニュー================*/
.box02{
  float: left;
  padding-top: 5px;
  width: 300px;
  height:500px;
  background-color: #f5f5f5;
  font-size:20px;
  font-weight : bold;           
 }
.box02 p{
  margin: 0;
  padding: 0;
 text-align: center;
}
/*==============サイドメニュー01　==============*/
.box03{
  margin: 10px auto; 
  padding-top: 5px;
  width: 250px;
  height:200px;
  background-color: #fff0f5;
  font-size:20px;
  font-weight : bold;           
 }
.box03 p{
  margin: 0;
  padding: 0;
}
.img-size-box03{
     width:250px;
     height:180px;
}
/*==============サイドメニュー02　===============*/
.box04{
  margin: 10px auto; 
  padding-top: 5px;
  width: 250px;
  height:200px;
  background-color: #ffffcc;
  font-size:20px;
  font-weight : bold;           
 }
.box04 p{
  margin: 0;
  padding: 0;
}
.img-size-box04{
     width:250px;
     height:180px;
}
/*URL用イメージサイズ*/
.img-size-text04{
     width:250px;
     height:18px;
     font-size: 20px;
     color: #800000;
     text-align: center;  
}
/*==============動画領域　===================*/
.box05{
  float: left;
  margin: 0 0 0 20px; 
  border: 10px double  #cc9900;
  padding: 0px;
  width:650px;
  height:445px;
  background-color: #e5e4e2;
  text-align: center;
 }
.box05 img{
  margin: 0;
  padding: 0;
  width: 650px;
  height: 445px;
}
.box05 video{
  margin: 0;
  padding: 0;
  width: 650px;
  height: 445px;
}
/*URL用イメージサイズ*/
.img-size-box05{
    margin: 0;
     width:630px;
     height:425px;
 }
/*==============お知らせ領域　===================*/
.box06{
  clear : both;
  margin: 0; 
  padding-top: 20px;
  padding-left: 20px;
  width: 980px;
  height:auto;
  background-color: #fff5ee;
  font-size:20px;
  font-weight : bold;  
 }
.box06 h4{
   color: #808000;
   margin: 0;
   padding: 0; 
}
.box06 p{
  color: #2f4f4f;         
  margin: 0;
  padding: 0;
  font-size:15px;
}
.box06 h5{
  color: #000080;         
  text-align: center;
  margin: 0;
  padding: 0;
  font-size:15px;
}
/*==============切り替え要素　===================*/
 .box05 input{
    margin: 10px 0px;
    display:block;
    width:200px;
    height: 30px;
}