@charset "UTF-8";
@import url(reset.css);
@import url(style.css);
/*--------------------------------------------------
CSS Information
Site URL: http://
File name: layout.scss (http://afan.or.jp/css/layout.scss)
Summary: layout styles
Created: 2012-12-11
Last update: 2012-12-11 by Shuji Kama
Author: Shuji Kama
Copyright: (c) 2012 karyokushien.inc
 --------------------------------------------------*/
/* CommonVar Setting 
===================================================*/
/*@mixin commonSetting*/
/* BlockContent Setting 
===================================================*/
body {
  background: url(/af-images/bg/body.png) repeat center top; }

#wrapper {
  width: 100%;
  margin: 0 auto; }

#container {
  width: 960px;
  margin: 0 auto; }

header {
  width: 900px;
  height: 60px;
  margin-top: 10px;
  padding: 0 30px; }
  header #logo {
    width: 240px;
    height: 60px;
    margin-right: 10px;
    float: left; }
  header nav.hnav {
    width: 492px;
    height: 30px;
    margin-top: 30px;
    float: left; }
    header nav.hnav ul {
      width: 472px;
      height: 30px;
      float: left; }
      header nav.hnav ul li {
        height: 30px;
        margin-right: 10px;
        float: left;
        display: block; }
        header nav.hnav ul li.hnav01 {
          width: 160px; }
        header nav.hnav ul li.hnav02 {
          width: 131px; }
        header nav.hnav ul li.hnav03 {
          width: 131px;
          margin-right: 0; }

#content {
  width: 900px;
  margin: 0;
  padding: 30px;
  background: url(/af-images/bg/container-header.png) no-repeat 0 top, url(/af-images/bg/container-body.png) repeat-y 0 0;
  -pie-background: url(/af-images/bg/container-header.png) no-repeat 0 top, url(/af-images/bg/container-body.png) repeat-y 0 0;
  behavior: url(/af-htc/PIE.htc);
  position: relative;
  zoom: 1; }
  #content:before, #content:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #content:after {
    clear: both; }

nav.gnav {
  width: 900px;
  height: 50px;
  margin-bottom: 20px; }
  nav.gnav ul {
    width: 900px;
    height: 50px; }
    nav.gnav ul li {
      height: 50px;
      float: left;
      display: block; }
      nav.gnav ul li.gnav01 {
        width: 170px; }
      nav.gnav ul li.gnav02 {
        width: 201px; }
      nav.gnav ul li.gnav03 {
        width: 190px; }
      nav.gnav ul li.gnav04 {
        width: 169px; }
      nav.gnav ul li.gnav05 {
        width: 170px; }

nav.local {
  width: 260px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  background: url(/af-images/bg/localmenu.png) no-repeat center bottom; }
  nav.local ul {
    width: 240px;
    padding: 0 10px; }
    nav.local ul li {
      width: 240px;
      height: 40px;
      display: block;
      margin-bottom: 10px; }
      nav.local ul li:last-child {
        margin-bottom: 0; }

#mainvisual {
  width: 900px;
  height: 340px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: url(/af-images/bdr/line.png) no-repeat center bottom; }

hr {
  height: 10px;
  background: url(/af-images/bdr/line.png) no-repeat center center;
  border: 0px none #fff;
  display: block; }
  hr.subCol {
    width: 260px; }

footer {
  width: 100%;
  height: 530px;
  margin: 0;
  padding: 0;
  background: url(/af-images/bg/footer.png) repeat-x center top; }
  footer #footerInner {
    width: 960px;
    height: 530px;
    margin: 0 auto;
    padding: 0; }
    footer #footerInner #pagetop {
      width: 900px;
      height: 50px;
      padding: 10px 30px;
      background: url(/af-images/bg/container-footer.png) no-repeat 0 0;
      text-align: right; }
      footer #footerInner #pagetop a {
        float: right; }
    footer #footerInner #sitemap {
      width: 920px;
      height: 420px;
      padding: 10px 20px 20px 20px; }
      footer #footerInner #sitemap .sitemapBox {
        width: 196px;
        height: 365px;
        padding: 10px;
        background: url(/af-images/bg/sitemap.png) no-repeat 0 0;
        margin-right: 18px;
        float: left; }
        footer #footerInner #sitemap .sitemapBox:last-child {
          margin-right: 0px; }
  footer #copyright {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 30px;
    background: url(/af-images/bg/copyright.png) no-repeat 0 0; }
    footer #copyright small {
      width: 960px;
      height: 30px;
      margin: 0 auto;
      padding: 0;
      color: #fff;
      font-size: 0.6em;
      font-weight: bold;
      line-height: 35px;
      display: block; }

aside.common {
  width: 260px;
  min-height: 300px;
  margin: 0;
  margin-bottom: 10px;
  background: url(/af-images/bg/subcol-header.png) no-repeat 0 top, url(/af-images/bg/subcol-footer.png) no-repeat 0 bottom, url(/af-images/bg/subcol-body.png) repeat-y 0 0;
  -pie-background: url(/af-images/bg/subcol-header.png) no-repeat 0 top, url(/af-images/bg/subcol-footer.png) no-repeat 0 bottom, url(/af-images/bg/subcol-body.png) repeat-y 0 0;
  behavior: url(/af-htc/PIE.htc);
  position: relative;
  zoom: 1; }
  aside.common:before, aside.common:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  aside.common:after {
    clear: both; }
  aside.common ul {
    width: 240px;
    padding: 10px; }
    aside.common ul li {
      margin-bottom: 10px; }
      aside.common ul li.twitter {
        width: 110px;
        height: 40px;
        margin-right: 10px;
        float: left; }
      aside.common ul li.facebook {
        width: 120px;
        height: 40px;
        margin: 0;
        float: left; }

#mainCol {
  width: 600px;
  min-height: 300px;
  float: left; }

#subCol {
  width: 260px;
  min-height: 300px;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  float: right; }

article {
  margin: 0 0 50px 0; }

section {
  margin: 0 0 30px 0; }

/* hn Setting 
===================================================*/
h1 {
  width: 600px;
  height: 80px;
  margin-bottom: 15px;
  padding: 0;
  background: url(/af-images/h1/h1.png) no-repeat;
  text-indent: -3333px; }
  h1.aboutus {
    background-position: 0 0; }
  h1.aboutafan {
    background-position: 0 -80px; }
  h1.activites {
    background-position: 0 -160px; }
  h1.supporter {
    background-position: 0 -240px; }
  h1.goods {
    background-position: 0 -320px; }
  h1.faq {
    background-position: 0 -400px; }
  h1.contact {
    background-position: 0 -480px; }
  h1.privacy {
    background-position: 0 -560px; }
  h1.fukkou {
    background-position: 0 -640px; }
  h1.examination {
    background-position: 0 -720px; }
  h1.nicolnote {
    background-position: 0 -800px; }
  h1.facebook {
    background-position: 0 -880px; }
  h1.indexNews {
    background-position: 0 -960px; }

