@charset "utf-8";

/*
 * modules CSS
 * ---------------------------------------------
 * 部分的なパーツに関するCSSです
 * 
 * Prefix rule "mod-"
 * 
 */

/* mod-activeSwfObject */

.mod-activeSwfObject {
  visibility: visible;
}

/* mod-noSwfObject */

.mod-noSwfObject {
  visibility: hidden;
}


/* mod-topMovie */

.mod-topMovie {
  width: 390px;
  position: absolute;
  right: 0;
  top: 146px;
  z-index: 12;
}

.mod-topMovie .mod-topMovie-object {
  overflow: hidden;
  height: 218px;
  margin-bottom: 3px;
  padding: 1px;
  background: url(../images/mod-topMovie/bg_movie.png) no-repeat 0 0;
}

.mod-topMovie .mod-topMovie-caption {
  overflow: hidden;
  height: 36px;
  line-height: 36px;
  padding: 2px 35px 0;
  background: url(../images/mod-topMovie/bg_caption.png) no-repeat 0 0;
}

.mod-topMovie .mod-topMovie-caption p {
  font-size: 92.3%; /* 13px -> 12px */
  text-align: center;
}


/* mod-campaign */

.mod-campaign {
  position: relative;
  width: 283px;
  height: 158px;
  margin: 0 0 15px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #fe7300;
}

.mod-campaign .mod-campaign-more {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.mod-campaign .mod-campaign-more a:link,
.mod-campaign .mod-campaign-more a:visited {
  text-decoration: none;
}


/* mod-subLink */

.mod-subLink {
  width: 293px;
  padding: 23px 0 9px;
  background: url(../images/mod-subLink/line.png) no-repeat 50% 0;
}

#mod-subLink-01 .mod-subLink-item {
  padding: 4px;
  background: url(../images/banner/bg_bnr.png) no-repeat 0 0;
}

.mod-subLink-guide {
  width: 293px;
  padding: 0px 0 5px;
}

#mod-subLink-02 .mod-subLink-item {
  padding: 4px;
}

/* mod-bottomLink */

.mod-bottomLink {
  padding: 19px 0 0 8px;
  *zoom: 1;
}

.mod-bottomLink:before,
.mod-bottomLink:after {
  display: table;
  line-height: 0;
  content: "";
}

.mod-bottomLink:after {
  clear: both;
}

.mod-bottomLink .mod-bottomLink-item-01 {
  float: left;
  width: 448px;
}

.mod-bottomLink .mod-bottomLink-item-wrapper {
  float: left;
  width: 243px;
}


/* mod-headline */

.mod-headline {
  position: relative;
  margin-bottom: 23px;
  padding: 23px 39px 16px 41px;
  background: url(../images/mod-headline/line.png) no-repeat 50% 100%;
}

.mod-headline table tbody th {
  padding: 0 13px 0 0;
  vertical-align: top;
}

.mod-headline table tbody th img {
  display: block;
}

.mod-headline table tbody td {
  padding: 0.2em 0 17px;
  line-height: 1.5;
  vertical-align: top;
}


/* mod-headline > mod-headline-category */

.mod-headline-category {
  margin-bottom: 30px;
  padding-bottom: 30px;
  background: url(../images/mod-headline/line.png) no-repeat -13px 100%;
}

  .mod-headline-category .mod-headline-category-list {
    overflow: hidden;
    width: 630px;
    margin-right: -9px;
    *zoom: 1;
  }

  .mod-headline-category .mod-headline-category-list:before,
  .mod-headline-category .mod-headline-category-list:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .mod-headline-category .mod-headline-category-list:after {
    clear: both;
  }

    .mod-headline-category .mod-headline-category-list .mod-headline-category-item {
      float: left;
      margin-right: 7px;
    }


/* mod-errorMsg */

.mod-errorMsg {
  height: auto !important; /* for Modern Browser */
  height: 428px; /* for IE */
  min-height: 428px; /* for Modern Browser */
  padding: 16px 39px 16px 41px;
}

.mod-errorMsg .mod-errorMsg-title {
  margin-bottom: 30px;
  padding: 20px 0 30px;
  background: url(../images/mod-headline/line.png) no-repeat 50% 100%;
  font-size: 138.5%; /* 13 -> 18px */
  font-weight: normal;
  text-align: center;
}

.mod-errorMsg p {
  font-size: 107.69%; /* 13px -> 14px */
  line-height: 1.75;
  text-align: center;
}


