/*---▼▼ページ全体の設定▼▼---*/
#center{
/*------------------------------------------------------------------------------*/
  width : 1040px;　　　　/*ページの幅*/
  height : 3000px;    /*ページの高さ⇒この高さの分だけ両側の縦線が引かれます*/
/*------------------------------------------------------------------------------*/
  position:relative;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
/*------------------------------------------------------------------------------*/
  border-left : 1px solid rgb(204, 204, 204);    /*ページ左側の縦線の太さと色指定*/
  border-right : 1px solid rgb(204, 204, 204);   /*ページ右側の縦線の太さと色指定*/  
/*------------------------------------------------------------------------------*/

  height : 1250px;
  
}

body{
/*------------------------------------------------------------------------------*/
  text-align:center;　　　/*ページを画面の中央に表示する設定*/
/*------------------------------------------------------------------------------*/
  
}

#header{
  background-repeat : no-repeat;
  width : 1040px;
  height : 820px;
  position : absolute;
  top : 0px;
  left : 0px;
}

#main{
  background-image : url(m-back.gif);
  background-repeat : no-repeat;
  width : 1040px;
  height : 430px;
  position : absolute;
  top : 820px;
  left : 0px;
}

ul{
/*------------------------------------------------------------------------------*/
  position : absolute;  /*横並びナビ全体の位置を固定する指定*/
  top : 380px;      /*横並びナビ全体左上角のページの上端からの距離*/
  left : 130px;     /*横並びナビ全体左上角のページの左端からの距離*/
  background-color : transparent;  /*横並びナビ全体の背景の色指定（現在は透明）*/
/*------------------------------------------------------------------------------*/
}

li{
/*------------------------------------------------------------------------------*/
  font-size : 12px;       /*ナビの文字のサイズ*/
  font-family : メイリオ, serif;    /*文字のフォント（メイリオがメインserifは予備）*/
  font-weight : bold;   /*文字の太さ（太くする時⇒bold）*/ 
  color : rgb(114, 113, 113);          /*文字の色*/
  text-align : center;    /*文字の中央寄せ*/
/*------------------------------------------------------------------------------*/
  list-style-type:none;
/*------------------------------------------------------------------------------*/
  width : 80px;     /*各ナビの文字収納スペースの横幅*/
  height : 15px;    /*各ナビの文字収納スペースの高さ*/
  float : left;     /*各ナビを左方向に横並びにする指定（ないと縦に並びます）*/
/*------------------------------------------------------------------------------*/
  border-bottom-width : 1px;                 /*各ナビ下線の太さ*/
  border-bottom-style : solid;               /*各ナビ下線の種類（現在は実線）*/
  border-bottom-color : rgb(204, 204, 204);  /*各ナビ下線の色*/
/*------------------------------------------------------------------------------*/
  padding-top : 2px;
  margin-left : 5px;     /*各ナビ左側の間隔幅指定*/
  background-color : transparent;  /*各ナビの背景の色指定（現在は透明）*/
/*------------------------------------------------------------------------------*/
}

li a{
/*------------------------------------------------------------------------------*/
  color : rgb(114, 113, 113);
  text-decoration : none;   /*リンクを貼った時にできる下線の消去*/
/*------------------------------------------------------------------------------*/
}

li a:hover{
/*------------------------------------------------------------------------------*/
  color : orange;     /*カーソルがナビの上に乗った時の文字の色*/
/*------------------------------------------------------------------------------*/
}
.st{
  width : 200px;
  height : 310px;
  position : absolute;
  top : 10px;
  left : 20px;
  
}

.sy{
  width : 200px;
  height : 310px;
  position : absolute;
  top : 10px;
  left : 220px;
  
}

.ba{
  width : 200px;
  height : 310px;
  position : absolute;
  top : 10px;
  left : 420px;
  
}

.ho{
  width : 200px;
  height : 310px;
  position : absolute;
  top : 10px;
  left : 620px;
  
}

.sa{
  width : 200px;
  height : 310px;
  position : absolute;
  top : 10px;
  left : 820px;
  
}

.tit{
  font-size : 14px;
  font-family : メイリオ, serif;
  margin-top : 7px;
  text-align : center;
}

.exe{
  font-size : 12px;
  font-family : メイリオ, serif;
  margin-left : 30px;
  margin-right : 30px;
}

.pho{
  width : 140px;
  height : 100px;
  position : absolute;
  top : 180px;
  left : 30px;
}

.men{
  width : 200px;
  height : 150px;
  position : absolute;
  top : 330px;
  left : 830px;
}

#footer{
  font-size : 9px;
  font-family : メイリオ, serif;
  text-align : center;
  width : 1040px;
  height : 30px;
  position : absolute;
  top : 400px;
  left : 0px;
}

a{
  color : black;
  text-decoration : none;
}
a:hover{
  color : orange;
}

.map{
  width : 130px;
  height : 130px;
  position : absolute;
  top : 700px;
  left : 900px;
  }

.ju{
  width : 500px;
  height : 30px;
  position : absolute;
  top : 340px;
  left : 140px;
  font-size : 18px;
  font-family : メイリオ, serif;
  color : white;
}

.blog{
  width : 340px;
  height : 400px;
  position : absolute;
  top : 330px;
  left : 700px;
}
.syo{
  width : 1040px;
  height : 320px;
  position : absolute;
  top : 0px;
  left : 0px;
}

.back{
  width : 1040px;
  height : 500px;
  position : absolute;
  top : 320px;
  left : 0px;
}

.yu{
  width : 480px;
  height : 320px;
  position : absolute;
  top : 330px;
  left : 10px;
}