@charset "utf-8";
/*------------------------------------------------------------------*/
/*     共通設定用CSS                                                */
/*     対象：Clearfix、文字サイズ、全体包括                         */
/*------------------------------------------------------------------*/
/* format
------------------------------------------------------------------- */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
hr, p, blockquote,
th, td {
  margin: 0;
  padding: 0;
}


html {
  width: 100%;
/*  height: 100%;*/
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  font-size: 100%;
  /*font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;*/
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","MS UI Gothic",sans-serif;
  line-height: 100%;
}


h1,h2,h3,h4,h5,h6 {
  font-size : 100%;
  font-style: normal;
  font-weight: normal;
}


p,li,dt,dl {
  line-height: 1.6;
}


li {
  list-style-type: none;
}


img {
  border: none;
}


address {
  font-style: normal;
}


table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}


caption {
  text-align: left;
}


th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}


td {
  vertical-align: top;
}

/* clearfix 設定
------------------------------------------------------------------- */
.clearfix:after {
  height: 0;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  visibility: hidden;
  clear: both;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* body 設定
------------------------------------------------------------------- */
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 62.5%;
  text-align: center;
}

html>/**/body {
  font-size: 10px;
}


/* リンク 設定
------------------------------------------------------------------- */
a {
  color: #003399;
  text-decoration: none;
  outline: none;
}

a:link {
  color: #003399;
  text-decoration: none;
}

a:visited {
  color: #660099;
  text-decoration: none;
}

a:hover {
  color: #cc0033;
  text-decoration: underline;
} 

a:active {
  color: #cc0033;
  text-decoration: underline;
}


/* Floatバグ回避 設定
------------------------------------------------------------------- */
hr.borderLine {
  visibility: hidden;
  clear: both;
}


/* 全体包括 設定
------------------------------------------------------------------- */
#wrapper {
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-size: 140%;
  line-height: 1.4;
  background: url("../images/bg_main_green.jpg") repeat-x center top;
}

/* ポップアップウインドウ用 */
#childWindowMode #wrapper {
  background: url("../images/bg_main_childwindowmode_green.jpg") repeat-x center top;
}

/* ポップアップウインドウ（小表示）用 */
#childSmallWindowMode #wrapper {
  background: url("../images/bg_main_childsmallwindowmode_green.jpg") repeat-x center top;
}

/* 静的ウインドウ用 */
#staticWindowMode #wrapper {
  background: url("../images/bg_main_staticwindowmode_green.jpg") repeat-x center top;
}



/* pageColorField 設定
------------------------------------------------------------------- */
#pageColorField {
  width: 100%;
  height: 10px;
  margin: 0;
  padding: 0;
  background: #3a9a16;
}


/* headerField 設定
------------------------------------------------------------------- */
#headerField {
/*  width: 950px;*/
  height: 105px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: left;
  overflow: hidden;
}

/* ポップアップウインドウ用 */
#childWindowMode #headerField {
  width: 650px;
  height: 95px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: left;
}

/* ポップアップウインドウ（小表示）用 */
#childSmallWindowMode #headerField {
  width: 650px;
  height: 40px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: left;
}

/* 静的ウインドウ用 */
#staticWindowMode #headerField {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
}


/* modeField 設定
------------------------------------------------------------------- */
#modeField {
  width: 950px;
  height: 40px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: left;
  vertical-align: middle;
}


/* mainField 設定
------------------------------------------------------------------- */
#mainField {
  width: 950px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: left;
}

/* ポップアップウインドウ用 */
#childWindowMode #mainField {
  width: 650px;
}

/* ポップアップウインドウ（小表示）用 */
#childSmallWindowMode #mainField {
  width: 650px;
}

/* 静的ウインドウ（左メニューなし）用 */
#staticWindowMode #mainOneField {
  width: auto;
  margin: auto;
  padding: 20px;
  text-align: left;
}

/* 静的ウインドウ（左メニューあり）用 */
#staticWindowMode #mainTwoField {
  width: auto;
  margin: auto;
  padding: auto;
  text-align: left;
  background: url("../images/bg_staticpage.gif") repeat-y 0 0;
}