/* mod-entry */

.mod-entry {
  margin-bottom: 23px;
  padding: 16px 39px 16px 41px;
  background: url(../images/mod-headline/line.png) no-repeat 50% 100%;
}

.mod-entry .mod-entry-header {
  margin-bottom: 12px;
  padding-bottom: 20px;
  background: url(../images/mod-headline/line.png) no-repeat 50% 100%;
  letter-spacing: -.4em;
  *zoom: 1;
}

.mod-entry .mod-entry-header:before,
.mod-entry .mod-entry-header:after {
  display: table;
  line-height: 0;
  content: "";
}

.mod-entry .mod-entry-header:after {
  clear: both;
}

.mod-entry .mod-entry-header .mod-entry-category {
  margin-bottom: 28px;
}

.mod-entry .mod-entry-header .mod-entry-date {
  display: inline;
  margin-right: .5em;
  font-size: 123.1%; /* 13px -> 16px */
  letter-spacing: normal;
}

.mod-entry .mod-entry-header .mod-entry-title {
  display: inline;
  font-size: 123.1%; /* 13px -> 16px */
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.mod-entry .mod-entry-contents {
  overflow: hidden;
  width: 621px;
  height: auto !important; /* for Modern Browser */
  height: 236px; /* for IE */
  min-height: 236px; /* for Modern Browser */
  font-size: 107.69%; /* 13px -> 14px */
  padding-bottom: 40px;
}

.mod-entry .mod-entry-footer .mod-entry-author {
  margin: 0 16px 5px;
  font-size: 92.3%; /* 13px -> 12px */
  text-align: right;
}


/* mod-pageNav */

.mod-pageNav {
  width: 408px;
  margin: 0 auto;
  padding: 0 0 20px;
}

.mod-pageNav ul.mod-pageNav-list {
  position: relative;
}

.mod-pageNav ul.mod-pageNav-list li {
  position: absolute;
  top: 0;
}

.mod-pageNav ul.mod-pageNav-list li.mod-pageNav-prev {
  left: 0;
}

.mod-pageNav ul.mod-pageNav-list li.mod-pageNav-all,
.mod-pageNav ul.mod-pageNav-list li.mod-pageNav-top {
  position: static;
  text-align: center;
}

.mod-pageNav ul.mod-pageNav-list li.mod-pageNav-next {
  right: 0;
}

.mod-pageNav .js-hoverSwapSoftWrap {
  display: -moz-inline-box !important;
  display: inline-block !important;
}


/* mod-toppage */

.mod-toppage .mod-toppage-btn {
  text-align: center;
}

.mod-toppage .mod-toppage-btn .js-hoverSwapSoftWrap {
  margin: 0 auto;
}


/* mod-twitter */

.mod-twitter {
  width: 293px;
  margin-bottom: 11px;
  padding-top: 25px;
  background: url(../images/mod-twitter/line.png) no-repeat 50% 1px;
}

  .mod-twitter .mod-twitter-header {

  }

  .mod-twitter .mod-twitter-contents {
    height: 410px;
    background: url(../images/mod-twitter/bg_contents.png) no-repeat 0 0;
  }

    .mod-twitter .mod-twitter-contents .mod-twitter-hashtag {
      margin-bottom: 16px;
      text-align: center;
    }

    *:first-child+html .mod-twitter .mod-twitter-contents .mod-twitter-hashtag {/* IE 7 */
      margin-bottom: 10px;
    }

    .mod-twitter .mod-twitter-contents .mod-twitter-widget {
      width: 270px;
      padding: 0 0 10px 14px;
    }

    .mod-twitter .mod-twitter-contents .mod-twitter-link {
      text-align: center;
    }

      .mod-twitter .mod-twitter-contents .mod-twitter-link .js-hoverSwapSoftWrap {
        margin: 0 auto;
      }


/* mod-sectionA */

.mod-sectionA {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 40px;
  background: url(../images/mod-sectionA/bg_footer.png) no-repeat 0 100%;
  z-index: 21;
}

.mod-sectionA .mod-sectionA-header {
  position: relative;
  height: 70px;
  background: url(../images/mod-sectionA/bg_header.png) no-repeat 0 0;
}

.mod-sectionA .mod-sectionA-contents {
  position: relative;
}

.mod-sectionA .mod-sectionA-contents .mod-sectionA-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 323px;
  background: url(../images/mod-sectionA/bg_contents_01.png) no-repeat 8px 0;
  z-index: 21;
}