h2 {
  width: 600px;
  height: 40px;
  margin-bottom: 15px;
  padding: 0;
  background: url(/af-images/h2/h2.png) no-repeat;
  text-indent: -3333px; }
  h2.indexNews {
    background-position: 0 0; }
  h2.aboutusMessage {
    background-position: 0 -40px; }
  h2.aboutusBusiness {
    background-position: 0 -80px; }
  h2.aboutusAboutus {
    background-position: 0 -120px; }
  h2.aboutusReport {
    background-position: 0 -160px; }
  h2.aboutafanHistory {
    background-position: 0 -200px; }
  h2.aboutafanMap {
    background-position: 0 -240px; }
  h2.aboutafanAbout {
    background-position: 0 -280px; }
  h2.activitesList {
    background-position: 0 -320px; }
  h2.supporterSupporter {
    background-position: 0 -360px; }
  h2.supporterIndividual {
    background-position: 0 -400px; }
  h2.supporterCorporation {
    background-position: 0 -440px; }
  h2.supporterCorporationForm {
    background-position: 0 -480px; }
  h2.supporterDonation {
    background-position: 0 -520px; }
  h2.supporterEcopoint {
    background-position: 0 -560px; }
  h2.goodsIndex {
    background-position: 0 -600px; }
  h2.faqIndex {
    background-position: 0 -640px; }
  h2.contactIndex {
    background-position: 0 -680px; }
  h2.privacyIndex {
    background-position: 0 -720px; }
  h2.privacyPurpose {
    background-position: 0 -760px; }
  h2.activitesMain {
    background-position: 0 -800px; }
  h2.aboutafanAccess {
    background-position: 0 -840px; }
  h2.aboutafanNotice {
    background-position: 0 -880px; }
  h2.donationList {
    background-position: 0 -920px; }
  h2.supporterMember {
    background-position: 0 -960px; }
  h2.supporterCompany {
    background-position: 0 -1000px; }
  h2.aboutafanCneter {
    background-position: 0 -1040px; }
  h2.fukkouMessage {
    background-position: 0 -1080px; }
  h2.fukkouIyashi {
    background-position: 0 -1120px; }
  h2.gakkouProject {
    background-position: 0 -1160px; }
  h2.gakkou2011 {
    background-position: 0 -1200px; }
  h2.gakkou2012 {
    background-position: 0 -1240px; }
  h2.aboutusExamination {
    background-position: 0 -1280px; }
  h2.xxxxxxxxxx {
    background-position: 0 -1320px; }
  h2.nicolnote {
    background-position: 0 -1360px; }
  h2.facebook {
    background-position: 0 -1400px; }

h2.business {
  width: 600px;
  height: 40px;
  margin-bottom: 15px;
  padding: 0;
  background: url(/af-images/h2/h2-business.png) no-repeat;
  text-indent: -3333px; }
  h2.business.business01 {
    background-position: 0 0; }
  h2.business.business02 {
    background-position: 0 -40px; }
  h2.business.business03 {
    background-position: 0 -80px; }
  h2.business.business04 {
    background-position: 0 -120px; }
  h2.business.business05 {
    background-position: 0 -160px; }
  h2.business.business06 {
    background-position: 0 -200px; }
  h2.business.business07 {
    background-position: 0 -240px; }
  h2.business.business08 {
    background-position: 0 -280px; }

h3 {
  width: 600px;
  height: 25px;
  margin-bottom: 15px;
  font-size: 1.1em;
  line-height: 25px; }
  h3.common {
    width: 580px;
    padding-left: 20px;
    background: url(/af-images/h3/h3.png) no-repeat 0 0;
    color: #53552b;
    font-weight: bold; }

h4 {
  width: 600px;
  height: 18px;
  margin-bottom: 13px;
  padding-bottom: 3px;
  font-size: 1.1em;
  line-height: 18px;
  border-bottom: 1px dotted #8b8d61; }
  h4.common {
    width: 582px;
    padding-left: 18px;
    background: url(/af-images/icon/c-green.png) no-repeat left 0.25em;
    color: #8b8d61;
    font-weight: normal; }

h5 {
  margin-bottom: 8px;
  padding-bottom: 2px;
  font-size: 0.95em;
  border-bottom: 1px dotted #8b8d61; }
  h5.common {
    width: 582px;
    padding-left: 18px;
    background: url(/af-images/icon/c-gray.png) no-repeat left 0.4em;
    color: #505142;
    font-weight: normal; }

h6 {
  margin-bottom: 5px;
  font-size: 0.95em; }
  h6.common {
    width: 582px;
    padding-left: 18px;
    background: url(/af-images/icon/c-gray.png) no-repeat left 0.4em;
    color: #505142;
    font-weight: normal; }

/* index Setting 
===================================================*/
section.indexBusiness {
  width: 600px;
  height: 280px;
  background: url(/af-images/bg/index-business.png) no-repeat 0 0;
  zoom: 1; }
  section.indexBusiness:before, section.indexBusiness:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  section.indexBusiness:after {
    clear: both; }
  section.indexBusiness ul {
    width: 560px;
    height: 200px;
    padding: 60px 0 0 20px; }
    section.indexBusiness ul > li {
      width: 270px;
      height: 90px;
      margin: 0 20px 20px 0;
      float: left; }
      section.indexBusiness ul > li:nth-child(even) {
        margin: 0 0 20px 0; }
      section.indexBusiness ul > li:nth-of-type(3), section.indexBusiness ul > li:nth-of-type(4) {
        margin-bottom: 0; }

section.IndexNews {
  width: 580px;
  margin: 0;
  padding: 0 10px 0 10px; }
  section.IndexNews #news {
    width: 565px;
    height: 100px;
    margin: 0 auto;
    padding: 0 15px 0 0;
    overflow: auto;
    position: relative; }
    section.IndexNews #news dl {
      width: 555px;
      margin-bottom: 10px;
      zoom: 1; }
      section.IndexNews #news dl:before, section.IndexNews #news dl:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      section.IndexNews #news dl:after {
        clear: both; }
      section.IndexNews #news dl dt {
        width: 115px;
        height: 20px;
        margin: 0;
        padding: 0 0 0 20px;
        background: url(/af-images/icon/news.png) no-repeat left 0.2em;
        color: #918b47;
        line-height: 20px;
        float: left; }
      section.IndexNews #news dl dd {
        width: 420px;
        height: 20px;
        margin: 0;
        padding: 0;
        line-height: 20px;
        float: left; }
  section.IndexNews .flexcroll {
    outline: none; }
  section.IndexNews .scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0; }
  section.IndexNews .vscrollerbase {
    width: 5px;
    background-color: #edecd8; }
  section.IndexNews .vscrollerbar {
    width: 5px;
    background-color: #918b47; }

/* sitemap Setting 
===================================================*/
#sitemap .sitemapBox ul {
  width: 196px;
  margin-bottom: 0.7em;
  font-size: 0.8em; }
  #sitemap .sitemapBox ul li {
    width: 170px;
    margin-bottom: 0.3em;
    padding-left: 26px;
    color: #5d410e;
    line-height: normal; }
    #sitemap .sitemapBox ul li:first-child {
      font-weight: bold;
      padding-left: 16px;
      background: url(/af-images/icon/sitemap.png) no-repeat left 0.2em; }
    #sitemap .sitemapBox ul li.child {
      width: 160px;
      margin-bottom: 0.3em;
      padding-left: 36px; }
    #sitemap .sitemapBox ul li a, #sitemap .sitemapBox ul li a:link, #sitemap .sitemapBox ul li a:visited {
      color: #5d410e;
      text-decoration: none; }
    #sitemap .sitemapBox ul li a:hover {
      color: #5d410e;
      text-decoration: underline; }

