/*==============================================*/
/*========  トップページ用CSS: base_1a  ========*/  /*  ★★　空白が全角の場合、そのラインは無効になるので要注意！　★★
/*==============================================*/

*{ 	margin : 0;
	padding : 0;
}

BODY{
  background-color : #000033;
  position : relative;
  text-align: center;        /* IE用 bodyを中央に配置 */
  scrollbar-base-color: #444466;
  scrollbar-arrow-color: #bbbbee;
}

#box{                        /*-- コンテンツ全体の幅と配置を規定 --*/
  position : relative;
  background-color : #000033;
  width : 930px;
  margin: auto;              /* FireFox用 bodyを中央に配置 */
}

h1 {
  font-size: 100%;
  color: #ff6600;
  margin: 10px;
  padding: 0;
}

h2 {
  font-size: 14px;
  color: #ffffff;
  margin: 0px;
  padding: 2px 0px 0px 0px; /*-- t r b l --*/
  background-color: #6699cc;
}

h3 {
  font-size: 80%;
  color: #0000ff;
  margin: 0px;
  padding: 2px 0px 0px 0px; /*-- t r b l --*/
}

/*--------------------------------------------------------------*/
/*-------------------------- header ----------------------------*/
/*--------------------------------------------------------------*/

#header{
  position : relative;
  width: 930px;
  height: 215px;
  background-color : #000033; 
  background-repeat : no-repeat;
}

#larvae_logo{
  position: absolute;
  top: 2px;
  left: 5px;
  width: 110px;
  height: 90px;
  background-repeat : no-repeat;
}

#countboard-1{
  position: absolute;
  top: 97px;
  left: 5px;
  width: 55px;
  height: 90px;
  background-repeat : no-repeat;
}

#countboard-2{
  position: absolute;
  top: 98px;
  left: 65px;
  width: 55px;
  height: 90px;
  background-repeat : no-repeat;
}

#update{
  position: absolute;
  top: 157px;
  left: 5px;
  width: 0px;
  font-size: 10pt;
  background-color: #000033;
  color : #aaaa88;
}

#schedule{
  position: absolute;
  top: 175px;
  left: 10px;
  width: 100px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  margin: 0px;
  padding: 0;
  background-repeat : no-repeat;
}

#schedule a{
  display: block; 
  background-color: #ff6600;
  color: #ffffff;
  text-decoration: none;    /*-- リンク　下線部なし  --*/
  padding: 7px 0px 7px 0px; /*-- t r b l --*/
  margin: 3px 0px 0px 0px; /*-- t r b l --*/
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #606070;
}

#schedule a:hover {       /*-- リンク部：マウスオーバー時 --*/
  color : #ff6600;
  background-color: #FFFFFF;
}

#header_main_top{
  background-color: #000033;
  position: absolute;
  top: 0px;
  left: 130px;
  width: 600px;
  background-repeat : no-repeat;
}

#header_main_mid{
  background-color: #000033;
  position: absolute;
  top: 5px;
  left: 130px;
  width: 600px;
  height: 200px;
  background-repeat : no-repeat;
}

#header_main_mid .headerphoto{
  float: left;
  padding: 0px 7px 0px 0px; /*-- t r b l --*/
}

#header_main_mid .headerphoto_end{
  float: left;
  margin: 7px 0px 0px 2px; /*-- t r b l --*/
}

#name_npo{
  position: absolute;
  background-color: #99ffff;
  top: 1px;
  left: 730px;
  width : 200px;
  height: 18px;
}

#name_larvae{
  position: absolute;
  background-color: #000033;
  top: 18px;
  left: 730px;
  width : 200px;
  height: 18px;
}

#header_photo1{
  position: absolute;
  background-color: #000033;
  top: 37px;
  left: 730px;
  width : 200px;
  height: 140px;
}

#member{
  position: absolute;
  background-color: #000033;
  top: 177px;
  left: 730px;
  width : 200px;
  height: 28px;
}

/*--------------------------------------------------------------*/
/*-------------------------- container -------------------------*/
/*--------------------------------------------------------------*/

#container{
  float: left;
  background-color : #000033;
  width : 730px;
  border: 0px solid #dddddd;
  text-align: left;
}

/*-----------------------  menu（左側）  ----------------------*/
#secondary{
  float: left;
  width: 130px;
}

/*-----------------------  menu（試合結果）  ------------------*/
#menu-shiai_kekka{
  float: left;
  width: 130px;
  background-color: #000033;
}

#menu-shiai_kekka li{
  margin: 0;
  padding: 0;
  width: 100px;
  height: 34px;
  font-size: 10pt;
  text-align: center;
  color: #ffffff;            /*-- 文字 白 --*/
  list-style-type: none;
  overflow: hidden: /* フォントサイズを拡大してはみ出した場合、文字を隠す　*/
}

#menu-shiai_kekka a{                    /*-- リンク部 --*/
  display: block;           /*-- マウスをメニュー部(箱)に持っていくと選択される --*/
  color: #ffffff;           /*-- ここで指定すると訪問／未訪問に関係なく同じ色で表示 --*/
  text-decoration: none;    /*-- リンク　下線部なし  --*/
  width: 100px;
  background-color: #ff6600;
  padding: 6px 0px 6px 0px; /*-- t r b l --*/
  margin: 0px 0px 0px 10px; /*-- t r b l --*/
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #606070;
}

#menu-shiai_kekka a:hover {       /*-- リンク部：マウスオーバー時 --*/
  color : #f00000;
  background-color: #FFFFFF;
}

/*-----------------------  menu（その他）  ------------------*/
#menu{
  float: left;
  width: 130px;
  background-color: #000033;
}