.mod-sectionA .mod-sectionA-contents .mod-sectionA-contents-02 {
  padding-top: 70px;
  background: url(../images/mod-sectionA/bg_contents_02.png) repeat-y 0 0;
  z-index: 23;
  *zoom: 1;
}

.mod-sectionA .mod-sectionA-contents .mod-sectionA-contents-02 .mod-sectionA-contents-inner {
  position: relative;
  margin-top: -140px;
  height: auto !important; /* for Modern Browser */
  height: 433px; /* for IE */
  min-height: 433px; /* for Modern Browser */
  z-index: 25;
}

.mod-sectionA .mod-sectionA-contents .mod-sectionA-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 160px;
  background: url(../images/mod-sectionA/bg_contents_03.png) no-repeat 8px 0;
  z-index: 22;
}


/* mod-sectionB */

.mod-sectionB {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 40px;
  background: url(../images/mod-sectionB/bg_footer.png) no-repeat 0 100%;
  z-index: 31;
}

.mod-sectionB .mod-sectionB-header {
  position: relative;
  height: 64px;
  background: url(../images/mod-sectionB/bg_header.png) no-repeat 0 0;
}

.mod-sectionB .mod-sectionB-contents {
  position: relative;
}

.mod-sectionB .mod-sectionB-contents .mod-sectionB-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 272px;
  background: url(../images/mod-sectionB/bg_contents_01.png) no-repeat 8px 0;
  z-index: 31;
}

.mod-sectionB .mod-sectionB-contents .mod-sectionB-contents-02 {
  padding-top: 66px;
  background: url(../images/mod-sectionB/bg_contents_02.png) repeat-y 0 0;
  z-index: 33;
  *zoom: 1;
}

.mod-sectionB .mod-sectionB-contents .mod-sectionB-contents-02 .mod-sectionB-contents-inner {
  position: relative;
  margin-top: -64px;
  height: auto !important; /* for Modern Browser */
  height: 336px; /* for IE */
  min-height: 336px; /* for Modern Browser */
  z-index: 35;
}

.mod-sectionB .mod-sectionB-contents .mod-sectionB-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 230px;
  background: url(../images/mod-sectionB/bg_contents_03.png) no-repeat 8px 0;
  z-index: 32;
}


/* mod-sectionC */

.mod-sectionC {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 33px;
  background: url(../images/mod-sectionC/bg_footer.png) no-repeat 0 100%;
  z-index: 21;
}

.mod-sectionC .mod-sectionC-header {
  position: relative;
  height: 60px;
  background: url(../images/mod-sectionC/bg_header.png) no-repeat 0 0;
}

.mod-sectionC .mod-sectionC-contents {
  position: relative;
}

.mod-sectionC .mod-sectionC-contents .mod-sectionC-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 333px;
  background: url(../images/mod-sectionC/bg_contents_01.png) no-repeat 8px 0;
  z-index: 21;
}

.mod-sectionC .mod-sectionC-contents .mod-sectionC-contents-02 {
  padding-top: 60px;
  background: url(../images/mod-sectionC/bg_contents_02.png) repeat-y 0 0;
  z-index: 23;
  *zoom: 1;
}

.mod-sectionC .mod-sectionC-contents .mod-sectionC-contents-02 .mod-sectionC-contents-inner {
  position: relative;
  margin-top: -120px;
  height: auto !important; /* for Modern Browser */
  height: 513px; /* for IE */
  min-height: 513px; /* for Modern Browser */
  z-index: 25;
}

.mod-sectionC .mod-sectionC-contents .mod-sectionC-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 142px;
  background: url(../images/mod-sectionC/bg_contents_03.png) no-repeat 8px 0;
  z-index: 22;
}


/* mod-sectionD */

.mod-sectionD {
  width: 701px;
  margin-left: 4px;
}

.mod-sectionD .mod-sectionD-header {
  position: relative;
  height: 64px;
  background: url(../images/mod-sectionD/bg_header.png) no-repeat 0 0;
}

.mod-sectionD .mod-sectionD-title {
  padding-top: 6px;
  text-align: center;
}

.mod-sectionD .mod-sectionD-contents-wrapper {
  background: url(../images/mod-sectionD/bg_contents_wrapper.png) repeat-y 0 0;
}