/* privacy Setting 
===================================================*/
.privacySection {
  width: 600px;
  margin-bottom: 10px; }
  .privacySection p.common {
    width: 580px;
    margin: 0;
    padding: 0 10px; }
  .privacySection #privacyTbl {
    border: 1px #c7bd82 solid; }
    .privacySection #privacyTbl th, .privacySection #privacyTbl td {
      border: 1px #c7bd82 solid; }
    .privacySection #privacyTbl th {
      color: #546715;
      font-size: 0.8em;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0; }
    .privacySection #privacyTbl td {
      color: #333;
      font-size: 0.8em;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0; }
      .privacySection #privacyTbl td.smallcaps {
        font-size: 0.85em; }

/* af-aboutus > aboutus Setting 
===================================================*/
section.aboutus {
  width: 600px; }
  section.aboutus p.common {
    width: 580px;
    margin-bottom: 0.85em;
    padding: 0 20px; }
  section.aboutus p.textRight {
    text-align: right; }
  section.aboutus table#aboutusTbl.aboutus {
    width: 560px;
    margin: 0 20px;
    text-align: left; }
    section.aboutus table#aboutusTbl.aboutus th, section.aboutus table#aboutusTbl.aboutus td {
      padding: 5px 7px 5px 10px; }
    section.aboutus table#aboutusTbl.aboutus th {
      color: #666;
      padding-left: 18px;
      background: url(/af-images/icon/c-green.png) no-repeat left 0.7em; }
      section.aboutus table#aboutusTbl.aboutus th.common {
        color: #53552b;
        padding: 0;
        padding-left: 18px; }
    section.aboutus table#aboutusTbl.aboutus td {
      padding-left: 40px;
      background: url(/af-images/icon/dotted.png) no-repeat left 0.8em; }
      section.aboutus table#aboutusTbl.aboutus td.common {
        padding: 3px 7px 10px 10px;
        padding-left: 18px;
        background: url(/af-images/icon/c-gray.png) no-repeat left 0.7em; }
  section.aboutus table#aboutusTbl02.aboutus {
    width: 560px;
    margin: 0 20px;
    text-align: left; }
    section.aboutus table#aboutusTbl02.aboutus th, section.aboutus table#aboutusTbl02.aboutus td {
      padding: 5px 7px 5px 10px; }
    section.aboutus table#aboutusTbl02.aboutus th {
      color: #666;
      padding-left: 18px;
      background: url(/af-images/icon/c-green.png) no-repeat left 0.8em; }
    section.aboutus table#aboutusTbl02.aboutus td {
      padding-left: 18px; }
      section.aboutus table#aboutusTbl02.aboutus td dt {
        width: 150px;
        float: left; }
      section.aboutus table#aboutusTbl02.aboutus td dt {
        float: left; }
  section.aboutus ul.aboutusBisiness {
    padding: 0 20px;
    margin-bottom: 15px;
    float: left; }
    section.aboutus ul.aboutusBisiness li {
      margin-bottom: 0.4em;
      padding-left: 28px; }
      section.aboutus ul.aboutusBisiness li:first-child {
        margin-bottom: 0.6em;
        padding-left: 18px;
        color: #53552b;
        font-weight: bold;
        background: url(/af-images/icon/c-green.png) no-repeat left center; }
  section.aboutus .aboutusMap {
    width: 600px;
    margin-bottom: 20px;
    padding: 0;
    zoom: 1; }
    section.aboutus .aboutusMap:before, section.aboutus .aboutusMap:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.aboutus .aboutusMap:after {
      clear: both; }
    section.aboutus .aboutusMap .leftCol {
      width: 280px; }
      section.aboutus .aboutusMap .leftCol p.title {
        width: 262px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        padding-left: 18px;
        font-size: 1.1em;
        font-weight: bold;
        border-bottom: 1px dotted #b4b990;
        background: url(/af-images/icon/c-green.png) no-repeat left 0.35em; }
      section.aboutus .aboutusMap .leftCol p.address {
        width: 262px;
        padding-left: 18px;
        font-size: 0.95em; }
    section.aboutus .aboutusMap .rightCol {
      width: 300px; }
      section.aboutus .aboutusMap .rightCol iframe {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        behavior: url(/af-htc/PIE.htc);
        position: relative; }
      section.aboutus .aboutusMap .rightCol #gMap01, section.aboutus .aboutusMap .rightCol #gMap02 {
        width: 300px;
        height: 200px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        behavior: url(/af-htc/PIE.htc);
        position: relative; }

/* activites Setting 
===================================================*/
section.activites {
  width: 600px; }
  section.activites p.common {
    width: 580px;
    padding: 0 10px; }
  section.activites table#privacyTbl {
    width: 600px;
    margin-bottom: 0.6em;
    border: 1px solid #c2c59e; }
    section.activites table#privacyTbl th {
      width: 15%;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      text-align: left;
      vertical-align: baseline;
      border-right: 1px solid #c2c59e; }
    section.activites table#privacyTbl td {
      width: 85%;
      color: #333;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0; }
    section.activites table#privacyTbl td.space {
      width: auto;
      height: 3px;
      margin: 0;
      padding: 0;
      font-size: 0.1em; }

/* supporter > donation Setting 
===================================================*/
section.donation {
  width: 600px; }
  section.donation p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.5em; }
  section.donation .donationContent {
    width: 580px;
    padding: 0 10px;
    zoom: 1; }
    section.donation .donationContent:before, section.donation .donationContent:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.donation .donationContent:after {
      clear: both; }
    section.donation .donationContent .leftCol {
      width: 120px; }
    section.donation .donationContent .rightCol {
      width: 440px; }
      section.donation .donationContent .rightCol p {
        margin-bottom: 0.85em; }
      section.donation .donationContent .rightCol ul.anchor {
        width: 440px;
        zoom: 1; }
        section.donation .donationContent .rightCol ul.anchor:before, section.donation .donationContent .rightCol ul.anchor:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.donation .donationContent .rightCol ul.anchor:after {
          clear: both; }
        section.donation .donationContent .rightCol ul.anchor li {
          margin-right: 1.5em;
          padding-left: 10px;
          font-size: 0.9em;
          background: url(/af-images/icon/arw_orange.png) no-repeat left center; }
          section.donation .donationContent .rightCol ul.anchor li a, section.donation .donationContent .rightCol ul.anchor li a:link, section.donation .donationContent .rightCol ul.anchor li a:visited {
            color: #d16d00;
            text-decoration: none; }
          section.donation .donationContent .rightCol ul.anchor li a:hover {
            color: #d16d00;
            text-decoration: underline; }
      section.donation .donationContent .rightCol ul.application {
        width: 440px;
        height: 50px;
        margin-top: 10px;
        zoom: 1; }
        section.donation .donationContent .rightCol ul.application:before, section.donation .donationContent .rightCol ul.application:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.donation .donationContent .rightCol ul.application:after {
          clear: both; }
        section.donation .donationContent .rightCol ul.application li {
          height: 50px;
          float: left; }
          section.donation .donationContent .rightCol ul.application li.form {
            width: 340px;
            margin-right: 20px; }
          section.donation .donationContent .rightCol ul.application li.intro {
            width: 240px; }
          section.donation .donationContent .rightCol ul.application li.company {
            width: 440px;
            margin-left: 0; }
  section.donation h3.common {
    width: 560px; }
    section.donation h3.common a, section.donation h3.common a:link, section.donation h3.common a:visited {
      color: #53552b;
      text-decoration: none; }
    section.donation h3.common a:hover {
      color: #d50000;
      text-decoration: underline; }

