* {
	color:#000000;
	padding:0;
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	background-image: none;
}

body{
	background-color: #CCFFFF;
    background-image: url(img/bg_green.jpg);
    }
hr{
   color: #333333; height: 1px; width: 750px;
   }
   
#base {
 width:780px; /* ページの全体幅を指定 */
 margin-left:auto;
 margin-right:auto;
 background-color: #ffffff; /* ページの背景色を指定 */
 border: solid 1px #5a5a2e; /* 外枠指定 */
   }
        
-------------------------------------------

/* ヘッダー部分 */

#headder {
    position: relative;
    width: 780px;
	height: 170px;
	clear: left;
	background: url(img/test3.jpg) no-repeat 0 0;
}

/* ヘッダー（サイトタイトル） */

#headder-title {
    margin: 0;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.25;
    position:absolute; top:30px;
}

#sub {
    color: #000033;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25;
    position:absolute; top:150px;      
}

#headder h1 {
	font-size: 28px;
	color: #f00;
    position: top:30px; left:50px;
	margin: 0;
	padding: 5px 0 5px 0px;
}

#headder h1 a {
	color: #000000;
	text-decoration: none;
}

#headder h1 a:visited {
	color: #000000;
}

#headder h1 a:hover {
	color: #ff0000;
	text-decoration: underline;
}

---------------------------------------------------------------

/* トップナビ */

#nav {
	width:100%;
	height: 50px;
	position:absolute;
	bottom:0px;
	float:left;
	background-color: #555;
}

#nav ul {
	list-style-type:none;
	float: right;
	display: block;
	margin-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
  }
  
#nav ul li {
	display: inline;
	padding-left: 22px;
	padding-right: 5px;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 12px 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
  }
  
#nav a {
	color: #00f;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

#nav a:hover {
	color: #FF6600;
	background-color: #FFFFFF;
}

------------------------------------------------------   
h1,h2,h3{ margin: 0; }      
h1{
   font-family: "palatino Linotype",Times,serif;
   font-style: italic;
   text-align: center; /* 文字の中央配置指定 */
   font-size: 100%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
   color: #336633; /* 大見出しの文字色を緑に指定 */
   padding : 0 0 0 0;
  }
h1 a { text-decoration: none;}

h2{
   text-align: left; /* 文字の左配置指定 */
   font-size:117%; /* フォントサイズをbody要素から継承された計算値の117%に指定 */
   color: #108bef; /* 小見出しの文字色指定 */
   background-color: #f7f6f4; /* 小見出しの背景色を指定 */
   border-left: 5px solid #5a5a2e;
   border-bottom: 1px dotted #5a5a2e; /* 下方向に1pxのボーダーを指定 */
   margin: 0px 5px 0 10px;
   padding: 5px;
  }
h3{
   text-align:center; /* 中央寄せ */
   font-size:80%; /* フォントサイズをbody要素から継承された計算値の80%に指定 */
   color: #ffffff; /* 小見出しの文字色指定 */
   background-color: #008040; /* 小見出しの背景色を指定 */
   border-style: none ; /* 外枠指定 */
   margin: 0px 0px 0 0px;
   padding: 5px;
  }
h3 a {
      color: #ffffff;
     }
h4{
   width: 300px;
   text-align:center; /* センタリング */
   font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
   color: #ffffff; /* 小見出しの文字色指定 */
   background-color: #56c0f2; /* 小見出しの背景色を指定 */
   border-style: none ; /* 外枠指定 */
   margin: 3px 0px 0 0px;
   padding: 5px 5px 0 5px;
  }
h4 a {
      color: #ffffff;
     }
h5{
   height: 20px;
   width: 300px;
   text-align:left; /* 左寄せ */
   font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
   color: #008040; /* 小見出しの文字色指定 */
   background-color: #eefde3; /* 小見出しの背景色を指定 */
   border-left: solid 10px #008040 ; /* 外枠指定 */
   border-bottom: 1px dotted #008040; /* 下方向に1pxのボーダーを指定 */
   margin: 3px 0px 0 10px;
   padding: 5px;
  }