.mod-sectionD .mod-sectionD-contents {
  position: relative;
  height: auto !important; /* for Modern Browser */
  height: 231px; /* for IE */
  min-height: 231px; /* for Modern Browser */
  padding: 0;
  background: url(../images/mod-sectionD/bg_contents.png) no-repeat 20px 0;
}

.mod-sectionD .mod-sectionD-footer {
  height: 40px;
  background: url(../images/mod-sectionD/bg_footer.png) no-repeat 0 0;
}


/* mod-sectionE */

.mod-sectionE {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 33px;
  background: url(../images/mod-sectionE/bg_footer.png) no-repeat 0 100%;
  z-index: 21;
}

.mod-sectionE .mod-sectionE-header {
  position: relative;
  height: 60px;
  background: url(../images/mod-sectionE/bg_header.png) no-repeat 0 0;
}

.mod-sectionE .mod-sectionE-contents {
  position: relative;
}

.mod-sectionE .mod-sectionE-contents .mod-sectionE-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 333px;
  background: url(../images/mod-sectionE/bg_contents_01.png) no-repeat 8px 0;
  z-index: 21;
}

.mod-sectionE .mod-sectionE-contents .mod-sectionE-contents-02 {
  padding-top: 60px;
  background: url(../images/mod-sectionE/bg_contents_02.png) repeat-y 0 0;
  z-index: 23;
  *zoom: 1;
}

.mod-sectionE .mod-sectionE-contents .mod-sectionE-contents-02 .mod-sectionE-contents-inner {
  position: relative;
  margin-top: -120px;
  height: auto !important; /* for Modern Browser */
  height: 525px; /* for IE */
  min-height: 525px; /* for Modern Browser */
  z-index: 25;
}

.mod-sectionE .mod-sectionE-contents .mod-sectionE-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 132px;
  background: url(../images/mod-sectionE/bg_contents_03.png) no-repeat 8px 0;
  z-index: 22;
}


/* mod-sectionE2 */

.mod-sectionE2 {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 185px;
  background: url(../images/mod-sectionE2/bg_footer.png) no-repeat 0 100%;
  z-index: 21;
}

.mod-sectionE2 .mod-sectionE2-header {
  position: relative;
  height: 105px;
  background: url(../images/mod-sectionE2/bg_header.png) no-repeat 0 45px;
}

.mod-sectionE2 .mod-sectionE2-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  text-align: center;
  z-index: 28;
}

.mod-sectionE2 .mod-sectionE2-contents {
  position: relative;
}

.mod-sectionE2 .mod-sectionE2-contents .mod-sectionE2-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 333px;
  background: url(../images/mod-sectionE/bg_contents_01.png) no-repeat 8px 0;
  z-index: 21;
}

.mod-sectionE2 .mod-sectionE2-contents .mod-sectionE2-contents-02 {
  padding-top: 60px;
  background: url(../images/mod-sectionE/bg_contents_02.png) repeat-y 0 0;
  z-index: 23;
  *zoom: 1;
}

.mod-sectionE2 .mod-sectionE2-contents .mod-sectionE2-contents-02 .mod-sectionE2-contents-inner {
  position: relative;
  margin-top: -95px;
  height: auto !important; /* for Modern Browser */
  height: 393px; /* for IE */
  min-height: 393px; /* for Modern Browser */
  z-index: 25;
}

.mod-sectionE2 .mod-sectionE2-contents .mod-sectionE2-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 90px;
  background: url(../images/mod-sectionE2/bg_contents_03.png) no-repeat 8px 0;
  z-index: 22;
}


/* mod-sectionE2 > mod-sectionE2-nav */

.mod-sectionE2 .mod-sectionE2-nav {
  position: absolute;
  width: 932px;
  height: 77px;
  bottom: 34px;
  left: 37px;
  z-index: 24;
}

.mod-sectionE2-nav .mod-sectionE2-list {
  *zoom: 1;
}

.mod-sectionE2-nav .mod-sectionE2-list:before,
.mod-sectionE2-nav .mod-sectionE2-list:after {
  display: table;
  line-height: 0;
  content: "";
}

.mod-sectionE2-nav .mod-sectionE2-list:after {
  clear: both;
}

.mod-sectionE2-nav .mod-sectionE2-list .mod-sectionE2-prev {
  float: left;
}

.mod-sectionE2-nav .mod-sectionE2-list .mod-sectionE2-next {
  float: right;
}