/* aboutafan > map Setting 
===================================================*/
section.aboutafan {
  width: 600px; }
  section.aboutafan p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.5em; }
  section.aboutafan .traffic {
    width: 190px;
    margin: 10px 0;
    zoom: 1; }
    section.aboutafan .traffic:before, section.aboutafan .traffic:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.aboutafan .traffic:after {
      clear: both; }
    section.aboutafan .traffic p.titleTrain {
      width: 155px;
      margin-bottom: 3px;
      padding-bottom: 3px;
      padding-left: 35px;
      border-bottom: 1px dotted #53552b;
      background: url(/af-aboutafan/images/train.png) no-repeat 0 bottom; }
    section.aboutafan .traffic p.titleCar {
      width: 155px;
      margin-bottom: 3px;
      padding-bottom: 3px;
      padding-left: 35px;
      border-bottom: 1px dotted #53552b;
      background: url(/af-aboutafan/images/car.png) no-repeat 0 bottom; }
    section.aboutafan .traffic div.train {
      width: 190px;
      margin-bottom: 20px; }
    section.aboutafan .traffic div.car {
      width: 190px; }
  section.aboutafan .notice {
    width: 600px;
    zoom: 1; }
    section.aboutafan .notice:before, section.aboutafan .notice:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.aboutafan .notice:after {
      clear: both; }
    section.aboutafan .notice a {
      color: #fff;
      text-decoration: none; }
    section.aboutafan .notice .leftCol {
      width: 400px; }
    section.aboutafan .notice .rightCol {
      width: 190px; }
  section.aboutafan .slideshow {
    width: 590px;
    padding-left: 5px;
    margin-bottom: 20px;
    zoom: 1; }
    section.aboutafan .slideshow:before, section.aboutafan .slideshow:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.aboutafan .slideshow:after {
      clear: both; }
    section.aboutafan .slideshow > li {
      width: 190px;
      height: 143px;
      margin-right: 10px;
      float: left; }
      section.aboutafan .slideshow > li:nth-child(3n) {
        margin-right: 0; }

/* aboutafan > history Setting 
===================================================*/
section.history {
  width: 600px;
  zoom: 1; }
  section.history:before, section.history:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  section.history:after {
    clear: both; }
  section.history p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
  section.history h4 {
    font-weight: bold;
    background-position: 3px 0.3em; }
  section.history div.photo {
    width: 580px;
    margin-bottom: 40px;
    padding: 0 10px;
    zoom: 1; }
    section.history div.photo:before, section.history div.photo:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.history div.photo:after {
      clear: both; }
    section.history div.photo ul {
      width: 580px; }
      section.history div.photo ul > li {
        width: 280px;
        margin-right: 20px;
        float: left; }
        section.history div.photo ul > li:nth-child(even) {
          margin-right: 0; }
        section.history div.photo ul > li p.caption {
          width: 280px;
          color: #687a47;
          font-size: 0.85em;
          text-align: center;
          letter-spacing: normal; }
  section.history .slideshow {
    width: 590px;
    padding-left: 5px;
    margin-bottom: 10px;
    zoom: 1; }
    section.history .slideshow:before, section.history .slideshow:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.history .slideshow:after {
      clear: both; }
    section.history .slideshow > li {
      width: 190px;
      height: 143px;
      margin-bottom: 10px;
      margin-right: 10px;
      float: left; }
      section.history .slideshow > li:nth-child(3n) {
        margin-right: 0; }
  section.history ul.list {
    width: 540px;
    margin: 0px 20px 20px;
    padding: 0px 10px; }
    section.history ul.list li {
      width: 520px;
      margin-left: 20px;
      list-style: decimal; }

/* aboutafan > about Setting 
===================================================*/
section.about {
  width: 600px; }
  section.about p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
  section.about h4 {
    font-weight: bold;
    background-position: 3px 0.3em; }
  section.about .slideshow {
    width: 590px;
    padding-left: 5px;
    zoom: 1; }
    section.about .slideshow:before, section.about .slideshow:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.about .slideshow:after {
      clear: both; }
    section.about .slideshow > li {
      width: 190px;
      height: 143px;
      margin-right: 10px;
      float: left; }
      section.about .slideshow > li:nth-child(3n) {
        margin-right: 0; }
  section.about ul.application {
    width: 600px;
    margin: 20px 0;
    zoom: 1; }
    section.about ul.application:before, section.about ul.application:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.about ul.application:after {
      clear: both; }
    section.about ul.application li {
      width: 120px;
      height: 30px;
      margin-left: 480px;
      float: right; }

/* aboutus > message Setting 
===================================================*/
section.message {
  width: 600px; }
  section.message p.common {
    width: 580px;
    padding: 0 10px; }
  section.message ul.translation {
    width: 600px;
    height: 26px;
    margin-bottom: 20px;
    zoom: 1; }
    section.message ul.translation:before, section.message ul.translation:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.message ul.translation:after {
      clear: both; }
    section.message ul.translation li {
      width: 101px;
      height: 26px;
      float: left;
      cursor: pointer; }
      section.message ul.translation li:first-child {
        margin-right: 10px; }
  section.message #message-ja {
    width: 600px;
    padding-bottom: 470px;
    background: url(/af-aboutus/images/message.jpg) no-repeat center bottom; }
    section.message #message-ja p.common {
      width: 580px;
      margin-bottom: 0.8em;
      padding: 0 10px; }
  section.message #message-en {
    display: none;
    width: 600px;
    padding-bottom: 470px;
    background: url(/af-aboutus/images/message.jpg) no-repeat center bottom; }
    section.message #message-en p.common {
      width: 580px;
      margin-bottom: 0.8em;
      padding: 0 10px; }

