@charset "utf-8";

/*Zbg
----------------------------------- */
* {
  padding:0;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif, "lr oSVbN","qMmpS Pro W3","Hiragino KaKu Gothic Pro", Osaka;}


h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, tr, th, td, img, form {
  margin: 0;
  padding: 0;}


/*XN[o[ݒ
----------------------------------- */
html {
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-darkshadow-color: #cccccc;
  scrollbar-face-color: #cccccc;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #efefef;}


body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  color: #333333;
  background-image: url(img/bg_img.jpg);
  background-repeat: repeat-x;
  background-position: top;
  font-size: 12px;
  line-height: 1.3em;}


img {
  vertical-align: top;
  border: 0px;}


a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;}


li { list-style-type: none;}


a { color: #0085B0;}


a:hover {
  color: #00C1DD;
  text-decoration: none;}


html{overflow-y: scroll;}


.center{
  margin-right: auto;
  margin-left: auto;
  text-align: -moz-center; /*FF*/
  #text-align: center; /*IE */}


html{
  overflow-y:scroll;}



/*N
----------------------------------- */
a:link{ text-decoration: none;}
a:visited{ text-decoration: none;}
a:active{ text-decoration: underline;}
a:hover{ text-decoration: underline;}
a.link:link{ text-decoration: none;}
a.link:visited{ text-decoration: none;}
a.link:active{ text-decoration: none;}
a.link:hover{ text-decoration: none;}


/*Xy[X
----------------------------------- */
.mg-top5 {margin-top: 5px;}
.mg-top10 {margin-top: 10px;}
.mg-top15 {margin-top: 15px;}
.mg-top20 {margin-top: 20px;}
.mg-top30 {margin-top: 30px;}
.mg-top40 {margin-top: 40px;}
.mg-top50 {margin-top: 50px;}
.mg-top60 {margin-top: 60px;}

.pd-top5 {padding-top: 5px;}
.pd-top10 {padding-top: 10px;}
.pd-top15 {padding-top: 15px;}
.pd-top20 {padding-top: 20px;}
.pd-top30 {padding-top: 30px;}
.pd-top40 {padding-top: 40px;}
.pd-top50 {padding-top: 50px;}
.pd-top60 {padding-top: 60px;}


/*EXy[X
----------------------------------- */
.mg-right5 {margin-right: 5px;}
.mg-right10 {margin-right: 10px;}
.mg-right15 {margin-right: 15px;}
.mg-right20 {margin-right: 20px;}
.mg-right30 {margin-right: 30px;}
.mg-right40 {margin-right: 40px;}
.mg-right50 {margin-right: 50px;}
.mg-right60 {margin-right: 60px;}

.pd-right5 {padding-right: 5px;}
.pd-right10 {padding-right: 10px;}
.pd-right15 {padding-right: 15px;}
.pd-right20 {padding-right: 20px;}
.pd-right30 {padding-right: 30px;}
.pd-right40 {padding-right: 40px;}
.pd-right50 {padding-right: 50px;}
.pd-right60 {padding-right: 60px;}


/*Xy[X
----------------------------------- */
.mg-left5 {margin-left: 5px;}
.mg-left10 {margin-left: 10px;}
.mg-left15 {margin-left: 15px;}
.mg-left20 {margin-left: 20px;}
.mg-left30 {margin-left: 30px;}
.mg-left40 {margin-left: 40px;}
.mg-left50 {margin-left: 50px;}
.mg-left60 {margin-left: 60px;}
.mg-left70 {margin-left: 70px;}


.pd-left5 {padding-left: 5px;}
.pd-left10 {padding-left: 10x;}
.pd-left15 {padding-left: 15px;}
.pd-left20 {padding-left: 20px;}
.pd-left30 {padding-left: 30px;}
.pd-left40 {padding-left: 40px;}
.pd-left50 {padding-left: 50px;}
.pd-left60 {padding-left: 60px;}
.pd-left65 {padding-left: 65px;}
.pd-left70 {padding-left: 70px;}


/*Xy[X
----------------------------------- */
.mg-bottom5 {margin-bottom: 5px;}
.mg-bottom10 {margin-bottom: 10px;}
.mg-bottom15 {margin-bottom: 15px;}
.mg-bottom20 {margin-bottom: 20px;}
.mg-bottom30 {margin-bottom: 30px;}
.mg-bottom40 {margin-bottom: 40px;}
.mg-bottom50 {margin-bottom: 50px;}
.mg-bottom60 {margin-bottom: 60px;}

.pd-bottom5 {padding-bottom: 5px;}
.pd-bottom10 {padding-bottom: 10px;}
.pd-bottom15 {padding-bottom: 15px;}
.pd-bottom20 {padding-bottom: 20px;}
.pd-bottom30 {padding-bottom: 30px;}
.pd-bottom40 {padding-bottom: 40px;}
.pd-bottom50 {padding-bottom: 50px;}
.pd-bottom60 {padding-bottom: 60px;}


/* clear
----------------------------------- */
.clear {clear: both;}


/* cssnbN
----------------------------------- */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clearfix {display: inline-table;}

/*  Hides from IE-mac \ */*  html .clearfix {height: 1%;}
.clearfix {display: block;}
/*  End hide from IE-mac  */



/* img-center
----------------------------------- */
.img-center{
  vertical-align: middle;}


/* wrapper
----------------------------------- */
#wrapper {
  width: 970px;
  margin: 0 auto 0 auto;
  background-color: #ffffff;}


#wrapper h2 {
  width: 970px;
  font-size: 12px;
  border: 0px;}


/* header
----------------------------------- */
#header {
  width: 100%;
  height: 50px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #AAD580;}


#header2 {
  width: 970px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;}


