@charset "UTF-8";
/* wp */
/* line 5, ../sass/design.scss */
.wp {
  width: 960px;
  margin: 0 auto; }

/* line 9, ../sass/design.scss */
header {
  width: 960px;
  margin: 0 auto; }
  /* line 12, ../sass/design.scss */
  header div.clearfix {
    margin: 10px 0 0 0; }
  /* line 15, ../sass/design.scss */
  header div.clearfix:first-child {
    margin: 11px 0 0 0; }
  /* line 18, ../sass/design.scss */
  header h1 {
    float: left;
    font-size: 11px;
    font-weight: normal;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    color: #cbcbcb;
    letter-spacing: -0.05em;
    margin-top: 4px; }
  /* line 27, ../sass/design.scss */
  header p#tel {
    float: right;
    margin-top: 10px; }
  /* line 31, ../sass/design.scss */
  header p#logo {
    float: left;
    margin-left: 1px; }
  /* line 35, ../sass/design.scss */
  header nav {
    float: right;
    letter-spacing: -.40em;
    width: 780px;
    text-align: right;
    margin-top: 8px; }
    /* line 42, ../sass/design.scss */
    header nav ul li {
      display: inline-block;
      letter-spacing: normal; }

/* line 51, ../sass/design.scss */
#index #article #mainimage {
  background: url(../images/index/mainimage.jpg) center top no-repeat;
  height: 500px;
  margin-top: -10px; }
  /* line 55, ../sass/design.scss */
  #index #article #mainimage .wp {
    position: relative; }
    /* line 57, ../sass/design.scss */
    #index #article #mainimage .wp h2 {
      position: absolute;
      right: 56px;
      top: 116px; }
    /* line 62, ../sass/design.scss */
    #index #article #mainimage .wp p {
      position: absolute;
      top: 197px;
      right: 92px; }
/* line 69, ../sass/design.scss */
#index #article #main {
  width: 1022px;
  margin: -51px auto 0;
  background: url(../images/index/bg.png) right top no-repeat;
  padding: 83px 0 36px; }
  /* line 74, ../sass/design.scss */
  #index #article #main section#greet {
    width: 622px; }
    /* line 76, ../sass/design.scss */
    #index #article #main section#greet h3 {
      margin: 0 0 34px 0;
      padding: 0; }
    /* line 80, ../sass/design.scss */
    #index #article #main section#greet .txtbox {
      width: 570px;
      font-size: 14px;
      line-height: 2.1; }
    /* line 85, ../sass/design.scss */
    #index #article #main section#greet #name {
      text-align: right;
      margin-top: 24px; }
  /* line 90, ../sass/design.scss */
  #index #article #main section#news {
    width: 625px;
    margin: 92px 0 0;
    padding: 2px;
    border: 1px solid #555555; }
    /* line 95, ../sass/design.scss */
    #index #article #main section#news .bd {
      border: 1px solid #696969;
      padding: 16px 23px 25px 25px; }
    /* line 99, ../sass/design.scss */
    #index #article #main section#news .clearfix {
      border-bottom: 1px solid #696969;
      margin-bottom: 18px;
      padding-bottom: 10px; }
      /* line 103, ../sass/design.scss */
      #index #article #main section#news .clearfix h3 {
        float: left;
        padding: 0;
        height: 17px; }
      /* line 108, ../sass/design.scss */
      #index #article #main section#news .clearfix a {
        display: block;
        float: right; }
    /* line 113, ../sass/design.scss */
    #index #article #main section#news #ticker {
      overflow: hidden;
      font-size: 12px;
      line-height: 1.5; }
      /* line 117, ../sass/design.scss */
      #index #article #main section#news #ticker ul {
        width: 100%;
        position: relative; }
        /* line 120, ../sass/design.scss */
        #index #article #main section#news #ticker ul li {
          width: 100%;
          display: none;
          padding-bottom: 20px; }
          /* line 124, ../sass/design.scss */
          #index #article #main section#news #ticker ul li .date {
            vertical-align: top;
            display: inline-block;
            width: 106px; }
          /* line 129, ../sass/design.scss */
          #index #article #main section#news #ticker ul li .txt {
            vertical-align: top;
            display: inline-block;
            width: 464px; }
            /* line 133, ../sass/design.scss */
            #index #article #main section#news #ticker ul li .txt a {
              color: #d1d1d1; }