/* aboutus > aboutus Setting 
===================================================*/
section.business {
  width: 600px; }
  section.business p.common {
    width: 580px;
    padding: 0 10px; }
  section.business div.moreInfo {
    width: 590px;
    height: 30px;
    padding-right: 10px;
    text-align: right; }
    section.business div.moreInfo ul {
      width: 590px;
      height: 30px;
      zoom: 1; }
      section.business div.moreInfo ul:before, section.business div.moreInfo ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      section.business div.moreInfo ul:after {
        clear: both; }
      section.business div.moreInfo ul li {
        width: 180px;
        height: 30px;
        float: right; }
  section.business div.reportInfo {
    width: 590px;
    height: 30px;
    padding-right: 10px;
    margin-bottom: 5px;
    text-align: right; }
    section.business div.reportInfo ul {
      width: 590px;
      height: 30px;
      zoom: 1; }
      section.business div.reportInfo ul:before, section.business div.reportInfo ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      section.business div.reportInfo ul:after {
        clear: both; }
      section.business div.reportInfo ul li {
        width: 240px;
        height: 30px;
        float: right; }
  section.business section p.common {
    margin-bottom: 0.7em;
    zoom: 1; }
    section.business section p.common:before, section.business section p.common:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.business section p.common:after {
      clear: both; }
  section.business ul.list {
    margin-bottom: 0.8em; }
    section.business ul.list li {
      margin-top: 0.2em;
      margin-bottom: 0.2em; }
  section.business p.anchor {
    width: 590px;
    padding-left: 10px;
    background: url(/af-images/icon/arw_orange.png) no-repeat left 0.4em; }
  section.business p.topAnchor {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    margin-right: 10px;
    zoom: 1; }
    section.business p.topAnchor:before, section.business p.topAnchor:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.business p.topAnchor:after {
      clear: both; }
    section.business p.topAnchor a {
      padding-left: 10px;
      background: url(/af-images/icon/arw_orange.png) no-repeat left 0.4em;
      text-align: right;
      float: right; }
  section.business div.photo {
    width: 580px;
    margin-bottom: 40px;
    padding: 0 10px;
    zoom: 1; }
    section.business div.photo:before, section.business div.photo:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.business div.photo:after {
      clear: both; }
    section.business div.photo ul {
      width: 580px; }
      section.business div.photo ul > li {
        width: 280px;
        margin-right: 20px;
        float: left; }
        section.business div.photo ul > li:nth-child(even) {
          margin-right: 0; }
        section.business div.photo ul > li p.caption {
          width: 280px;
          color: #687a47;
          font-size: 0.85em;
          text-align: center;
          letter-spacing: normal; }
  section.business .slideshow {
    width: 590px;
    padding-left: 5px;
    margin-bottom: 20px;
    zoom: 1; }
    section.business .slideshow:before, section.business .slideshow:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.business .slideshow:after {
      clear: both; }
    section.business .slideshow > li {
      width: 190px;
      height: 143px;
      margin-right: 10px;
      float: left; }
      section.business .slideshow > li:nth-child(3n) {
        margin-right: 0; }
  section.business .gakkouBanner {
    width: 600px;
    height: 60px;
    margin: 10px 0;
    zoom: 1; }
    section.business .gakkouBanner:before, section.business .gakkouBanner:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.business .gakkouBanner:after {
      clear: both; }
    section.business .gakkouBanner a, section.business .gakkouBanner img {
      float: left; }
    section.business .gakkouBanner p.caption {
      width: 280px;
      padding-top: 0.7em;
      margin-left: 10px;
      font-size: 0.8em;
      float: left; }
  section.business.menu {
    width: 600px;
    padding: 0;
    margin: 0 0 30px 0;
    background: url(/af-images/bg/business-header.png) no-repeat center 0, url(/af-images/bg/business.png) no-repeat center bottom;
    -pie-background: url(/af-images/bg/business-header.png) no-repeat center 0, url(/af-images/bg/business.png) no-repeat center bottom; }
    section.business.menu > nav {
      width: 560px;
      padding: 20px 20px 15px 20px;
      zoom: 1; }
      section.business.menu > nav:before, section.business.menu > nav:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      section.business.menu > nav:after {
        clear: both; }
      section.business.menu > nav ul.parent {
        width: 560px;
        zoom: 1; }
        section.business.menu > nav ul.parent:before, section.business.menu > nav ul.parent:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.business.menu > nav ul.parent:after {
          clear: both; }
        section.business.menu > nav ul.parent li {
          width: auto;
          height: auto;
          margin-bottom: 10px;
          display: block; }
          section.business.menu > nav ul.parent li:last-child {
            margin-bottom: 0; }
          section.business.menu > nav ul.parent li ul.child {
            width: 520px;
            margin-top: 10px;
            padding-left: 40px;
            zoom: 1; }
            section.business.menu > nav ul.parent li ul.child:before, section.business.menu > nav ul.parent li ul.child:after {
              display: block;
              height: 0;
              visibility: hidden;
              content: "\0020"; }
            section.business.menu > nav ul.parent li ul.child:after {
              clear: both; }
            section.business.menu > nav ul.parent li ul.child li {
              height: 20px;
              margin-bottom: 5px;
              display: block; }

/* aboutus > report Setting 
===================================================*/
section.report {
  width: 600px;
  zoom: 1; }
  section.report:before, section.report:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  section.report:after {
    clear: both; }
  section.report ul.attachment {
    width: 580px;
    margin-bottom: 10px;
    padding: 0 10px;
    zoom: 1; }
    section.report ul.attachment:before, section.report ul.attachment:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.report ul.attachment:after {
      clear: both; }
    section.report ul.attachment li {
      width: 285px;
      margin-right: 10px;
      float: left; }
      section.report ul.attachment li:nth-child(even) {
        margin-right: 0; }
  section.report .btn {
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
    text-align: left;
    zoom: 1; }
    section.report .btn:before, section.report .btn:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.report .btn:after {
      clear: both; }
    section.report .btn span {
      padding-left: 10px;
      color: #fff;
      font-size: 0.75em;
      float: left; }
      section.report .btn span.caption {
        padding-left: 0; }
    section.report .btn img {
      padding-left: 10px;
      float: left; }
    section.report .btn a, section.report .btn a:link, section.report .btn a:visited {
      color: #fff;
      text-decoration: none; }
    section.report .btn a:hover {
      color: #fff;
      text-decoration: none; }
  section.report p.notice {
    white-space: 580px;
    padding: 0 10px;
    color: #d50000;
    font-size: 0.9em; }

/* faq Setting 
===================================================*/
section.faq {
  width: 600px;
  zoom: 1; }
  section.faq:before, section.faq:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  section.faq:after {
    clear: both; }
  section.faq dl {
    width: 600px; }
    section.faq dl dt {
      width: 480px;
      margin-bottom: 10px;
      padding-left: 120px;
      line-height: 20px;
      background: url(/af-faq/images/faq-q.png) no-repeat left center;
      color: #e97777;
      font-size: 1.1em;
      opacity: 1; }
      section.faq dl dt:hover {
        color: #c53939;
        text-decoration: underline;
        cursor: pointer;
        opacity: 1; }
    section.faq dl dd {
      width: 480px;
      margin-bottom: 20px;
      padding-left: 120px;
      background: url(/af-faq/images/faq-a.png) no-repeat left top;
      display: none; }

