@charset "utf-8";

@import"top_style.css"; 
@import"page_style.css"; 

*         { 
          margin: 0;
          padding: 0;
          border: none;

}

/* ------------------------------
 リンクの設定
------------------------------ */

a:link           { color: blue;    text-decoration: underline;}
a:visited        { color: purple;  text-decoration: underline;}
a:hover          { color: magenta; text-decoration: none;}
a:active         { color: magenta; text-decoration: none;}

#logo a:link           { color: white; text-decoration: none;}
#logo a:visited        { color: white; text-decoration: none;}
#logo a:hover          { color: white; text-decoration: underline;}
#logo a:active         { color: white; text-decoration: underline;}

/* ------------------------------
 全体の設定
------------------------------ */

body          {
          font-size: 0.9em;
          line-height: 1.4;
          margin-top: 1em;
          margin-left: auto;
          margin-right: auto;
          background-color: white;
}

/* ------------------------------
 ヘッダーの設定
------------------------------ */

#header        {
           width: 1050px;
           margin: 0 auto;
}

#header_title  {
          color: black;
          width: 1050px;
}

#header_left   {
          float: left;
}

#header_right  {
          float: right;
}

#header_bottom {
          clear: both;
}

#logo          {
          padding: 10px;
}

.header_menu ul{
	  background-color: #696969;
	  color: white;
	  height:35px;
	  list-style:none;
}
.header_menu li {
          float:left;
          width: 100px;
          padding:0px;
}

.header_menu li a{
          width: 100px;
	  color: white;
	  display: block;
          line-height: 35px;
	  text-align: center;
	  text-decoration: none;
}
.header_menu li a:hover, 
.header_menu ul li:hover a{
	  color: #FFFFFF;
	  background-color: #333333;
	  text-decoration:none;
}
.header_menu li ul{
          background-color:#333333;
	  display:none;
	  height:auto;
	  padding:0px;
	  margin:0px;
	  border:0px;
          position:absolute;
	  width:100px;
          z-index:200;
          text-align: center;
}
.header_menu li:hover ul{
          display:block;
}
.header_menu li li {
          display: block;
	  float: none;
          width: 100px;
          text-align: center;
}
.header_menu li:hover li a{
          background:none;
}

.header_menu li ul a {
	  display:block;
	  height:35px;
	  text-align:center;
}

.header_menu li ul a:hover, 
.header_menu li ul li:hover a {
          background-color: gray;
	  border:1px;
	  color:#ffffff;
	  text-decoration:none;
	  text-align: center;
}
#position      {
          width: 1050px;
          margin: 0 auto;
          clear: both;
          font-size: 0.9em;
          line-height: 2em;
          color: black;
}

#position a:link     { color: black;  text-decoration: underline;}
#position a:visited  { color: black;  text-decoration: underline;}
#position a:hover    { color: gray;   text-decoration: none;}
#position a:active   { color: black;  text-decoration: none;}

/* ------------------------------
 ボディの設定(共通)
------------------------------ */

#container      {
          width: 1048px;
          margin: 0 auto;
          background-color: #DCDCDC;
          border: solid 1px #DCDCDC;
}

#center    {
          width:  800px;
          border: solid 1px black;
}

#main_title {
          margin: 20px 0 0 20px;
}

/* ------------------------------
 フッターの設定
------------------------------ */

#footer         {
         background-color: black;
}

.footer_menu_list ul li {
          display: inline;
}

#footer a:link           { color: white;    text-decoration: underline;}
#footer a:visited        { color: white;  text-decoration: underline;}
#footer a:hover          { color: gray; text-decoration: none;}
#footer a:active         { color: magenta; text-decoration: none;}