/* line 142, ../sass/design.scss */
footer {
  margin: 100px auto 0;
  font-size: 12px; }
  /* line 143, ../sass/design.scss */
  #index footer {
    margin: 88px auto 0; }
  /* line 149, ../sass/design.scss */
  footer #top a {
    display: block;
    width: 50px;
    margin: 0 auto;
    height: 19px; }
  /* line 156, ../sass/design.scss */
  footer ul {
    border-bottom: 1px solid #696969;
    border-top: 1px solid #696969;
    text-align: center;
    letter-spacing: -.40em;
    padding: 27px 0; }
    /* line 162, ../sass/design.scss */
    footer ul li {
      display: inline-block;
      letter-spacing: normal;
      margin-right: 9px;
      padding-right: 9px;
      border-right: 1px solid #696969;
      line-height: 1; }
      /* line 169, ../sass/design.scss */
      footer ul li:last-child {
        border: none; }
      /* line 172, ../sass/design.scss */
      footer ul li a {
        color: #696969;
        text-decoration: none;
        -webkit-transition: 1.5s;
        -moz-transition: 1.5s;
        -o-transition: 1.5s;
        -ms-transition: 1.5s;
        transition: 1.5s; }
        /* line 180, ../sass/design.scss */
        footer ul li a:hover {
          color: #d1d1d1;
          text-decoration: underline; }
  /* line 187, ../sass/design.scss */
  footer #copy {
    text-align: center;
    padding: 19px 0 13px; }

/* line 192, ../sass/design.scss */
#subimage {
  width: 1048px;
  margin: 0 auto;
  background: url(../images/common/mainimage.jpg) right top no-repeat;
  position: relative;
  height: 282px; }
  /* line 198, ../sass/design.scss */
  #subimage h2 {
    position: absolute;
    left: 158px;
    top: 117px; }

/* line 204, ../sass/design.scss */
#bread {
  border-top: 1px solid #333333;
  text-align: right;
  font-size: 11px;
  color: #666666;
  line-height: 2.5; }
  /* line 210, ../sass/design.scss */
  #bread a {
    color: #d1d1d1;
    display: inline-block;
    margin-right: 10px; }

/* line 218, ../sass/design.scss */
#article section h3 {
  padding: 10px 0 34px; }
/* line 222, ../sass/design.scss */
#article section section.wd .txtarea {
  width: 710px; }
  /* line 225, ../sass/design.scss */
  #article section section.wd .txtarea .box li dl dt {
    width: auto; }
  /* line 226, ../sass/design.scss */
  #article section section.wd .txtarea .box li dl span.dt {
    display: inline-block;
    width: 100px;
    text-align: left; }
  /* line 231, ../sass/design.scss */
  #article section section.wd .txtarea .box li dl dd {
    width: 450px; }
/* line 234, ../sass/design.scss */
#article section section.wd .imgbox {
  width: 200px; }
/* line 238, ../sass/design.scss */
#company #article section {
  font-size: 12px; }
  /* line 240, ../sass/design.scss */
  #company #article section h4 {
    border-bottom: dotted 1px #666666;
    padding-bottom: 13px;
    margin-bottom: 30px; }
  /* line 245, ../sass/design.scss */
  #company #article section .txtarea {
    font-size: 12px;
    float: left;
    width: 550px; }
  /* line 250, ../sass/design.scss */
  #company #article section .img {
    float: right;
    margin: -92px -60px 0 0; }
  /* line 255, ../sass/design.scss */
  #company #article section section dl {
    text-align: left;
    margin-bottom: 80px; }
    /* line 258, ../sass/design.scss */
    #company #article section section dl dt {
      width: 256px;
      margin-right: 8px;
      padding: 13px 0 12px 54px;
      float: left;
      clear: left;
      border-bottom: 1px solid #595451; }
      /* line 265, ../sass/design.scss */
      #company #article section section dl dt:first-child {
        border-top: 1px solid #595451; }
    /* line 269, ../sass/design.scss */
    #company #article section section dl dd {
      float: left;
      width: 586px;
      padding: 13px 0 12px 54px;
      border-bottom: 1px dashed #595451; }
      /* line 274, ../sass/design.scss */
      #company #article section section dl dd:nth-child(2) {
        border-top: 1px dashed #595451; }
  /* line 279, ../sass/design.scss */
  #company #article section section iframe {
    width: 100%;
    height: 360px;
    margin-top: -12px; }
