html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }

* {
margin: 0;
padding: 0;
}

/* リンクカラー（ページ全体）

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }

/* リンクカラー（ヘッダー） */

#banner a { color: #ff6600; text-decoration: none; }
#banner a:hover { color: #ffff00; }

#main a { color: #0000ff; text-decoration: none; }
#main a:hover { color: #ff6600; }
/* リンクカラー（サイドメニュー） */

#side a { color: #0000ff; }
#side a:hover { color: #ff6600; }
#side a {background-color:#ffffff;}


/* H見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }


/* ページレイアウト */

body
{width: auto;
margin: 0;
padding: 0;
font-size: 0.9em;
text-align: center;
color: #333;
line-height: 1.3;
}

p {
margin-top: 1px;
margin-bottom: 0px;
}

#container
{
position: relative;
margin: auto;
padding: 0 0 0 0;
text-align: center;
width: 810px;
}

#container:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
}

/* ヘッダー（レイアウト） */
#banner
{
 position: relative;
 width: auto;
 height: 380px;
margin-left:auto;
margin-right:auto;
 border-bottom: 1px solid #FF6600;
}

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

#banner h1
{
margin: 0;
color: #fff;
font-size: 16px;
font-weight: normal;
line-height: 1.25;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
position:absolute; top: 10px; right: 5px;
letter-spacing: 0.2em;
}


/* ヘッダー（検索ボックス） */

#banner-search
{
position:absolute; bottom: 10px; right: 10px;
color:#fff;
}


/* ヘッダー（サイト説明） */

#banner-description
{
display: none;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;

}

#pagebody:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
}


/* メインコンテンツレイアウト */

#main /* 記事部分 */

{
display: inline;
position: relative;
min-height: 1px;
width: auto;
height:auto;
margin: 10px;
text-align: left;
}

#side /* サイドメニュー */

{
display: inline;
position: relative;
float: right;
min-height: 1px;
margin: 10px;
width: 180px;
text-align: left;
position: absolute;   
top: 0;   
right: 0; 
}

#s-main /* 検索結果記事部分 */

{
display: inline;
position: relative;
float: left;
min-height: 1px;
width: 560px;
_width: 490px;
margin: 10px;
text-align: left;
}

/* 記事部分見出し */

.header1
{
position: relative;
width: 530px;
_width: 100%;
margin: 15px 0;
padding: 3px 0 2px 10px;
border-left: 5px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
line-height: 1.25;
font-size: 1.4em;
font-weight: normal;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
text-transform: uppercase;
clear: both;
; color: #006600
}


/* 記事部分コンテンツ */

.entry
{
line-height: 1.5;
margin: 10px;
padding-bottom: 10px; 
border-bottom: 1px dotted #dcdcdc;
}

.more
{
text-align: right;
}

.header2
{
position: relative;
margin-top: 10px;
border-left: 5px solid #e0e0e0;
padding: 2px 0 2px 10px;
font-size: 1.1em;
font-weight: normal;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
line-height: 1.25;
}

.header1 a, .header2 a 
{
text-decoration: none;
}

.entry-footer
{
margin: 5px 10px 0 0;
border-top: 1px dotted #ccc;
padding: 5px 0;
color: #999;
font-size: 10px;
text-align: right;
}

.bread
{
background: none;
margin: 0 10px;
padding-left: 10px;
text-align: left;
}

.f-navi
{
margin: 5px 0;
text-align: center;
clear: both;
}

.gotop 
{
text-align: right;
clear: both;
padding: 10px;
}

.img
{
float: left;
margin: 0 5px 5px 0;
text-align: center;
width:auto
}
.img-main
{
float: left;
margin: 1px 5px 0px 0px;
text-align: center;
width:auto
}
.tb-info
{
text-align: center;
border: 1px dotted #ccc;
}


/* フッター */

#footer
{
position: relative;
width: 810px;
margin-left:auto;
margin-right:auto;
height: 120px;
 background: url(img/footer.gif) bottom no-repeat;
text-align: left;
padding: 0;
clear: both;
color: #666;
}

#footer p
{
padding: 40px 0 0;
margin: 0;
font-size: 0.8em;
text-align: center;
}

#footer a
{
text-decoration: none;
color: #666;
}

.footer-navi
{
 width: 800px;
margin: 0 5px;
padding: 5px 0;
background: #fff;
font-size: 0.8em;
text-align: center;
line-height: 1.25;
clear: both;
}

.footer-navi a
{
color: #999;
}


/* サイドメニュー内部 */

