
/* 2010.02.19*/

/* ------------------------------------------------------------ */
/* ボディ要素 */

body{
  font-family: Verdana;
  font-size: 7pt;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
  margin: 5px;
  background-color: #ffffff;
  overflow: auto;
  scrollbar-3dlight-color: #778899;
  scrollbar-arrow-color: #ffffff;
  scrollbar-darkshadow-color: #778899;
  scrollbar-face-color: #778899;
  scrollbar-highlight-color: #778899;
  scrollbar-shadow-color: #778899;
  scrollbar-track-color: #778899;
}

/* ------------------------------------------------------------ */
/* テキスト関係 */

a:link,a:active,a:visited{
  color: #ffffff;
  text-decoration: none;
}

a:hover{
  font-weight: bold;
  text-decoration: none;
}

a.menu:link,a.menu:avtive,a.menu:visited{
  font-weight: bold;
  text-decoration: none;
}

a.menu:hover{
  color: #888888;
  text-decoration: none;
}

br{
  letter-spacing: normal;
}

/* ------------------------------------------------------------ */
/* ライン要素 */

hr{
  border: 1px dotted #ffffff;
  height: 1px;
  width: 100%;
  margin: 5px 0px;
}

/* ------------------------------------------------------------ */
/* イメージ関係 */

img{
  border: 0px;
}

img.banner{
  margin: 5px 0px;
}

img.line{
  margin: 10px 0px;
}

/* ------------------------------------------------------------ */
/* リスト関係 */

dl{
  margin: 0px;
}

dt{
  margin: 0px;
}

dd{
  margin-left: 20px;
}

/* ------------------------------------------------------------ */
/* アイフレーム要素 */

iframe{
  border: 0px #ffffff solid;
  height: 400px;
  width: 400px;
}

/* ------------------------------------------------------------ */
/* テーブル関係(index) */

table{
  height: 100%;
  width: 100%;
}

td{
  text-align: center;
}

/* ------------------------------------------------------------ */
/* フォーム関係 */

input{
  font-family: Verdana;
  font-size: 7pt;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #ffffff;
  height: auto;
  width: 250px;
  background-color: #778899;
}

input.write{
  width: auto;
  border: none;
}

textarea{
  font-family: Verdana;
  font-size: 7pt;
  color: #ffffff;
  border: 1px solid #ffffff;
  height: auto;
  width: 300px;
  background-color: #778899;
}

/* ------------------------------------------------------------ */
/* spanタグ関係 */

.title{
  font-family: Verdana;
  font-size: 7pt;
  color: #ffffff;
  font-weight: bold;
}

.gray{
  color: #888888;
}

/* ------------------------------------------------------------ */
/* divエリア関係 */

div{
  font-family: Verdana;
  font-size: 7pt;
  color: #ffffff;
  line-height: 18px;
}

/* index */
div.main{
  height: 400px;
  width: 800px;
  background-image: url('green.jpg');
}

div.left{
  float: left;
  height: 400px;
  width: 80px;
}

div.frame{
  float: left;
  height: 400px;
  width: 400px;
}

div.right{
  text-align: left;
  padding: 15px;
  float: left;
  height: 400px;
  width: 320px;
}

/* info,link,apeskin */
div.imgscroll{
  text-align: left;
  padding: 10px;
  height: 100%;
  width: 100%;
  background-color: #778899;
  overflow: auto;
  filter: chroma(color=#778899);
}

div.board{
  text-align: center;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 350;
  background-color: #222222;
  overflow: auto;
  filter: chroma(color=#222222);
}

div.inp{
  text-align: right;
  height: auto;
  width: 300px;
}

div.box{
  text-align: left;
  height: auto;
  width: 350px;
}