p {
    margin: 0px 10px 0px 0px;
   font-size:100%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
  } 

.info {
       width: 350px;
       font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
       border: dotted 1px #009900 ; /* 外枠指定 */
       margin: 10px 10px 0 20px;
       padding: 5px;
}

#content {
   width:780px; /* ページの全体幅を指定 */
   margin-left:auto;
   margin-right:auto;
   background-color:#ffffff; /* ページの背景色を指定 */
   border: solid 0px #5a5a2e; /* 外枠指定 */
   border: 1px 0 0 0; /* 外枠指定 */
   
   }
#main_body {
  float:right; /* ボックスを右寄せ */
  width:570px; /* ボックスの幅を指定 */ 
  margin: 10px 3px 10px 5px; /* 上下方向にマージンを指定 */
  border: solid 0px #75a2d0; /* 外枠指定 */
  background-color:#ffffff;
}
#main_body ul {
       list-style-type: none; /* リストの記号を指定 */ 
       height: 20px;
       font-size:80%; /* フォントサイズをbody要素から継承された計算値の80%に指定 */  
       margin: 5px 5px 10px 20px;
       padding:1px;
         }
#main_body li {
       height: 20px;
       font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */ 
       margin: 2px 10px 2px 10px;
       padding: 2px 1px 2px 20px;
       background-color: #ffffff;
}
   
.main_part {
  width:550px; /* ボックスの幅を指定 */ 
  margin: 10px 3px 10px 10px; /* 上下方向にマージンを指定 */
  border: solid 0px #75a2d0; /* 外枠指定なし */
  background-color:#ffffff;
}

table {
     width: 100%;     
     padding: 10px;
     background-color: #edf9fe; /* 表の背景の色 */ 
     font-size:　100%;
     border: solid 1px #56c0f2; /* テーブル枠線の種類・幅・外枠の色 */ 
}
th {
   color: #ffffff;
   border:solid 1px #cccccc; /* テーブル内側の仕切り線 */ 
   background-color: #56c0f2; /* 表の背景の色 */ 
}
td {
   height: 50px;
   border:none; /* テーブル内側の仕切り線 */ 
}

.t_bt{
   height: 30px;
   border-top:dotted 1px #56c0f2; /* 枠上線 */
   background-color: #ffffff; /* 表の背景の色 */  
}
.mousikomi{
   height: 50px;
   width: 100px;
   border:solid 1px #cccccc; 
}
.syousai{
   height: 50px;
   width: 100px;
   margin: 10px 3px 10px 250; /* 上下方向にマージンを指定 */
   border:solid 1px #cccccc; 
}
.in_table {
     width: 98%;
     font-size:　90%;
     padding: 10px;
     border: solid 1px #56c0f2; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
     }
.in_table th {
     width: 20%;
     font color: #ffffff;
     border: solid 1px #edf9fe; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
     }
.in_table td {
     width: 80%;
     border: solid 1px #56c0f2; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
     background-color: #edf9fe; /* 表の背景の色 */ 
     }

.main_free {
  width:550px; /* ボックスの幅を指定 */ 
  margin: 10px 3px 10px 20px; /* 上下方向にマージンを指定 */
  border: solid 0px #68d754; /* 外枠指定なし */
  background-color:#ffffff;
   }
.free {
   width: 300px;
   text-align:left; /* センタリング */
   font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
   color: #ffffff; /* 小見出しの文字色指定 */
   background-color: #68d754; /* 小見出しの背景色を指定 */
   border-left: solid 10px #68d754; /* 外枠指定 */
   margin: 3px 0px 0 0px;
   padding: 5px 5px 0 5px;
}
.table_fr {
     width: 100%;
     padding: 20px;
     background-color: #eefde3; /* 表の背景の色 */ 
     font-size:　90%;
     border: solid 1px #68d754; /* テーブル枠線の種類・幅・外枠の色 */ 
}
.t_bt{
   height: 30px;
   border-top:dotted 1px #68d754; /* 枠上線 */
   background-color: #ffffff; /* 表の背景の色 */  
}
.mousikomi{
   height: 50px;
   width: 100px;
   border:solid 1px #cccccc; /* テーブル内側の仕切り線 */ 
}
.syousai{
   height: 50px;
   width: 100px;
   margin: 10px 3px 10px 250; /* 上下方向にマージンを指定 */
   border:solid 1px #cccccc; /* テーブル内側の仕切り線 */ 
}