/* line 286, ../sass/design.scss */
#news #article section .newsbox {
  background: #0f0f0f;
  border: double #727272;
  padding: 25px 25px 25px 30px; }
  /* line 290, ../sass/design.scss */
  #news #article section .newsbox dl {
    background: url(../images/news/ribon.png) left top no-repeat;
    padding-left: 40px;
    margin: -10px 0 5px -68px;
    font-size: 18px;
    color: #ae852b; }
    /* line 296, ../sass/design.scss */
    #news #article section .newsbox dl dd {
      padding: 5px 0 0 25px;
      color: #d1d1d1;
      font-size: 12px;
      font-weight: normal;
      float: left;
      clear: left;
      vertical-align: top; }
    /* line 305, ../sass/design.scss */
    #news #article section .newsbox dl dt {
      float: right;
      vertical-align: top;
      width: 777px; }
  /* line 311, ../sass/design.scss */
  #news #article section .newsbox div.clearfix {
    border-top: 1px dotted #666666;
    padding-top: 20px; }
  /* line 315, ../sass/design.scss */
  #news #article section .newsbox .txtarea {
    float: left;
    width: 630px; }
  /* line 319, ../sass/design.scss */
  #news #article section .newsbox .txtarea2 {
    float: left;
    width: auto; }
  /* line 323, ../sass/design.scss */
  #news #article section .newsbox .imgbox {
    float: right;
    width: 230px;
    margin: 0; }
    /* line 327, ../sass/design.scss */
    #news #article section .newsbox .imgbox img {
      border: 3px solid #b3b3b3; }
/* line 332, ../sass/design.scss */
#opt #article section section {
  font-size: 12px;
  margin-bottom: 55px; }
  /* line 335, ../sass/design.scss */
  #opt #article section section h4 {
    border-bottom: dotted 1px #666666;
    padding-bottom: 13px;
    margin-bottom: 31px; }
  /* line 340, ../sass/design.scss */
  #opt #article section section h5 {
    margin-bottom: 10px; }
  /* line 343, ../sass/design.scss */
  #opt #article section section .doble {
    margin-top: 25px;
    padding: 2px 0;
    border-top: 1px solid #333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333; }
    /* line 354, ../sass/design.scss */
    #opt #article section section .doble dl {
      padding: 15px 0;
      border-top: 1px solid #151515;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #151515; }
      /* line 364, ../sass/design.scss */
      #opt #article section section .doble dl dt {
        float: left;
        clear: left; }
      /* line 368, ../sass/design.scss */
      #opt #article section section .doble dl dd {
        float: right; }
        /* line 370, ../sass/design.scss */
        #opt #article section section .doble dl dd strong {
          font-size: 14px;
          margin-bottom: 10px;
          display: inline-block; }
        /* line 375, ../sass/design.scss */
        #opt #article section section .doble dl dd p {
          width: 720px; }