/* mod-sectionE2 > mod-sectionE2-icon */

.mod-sectionE2 .mod-sectionE2-icon-01 {
  position: absolute;
  top: 67px;
  left: 25px;
  background: url(../images/mod-sectionE2/img_header_01.png) no-repeat 0 0;
  width: 51px;
  height: 40px;
  z-index: 26;
}

.mod-sectionE2 .mod-sectionE2-icon-02 {
  position: absolute;
  top: 67px;
  right: 23px;
  background: url(../images/mod-sectionE2/img_header_02.png) no-repeat 0 0;
  width: 51px;
  height: 40px;
  z-index: 27;
}


/* mod-sectionE3 */

.mod-sectionE3 {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 33px;
  background: url(../images/mod-sectionE/bg_footer.png) no-repeat 0 100%;
  z-index: 21;
}

.mod-sectionE3 .mod-sectionE3-header {
  position: relative;
  height: 60px;
  background: url(../images/mod-sectionE3/bg_header.png) no-repeat 0 0;
}

.mod-sectionE3 .mod-sectionE3-contents {
  position: relative;
}

.mod-sectionE3 .mod-sectionE3-contents .mod-sectionE3-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 333px;
  background: url(../images/mod-sectionE/bg_contents_01.png) no-repeat 8px 0;
  z-index: 21;
}

.mod-sectionE3 .mod-sectionE3-contents .mod-sectionE3-contents-02 {
  padding-top: 60px;
  background: url(../images/mod-sectionE/bg_contents_02.png) repeat-y 0 0;
  z-index: 23;
  *zoom: 1;
}

.mod-sectionE3 .mod-sectionE3-contents .mod-sectionE3-contents-02 .mod-sectionE3-contents-inner {
  position: relative;
  margin-top: -120px;
  height: auto !important; /* for Modern Browser */
  height: 525px; /* for IE */
  min-height: 525px; /* for Modern Browser */
  z-index: 25;
}

.mod-sectionE3 .mod-sectionE3-contents .mod-sectionE3-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 132px;
  background: url(../images/mod-sectionE/bg_contents_03.png) no-repeat 8px 0;
  z-index: 22;
}


/* mod-sectionE3 > mod-sectionE3-icon */

.mod-sectionE3 .mod-sectionE3-icon-01 {
  position: absolute;
  top: 21px;
  left: 25px;
  background: url(../images/mod-sectionE3/img_header_01.png) no-repeat 0 0;
  width: 51px;
  height: 40px;
  z-index: 26;
}

.mod-sectionE3 .mod-sectionE3-icon-02 {
  position: absolute;
  top: 21px;
  right: 23px;
  background: url(../images/mod-sectionE3/img_header_02.png) no-repeat 0 0;
  width: 51px;
  height: 40px;
  z-index: 27;
}


/* mod-sectionE4 */

.mod-sectionE4 {
  position: relative;
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 93px;
  background: url(../images/mod-sectionE4/bg_footer.png) no-repeat 0 100%;
  z-index: 21;
}

.mod-sectionE4 .mod-sectionE4-header {
  position: relative;
  height: 60px;
  background: url(../images/mod-sectionE/bg_header.png) no-repeat 0 0;
}

.mod-sectionE4 .mod-sectionE4-contents {
  position: relative;
}

.mod-sectionE4 .mod-sectionE4-contents .mod-sectionE4-contents-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1008px;
  height: 333px;
  background: url(../images/mod-sectionE/bg_contents_01.png) no-repeat 8px 0;
  z-index: 21;
}

.mod-sectionE4 .mod-sectionE4-contents .mod-sectionE4-contents-02 {
  padding-top: 60px;
  background: url(../images/mod-sectionE/bg_contents_02.png) repeat-y 0 0;
  z-index: 23;
  *zoom: 1;
}

.mod-sectionE4 .mod-sectionE4-contents .mod-sectionE4-contents-02 .mod-sectionE4-contents-inner {
  position: relative;
  margin-top: -35px;
  height: auto !important; /* for Modern Browser */
  height: 525px; /* for IE */
  min-height: 525px; /* for Modern Browser */
  z-index: 25;
}

.mod-sectionE4 .mod-sectionE4-contents .mod-sectionE4-contents-03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1008px;
  height: 120px;
  background: url(../images/mod-sectionE4/bg_contents_03.png) no-repeat 27px 0;
  z-index: 22;
}