.in_table_fr {
     width: 98%;
     font-size:　90%;
     padding: 10px;
     border: solid 1px #68d754; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
     }
.in_table_fr th {
     width: 20%;
     font color: #ffffff;
     background: #68d754;
     border: solid 1px #eefde3; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
     }
.in_table_fr td {
     width: 80%;
     font color: #333333;
     border: solid 1px #68d754; /* テーブル枠線の種類・幅・外枠の色 */ 
     border-collapse: collapse;
     background-color: #eefde3; /* 表の背景の色 */ 
     }

#navi_left {
  float: left; /* ボックスを左寄せ */
  width:190px; /* ボックスの幅を指定 */
  margin: 10px 0px 10px 0px; /* 上下方向にマージンを指定 */
  border: solid 0px #5a5a2e; /* 外枠指定 */
  font-size:100%; /* フォントサイズをbody要素から継承された計算値の100%に指定 */
  background-color: #ffffff;
      }

#navi_free {
  width: 180px; /* ボックスの幅を指定 */
  margin: 0px 1px 10px 5px; /* 上下方向にマージンを指定 */
  border: none; /* 外枠指定 */
  font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
  background-color: #cda17a;
      }
#navi_free ul { 
       list-style-type: none; /* リストの記号を指定 */ 
       margin: 5px 5px 10px 5px;
       padding:1px;
       border: 0px solid #ff6600; /* 上方向に0pxのボーダーを指定 */     
         }
#navi_free li { 
       margin: 2px 10px 2px 10px;
       padding: 2px 1px 2px 10px;
       background-color: #ffffff;
       border-bottom: 0px dotted #ff6600; /* 下方向に1pxのボーダーを指定 */
         }
#navi_type {
  width:180px; /* ボックスの幅を指定 */
  margin: 10px 0px 10px 3px; /* 上下方向にマージンを指定 */
  font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
  background-color: #d2ac87;
      }
#navi_type ul {
       list-style-type: none; /* リストの記号を指定 */ 
       margin: 5px 5px 10px 5px;
       padding:1px;
       border: 0px solid #ff6600; /* 上方向に0pxのボーダーを指定 */     
         }
#navi_type li { 
       margin: 2px 10px 2px 10px;
       padding: 2px 1px 2px 10px;
       background-color: #ffffff;
       border-bottom: 0px dotted #ff6600; /* 下方向に1pxのボーダーを指定 */
         }

#navi_brand {
  width:180px; /* ボックスの幅を指定 */
  margin: 10px 0px 10px 3px; /* 上下方向にマージンを指定 */
  font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
  background-color: #d6b393;
      }
#navi_brand ul {
       list-style-type: none; /* リストの記号を指定 */ 
       margin: 5px 5px 10px 5px;
       padding:1px;
       border: 0px solid #ff6600; /* 上方向に0pxのボーダーを指定 */     
         }
#navi_brand li { 
       margin: 2px 10px 2px 10px;
       padding: 2px 1px 2px 10px;
       background-color: #ffffff;
       border-bottom: 0px dotted #ff6600; /* 下方向に1pxのボーダーを指定 */
         }
#navi_design {
  width:180px; /* ボックスの幅を指定 */
  margin: 10px 0px 10px 3px; /* 上下方向にマージンを指定 */
  font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
  background-color: #d9ba9b;
      }
#navi_design ul {
       list-style-type: none; /* リストの記号を指定 */ 
       margin: 5px 5px 10px 5px;
       padding:1px;
       border: 0px solid #ff6600; /* 上方向に0pxのボーダーを指定 */     
         }
