@charset "shift_jis";
body{
  color : #666666;
  margin: 0px;
  padding: 0px;
  font: 80%/1.8 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  background : url(gr6b.gif) 50% 0% / auto auto repeat scroll padding-box border-box #f5f5f5;
  text-align: center;
}
a{
  color: #333333;
}
a:hover{
  color: #5d9808;
}
h1,h2,h3,p,ul{
  margin: 0px;
  padding: 0px;
}
li{
  list-style-type: none;
}
img{
  border: none;
}
#container{
  text-align: left;
  width: 806px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}
/*ヘッダー
------------------------------------------------------------------*/
#header{
  background : transparent url(container_bg_01.jpg) no-repeat scroll left top;
  height: 417px;
  width: 806px;
}
#header h1{
  font-size: 11px;
  color: #FFFFFF;
  top: 10px;
  right: 10px;
  text-align: right;
  padding-top: 15px;
  padding-right: 20px;
}
/*コンテンツ全般
------------------------------------------------------------------*/
#contents{
  background : transparent url(container_bg_02.gif) repeat-y scroll 0% 0%;
}
#contents #sub{
  float: left;
  width: 225px;
  display: inline;
  margin-left: 20px;
  margin-bottom: 80px;
}
#contents #main{
  float: left;
  width: 504px;
  margin-bottom: 80px;
  display: inline;
  margin-left: 20px;
}
/*メインコンテンツ
------------------------------------------------------------------*/
#main h2{
  background : url(midashi_bg2.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
  height: 24px;
  width: 504px;
  font-size: 12px;
  color: #FFFFFF;
  padding-left: 30px;
  line-height: 24px;
}
#main p{
  padding: 5px 10px;
}
#main #new p{
  background : transparent url(arrow.gif) no-repeat scroll left top;
  padding-left: 30px;
  border-bottom: 1px dotted #CCCCCC;
}
/*メニュー
------------------------------------------------------------------*/
#menu ul{
  border-bottom: 5px solid #5d9808;
}
#menu a{
  text-align: center;
  display: block;
  width: 100%;
  color: #5d9808;
  text-decoration: none;
  background : url(menu_bg1.gif) center bottom / auto auto no-repeat scroll padding-box border-box #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}
#menu a:hover{
  background : #5d9808 url(menu_bgn.gif) no-repeat scroll left bottom;
  color: #FFFFFF;
}
/*フッター
------------------------------------------------------------------*/
#footer{
  clear: both;
  background : transparent url(container_bg_03.gif) no-repeat scroll center bottom;
  text-align: center;
  font-size: 11px;
  width: 100%;
  height: 50px;
  padding-top: 50px;
  margin-bottom: 50px;
}
/*clearfix（ここは変更しないように）
------------------------------------------------------------------*/
.clearfix::after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
/* End hide from IE-mac */