/* supporter > supporter Setting 
===================================================*/
section.supporter {
  width: 600px; }
  section.supporter p.comment {
    margin-bottom: 0.5em;
    color: #8b8d61;
    font-size: 0.85em;
    line-height: 160%; }
  section.supporter p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
    section.supporter p.common.comment {
      color: #8b8d61;
      font-size: 0.95em; }
    section.supporter p.common img.mainvisual {
      padding: 0 0 0.8em 0.8em;
      float: right; }
  section.supporter h4 {
    padding-left: 20px;
    font-weight: bold;
    background-position: 3px 0.3em; }
  section.supporter #supporterTbl {
    margin-bottom: 5px;
    border: 1px #c7bd82 solid; }
    section.supporter #supporterTbl th, section.supporter #supporterTbl td {
      border: 1px #c7bd82 solid; }
    section.supporter #supporterTbl th {
      color: #546715;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      text-align: left; }
    section.supporter #supporterTbl td {
      color: #333;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0;
      text-align: left; }
      section.supporter #supporterTbl td.smallcaps {
        font-size: 0.85em; }
  section.supporter ul.supporterIntro {
    width: 600px;
    zoom: 1; }
    section.supporter ul.supporterIntro:before, section.supporter ul.supporterIntro:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.supporter ul.supporterIntro:after {
      clear: both; }
    section.supporter ul.supporterIntro li {
      width: 585px;
      margin-right: 1.5em;
      margin-bottom: 1.5em;
      padding-left: 15px;
      background: url(/af-images/icon/c-gray.png) no-repeat left 0.3em; }
      section.supporter ul.supporterIntro li a, section.supporter ul.supporterIntro li a:link, section.supporter ul.supporterIntro li a:visited {
        color: #333;
        text-decoration: none;
        font-weight: bold; }
      section.supporter ul.supporterIntro li a:hover {
        color: #d16d00;
        text-decoration: underline;
        font-weight: bold; }
      section.supporter ul.supporterIntro li ul.child {
        width: 565px;
        margin-top: 5px;
        padding-left: 20px;
        zoom: 1; }
        section.supporter ul.supporterIntro li ul.child:before, section.supporter ul.supporterIntro li ul.child:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.supporter ul.supporterIntro li ul.child:after {
          clear: both; }
        section.supporter ul.supporterIntro li ul.child li {
          width: auto;
          margin-right: 1.5em;
          margin-bottom: 0.3em;
          padding-left: 15px;
          background: url(/af-images/icon/arw_orange.png) no-repeat left center;
          font-size: 0.85em;
          float: left; }
          section.supporter ul.supporterIntro li ul.child li a, section.supporter ul.supporterIntro li ul.child li a:link, section.supporter ul.supporterIntro li ul.child li a:visited {
            color: #333;
            text-decoration: none;
            font-weight: normal; }
          section.supporter ul.supporterIntro li ul.child li a:hover {
            color: #d16d00;
            text-decoration: underline;
            font-weight: normal; }
  section.supporter .anchor {
    width: 570px;
    height: 20px;
    margin-top: -0.5em;
    margin-bottom: 0.7em;
    padding: 0 0 0 10px;
    background: url(/af-images/icon/arw_orange.png) no-repeat left 0.35em;
    font-size: 0.9em;
    line-height: 20px;
    display: block; }
  section.supporter ul.application {
    width: 600px;
    zoom: 1; }
    section.supporter ul.application:before, section.supporter ul.application:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.supporter ul.application:after {
      clear: both; }
    section.supporter ul.application li {
      height: 30px;
      margin-bottom: 8px;
      float: left; }
      section.supporter ul.application li.form {
        width: 290px;
        margin-right: 20px; }
      section.supporter ul.application li.intro {
        width: 290px; }
  section.supporter .strongTitle {
    color: #546714;
    font-size: 1em;
    font-weight: bold; }
  section.supporter .tokuten {
    margin-bottom: 0.6em;
    padding-left: 15px;
    background: url(/af-images/icon/sqarw_orange.png) no-repeat 0 0.3em;
    font-size: 0.9em;
    line-height: 160%; }
  section.supporter .small {
    font-size: 0.85em; }

/* supporter > individual Setting 
===================================================*/
section.individual {
  width: 600px; }
  section.individual p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
    section.individual p.common.comment {
      color: #8b8d61;
      font-size: 0.95em; }
  section.individual #individualTbl, section.individual #corporationTbl {
    margin-bottom: 5px;
    border: 1px #c7bd82 solid; }
    section.individual #individualTbl th, section.individual #individualTbl td, section.individual #corporationTbl th, section.individual #corporationTbl td {
      padding: 5px 10px;
      border: 1px #c7bd82 solid; }
    section.individual #individualTbl th, section.individual #corporationTbl th {
      color: #546715;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      text-align: left; }
    section.individual #individualTbl td, section.individual #corporationTbl td {
      color: #333;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0;
      text-align: left; }
      section.individual #individualTbl td.smallcaps, section.individual #corporationTbl td.smallcaps {
        font-size: 0.85em; }
      section.individual #individualTbl td dl, section.individual #corporationTbl td dl {
        width: auto;
        zoom: 1; }
        section.individual #individualTbl td dl:before, section.individual #individualTbl td dl:after, section.individual #corporationTbl td dl:before, section.individual #corporationTbl td dl:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.individual #individualTbl td dl:after, section.individual #corporationTbl td dl:after {
          clear: both; }
        section.individual #individualTbl td dl dt, section.individual #corporationTbl td dl dt {
          width: 45%;
          height: 30px;
          margin: 3px 0;
          line-height: 30px;
          font-weight: normal;
          float: left; }
        section.individual #individualTbl td dl dd, section.individual #corporationTbl td dl dd {
          width: 55%;
          height: 30px;
          margin: 3px 0;
          line-height: 30px;
          float: left; }
        section.individual #individualTbl td dl.address dt, section.individual #corporationTbl td dl.address dt {
          width: 20%; }
        section.individual #individualTbl td dl.address dd, section.individual #corporationTbl td dl.address dd {
          width: 80%; }

/* supporter > individual Setting 
===================================================*/
section.ecopoint {
  width: 600px; }
  section.ecopoint p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
  section.ecopoint #ecopointTbl {
    margin-bottom: 20px;
    border: 1px #c7bd82 solid; }
    section.ecopoint #ecopointTbl th, section.ecopoint #ecopointTbl td {
      width: 16.666666%;
      padding: 3px 5px;
      border: 1px #c7bd82 solid;
      text-align: center;
      line-height: normal; }
    section.ecopoint #ecopointTbl th {
      color: #546715;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      font-size: 0.85em; }
    section.ecopoint #ecopointTbl td {
      color: #333;
      font-size: 0.85em;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0; }
      section.ecopoint #ecopointTbl td.smallcaps {
        font-size: 0.85em; }
      section.ecopoint #ecopointTbl td .btn {
        font-size: 0.9em; }
      section.ecopoint #ecopointTbl td a, section.ecopoint #ecopointTbl td a:link, section.ecopoint #ecopointTbl td a:visited, section.ecopoint #ecopointTbl td a:hover {
        text-decoration: none;
        color: #d50000;
        font-weight: bold; }
  section.ecopoint .anchor {
    width: 570px;
    height: 20px;
    margin: 0;
    padding: 0 0 0 10px;
    background: url(/af-images/icon/arw_orange.png) no-repeat left 0.35em;
    line-height: 20px;
    display: block; }

