@charset "shift_JIS";
/****** 基本設定 ******/
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 84%;
  font-family: Verdana,Chicago,Arial,sans-selif,"ＭＳ Ｐゴシック";
  line-height: 130%;
  text-align: center;
  color: #444444;
  background: url(tower.png) fixed no-repeat 0% 0%;
  background-color: #ffffff;
}
/* 画像 */
img {
  border: 0;
}
/* リンク */
a {
  color: #00008B;
}
a:visited {
  color:#00008B;
}
a:hover {
  color: #ffffff;
  text-decoration:none;
  background-color: #00008B;
}
/* 文字強調 */
em {
  font-weight: 900;
  font-style: normal;
  color: #3A5FCD;
}
/****** ページの整形 ******/
#page {
  text-align: left;
  margin: 0 auto 0 0;
  width: 598px;
  height: 100%;
  background: #FFFFFF;
  border-right: 1px solid #444444;
  margin-left: 200px;
  padding-right: 5px;
}
/****** ヘッド ******/
#head {
  width: 598px;
  height: 200px;
  background-image: url(syamei.jpg);
}
h1 {
  padding: 15px 10px 5px;
  margin-left: 4px;
  letter-spacing: 2pt;
  font-size: 100%;
  color: #444444;
  background-color:#F0FFFF;
  margin-bottom: 10px;
  margin-top: 10px;
}
/****** メニュー ******/
#menu {
  width: 360px;
  float: center;
  height: 260px;
}
#menu ul {
  list-style: none;
  margin: 0 5px 0;
  padding: 0;
  background-color: #ddeff5;
  border-top: 1px solid #444444;
  border-right: 1px solid #444444;
  border-left: 1px solid #444444;
}
#menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  border-bottom: 1px solid #444444;
}
#menu a {
  color: #4975af;
  text-decoration: none;
  display: block;
  padding: 3px;
  border-bottom: 1px solid #f5f7fb;
  line-height: 1.5em;
}
#menu a:hover {
  color: #eeeeee;
  display: block;
  padding: 3px;
  background-color: #00008B;
  line-height: 1.5em;
}
/****** メイン *******/
#main {
  width: 500px;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
  border-left: 1px solid #444444;
  text-align: center;
}
/* mainBox */
.mainBox {
  margin-top: 50px;
  margin-left: 100px;
  width: 300px;
  height: 100%;
}
.mainBox2 {
  margin-top: 50px;
  width: 100%;
  height: 100%;
  text-align: center;
}
#main h2 {
  font-size: large;
  margin-right: 10px;
  padding: 3px 5px;
  color: #296f86;
  letter-spacing: 1pt;
  border-bottom: 1px dashed #408080;
}
#main p,dl {
  margin: 0 20px;
  padding: 0.3em 0.8em 1em;
}
#main dt {
  font-weight: bold;
}
#main dd {
  margin: 0;
}
#main ul {
  margin: 0px 40px;
  padding: 0.3em 0.8em 0.8em;
  list-style: none;
}
#main li {
  list-style: none;
  list-style-type: square;
}

/****** フッター *******/
#foot {
  padding: 0;
  margin: 0;
  width: 524px;
  margin-left: 40px;
}
/* 著作権 */
address {
  margin: 5px 0 0 0;
  padding: 3px 0 3px 10px;
  font-size: x-small;
  font-style: normal;
  text-align: center;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 13px solid #00008B;
  border-right: 1px solid #00008B;
}

/* サイト名 */
h1 {
  font-size: medium;
  padding: 6px 10px 5px;
  color: #1c5527;
  letter-spacing: 2pt;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 13px solid #00008B;
  border-right:1px solid #00008B;
  height: 12px;
  width: 486px;
  text-align: center;
  background-image:url(minimark.png);
  background-repeat:no-repeat;
  background-position:left;

}

#hidari {
  padding: 0;
  margin: 0;
  width: 190px;
  background:#C6E2FF ;
  text-align: left;
}
#migi {
  padding: 0;
  margin: 0;
  width: 320px;
  background:#C6E2FF ;
  text-align: left;
}
#hidari2 {
  padding: 0;
  margin: 0;
  width: 190px;
  height: 24px;
  background:#C6E2FF ;
}
#migi2 {
  padding: 0;
margin: 0;
 width: 320px;
 height: 24px;
  background:#C6E2FF ;
}
#mojiretu {
  padding: 0;
  width: 500px;
  background:#ffffff ;
  float:center;
  margin-top: 10px;
  margin-left: 40px;
}
#mojiretu01 {
  padding: 8px;
  margin: 3px;
  width: 500px;
  background:#C6E2FF ;
  background-image: url(mark05.png);
  background-repeat:no-repeat;
  background-position:right top;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  text-align: left;
  }
 #mojiretu02 {
  padding: 0px;
  width: 516px;
  background:#ffffff ;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  font-size:10.5px ;
  }
 #mojiretu03  {
  padding: 10px;
  margin: 3px;
  width: 360px;
  height: 20px;
  background: #7EC0EE ;
  float:right;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  text-align: left;
  }

#mojiretu04 {
  padding: 0px;
  margin: 3px;
  width: 486px;
  float:left;
  }
 #mojiretu05 {
  padding: 0px;
  width: 516px;
  background:#ffffff ;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  font-size:12px ;
  }


#gazou02 {
  margin: 3px;
  width: 169px;
  height: 225px
  float:left;
  background:#C6E2FF ;
  background-position:left bottom;
   border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;

  }
 #gazou03 {
  padding: 10px;
  margin: 3px;
  width: 500px;
  background:#C6E2FF ;
  background-image: url(mark03.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  float:right;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  }
#gazou04 {
  margin: 3px;
  width: 300px;
  float:right;
  background:#C6E2FF ;
  background-position:left bottom;
   border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  }
  .midasi01  {
  padding: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 200px;
  height: 16px;
  background: #ffffff ;
   border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 20px solid #00008B;
  border-right: 1px solid #00008B;
  text-align: center;
  position: relative;
  }
  .midasi02  {
  padding: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 200px;
  height: 16px;
  background: #ffffff ;
  text-align: center;
  position: relative;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  }
  .midasi03  {
  padding: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 320px;
  height: 16px;
  background: #ffffff ;
  text-align: center;
  position: relative;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 20px solid #00008B;
  border-right: 1px solid #00008B;
  }
  
  
.gyomu01 {
  padding: 2px;
  margin: 0;
  width: 84px;
  background:#C6E2FF ;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}  
.gyomu02 {
  padding: 2px;
  margin: 0;
  width: 100px;
  background:#C6E2FF ;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}  
.gyomu03 {
  padding: 2px;
  margin: 0;
  width: 290px;
  background:#C6E2FF ;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  }  
 .mojiretu02 {
  padding: 0px;
  margin: 3px;
  width: 520px;
  background:#ffffff ;
  font-size: 10px;
  float:right;
  border-top: 1px solid #00008B;
  border-bottom: 1px solid #00008B;
  border-left: 1px solid #00008B;
  border-right: 1px solid #00008B;
  text-align: center;
}
.komoji{
	font-size: 8px;
}

#counter{
	margin-top: 100PX;
	margin-left:  -180px;
	position: absolute;
}