@charset "UTF-8";
/******初期設定ここから******/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
addres, ul, ol, dl, dt, dd, table, th, td, form, fieldset, header, article, figure, section {
  margin: 0;
  padding: 0;
  line-height: 140%;
  font-familu: "Hiragino Kaku Gothic ProN", meiryo, sans-serif; }

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

ul, ol {
  list-style: none;
  /*黒丸を消す*/ }

a {
  text-decoration: none;
  /*下線を消す*/ }

img {
  border: 0; }

ing, input {
  vertical-aligin: bottom; }

/*クリア*/
.clearfix:after {
  visibility: hidden;
  height: 0;
  display: block;
  font-size: 0;
  content: " ";
  clear: both; }

/******初期設定ここまで******/
header {
  position: relative;
  z-index: 1; }

#head_main {
  width: 100%;
  background: url(../images/bg_top.jpg) no-repeat;
  background-size: cover;
  overflow: hidden; }

/**共通**/
.padimg {
  padding: 40px 0;
  text-align: center; }

#in_header {
  width: 970px;
  margin: 0 auto; }
  #in_header h1 {
    line-height: 0; }

@media (max-width: 768px) {
  #in_header {
    width: 100%;
    margin: 0 auto; }
    #in_header h1 {
      line-height: 0; }
    #in_header img {
      width: 100%;
      height: auto; } }
#in_head_info {
  width: 970px;
  margin: 0 auto; }
  #in_head_info h2 {
    line-height: 0; }

@media (max-width: 768px) {
  #in_head_info {
    width: auto;
    margin: 0 auto; }
    #in_head_info h2 img {
      width: 100%;
      height: auto; } }
#head_h {
  background: #007CA9;
  width: 100%;
  padding: 20px 0 40px 0; }
  #head_h #in_head_h {
    width: 970px;
    margin: 0 auto; }

@media (max-width: 768px) {
  #head_h #in_head_h {
    width: auto; }
    #head_h #in_head_h h1 img {
      width: 100%;
      height: auto; } }
.kaikin {
  text-align: center;
  margin-top: -30px; }

#main {
  background: url(../images/bg_gray.gif); }

#main_af {
  background: url(../images/bg_yellow.gif); }

#contents {
  width: 100%;
  position: relative;
  background: url(../images/bg_gray.gif);
  top: -200px;
  z-index: 0;
  padding-top: 200px; }
  #contents .cont_img {
    width: 970px;
    margin: 0 auto;
    padding: 50px 0; }
  #contents .cont_img2 {
    width: 970px;
    margin: 0 auto;
    padding: 100px 0; }
  #contents .cont_prc {
    display: table;
    width: 96%;
    background: url(http://g-trading.co.jp/ppc/after/images/bg_slash.jpg);
    padding: 2%; }
  #contents .pconly, #contents .pcsm {
    width: 49%;
    display: table-cell;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding: 40px 0; }
  #contents .pconly {
    border-right: 5px solid #eee; }
  #contents .pcsm {
    border-left: 5px solid #eee; }
  #contents .obi_blue, #contents .obi_green, #contents .obi_yellow, #contents .obi_red {
    width: 100%;
    height: 219px;
    text-align: center;
    margin: 20px 0;
    vertical-align: middle; }
    #contents .obi_blue img, #contents .obi_green img, #contents .obi_yellow img, #contents .obi_red img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  #contents .obi_blue {
    background: url(../images/obi_blue.gif) repeat-x; }
  #contents .obi_green {
    margin: 0px;
    background: url(../images/obi_green.gif) repeat-x; }
  #contents .obi_yellow {
    margin: 0px;
    background: url(../images/obi_yellow.gif) repeat-x; }
  #contents .obi_red {
    margin: 0px;
    background: url(../images/obi_red.gif) repeat-x; }
  #contents #kako {
    background: url(../images/bg_blue.gif);
    width: 100%; }
  #contents .logoarea {
    width: 100%;
    background: url(../images/cont_ggrbg.jpg) no-repeat;
    background-size: cover;
    text-align: center; }
  #contents #mrtdmrt {
    width: 100%;
    margin-bottom: 100px;
    display: table; }
    #contents #mrtdmrt .merit, #contents #mrtdmrt .demerit {
      display: table-cell;
      width: 50%;
      padding: 50px 20px 20px; }
    #contents #mrtdmrt .merit {
      background: url(../images/bg_akagiza.gif);
      text-align: left; }
    #contents #mrtdmrt .demerit {
      background: url(../images/bg_aogiza.gif);
      text-align: right; }
  #contents .user1 {
    background: #F5F5F5;
    text-align: center;
    padding: 20px 0; }
  #contents .user2 {
    background: #F0F0E0;
    text-align: center;
    padding: 20px 0; }
  #contents #cont_why {
    background: url(../images/bg_yellow.gif);
    width: 100%; }