/* contact Setting 
===================================================*/
section.contact {
  width: 600px; }
  section.contact p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
    section.contact p.common.comment {
      color: #8b8d61;
      font-size: 0.95em; }
  section.contact #contactTbl {
    margin-bottom: 5px;
    border: 1px #c7bd82 solid; }
    section.contact #contactTbl th, section.contact #contactTbl td {
      padding: 5px 10px;
      border: 1px #c7bd82 solid; }
    section.contact #contactTbl th {
      color: #546715;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      text-align: left; }
    section.contact #contactTbl td {
      color: #333;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0;
      text-align: left; }
      section.contact #contactTbl td.smallcaps {
        font-size: 0.85em; }
      section.contact #contactTbl td dl {
        width: auto;
        zoom: 1; }
        section.contact #contactTbl td dl:before, section.contact #contactTbl td dl:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.contact #contactTbl td dl:after {
          clear: both; }
        section.contact #contactTbl td dl dt {
          width: 45%;
          height: 30px;
          margin: 3px 0;
          line-height: 30px;
          font-weight: normal;
          float: left; }
        section.contact #contactTbl td dl dd {
          width: 55%;
          height: 30px;
          margin: 3px 0;
          line-height: 30px;
          float: left; }
        section.contact #contactTbl td dl.address dt {
          width: 20%; }
        section.contact #contactTbl td dl.address dd {
          width: 80%; }

/* goods Setting 
===================================================*/
section.goods {
  width: 600px;
  zoom: 1; }
  section.goods:before, section.goods:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  section.goods:after {
    clear: both; }
  section.goods p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
    section.goods p.common.comment {
      color: #d50000;
      font-size: 0.8em; }
  section.goods .itemBox {
    width: 600px;
    margin-bottom: 30px;
    zoom: 1; }
    section.goods .itemBox:before, section.goods .itemBox:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.goods .itemBox:after {
      clear: both; }
    section.goods .itemBox.vertical .leftCol {
      width: 230px; }
      section.goods .itemBox.vertical .leftCol a {
        color: #fff !important;
        text-decoration: none; }
      section.goods .itemBox.vertical .leftCol.black {
        color: #666 !important;
        text-decoration: none; }
    section.goods .itemBox.vertical .rightCol {
      width: 350px; }
      section.goods .itemBox.vertical .rightCol a.btn {
        color: #fff !important;
        text-decoration: none; }
      section.goods .itemBox.vertical .rightCol.black {
        color: #666 !important;
        text-decoration: none; }
    section.goods .itemBox.horizon .leftCol {
      width: 230px; }
    section.goods .itemBox.horizon .rightCol {
      width: 350px; }
    section.goods .itemBox img.none {
      display: none; }
    section.goods .itemBox p.title {
      width: 350px;
      height: 20px;
      margin-bottom: 5px;
      padding-bottom: 10px;
      color: #2d915c;
      font-size: 1.15em;
      font-weight: bold;
      background: url(/af-images/icon/dotted.png) repeat-x left bottom; }
    section.goods .itemBox p.info {
      width: 350px;
      margin-bottom: 0.8em;
      line-height: 150%;
      font-size: 0.9em; }
    section.goods .itemBox p.comment {
      width: 350px;
      margin-top: 0.8em;
      color: #d50000;
      font-size: 0.8em;
      line-height: normal; }
    section.goods .itemBox dl {
      width: 350px;
      font-size: 0.9em;
      zoom: 1; }
      section.goods .itemBox dl:before, section.goods .itemBox dl:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      section.goods .itemBox dl:after {
        clear: both; }
      section.goods .itemBox dl dt {
        width: 130px;
        padding: 5px;
        padding-right: 10px;
        margin-right: 10px;
        margin-bottom: 0.2em;
        background-color: #e7f3e1;
        font-weight: normal;
        text-align: right;
        float: left; }
      section.goods .itemBox dl dd {
        width: 170px;
        padding: 5px;
        padding-right: 10px;
        margin-bottom: 0.2em;
        background-color: #f5faf2;
        text-align: right;
        float: left; }
        section.goods .itemBox dl dd.price {
          color: #d50000;
          font-weight: bold; }
  section.goods ul.anchor {
    width: 440px;
    margin-bottom: 1em;
    zoom: 1; }
    section.goods ul.anchor:before, section.goods ul.anchor:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.goods ul.anchor:after {
      clear: both; }
    section.goods ul.anchor li {
      margin-right: 1.5em;
      padding-left: 10px;
      font-size: 0.85em;
      background: url(/af-images/icon/arw_orange.png) no-repeat left center;
      float: left; }
      section.goods ul.anchor li a, section.goods ul.anchor li a:link, section.goods ul.anchor li a:visited {
        color: #d16d00;
        text-decoration: none; }
      section.goods ul.anchor li a:hover {
        color: #d16d00;
        text-decoration: underline; }
  section.goods #goodsTbl {
    margin-bottom: 5px;
    border: 1px #c7bd82 solid; }
    section.goods #goodsTbl th, section.goods #goodsTbl td {
      padding: 5px 10px;
      border: 1px #c7bd82 solid; }
    section.goods #goodsTbl th {
      color: #546715;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      text-align: left; }
      section.goods #goodsTbl th .green {
        color: #2a6947;
        font-weight: bold; }
      section.goods #goodsTbl th .pink {
        color: #da557b;
        font-weight: bold; }
      section.goods #goodsTbl th .brown {
        color: #464116;
        font-weight: bold; }
    section.goods #goodsTbl td {
      color: #333;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0;
      text-align: right; }
      section.goods #goodsTbl td.smallcaps {
        font-size: 0.85em; }
  section.goods #goodsOrderTbl {
    margin-bottom: 5px;
    border: 1px #c7bd82 solid; }
    section.goods #goodsOrderTbl th, section.goods #goodsOrderTbl td {
      padding: 5px 10px;
      border: 1px #c7bd82 solid; }
    section.goods #goodsOrderTbl th {
      width: 40%;
      color: #546715;
      background: url(/af-images/bg/tbl-th.png) repeat 0 0;
      text-align: left; }
      section.goods #goodsOrderTbl th.itemImg {
        text-align: center;
        vertical-align: middle; }
    section.goods #goodsOrderTbl td {
      color: #333;
      background: url(/af-images/bg/tbl-td.png) repeat 0 0;
      text-align: left; }
      section.goods #goodsOrderTbl td.smallcaps {
        font-size: 0.85em; }
      section.goods #goodsOrderTbl td dl {
        width: auto;
        zoom: 1; }
        section.goods #goodsOrderTbl td dl:before, section.goods #goodsOrderTbl td dl:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        section.goods #goodsOrderTbl td dl:after {
          clear: both; }
        section.goods #goodsOrderTbl td dl dt {
          width: 45%;
          height: 30px;
          margin: 3px 0;
          line-height: 30px;
          font-weight: normal;
          float: left; }
        section.goods #goodsOrderTbl td dl dd {
          width: 55%;
          height: 30px;
          margin: 3px 0;
          line-height: 30px;
          float: left; }
        section.goods #goodsOrderTbl td dl.address dt {
          width: 20%; }
        section.goods #goodsOrderTbl td dl.address dd {
          width: 80%; }

.returned {
  width: 600px; }
  .returned h4.common {
    margin-top: 1.5em; }
    .returned h4.common:first-child {
      margin-top: 0; }
  .returned p.common {
    padding: 0px 10px;
    font-size: 0.9em;
    line-height: 150%; }
  .returned .close {
    width: 600px;
    text-align: center;
    padding: 30px 0 0 0; }