.side-header
{
position: relative;
width: auto;
height: 16px;
margin: 10px 0 5px 0;
padding: 2px 0;
color: #fff;
background: #ff6600;
font-size: 14px;
font-weight: bold;
line-height: 16px;
text-align: center;
letter-spacing: 0.3em;
  /* ▼CSS3 */
border-top-left-radius: 10px;  /* 左上 */
border-top-right-radius: 0px; /* 右上 */

   /* ▼Safari,Chrome */
-webkit-border-top-left-radius: 10px;  /* 左上 */
-webkit-border-top-right-radius: 0px; /* 右上 */

   /* ▼Firefox */
-moz-border-radius-topleft: 10px;  /* 左上 */

}

#side p 
{
padding: 0 5px;
}

#side ul
{
margin: 0;
padding: 0;
list-style: none;
}

#side li a
{
width: 178px;
_width: 180px;
background-color: #fff;
text-indent: 5px;
display: block;
font-size: 12px;
line-height: 1.25;
margin: 2px 0;
padding: 5px 0;
letter-spacing: 0.1em;
border: 1px solid #ccc;
text-decoration: none;
}

#side li a:hover
{
background: #ff9900;
border: 1px solid #ccc;
color: #fff;
}

#side dl
{
padding: 5px;
}

#side dt
{
font-size: 12px;
line-height: 1.5;
}

.haikei{
background-image:url(haikei.jpg);
background-repeat: no-repeat; ; background-position: right top; height: auto; width: auto; font-size: 14px}


.font_b {  font-weight: bold; margin-bottom: 1px; padding-bottom: 1px}

/* サリンクボタン */
#menu_ul2{
margin-left: 15px;
padding: 0;
width: 100%;
background: transparent;
padding-top: 345px;
}

#menu_ul2 ul{
font: bold 13px Arial, Verdana, sans-serif;/*font size*/
margin:0;
padding:0;
list-style:none;
}

#menu_ul2 li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#menu_ul2 a{
float:left;
color: white;
background: #678b3f url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px; /*font interval*/
}

#menu_ul2 a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:5px 10px 3px 7px;
}

#menu_ul2 a span{
float:none;
}

#menu_ul2 a:hover{
background-color: #8cb85c;
}

#menu_ul2 a:hover span{
background-color: #8cb85c;
}

#menu_ul2 #current a, #menu_ul2 #current span{ /*currently selected tab*/
background-color: #8cb85c;
}
.font_main {  margin-top: 3px; }

   /* ボタン用 */
#button a{
   display: block; /* ★ブロック化 */
   margin: 0.1em; /* 外側の余白 */
   padding: 0.3em; /* 内側の余白 */
   width: auto; /* 横幅 */
   float: left; /* 続く内容を右側に */
   text-decoration: none; /* 下線を消す */
   
   background-color: #ffffcc; /* ★背景色 */
   color: #000080; /* 文字色 */
   border-width: 2px; /* ★枠線の太さ */
   border-style: outset; /* ★凸型に見えるように */
   border-color: #ffff55; /* ★枠線のベース色 */
}
#button a:hover {
   background-color: #ffffaa; /* ★背景色 */
   color: red; /* 文字色 */
   border-style: inset; /* ★凹型に見えるように */
   text-decoration: underline; /* 下線を引く */
}  

.floatclear {
 clear: both;
 }
 
.box
{
position: relative;
width: 585px;
height: auto;
min-height: 140px;
text-align: left;
padding: 5px 0px 8px 3px;
background-color: #f9fde5;
border:1px solid #7cfc00;
clear:both;
overflow: auto; 

}
.box-l
{
position: relative;
width: 580px;
height: auto;
text-align: left;
padding: 0;
}
.box-half-l
{
float : left ;
position: relative;
width: 388px;
height: 160px;
text-align: left;
padding: 5px 0px 5px 5px;
background-color: #f9fde5;
border:1px solid #7cfc00;
clear:both;
}
.box-half-r
{
float : right ;
position: relative;
width: 388px;
height: 160px;
margin: 0px 0px 15px 10px;
text-align: left;
padding: 5px 0px 5px 5px;
background-color: #f9fde5;
border:1px solid #7cfc00;
}
.box-full
{
position: relative;
width: auto;
height: auto;
min-height: 50px;
text-align: left;
padding: 5px 0px 8px 3px;
background-color: #f9fde5;
border:1px solid #7cfc00;
clear:both;
overflow: auto; 

}
.box-wide
{
position: relative;
width: auto;
height: auto;
text-align: left;
  padding: 5px 5px 5px 5px;
border:1px solid; border-color:#000000 #000000 #000000 #000000;
}
.box1{
      float : left ;
      width : 460px ;
      height : 350px ;
      padding: 5px 5px 5px 5px;
      background : #fc9 ;
      border : 1px solid #000 ;
      }
.box2{
      float : right ;
      width : 300px ;
      height : 350px ;
        padding: 0 0 0 0;
      background : #fff ;
      border : 0px solid #000 ;
      }
.clr-block{
      clear : both ;
       background : #09f ;
      padding : 5px ;
      }