@media (max-width: 768px) {
  #contents {
    width: 100%; }
    #contents img {
      width: 100%;
      height: auto; }
    #contents .cont_img {
      width: auto; }
    #contents .cont_img2 {
      width: auto; }
    #contents .cont_prc {
      display: block;
      width: auto;
      background: url(http://g-trading.co.jp/ppc/after/images/bg_slash.jpg);
      padding: 20px 0; }
    #contents .pconly, #contents .pcsm {
      width: auto;
      display: block;
      background-color: #FFF;
      text-align: center;
      vertical-align: middle;
      padding: 20px 0; }
      #contents .pconly img, #contents .pcsm img {
        width: 90%;
        height: auto; }
    #contents .pconly {
      border-right: none;
      border-bottom: 5px solid #eee; }
    #contents .pcsm {
      border-left: none;
      border-top: 5px solid #eee; }
    #contents .obi_blue, #contents .obi_green, #contents .obi_yellow, #contents .obi_red {
      width: auto;
      padding: 0 20px;
      height: 150px;
      text-align: center;
      margin: 20px 0;
      vertical-align: middle; }
      #contents .obi_blue img, #contents .obi_green img, #contents .obi_yellow img, #contents .obi_red img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
.cart_button {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0; }

#af_head {
  width: 100%;
  background: url(../images/bg_akagiza.gif); }
  #af_head #in_af_header {
    width: 970px;
    margin: 0 auto;
    padding: 30px 0; }

.osirasesaigo {
  background: url(http://g-trading.co.jp/ppc/after/images/bg_slash.jpg);
  padding: 40px 0; }
  .osirasesaigo .osirasepadd {
    width: 970px;
    padding: 40px;
    text-align: center;
    background-color: #FFF;
    margin: 0 auto; }

@media (max-width: 768px) {
  #af_head #in_af_header {
    width: auto; }
    #af_head #in_af_header h1 img {
      width: 100%;
      height: auto; }

  .osirasesaigo {
    background: url(http://g-trading.co.jp/ppc/after/images/bg_slash.jpg);
    padding: 40px 0; }
    .osirasesaigo .osirasepadd {
      width: auto;
      padding: 40px 10px;
      text-align: center;
      background-color: #FFF;
      margin: 0 auto; }
      .osirasesaigo .osirasepadd img {
        width: 100%;
        height: auto; } }
footer {
  border-top: 1px solid #999; }
  footer #in_footer {
    width: 980px;
    padding: 30px 0;
    margin: 0 auto; }
    footer #in_footer p {
      font-size: 16px;
      text-align: center; }
    footer #in_footer a {
      color: #666;
      text-decoration: underline; }

@media (max-width: 768px) {
  footer #in_footer {
    width: 100%; } }
.frame {
  margin: 0px;
  padding: 0px; }
  .frame img {
    width: 100%;
    height: auto; }

.framearea {
  width: 880px;
  background: #D9A300;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 100px;
  position: relative; }
  .framearea .in_framearea {
    padding: 10px;
    line-height: 0; }
  .framearea .yazirusi {
    position: absolute;
    top: 0;
    right: 0; }
  .framearea iframe {
    width: 860px;
    height: 500px;
    margin: 0 auto;
    border: none; }

@media (max-width: 768px) {
  .framearea {
    width: auto;
    background: #D9A300;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 100px;
    position: relative; }
    .framearea .in_framearea {
      padding: 10px;
      line-height: 0; }
    .framearea .yazirusi {
      position: absolute;
      top: 0;
      right: 0; }
    .framearea iframe {
      width: 100%;
      height: 500px;
      margin: 0 auto;
      border: none; } }
/***********コンテンツエリア***********/

/*# sourceMappingURL=style.css.map */