#navi_design li { 
       margin: 2px 10px 2px 10px;
       padding: 2px 1px 2px 10px;
       background-color: #ffffff;
       border-bottom: 0px dotted #ff6600; /* 下方向に1pxのボーダーを指定 */
         }
#left_pr {
  width:180px; /* ボックスの幅を指定 */
  margin: 10px 0px 10px 3px; /* 上下方向にマージンを指定 */
  font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
  background-color: #cda17a;
      }
#left_pr ul { list-style-type: none; /* リストの記号を指定 */ 
       list-style-type: none; /* リストの記号を指定 */ 
       margin: 5px 5px 10px 5px;
       padding:1px;
       border: 0px solid #ff6600; /* 上方向に0pxのボーダーを指定 */     
         }
#left_pr li { 
       margin: 2px 10px 2px 10px;
       padding: 2px 1px 2px 10px;
       background-color: #ffffff;
       border-bottom: 0px dotted #ff6600; /* 下方向に1pxのボーダーを指定 */
         }
.pagetop {
       font-size: 70%; /* フォントサイズを初期値の70％分に指定 */
       text-align: right; /* 右寄せ */
}
span.to_top { height: 50px;
          width: 100px;
          font-size: 70%; /* フォントサイズを初期値の70％分に指定 */
          text-align: right; /* 右寄せ */
}
.img {
     margin: 10px 0 25px 50px;
}

#f_menu {
       clear: both;
       text-align:center; /* センタリング */
       padding: 10px 15px 5px 15px;
       color: #333333;
       background-color: #ffffff;
       border-top: 1px solid #336633; /* 上方向に0pxのボーダーを指定 */     
       border-bottom: 0px solid #336633; /* 下方向に0pxのボーダーを指定 */
       font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
}
#f_menu ul {
           margin-top: 5px;
	       margin-bottom: 5px;
           padding: 0px;
           }
#f_menu li{
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #336633;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}
#mokuji { width: 550px;
          border: 0px solid #ff6600; /* 上方向に0pxのボーダーを指定 */     
}
#mokuji ul { height: 10px;
           font-size:80%; /* フォントサイズをbody要素から継承された計算値の80%に指定 */  
           list-style-type: none; /* リストの記号を指定 */ 
           margin: 5px 5px 0 10px;
           padding:1px;
}
.mokuji_1 { float: left;
             width: 220px;
             height: 10px;
}
.mokuji_2 { float: right;
             width: 240px;
             height: 10px;
}
#mokuji li { height: 10px;
           font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */ 
           margin: 2px 10px 2px 5px;
           padding: 2px 1px 2px 10px;
           background-color: #ffffff;
           border-left: 5px solid #FF6600; /* 左方向に5pxのボーダーを指定 */     
}

#footer {
       text-align:center; /* センタリング */
       width: 780px;
       margin: 0;
       background-color: #333333;
       color: #ffffff;
       border-bottom: 0px solid #336633; /* 下方向に0pxのボーダーを指定 */
       font-size:90%; /* フォントサイズをbody要素から継承された計算値の90%に指定 */
}
#footer a { color:#333333;}

a { color: blue; }
a: visited{ color: blue; 
a: hover{ color: red; /* リンクマウスポインタ文字色を指定 */ }


/* ヘッダー部サイトマップ＆HOMEボタン用 */

#smap {
	width: 700px;
	padding-right: 15px;
	margin-top: -18px;
	background-color: #CC0000;
}
#smap ul {
	list-style: none;
    margin :0;
    padding: 0;
    height: 32px; 
    overflow: hidden;
    border-bottom: 2px solid #cccccc;   
    }
#smap li {
	float: left;
	width: 110px;
	margin: 0;
	padding: 0;
	background-color: #FF0000;
}

#smap a {
	float: left;
    display: block;
    width: 100%;
	padding: 6px 0 8px 0;
	color: #FAD8A9;
	background-color: #339966;
	background-image: url(img/yajirusi_migi.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
}
#smap a: hover {
       color: #ff0000; /* オンマウス時の文字色を指定 */
       background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
       background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
}