#header h1 {
  width: 905px;
  margin: 0px 0px 0px 5px;
  padding: 10px 0px 3px 0px;
  font-size: 12px;
  font-weight: normal;
  font-size: 12px;
  color: #555555;
  line-height: 14px;
  text-align: left;
  float: left;}


#header span {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  float: left;}

#header a {
  padding: 2px 2px 2px 2px;
  color: #555555;
  text-decoration: none;
  font-size: 12px;}


#header a:hover {
  text-decoration: none;
  background-color : #ffffcc;}


#headerline {
  width: 100%;
  height: 1px;
  margin: 0px;
  padding: 0px;
  background-color: #AAD580;}


/* contents
----------------------------------- */
#contents {
  float: right;
  width: 760px;
  height: 100%; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  text-align: center;
  background-color: #FFF;}


/* top_title
----------------------------------- */
.top_title{
  width: 600px;
  margin: 10px auto;
  padding: 5px 0px 7px 0px;
  background: #99ccff;
  color: #333333;
  text-align: center;
  vertical-align: middle;}


/* top-contents
--------------------------------------------*/
#top-contents {
  width: 680px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px;
  text-align: center;}


#top-contents h3 {
  width: 650px;
  height: 25px;
  margin: 20px 0px 0px 10px;
  padding: 8px 0px 0px 15px;
  line-height: 16px;
  font-size: 14px;
  color: #006A1B;
  background-image: url(../img/titlebar.jpg);
  background-repeat: no-repeat;
  text-align: left;}


#top-contents .text1 {
  width: 620px;
  margin: 10px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  text-align: left;
  line-height: 18px;}


#top-contents .new {
  margin: 1px 0px 1px 30px;
  padding: 2px 5px 2px 0px;
  color: #333333;
  font-size: 13px;
  text-align: left;
  line-height: 12px;}


#top-contents a {
  color: #004080;}


#top-contents a:link{
  color: #cc0033;
  text-decoration: none;}


#top-contents a:visited{
  color: #cc0000;
  text-decoration: none;}


#top-contents a:active{
  color: #cc0000;
  text-decoration: underline;}


#top-contents a:hover{
  color: #cc0000;
  text-decoration: underline;}



/* menu
----------------------------------- */
#menu {
  float: left;
  width: 190px;
  margin: 20px 0px 0px 10px;
  padding: 2px 0px 3px 0px;
  text-align: left;
  background-color: #ffffff;}


#menu2 {
  margin: 0px 0px 20px 0px;
  padding: 4px 0px 3px 0px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cfdada;}


#menu2 a {
  display: block;
  list-style-type: none;
  text-decoration: none;}


#menu2 .menu-navi {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;}


#menu2 .menu-navi li {
  display: inline;
  letter-spacing: 0px;}


#menu2 .menu-navi li a {
  width: 166px;
  height: 18px;
  margin: 0px 0px 2px 4px;
  padding: 12px 0px 10px 15px;
  display: block;
  background-image: url(../img/bu_bg1.jpg);
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: middle;
  text-align: left;
  color: #333333;}


#menu2 .menu-navi li a:hover {
  background-image: url(../img/bu_bg2.jpg);
  background-repeat: no-repeat;
  font-weight: middle;
  color: #999999;}


#menu .info {
  width: 188px;
  margin: 10px 0px 20px 0px;
  padding: 10px 0px 10px 0px;
  background-color: #EAF4DF;
  border: 1px solid #75AF3A;}


#menu .info h2{
  width: 188px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: middle;
  text-align: center;
  color: #333333;}


#menu .info p {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 5px 5px;
  font-size: 13px;
  font-weight: middle;
  text-align: left;
  line-height: 14px;
  color: #333333;}


#menu .area {
  width: 188px;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  background-color: #E9E9E9;
  border: 1px solid #9F9F9F;}


#menu .area h2{
  width: 188px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: middle;
  text-align: center;
  color: #333333;}


#menu .area p {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 5px 5px;
  font-size: 13px;
  font-weight: middle;
  text-align: left;
  line-height: 14px;
  color: #333333;}




/* sitemap
--------------------------------------------*/
#sitemap {
  width: 190px;
  margin: 20px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  text-align: left;}


#sitemap a {
  display: block;
  list-style-type: none;
  text-decoration: none;}


#sitemap li {
  display: inline;
  letter-spacing: 0px;}

#sitemap li a {
  height: 17px;
  margin: 0px 0px 2px 2px;
  padding: 11px 0px 10px 15px;
  display: block;
  font-size: 15px;
  font-weight: middle;
  text-align: left;
  color: #0000cc;}

#sitemap a:hover {
  font-weight: middle;
  color: #ff9933;}


/* address
----------------------------------- */
#address {
  width: 100%;
  height: 25px;
  margin: 0px auto 0px auto;
  padding: 14px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  color: #555555;
  background-color: #AAD580;
  text-align: center;}


#address a {
  color: #555555;
  text-decoration: none;}