/* line 382, ../sass/design.scss */
#article section section {
  margin-bottom: 60px; }
  /* line 384, ../sass/design.scss */
  #product #article section section h5 {
    color: #ae852b;
    border-left: 5px solid #838485;
    padding-left: 10px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 2px; }
  /* line 393, ../sass/design.scss */
  #product #article section section h5 + div.clearfix {
    padding-top: 15px;
    border-top: dotted 1px #838485; }
  /* line 397, ../sass/design.scss */
  #article section section .txtarea {
    width: 505px;
    font-size: 12px;
    float: left; }
    /* line 401, ../sass/design.scss */
    #article section section .txtarea ul {
      list-style: inside; }
    /* line 402, ../sass/design.scss */
    #article section section .txtarea .box {
      border: double #727272;
      padding: 25px;
      margin: 20px 0 0;
      background: #0f0f0f; }
      /* line 407, ../sass/design.scss */
      #article section section .txtarea .box li {
        list-style: inside decimal;
        line-height: 1.4;
        margin-bottom: 5px; }
        /* line 411, ../sass/design.scss */
        #article section section .txtarea .box li:last-child {
          margin-bottom: 0; }
        /* line 414, ../sass/design.scss */
        #article section section .txtarea .box li dl {
          display: inline-block;
          vertical-align: top; }
          /* line 418, ../sass/design.scss */
          #article section section .txtarea .box li dl dt {
            float: left;
            clear: left;
            width: 100px; }
            /* line 422, ../sass/design.scss */
            #article section section .txtarea .box li dl dt span {
              display: inline-block;
              width: 35px;
              text-align: left;
              vertical-align: top; }
            /* line 428, ../sass/design.scss */
            #article section section .txtarea .box li dl dt span.dt {
              display: inline-block;
              width: 60px;
              text-align: left;
              vertical-align: top; }
            /* line 434, ../sass/design.scss */
            #article section section .txtarea .box li dl dt span.dt2 {
              display: inline-block;
              width: 80px;
              text-align: left;
              vertical-align: top; }
            /* line 440, ../sass/design.scss */
            #article section section .txtarea .box li dl dt span.dt3 {
              display: inline-block;
              width: 100px;
              text-align: left;
              vertical-align: top; }
          /* line 447, ../sass/design.scss */
          #article section section .txtarea .box li dl dt.dt2 {
            width: 125px; }
          /* line 450, ../sass/design.scss */
          #article section section .txtarea .box li dl dt.dt3 {
            width: 135px; }
          /* line 453, ../sass/design.scss */
          #article section section .txtarea .box li dl dd {
            float: left;
            padding-left: 10px;
            width: 280px;
            line-height: 1.5; }
  /* line 463, ../sass/design.scss */
  #article section section .imgbox {
    float: right;
    letter-spacing: -.40em;
    width: 408px;
    text-align: right;
    margin-top: 10px; }
    /* line 469, ../sass/design.scss */
    #article section section .imgbox li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: bottom; }
      /* line 473, ../sass/design.scss */
      #article section section .imgbox li:first-child {
        margin-right: 11px; }
  /* line 478, ../sass/design.scss */
  #article section section .imgbox2 {
    float: right;
    letter-spacing: -.40em;
    width: 408px;
    text-align: right;
    margin-top: 10px; }
    /* line 484, ../sass/design.scss */
    #article section section .imgbox2 li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top; }
      /* line 488, ../sass/design.scss */
      #article section section .imgbox2 li:first-child {
        margin-right: 11px; }
        #article section section .imgbox2 li img {
          width: 100%;
          height: auto}
  /* line 493, ../sass/design.scss */
  #article section section .imgbox3 {
    float: right;
    letter-spacing: -.40em;
    width: 230px;
    text-align: right;
    margin-top: 10px; }
    /* line 499, ../sass/design.scss */
    #article section section .imgbox3 li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top; }
      /* line 503, ../sass/design.scss */
      #article section section .imgbox3 li:first-child {
        margin-right: 11px; }

/* line 512, ../sass/design.scss */
#product #ttl01 {
  height: 160px;
  margin-bottom: 25px; }
  /* line 515, ../sass/design.scss */
  #product #ttl01 div {
    background: url(../images/product/h4_bg.jpg) no-repeat center top;
    height: 160px; }
    /* line 518, ../sass/design.scss */
    #product #ttl01 div h4 {
      position: relative; }
      /* line 520, ../sass/design.scss */
      #product #ttl01 div h4 img {
        position: absolute;
        top: 46px;
        left: 110px; }
/* line 529, ../sass/design.scss */
#kodawari #ttl01 {
  height: 290px;
  margin: -50px 0 0px; }
  /* line 532, ../sass/design.scss */
  #kodawari #ttl01 div {
    background: url(../images/kodawari/ttl_bg.jpg) no-repeat center top;
    height: 290px; }
    /* line 535, ../sass/design.scss */
    #kodawari #ttl01 div p {
      position: relative; }
      /* line 537, ../sass/design.scss */
      #kodawari #ttl01 div p img {
        position: absolute;
        top: 114px;
        left: 50px; }
