@charset "utf-8";
/* ■ default ■■■■■■■ */
#frame {
  width: 675px;
  margin-left: 20px;
  min-height: 800px;
  height: auto !important;
  height: 800px;
}
#page {
  position: relative;
  z-index: 1;
  width: 960px;
  margin: 0 auto;
  padding: 0 0 0 20px;
  background: url('../images/bgbar.jpg') no-repeat center top;
  min-height: 510px;
  height: auto !important;
  height: 510px;
}
#header {
  position: absolute;
  z-index: 4;
  top: 10px;
  left: 295px;
  height: 112px;
}
#flash {
  position: absolute;
  z-index: 6;
  top: 125px;
  left: 40px;
  height: 380px;
}
body {
  margin: 0px;
  padding: 0px;
  font: 14px/20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color: #f0f0f0;
}
#bg {
  min-width: 980px;
  padding-bottom: 10px;
  background: #025801 url('../images/bgside.jpg') repeat-y center;
}
div, img {
  margin: 0;
  padding: 0;
  border: 0;
}
p {
  margin: 0 0 5px 0;
  font: 14px/20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
em {
  display: block;
  width: 940px;
  padding-left: 40px;
  margin: 0 auto;
  color: #aaccaa;
  font-style: normal;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fc {
  clear: both;
}
a:link {
  color: #f0f0f0;
  text-decoration: underline;
}
a:visited {
  color: #f0f0f0;
  text-decoration: underline;
}
a:hover {
  color: #ffff99;
  text-decoration: underline;
}
/* ■ layout ■■■■■■■ */
#bg1 {
  background: url('../images/bgflat.jpg') repeat-x;
  min-height: 510px;
  height: auto !important;
  height: 510px;
}
#bg2 {
  background: url('../images/bgbar.jpg') no-repeat center top;
  min-height: 510px;
  height: auto !important;
  height: 510px;
}
#leftbar {
  float: left;
  width: 260px;
  background: url('../images/bgside3.jpg') repeat-y;
}
#main {
  float: left;
  margin-top: 490px;
  width: 700px;
  background: url('../images/bgmain.gif') no-repeat;
}

/* ■ news ■■■■■■■ */
#news_f {
  margin: 0px 0px 10px 20px;
  width: 675px;
  min-height: 205px;
  height: auto !important;
  height: 205px;
}
#news {
  width: 685px; margin: 0; padding: 0;
}
#news li {
  padding: 3px 10px;
  background: #007000;
}
#news .li1 {
  background: #006600;
}

/* ■ foot link ■■■■■■■ */
#foot {
  clear: both;
}
#mobile {
  float: left;
  width: 240px;
  padding: 0 10px 10px 10px;
  background: url('../images/qrcode.gif') no-repeat 10px top;
}
#mobile div {
  padding: 0 0 40px 100px;
  background: url('../images/icon4.gif') no-repeat right 85px;
  font: 12px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#link {
  float: left;
  width: 700px;
}
#link_a {
  display: block;
  margin: 70px 0 0 0;
  text-align: right;
}
#link_a2{
  display: block;
  margin: 20px 0 0 0;
  text-align: right;
}
.link_a3{
  display: block;
  margin: 0 0 40px 0;
  text-align: right;
}
#link_b {
  margin: 30px 0 0 15px;
  padding: 10px 0px;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  text-align: center;
  font: 12px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#copy {
  clear: both;
  margin: 10px 0px 10px 260px;
  text-align: center;
}

/* ■ menu top ■■■■■■■ */
#mm {
  padding: 0 0 0 20px;
}
#mm .sp {
  margin: 0 10px;
}
#mm .b1 {
  margin: 30px 0 0 0;
  padding-bottom: 5px;
}
#mm .b2 {
  margin: 30px 0 0 10px;
}
.b3 {
  margin: 10px 0 0 0;
}
.fr1a {
  float: left;
  width: 219px;
  background: url('../images/fr1a.gif') no-repeat top right;
}
.fr1a p {
  margin: 6px 0 0 6px;
}
.fr1b {
  width: 199px;
  padding: 10px;
  background: url('../images/fr1b.gif') no-repeat bottom;
  min-height: 110px;
  height: auto !important;
  height: 110px;
}
.fr1a span {
  display: none;
}
.fr1a p {
  width: 205px;
  height: 60px;
  background: url('../images/mm_top.gif') no-repeat;
  font-size: 0px;
}
.fr1a a {
  display: block;
  width: 205px;
  height: 60px;
  background: url('../images/mm_top.gif') no-repeat;
}
p#mm1 a:hover ,p#mm2 a:hover ,p#mm3 a:hover {
  background: none;
}
p#mm1 { background-position: -205px -120px;}
p#mm2 { background-position: -205px -60px;}
p#mm3 { background-position: -205px 0;}
p#mm1 a { background-position: 0 -120px;}
p#mm2 a { background-position: 0 -60px;}
p#mm3 a { background-position: 0 0;}

/* ■ menu header ■■■■■■■ */
#hm {
  width: 306px;
  height: 37px;
  margin-left: 374px;
}
#hm li {
  display: block;
  float: left;
  width: 153px;
  height: 29px;
  background: url('../images/hm.gif') no-repeat;
}
#hm a {
  display: block;
  width: 153px;
  height: 29px;
  background: url('../images/hm.gif') no-repeat;
}
li#hm1 a:hover ,li#hm2 a:hover {
  background: none;
}
#hm li span {
  display: none;
}
li#hm1 { background-position: 0 -58px;}
li#hm2 { background-position: 0 -87px;}
li#hm1 a { background-position: 0 0;}
li#hm2 a { background-position: 0 -29px;}
li#hm1on a { background-position: 0 -58px;}
li#hm2on a { background-position: 0 -87px;}
#ht2 {
  clear: both;
  padding-right: 5px;
  text-align: right;
}
#om {
  width: 683px;
  height: 54px;
  margin-top: 2px;
}
#om li {
  float: left;
  display: block;
  width: 97px;
  height: 54px;
  background: url('../images/om.gif') no-repeat;
  background-position-y: -54px;
}
#om a {
  display: block;
  width: 97px;
  height: 54px;
  background: url('../images/om.gif') no-repeat;
  background-position-y: -0;
}
li#om1 a:hover, li#om2 a:hover, li#om3 a:hover, li#om4 a:hover, li#om5 a:hover, li#om6 a:hover, li#om7 a:hover {
  background: none;
}
#om li span {
  display: none;
}
li#om1 { background-position: 0 -54px;}
li#om2 { background-position: -97px -54px;}
li#om3 { background-position: -194px -54px;}
li#om4 { background-position: -291px -54px;}
li#om5 { background-position: -388px -54px;}
li#om6 { background-position: -485px -54px;}
li#om7 { width: 99px;background-position: -582px -54px;}
li#om1 a { background-position: 0 0;}
li#om2 a { background-position: -97px 0;}
li#om3 a { background-position: -194px 0;}
li#om4 a { background-position: -291px 0;}
li#om5 a { background-position: -388px 0;}
li#om6 a { background-position: -485px 0;}
li#om7 a { width: 99px;background-position: -582px 0;}
li#om1on a { background-position: 0 -54px;}
li#om2on a { background-position: -97px -54px;}
li#om3on a { background-position: -194px -54px;}
li#om4on a { background-position: -291px -54px;}
li#om5on a { background-position: -388px -54px;}
li#om6on a { background-position: -485px -54px;}
li#om7on a { width: 99px;background-position: -582px -54px;}


