@charset "Shift_JIS";

body {
  color: #000000;
  background: #ffffff;
  margin: 0;
  padding: 0;
}

/* ---- リンクの色 ---- */
a:link {
  color: #0000ff;/*Blue*/
  background: transparent;
}
a:visited {
  color: #0000ff;/*Blue*/
  background: transparent;
}
a:hover {
  color: #0000ff;/*Blue*/
  background: transparent;
}
a:active {
  color: #0000ff;/*Blue*/
  background: transparent;
}


/* ---- 左上のロゴ ---- */
#logo{
  padding:0px;
  border:0px ;
  margin: 0;
  width: 140px;		/*ie6 */
  height: 1px;		/*ie6 */
  float: left;
}

/* ---- 2段目の絵 ---- */
#logo2{
  padding:0px;
  border:0px ;
  margin: 0;
  width: 140px;		/*ie6 */
  height: 1px;		/*ie6 */
  float: left;
}

/* ---- 右上のヘッダーキャッチフレーズ---- */
#headercatch {
  width:100%;
  float: right;
  text-align: right;
  margin-top: 0px;
  margin-right: 0px;/* 150px is right*/
  font-size: xx-small;
  background: orange;
}

/* ---- 右上の検索 ---- */
#search {
/*  width: 60%;*/
  width: 60%;
  float: right;
  text-align: right;
  margin-top: 15px;
  margin-right: 10px;
}


/* ---- 上のナビゲーションバー ---- */
#topnav {
 clear: both;
 margin: 0;
 font-size: small;
 line-height: 1.4em;
 padding-left: 175px; /*テキスト表示開始箇所*/
color: #ffffff;
 background-color: #999999;
 height:20px;
}
#topnav li {
 display: inline;
 background-color:#666666;
 float:right;
}
#topnav li a {
 margin-right: 0px;
 text-decoration: none;
 padding: 0.2em 0.8em;
 color: #ffffff;
 background-color: #666666;
 font-size:small;
}
#topnav li a:hover, 
#topnav li a:active, 		/* for IE (Keyboard) */
#topnav li a:focus {		/* for Netscape (Keyboard) */
  color: #ffffff;
  background: #000066;/*Blue*/
}

/* ---- 左横のナビゲーションバー ---- */
#sidenav {
 position: absolute;
 left: 0;
 background-color: #eeeeee;
 margin-top:60px;
}
#sidenav h1 {
  margin: 0;
  width: 175px;
  text-align: center;
  padding: 0.2em 0;
  font-size: small;
  color: #ffffff;
  background: #000066;/*Blue*/
}
#sidenav h2 {
 margin: 0;
 width: 175px;
 text-align: center;
 padding: 0.2em 0;
 font-size: small;
 color: #ffffff;
 background: #000066;
 /*Blue*/;
}
#sidenav ul {
  margin: 0;
  padding: 0;

}
#sidenav li {
 list-style: none;
 width: 175px;
 text-align: center;
 font-size: small;
 margin-top:0px;
 margin-bottom:0px;
}
#sidenav li a {
  display: block;
  padding: 0.2em 0;
  text-decoration: none;
  color: #333333;
  background: #eeeeee;
}
#sidenav li a:hover,
#sidenav li a:active,		/* for IE (Keyboard) */
#sidenav li a:focus {		/* for Netscape (Keyboard) */
  color: #ffffff;
  background: #999999;
}

/* ---- コンテンツ ---- */

#contents {
 margin-left: 175px;
 /*175px*/
padding: 1.5em;
 max-width: 600px;
 /*450px*/
font-size: small;
 margin-top:60px;
}
#contents h1 {
 margin: 0;
 padding: 0.2em 0 0.2em 20px;
 /*background:orange no-repeat left;
 */
font-size: medium;
 color:#FF0000;
}
#contents h2 {
 margin: 0;
 padding: 0.2em 0 0.2em 20px;
 font-size: medium;
 color:#61C615;
}
#contents h3 {
 margin: 0;
 padding: 0.2em 0 0.2em 20px;
 color:#FFFFFF;
 font-size: medium;
 background-color:#03AFF1;
}
#contents li {
 margin-bottom: 0px;
 font-size:small;
 padding-left:25px;
}
#contents p {
  margin: 0.8em 1em 0;
  line-height: 1.5;
}

/* ---- フッタ関連 ---- */
#footer {
  margin: 1em 0;
  border-top: 1px solid #666666;
  padding: 0.5em;
  font-size: small;
}
#footer p {
  margin: 0;
}
#copyright {
  width: 48%;
  float: left;
}
#footnav {
  width: 48%;
  float: right;
  text-align: right;
}