/* line 545, ../sass/design.scss */
#opt #ttl01 {
  height: 240px;
  margin: 0 0 60px; }
  /* line 548, ../sass/design.scss */
  #opt #ttl01 div {
    background: url(../images/opt/ttl_bg.jpg) no-repeat center top;
    height: 240px; }
    /* line 551, ../sass/design.scss */
    #opt #ttl01 div p {
      position: relative; }
      /* line 553, ../sass/design.scss */
      #opt #ttl01 div p img {
        position: absolute;
        top: 45px;
        left: 50px; }

/* line 563, ../sass/design.scss */
#product #ttl02 {
  height: 160px;
  margin: 80px 0 25px; }
  /* line 566, ../sass/design.scss */
  #product #ttl02 div {
    background: url(../images/product/h4_bg2.jpg) no-repeat center top;
    height: 160px; }
    /* line 569, ../sass/design.scss */
    #product #ttl02 div h4 {
      position: relative; }
      /* line 571, ../sass/design.scss */
      #product #ttl02 div h4 img {
        position: absolute;
        top: 46px;
        left: 91px; }

/* line 582, ../sass/design.scss */
#product #ttl03 {
  height: 160px;
  margin: 80px 0 25px; }
  /* line 585, ../sass/design.scss */
  #product #ttl03 div {
    background: url(../images/product/h4_bg3.jpg) no-repeat center top;
    height: 160px; }
    /* line 588, ../sass/design.scss */
    #product #ttl03 div h4 {
      position: relative; }
      /* line 590, ../sass/design.scss */
      #product #ttl03 div h4 img {
        position: absolute;
        top: 50px;
        left: 110px; }

/* line 600, ../sass/design.scss */
.small {
  font-size: 11px;
  margin: 10px 0 40px;
  color: #d1d1d1; }

/* line 606, ../sass/design.scss */
#kodawaribox li {
  list-style: none;
  margin-bottom: 35px; }
  /* line 609, ../sass/design.scss */
  #kodawaribox li ul {
    float: left;
    margin-right: 40px; }
    /* line 612, ../sass/design.scss */
    #kodawaribox li ul li {
      margin-bottom: 10px; }
      /* line 614, ../sass/design.scss */
      #kodawaribox li ul li:last-child {
        margin: 0; }
  /* line 619, ../sass/design.scss */
  #kodawaribox li div.txtbox {
    float: left;
    font-size: 12px;
    width: 760px; }
    /* line 623, ../sass/design.scss */
    #kodawaribox li div.txtbox h4 {
      border-bottom: 1px dotted #838485;
      color: #ae852b;
      font-size: 18px;
      margin-bottom: 20px;
      line-height: 1.5; }
      /* line 629, ../sass/design.scss */
      #kodawaribox li div.txtbox h4 img {
        margin-right: 15px; }
    /* line 633, ../sass/design.scss */
    #kodawaribox li div.txtbox ol {
      border: double #727272;
      padding: 25px;
      margin: 20px 0 0;
      background: #0f0f0f; }
      /* line 638, ../sass/design.scss */
      #kodawaribox li div.txtbox ol li {
        list-style: inside decimal;
        line-height: 1.4;
        margin-bottom: 5px; }
        /* line 642, ../sass/design.scss */
        #kodawaribox li div.txtbox ol li:last-child {
          margin-bottom: 0; }
        /* line 645, ../sass/design.scss */
        #kodawaribox li div.txtbox ol li dl {
          display: inline-block;
          vertical-align: top; }
          /* line 649, ../sass/design.scss */
          #kodawaribox li div.txtbox ol li dl dt {
            float: left;
            clear: left;
            width: 105px; }
            /* line 653, ../sass/design.scss */
            #kodawaribox li div.txtbox ol li dl dt span {
              display: inline-block;
              width: 35px;
              text-align: left;
              vertical-align: top; }
            /* line 659, ../sass/design.scss */
            #kodawaribox li div.txtbox ol li dl dt span.dt {
              display: inline-block;
              width: 65px;
              text-align: left;
              vertical-align: top; }
          /* line 666, ../sass/design.scss */
          #kodawaribox li div.txtbox ol li dl dd {
            float: left;
            padding-left: 10px;
            width: 560px; }