/* footerField 設定
------------------------------------------------------------------- */
#footerField {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  background: #fff;
  border-top: 1px solid #ccc;
}


/* pageTopField 設定
------------------------------------------------------------------- */
#pageTopFiled {
  /*width: 950px;*/
  margin: 10px auto 20px auto;
  padding: 0;
  font-size: 90%;
  text-align: left;
}

/* 静的ウインドウ用 */
#staticWindowMode #pageTopFiled {
/*  width: auto;*/
  margin: 10px 20px 20px 0;
}

#pageTopFiled a {
  margin: 0;
  padding: 0 0 0 20px;
  background: url("../images/point_a1414_blue.gif") no-repeat 0 center;
  float: right;
}


/* bottomBannerField 設定
------------------------------------------------------------------- */
#bottomBannerField {
  width: 950px;
  margin: 10px auto 20px auto;
  padding: 0;
  text-align: center;
}

  #bottomBannerField img {
    margin: 0 5px 0 0;
    padding: 0;
    border: 1px solid #ccc;
  }


/* mainField 共通利用 ： mainTitleBar 設定
------------------------------------------------------------------- */
.mainTitleBar {
  margin: 0 0 5px 0;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
  background: #eee;
  border-left: 5px solid #3a9a16;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
  position: relative;
}

  .mainTitleBar span.subText {
    color: #ff6600;
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 0 8px;
    padding: 0;
  }

  /* RSSアイコン */
  .mainTitleBar a.rssIcon {
    margin: 2px 5px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
  }

    /* IE7 Only hack */
    *:first-child+html .mainTitleBar a.rssIcon {
      margin: 1px 5px 0 0;
    }

    .mainTitleBar a.rssIcon .rssText {
      font-size: 90%;
    }

    .mainTitleBar a.rssIcon img {
      margin: 0 2px 2px 0;
      _margin: 0 2px 0 0;
      padding: 0;
      border: none;
      vertical-align: middle;
    }


/* mainField共通利用 ： timeCase 設定
------------------------------------------------------------------- */
.timeCase {
  margin: 0 0 0 8px;
  padding: 0;
}


/* mainField共通利用 ： readTextCase 設定
------------------------------------------------------------------- */
.readTextCase {
  padding: 0 5px;
}


/* mainField共通利用 ： subTitleBar 設定
------------------------------------------------------------------- */
.subTitleBar {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  text-align: left;
}


/* mainField共通利用 ： subLineTitleBar 設定
------------------------------------------------------------------- */
.subLineTitleBar {
  height: 1%;
  margin: 0 0 5px 0;
  padding: 5px;
  font-weight: bold;
  text-align: left;
  background: url("../images/line_dot.gif") repeat-x 0 bottom;
}


/* mainField共通利用 ： titlePoint 設定
------------------------------------------------------------------- */
span.titlePoint {
  height: 1%;
  margin: 0;
  padding: 0 0 0 15px;
  background: url("../images/point_c1010_green.gif") no-repeat 0 center;
}


/* mainField共通利用 ： catchText 設定
------------------------------------------------------------------- */
span.catchText {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 0 8px;
  padding: 0;
}



/* mainField共通利用 ： contentsBox 設定
------------------------------------------------------------------- */
.contentsBox {
  margin: 0 0 30px 0;
  padding: 0;
  background: #fff;
}


/* mainField共通利用 ： a moreLink 設定
------------------------------------------------------------------- */
a.moreLink {
  margin: 0;
  padding: 0 0 0 20px;
  background: url("../images/arrow_1111_blue.gif") no-repeat 0 center;
}


/* mainField共通利用 ： a moreLink（右寄せ用） 設定
------------------------------------------------------------------- */
.right {
  background-position: 0px 1px;
  float: right;
}


/* mainField共通利用 ： hr（実線） 設定
------------------------------------------------------------------- */
hr.solid {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #000;
  height: 1px;
  margin: 5px 0 7px 0;
  _margin: 0;
}


/* mainField共通利用 ： hr（点線） 設定
------------------------------------------------------------------- */
hr.dotted {
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #000;
  height: 1px;
  margin: 5px 0 7px 0;
  _margin: 0;
}