/* examination Setting 
===================================================*/
section.examination {
  width: 600px; }
  section.examination p.common {
    margin-bottom: 0.8em; }
    section.examination p.common.comment {
      color: #8b8d61;
      font-size: 0.95em; }
  section.examination .slideshow {
    width: 590px;
    padding-left: 5px;
    margin-bottom: 20px;
    zoom: 1; }
    section.examination .slideshow:before, section.examination .slideshow:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.examination .slideshow:after {
      clear: both; }
    section.examination .slideshow > li {
      width: 190px;
      height: 143px;
      margin-right: 10px;
      float: left; }
      section.examination .slideshow > li:nth-child(3n) {
        margin-right: 0; }
  section.examination div.photo {
    width: 580px;
    margin-bottom: 40px;
    padding: 0 10px;
    zoom: 1; }
    section.examination div.photo:before, section.examination div.photo:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.examination div.photo:after {
      clear: both; }
    section.examination div.photo ul {
      width: 580px; }
      section.examination div.photo ul > li {
        width: 280px;
        margin-right: 20px;
        float: left; }
        section.examination div.photo ul > li:nth-child(even) {
          margin-right: 0; }
        section.examination div.photo ul > li p.caption {
          width: 280px;
          color: #687a47;
          font-size: 0.85em;
          text-align: center;
          letter-spacing: normal; }

/* fukkou Setting 
===================================================*/
section.fukkou {
  width: 600px; }
  section.fukkou section p.common {
    margin-bottom: 0.8em; }
    section.fukkou section p.common.comment {
      color: #8b8d61;
      font-size: 0.95em; }
  section.fukkou p.common {
    width: 580px;
    padding: 0 10px;
    margin-bottom: 1.2em; }
    section.fukkou p.common.comment {
      color: #8b8d61;
      font-size: 0.85em;
      line-height: 150%; }
  section.fukkou .gakkouBanner {
    width: 600px;
    height: 60px;
    margin: 10px 0;
    zoom: 1; }
    section.fukkou .gakkouBanner:before, section.fukkou .gakkouBanner:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.fukkou .gakkouBanner:after {
      clear: both; }
    section.fukkou .gakkouBanner a, section.fukkou .gakkouBanner img {
      float: left; }
    section.fukkou .gakkouBanner p.caption {
      width: 280px;
      padding-top: 0.7em;
      margin-left: 10px;
      font-size: 0.8em;
      float: left; }
  section.fukkou .anchor {
    width: 570px;
    height: 20px;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    background: url(/af-images/icon/arw_orange.png) no-repeat left 0.35em;
    line-height: 20px;
    display: block; }
  section.fukkou .slideshow {
    width: 590px;
    padding-left: 5px;
    margin-bottom: 20px;
    zoom: 1; }
    section.fukkou .slideshow:before, section.fukkou .slideshow:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.fukkou .slideshow:after {
      clear: both; }
    section.fukkou .slideshow > li {
      width: 190px;
      height: 163px;
      margin-right: 10px;
      float: left; }
      section.fukkou .slideshow > li:nth-child(3n) {
        margin-right: 0; }
      section.fukkou .slideshow > li p.caption {
        width: 190px;
        height: 20px;
        color: #687a47;
        font-size: 0.9em;
        font-weight: bold;
        text-align: center;
        line-height: 20px; }
  section.fukkou dl {
    width: 580px;
    margin-bottom: 0.8em;
    padding: 0 10px;
    zoom: 1; }
    section.fukkou dl:before, section.fukkou dl:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.fukkou dl:after {
      clear: both; }
    section.fukkou dl dt {
      width: 125px;
      padding-left: 15px;
      background: url(/af-images/icon/c-gray.png) no-repeat left 0.3em;
      float: left; }
    section.fukkou dl dd {
      width: 420px;
      float: left; }
  section.fukkou dl.member {
    width: 580px;
    margin-bottom: 0.8em;
    padding: 0 10px;
    zoom: 1; }
    section.fukkou dl.member:before, section.fukkou dl.member:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.fukkou dl.member:after {
      clear: both; }
    section.fukkou dl.member dt {
      width: 295px;
      padding-left: 15px;
      margin-bottom: 0.3em;
      background: url(/af-images/icon/c-gray.png) no-repeat left 0.3em;
      float: left; }
    section.fukkou dl.member dd {
      width: 250px;
      margin-bottom: 0.3em;
      float: left; }
  section.fukkou dl.jishi {
    width: 580px;
    margin-bottom: 0.8em;
    padding: 0 10px;
    zoom: 1; }
    section.fukkou dl.jishi:before, section.fukkou dl.jishi:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.fukkou dl.jishi:after {
      clear: both; }
    section.fukkou dl.jishi dt {
      width: 565px;
      padding-left: 15px;
      background: url(/af-images/icon/c-gray.png) no-repeat left 0.3em;
      font-weight: normal;
      float: none; }
    section.fukkou dl.jishi dd {
      width: 580px;
      margin-bottom: 0.6em;
      float: none; }
      section.fukkou dl.jishi dd .anchor {
        height: 20px;
        margin-bottom: 0.3em;
        padding: 0 0 0 10px;
        background: url(/af-images/icon/arw_orange.png) no-repeat left 0.35em;
        font-size: 0.9em;
        line-height: 20px;
        display: inline; }
  section.fukkou div.photo {
    width: 580px;
    margin-bottom: 40px;
    padding: 0 10px;
    zoom: 1; }
    section.fukkou div.photo:before, section.fukkou div.photo:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    section.fukkou div.photo:after {
      clear: both; }
    section.fukkou div.photo ul {
      width: 580px; }
      section.fukkou div.photo ul > li {
        width: 280px;
        margin-right: 20px;
        float: left; }
        section.fukkou div.photo ul > li:nth-child(even) {
          margin-right: 0; }
        section.fukkou div.photo ul > li p.caption {
          width: 280px;
          color: #687a47;
          font-size: 0.85em;
          text-align: center;
          letter-spacing: normal; }

/* CommonTable Setting 
===================================================*/
table.common {
  width: 600px;
  margin-bottom: 15px; }
  table.common th, table.common td {
    padding: 3px 7px 3px 10px; }
  table.common th {
    font-weight: normal; }
  table.common td {
    font-weight: normal; }
    table.common td.smallcaps {
      font-size: 0.85em; }
  table.common img.require {
    margin-bottom: 0.3em;
    padding-left: 0.5em; }

.btn {
  color: #fff;
  text-decoration: none; }
  .btn img > span {
    color: #fff;
    float: left; }
  .btn img {
    padding-left: 5px;
    float: left; }
  .btn a, .btn a:link, .btn a:visited {
    color: #fff;
    text-decoration: none; }
  .btn a:hover {
    color: #fff;
    text-decoration: none; }

/* submitGo&submitError Setting 
===================================================*/
#submitError, #submitGo {
  width: auto;
  padding: 20px 0;
  text-align: center; }

/* errorNotice Setting 
===================================================*/
#errorNotice {
  width: auto;
  min-height: 70px;
  padding: 1.3em;
  margin-bottom: 1.5em;
  background: #fbeaea url(/af-images/common/notice.png) no-repeat 10px center;
  border: 2px solid #da5555;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/af-htc/PIE.htc);
  position: relative; }
  #errorNotice p {
    margin-bottom: 0.3em;
    padding-left: 80px;
    color: #ab0000;
    font-weight: bold; }

body.ie7_body input[type="text"],
body.ie8_body input[type="text"],
body input[type="text"] {
  display: inline-block; }