#menu li{
  margin: 0;
  padding: 0;
  width: 100px;
  height: 32px;
  font-size: 10pt;
  text-align: center;
  color: #ffffff;            /*-- 文字 白 --*/
  list-style-type: none;
  overflow: hidden: /* フォントサイズを拡大してはみ出した場合、文字を隠す　*/
}

#menu a{                    /*-- リンク部 --*/
  display: block;           /*-- マウスをメニュー部(箱)に持っていくと選択される --*/
  color: #ffff00;           /*-- ここで指定すると訪問／未訪問に関係なく同じ色で表示 --*/
  text-decoration: none;    /*-- リンク　下線部なし  --*/
  width: 100px;
  background-color: #000033;
  padding: 6px 0px 6px 0px; /*-- t r b l --*/
  margin: 0px 0px 0px 10px; /*-- t r b l --*/
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #606070;
}

#menu .text_red {
  color: #f00000;
}

#menu .text_orange {
  color: #ff6600;
}

#menu .text_yellow {
  color: #ffff00;
}

#menu .text_green {
  color: #99cc00;
}

#menu .text_blue {
  color: #33ccff;
}

#menu a:hover {       /*-- リンク部：マウスオーバー時 --*/
  color : #f00000;
  background-color: #FFFFFF;
}

#NPO a:hover{       /*-- リンク部：マウスオーバー時 --*/
  background: url(img/butt_npo_02.gif);
}

/*-----------------------  menu（マスコット）  ------------------*/
#gd {
  float: left;
  width: 130px;
  margin: 20px 0px 0px 0px; /*-- t r b l --*/
  padding: 0px 0px 0px 10px; /*-- t r b l --*/
}

/*----------------------- main（中央） ----------------------*/

#primary{
  background-color : #000033;
  float: right;
  width : 600px;
}

#tag1{
  background-color : #000033;
  float: left;
  width : 50px;
  height: 50px;
  margin: 0px 0px 0px 0px; /*-- t r b l --*/
}

#news{
  background-color: #000033;
  position: relative;
  left: 0px;
  width : 580px;
  font-family: Times New Roman, "MS 明朝", serif;
  margin: 0px 0px 10px 3px; /*-- t r b l --*/
  border: 1px solid #666699;
}

#news p{
  font-size: 80%;
  color: #ffffff;
  margin: 0px;
  font-family: Arial, "MS Pゴシック", san-serif;
  padding: 1px 0px 1px 10px; /*-- t r b l --*/
/*--  background-color: #aa9977;#7799aa --*/
  background-color: #aa9977;
}

#news h3{
  color: #dddddd;
  font-size: 82%;
  font-weight: lighter;
  padding: 2px 0px 0px 5px; /*-- t r b l --*/
}

#primary .column{
  background-color : #000033;
  float: right;
  width : 538px;
  padding: 0px;
  border: 0px;
}

#primary .column td{
  color: #dddddd;
}

#primary .column h3{
  color: #dddddd;
  font-size: 82%;
  font-weight: lighter;
  font-family: Times New Roman, "MS P明朝", serif;
}

#primary .column a{
  color: #aaaaff;
}

/*----------------------- その他（右側） ----------------------*/

#others{
  float: right;
  width : 200px;
  background-color : #000033; 
}

#others p{
  font-size: 80%;
  color: #ffffff;
  margin: 0px;
  padding: 4px 0px 4px 0px; /*-- t r b l --*/
  background-color: #6699cc;
}

#comment{
  text-align: center;
  width : 200px;
  height: auto;
  font-size: 75%;
  background-color : #ffffff;
}

#link{
  background-color: #ffffff;
  width : 200px;
  height: auto;
  margin: 0px 0px 0px 0px; /*-- t r b l --*/
  padding: 0px 0px 0px 0px; /*-- t r b l --*/
  border: 0;
}

/*---------------------------------------------*/
/*-- <div>内で画像を並べると隙間ができる　　 --*/
/*-- 回避策：HTMLの<img>の後で改行しない　　 --*/
?*-- 　　　　<img></div>の間で改行しない　　 --*/
/*---------------------------------------------*/

#link .link_img{
  width : 100%;
  height: 40px;
  margin: 0px 0px 0px 0px; /*-- t r b l --*/
  padding: 0px 0px 0px 0px; /*-- t r b l --*/
  border: 0;
}

#youbou{
  text-align: center;
  width : 200px;
  color: #ffffff;
  background-color : #6699cc;
  padding: 3px 0px 3px 0px; /*-- t r b l --*/
  margin: 0px 0px 0px 0px; /*-- t r b l --*/
}

#youbou p{
  font-size: 70%;
}

/*--------------------------------------------------------------*/
/*--------------------------  footer  --------------------------*/
/*--------------------------------------------------------------*/

#footer{
  clear: both;
  float: left;
  width: 930px;
  height: auto;
  background-color : #000033;
  margin: 50px 0px 0px 0px; /*-- t r b l --*/
  padding: 10px 0px 0px 0px; /*-- t r b l --*/
  border-top: 1px solid #aaaadd;
}

#footer_banner{
  float: left;
  width: 180px;
  height: 50px;
}

#footer_message{
  float :left;
  width: 600px;
  height: 50px;
  color: #ffffff;
  background-color: #000033;
}

#footer_message a{
  color: #ffff00;
  text-decoration: none;
}

#counter1{
  float: left;
  width: 150px;
  height: 50px;
  color: #ccffff;
  background-color: #000033;
}

#counter2{
  float: right;
  width: 200px;
  background-color: #000033;
}