@charset "utf-8";

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {

	margin: 0;

	padding: 0;
/* 仮
	border: none;
*/
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }


/* =========================================================
■body
========================================================= */
body {

    margin-left: 1.0em; margin-right: 1.0em;
    margin-top:  0; margin-bottom: 0;

	padding: 0;
	background: #ececec;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 93%;
	text-align: center;
	line-height: 1.5;
	letter-spacing:1px


}

/* =========================================================
■container
========================================================= */
div#container {
	width: 840px;
	margin: 0 auto;
	background: #AFDCAF;
	padding: 0;
}

/* =========================================================
■header
========================================================= */
div#header {
	height: 120px; 
	margin: 2px 2px 6px 2px;
	padding: 30px 0 0 30;
    background-image: url('img/haikei16.jpg');
    text-align: left;
}
div#header h1 {
	margin: 0 0 0 0;
	font-size: 150%;
	color: #FFFFFF;
}

/* =========================================================
■wrapper
========================================================= */
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */


/* =========================================================
■content
========================================================= */
div#content {
	float: right;
	/*float: left;*/
	width: 580px;
	background: #EEFFDD;
	margin: 0 5px 0 5px;
	padding: 5px 5px 5px 5px;
}

div#content p {
	margin: 1em;
}

div#content th,
div#content td
{
	margin: 0 5px 0 5px;
	padding: 5px 5px 5px 5px;
}

/*   横リストの定義　開始　*/
div#content ul {
   width: 580px;  /* ナビゲーション全体の横幅を固定 */
   margin:0;
   padding:0;
   list-style:none:  /* リストマーカーボックスを非表示 */
}
div#content li {
   float:left;  /* 各リストを全て左にフロート */
   width:120px; /* フロートしたボックスの横幅を固定 */
   height:38px; /* フロートしたボックスの縦幅を固定 */
   margin:0;
   padding:0;
}
div#content li a{
   width:120px; /* 横幅を固定 */
   padding:8px 0;
   color:#000000;
   display:block;  /* リンク領域をボックス状に拡張 */
   text-decoration:none; /* リンクテキストの下線を非表示 */
   font-size:12PX;   /* フォントサイズを固定 */
   background:url('img/bg1.png'); /* リストの背景画像を指定 */
   top left:no-repeat; 
   text-align: center;   /* テキストの位置を中央に */
}
div#content li a:hover {
   color:#999999;  
   background-position:0 -38px; /* リストの背景画像の位置を変更 */
   background-color:#66CCFF /* マウスオーバー時の背景色 */
}
/*  横リストの定義 終了  */
/* =========================================================
■sidebar
========================================================= */
div#sidebar {
	/*float: right;*/
	float: left;
	width: 190px;
	background: #EEFFDD;
	margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}
div#sidebar p {
	margin: 1em 0em 1em 2em;
}
div#sidebar ul {
	margin: 0 0 0 10px;
}
div#sidebar li {
	margin: 5px 0 10px 5px;
}

/* =======================
     リストの定義　開始　*/

div#sidebar ul {
   width: 160px;
   margin:0;
   padding:0;
   list-style:none;  /* リストマーカーボックスを非表示 */
   border-top:#CCCCCC 1px solid; /* ナビゲーションの上部に罫線 */
}
div#sidebar li {
   margin:0;
   padding:0;
   border-bottom:#CCCCCC 1px solid; /* 各リストの下部に罫線 */
}
div#sidebar li a{
   color:#333333;
   display:block;  /* リンク領域をボックス状に拡張 */
   text-decoration:none; /* リンクテキストの下線を非表示 */
   font-size:14px;
   padding:4px 0 4px 20px;
   background:url(img/arrow01.gif) 1px 8px no-repeat; /* 矢印を背景画像で表示 */
}
div#sidebar li a:hover {
   color:#FFFFFF;  /* マウスオーバー時の文字色 */
   background-color:#66CCFF /* マウスオーバー時の背景色 */
}
/*  リストの定義 終了  */
/* ====================*/
/* =========================================================
■footer
========================================================= */

div#footer {
    clear:both;
	margin:  5px 0 0;
	padding: 4px;
	background: #6F9C6F;
	color: #ffd700;
	font-size: 90%;
}

/* =========================================================
■common
========================================================= */

h1 {
          font-size: 22px;
}

h2 {
          font-size: 17px;
          color: #FFFFFF;
          background-color: #5F8C5F;
          padding: 7px;
          margin: 5px 0 5px 0; 
}

h3 {
          font-size: 17px;
          color: #000000;
          background-color: #FFFF99;
          padding: 7px;
          margin: 5px 0 5px 0;
}

p {
          font-size: 14px;
          color: #000000;
          margin: 7px 7px 7px 7px;
}
/*
ul { 
          padding : 5px 5px 5px 5px; 
          margin: 5px 5px 5px 5px;
}  
*/
em {     font-style: normal; font-weight: bold;
         font-size: 20px;
         color: #FFFFFF;
}
/*
.category {
          font-size : 20px ;
          color: #FFFFFF;
          background-color: #FF9900; 
          padding: 5px;
          margin: 5px;
} 
*/

table.a {
     empty-cells:show; 
     max-width:610; 
     border-padding:5;
     border-color:#FFFFFF; 

     background-color: #C0C0C0; 
     font-size : 15px;
     border: solid 0.5px #C0C0C0;
     /*border-collapse: separate;*/
     border-spacing: 0.1px 0.1px;
}
th.a {border: solid 0.1px #FFFFFF;
     background-color: #7FAC7F; 
     text-align: center; 
     color: #ffffff;
}
td.a {border: solid 0.1px #FFFFED;
     /*background-color: lemonchiffon;*/ 
     background-color: #EEFFDD; 
     }