@charset "UTF-8";
.bold {
  font-weight: bold;
  font-family: "Noto Sans Japanese"; }

@media screen and (min-width: 700px) {
  .onlysp {
    display: none; } }
@media screen and (max-width: 700px) {
  .onlypc {
    display: none; } }
.fleft.row02, .fright.row02 {
  width: 48%; }

.fleft {
  float: left; }
  .fleft.row02 {
    margin-right: 1%; }

.fright {
  float: right; }
  .fright.row02 {
    margin-left: 1%; }

.fnone {
  float: none;
  clear: both; }

.porelative {
  position: relative; }

ul.initial li {
  list-style: disc outside;
  margin-left: 15px; }
  ul.initial li ul li {
    list-style: decimal outside; }

ol.initial li {
  list-style: decimal outside;
  margin-left: 15px; }
  ol.initial li ul li {
    list-style: disc outside; }

ul.toread > li, ol.toread > li {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-top: 10px;
  margin-bottom: 10px; }
  ul.toread > li p, ol.toread > li p {
    padding-bottom: 5px; }

p.toread {
  font-size: 1.1em;
  line-height: 1.8em; }

.paging01 li {
  list-style: none;
  display: inline-block;
  line-height: 1.8em;
  margin: 0 3px 6px 0; }
  .paging01 li a {
    font-size: 15px;
    padding: 3px 6px 3px 24px;
    display: block;
    position: relative;
    text-decoration: none;
    background: url(/images/common/iconAllowRblue1.png) no-repeat 0 center/1em auto;
    padding-left: 22px; }
    .paging01 li a:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: "alpha( opacity=80 )";
      color: #222222; }

.paging01wrap {
  border: 1px solid #0088cc;
  padding: 4px 10px 0px; }

.paging02 li {
  list-style: none;
  display: inline-block;
  line-height: 1.8em; }
  .paging02 li a {
    border-radius: 4px;
    padding: 0 4px;
    border: 1px solid #336699;
    text-decoration: none; }
    .paging02 li a:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: "alpha( opacity=80 )";
      color: #fff;
      background-color: #336699; }

.paging03 li {
  list-style: none;
  display: inline-block;
  line-height: 1.8em;
  border: 1px solid #ccc;
  vertical-align: top; }
  .paging03 li a {
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center; }
    .paging03 li a:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: "alpha( opacity=80 )";
      color: #222222; }
    .paging03 li a img {
      width: auto;
      max-width: 100%; }
@media screen and (min-width: 700px) {
  .paging03.row04 li {
    width: 21%;
    margin: 0 1%;
    padding: 1%; }
  .paging03.row07 li {
    width: 13.8%;
    padding: 0.7%; } }
@media screen and (max-width: 700px) {
  .paging03 li {
    width: 47%;
    margin: 1.5% 1%; } }

.pageTitle {
  margin: 20px 0 30px;
  line-height: 1.3em;
  font-size: 26px; }

.pageTitle1 {
  background-repeat: repeat-x;
  font-size: 1.2em;
  margin-bottom: 15px;
  border-top: 3px solid #666666;
  padding: 10px 5px;
  border-bottom: 1px solid #cccccc; }

.pageTitle2 {
  margin: 20px 0 10px; }

.pageTitle3 {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccc), to(#fff));
  background: -moz-linear-gradient(top, #ccc, #fff);
  background: linear-gradient(#ccc, #fff);
  border: 1px solid #999;
  margin-bottom: 15px;
  font-weight: normal;
  padding: 0.2em 0.2em 0.3em;
  font-size: 16px; }

.pageTitle4 {
  border-bottom: 4px solid #999;
  padding-bottom: 0.5em;
  margin-bottom: 15px;
  font-weight: normal; }

.pageTitle5 {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccc), to(#fff));
  background: -moz-linear-gradient(top, #ccc, #fff);
  background: linear-gradient(#ccc, #fff);
  border: 1px solid #999;
  padding: 0.2em;
  font-weight: bold; }
  .pageTitle5 .redwrap1 {
    border-left: 4px solid #e60012;
    padding: 0.2em 0.5em;
    display: block; }

.pageTitle6 {
  position: relative;
  border-bottom: 4px solid #222222;
  margin-top: 20px;
  line-height: 1.3em;
  font-size: 26px;
  padding-bottom: 15px; }
  .pageTitle6 .main01 {
    position: relative; }
  .pageTitle6 .sub01 {
    font-size: 10px;
    display: inline-block;
    position: absolute;
    width: 35%;
    top: 0px;
    right: 0;
    text-align: right; }

.pageTitle7 {
  line-height: 1.3em;
  margin-bottom: 10px;
  background-repeat: repeat-x;
  font-size: 1.2em;
  margin-bottom: 15px;
  border-top: 5px double #666666;
  padding: 10px 5px;
  border-bottom: 1px solid #cccccc; }

.pageTitle8 {
  background-color: #336699;
  color: #ffffff;
  padding: 3px 6px;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 16px;
  position: relative; }
  .pageTitle8 .main01 {
    position: relative; }
  .pageTitle8 .sub01 {
    font-size: 10px;
    display: inline-block;
    position: absolute;
    width: 35%;
    top: 1px;
    right: 5px;
    text-align: right; }

.subTitle1 {
  border-radius: 5px;
  border: 1px solid #666666;
  padding: 0.2em 0.6em;
  text-align: center;
  display: inline-block;
  margin: 10px auto; }

hr.line01 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #ffffff, #8c8b8b, #ffffff);
  background-image: -moz-linear-gradient(left, #ffffff, #8c8b8b, #ffffff);
  background-image: -ms-linear-gradient(left, #ffffff, #8c8b8b, #ffffff);
  background-image: -o-linear-gradient(left, #ffffff, #8c8b8b, #ffffff); }

hr.line02 {
  border: 0;
  border-top: 1px dashed #ccc;
  height: 1px;
  background: none; }

em.attt {
  font-size: 0.8em;
  color: #e60012; }

p.attt01 {
  color: #d43428;
  font-size: 95%;
  margin-top: 5px;
  line-height: 1.8em; }

.attt01,
p.attt02 {
  color: #d43428; }

p.attt03 {
  color: #336699; }

div.attb01,
div.attb02 {
  color: #222222;
  font-size: 95%;
  line-height: 1.8em;
  border: 1px dashed #336699;
  background: #f7fcff; }
  div.attb01 > p,
  div.attb02 > p {
    margin: 4px 0; }
    div.attb01 > p:first-of-type,
    div.attb02 > p:first-of-type {
      margin-top: 0; }
    div.attb01 > p:last-of-type,
    div.attb02 > p:last-of-type {
      margin-bottom: 0; }

div.attb01 {
  margin: 5px 0;
  padding: 0px 8px; }

div.attb02 {
  padding: 8px; }

div.attb03 {
  color: #336699;
  font-size: 95%;
  line-height: 1.8em; }

div.attb04 {
  margin-top: 10px;
  border: 1px solid #336699;
  padding: 5px 8px; }
  div.attb04 p, div.attb04 li {
    color: #336699; }

div.attp01 {
  color: #336699;
  font-size: 95%;
  margin: 5px 0;
  line-height: 1.8em; }

div.attp02 {
  color: #222222;
  font-size: 95%;
  margin: 5px 0;
  line-height: 1.8em;
  border: 1px dashed #e60012;
  padding: 8px;
  background: #e7f7ff; }

.appealBox li {
  margin-bottom: 5px; }
.appealBox ul.f16 {
  font-size: 16px;
  font-weight: bold; }

.appealBox01 {
  border: 1px solid #666;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 14px;
  margin-bottom: 10px; }
  .appealBox01 p {
    margin: 5px 0;
    line-height: 1.8em; }

.impoInfo01 {
  background-color: #fef49c;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 14px;
  border: 1px solid #ababab;
  margin-bottom: 10px; }
  .impoInfo01 p {
    margin: 5px 0;
    line-height: 1.8em; }

.appInfo01 .appIcon {
  display: inline-block;
  vertical-align: top;
  width: 20%; }
  .appInfo01 .appIcon img {
    width: auto;
    max-width: 100%;
    height: auto; }
.appInfo01 .appText li {
  list-style: outside disc;
  margin-left: 20px; }
.appInfo01 .inner {
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin-left: 2%; }
@media screen and (min-width: 700px) {
  .appInfo01 .appList li {
    display: inline-block;
    width: 48%; } }

.attRed {
  color: #d43428; }

.attBlue {
  color: #336699; }

.new1 {
  background: #e60012;
  color: #fff;
  display: inline-block;
  padding: 0px 4px;
  font-size: 0.8em;
  border-radius: 3px; }

.new2 {
  background: #d43428;
  color: #fff;
  display: inline-block;
  padding: 0px 4px;
  font-size: 0.8em;
  border-radius: 50%;
  text-align: center; }

.authorized {
  padding: 10px 0;
  text-align: center; }
  .authorized .logo1 img,
  .authorized .logo2 img {
    width: auto;
    max-width: 120px;
    height: auto; }
  .authorized .logo1 {
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    vertical-align: middle; }
  .authorized .text1 {
    display: inline-block;
    text-align: left;
    margin-left: 1%;
    margin-right: 1%;
    vertical-align: middle;
    font-size: 105%; }
  .authorized.parrot_index {
    border: 3px double #222;
    background-color: #eee;
    margin-top: 10px; }

.btn_wrap {
  text-align: center; }
  .btn_wrap a.btn_big1 {
    background-color: #FC3;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: auto;
    min-width: 50%;
    border: 3px double #cccccc;
    padding: 30px;
    text-decoration: none;
    color: #0088cc;
    border-radius: 15px; }
    .btn_wrap a.btn_big1:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: "alpha( opacity=80 )";
      border: 3px double #666666;
      color: #222; }

.nowrap {
  white-space: nowrap; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.red {
  color: #d43428; }

.black {
  color: #000000; }

.blue {
  color: #0066CC; }

.white {
  color: #FFFFFF; }

.silver {
  color: #DDDDDD; }

.green {
  color: green; }

.mt0 {
  margin-top: 0px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mb0 {
  margin-bottom: 0px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml35 {
  margin-left: 35px; }

.ml40 {
  margin-left: 40px; }

.ml45 {
  margin-left: 45px; }

.ml50 {
  margin-left: 50px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.mr35 {
  margin-right: 35px; }

.mr40 {
  margin-right: 40px; }

.mr45 {
  margin-right: 45px; }

.mr50 {
  margin-right: 50px; }

.margin5 {
  margin: 5px; }

.margin10 {
  margin: 10px; }

.margin15 {
  margin: 15px; }

.margin20 {
  margin: 20px; }

.margin25 {
  margin: 25px; }

.margin30 {
  margin: 30px; }

.margin35 {
  margin: 35px; }

.margin40 {
  margin: 40px; }

.margin45 {
  margin: 45px; }

.margin50 {
  margin: 50px; }

.margin0 {
  margin: 0; }

.padding5 {
  padding: 5px; }

.padding10 {
  padding: 10px; }

.padding15 {
  padding: 15px; }

.padding20 {
  padding: 20px; }

.padding25 {
  padding: 25px; }

.padding30 {
  padding: 30px; }

.padding35 {
  padding: 35px; }

.padding40 {
  padding: 40px; }

.padding45 {
  padding: 45px; }

.padding50 {
  padding: 50px; }

.block {
  display: block; }

.inlineblock,
.inlineb {
  display: inline-block; }

.inline {
  display: inline; }

.vtop {
  vertical-align: top; }

.vmdl {
  vertical-align: middle; }

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.tright {
  text-align: right; }

.tcenter {
  text-align: center; }

img.w100 {
  width: 100%;
  height: auto; }

img.w60 {
  width: 60%;
  height: auto; }

img.w50 {
  width: 50%;
  height: auto; }

img.w49 {
  width: 49%;
  height: auto; }

img.w48m1 {
  width: 48%;
  height: auto;
  margin-left: 1%;
  margin-right: 1%; }

img.w40 {
  width: 40%;
  height: auto; }

img.w30 {
  width: 30%;
  height: auto; }

img.h300 {
  height: 300px;
  width: auto; }

img.h240 {
  height: 240px;
  width: auto; }

img.h50 {
  height: 50px;
  width: auto; }

img.h30 {
  height: 30px;
  width: auto; }

div.w70, p.w70, figure.w70, section.w70 {
  width: 70%; }
div.w60, p.w60, figure.w60, section.w60 {
  width: 60%; }
div.w50, p.w50, figure.w50, section.w50 {
  width: 50%; }
div.w48m1, p.w48m1, figure.w48m1, section.w48m1 {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%; }
div.w40, p.w40, figure.w40, section.w40 {
  width: 40%; }
div.w30, p.w30, figure.w30, section.w30 {
  width: 30%; }

img.w100m {
  width: auto;
  max-width: 100%;
  height: auto; }

img.w90m {
  width: auto;
  max-width: 90%;
  height: auto; }

img.w80m {
  width: auto;
  max-width: 80%;
  height: auto; }

img.w50m {
  width: auto;
  max-width: 50%;
  height: auto; }

img.center {
  display: block; }

figure.line1,
img.line1 {
  border: 1px solid #ccc; }

.ftsmall {
  font-size: 0.9em; }

.ftmiddle {
  font-size: 18px; }

.ftbigger {
  font-size: 20px; }

.ftbig {
  font-size: 24px; }

.f16 {
  font-size: 16px;
  font-weight: bold; }

.pad5 {
  padding: 5px; }

.pad10 {
  padding: 10px; }

.pad15 {
  padding: 15px; }

.pad20 {
  padding: 20px; }

.pad25 {
  padding: 25px; }

.pad30 {
  padding: 30px; }

.pad35 {
  padding: 35px; }

.pad40 {
  padding: 40px; }

.pad45 {
  padding: 45px; }

.pad50 {
  padding: 50px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pt35 {
  padding-top: 35px; }

.pt40 {
  padding-top: 40px; }

.pt45 {
  padding-top: 45px; }

.pt50 {
  padding-top: 50px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pb35 {
  padding-bottom: 35px; }

.pb40 {
  padding-bottom: 40px; }

.pb45 {
  padding-bottom: 45px; }

.pb50 {
  padding-bottom: 50px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr25 {
  padding-right: 25px; }

.pr30 {
  padding-right: 30px; }

.pr35 {
  padding-right: 35px; }

.pr40 {
  padding-right: 40px; }

.pr45 {
  padding-right: 45px; }

.pr50 {
  padding-right: 50px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pl35 {
  padding-left: 35px; }

.pl40 {
  padding-left: 40px; }

.pl45 {
  padding-left: 45px; }

.pl50 {
  padding-left: 50px; }

.textbox1 {
  font-size: 16px; }
  .textbox1 p {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.8em; }

.tablewrap {
  overflow-x: auto; }

table .cnt {
  text-align: center; }
table .num {
  text-align: right; }
table.basic {
  border: 1px solid #cccccc;
  border-collapse: collapse; }
  table.basic th, table.basic td {
    border: 1px solid #cccccc; }
  table.basic thead th {
    background-color: #f3f3f3;
    text-align: center;
    padding: 3px; }
  table.basic tbody td {
    padding: 3px 7px; }
table.w100 {
  width: 100%; }
table.thlock tbody th {
  white-space: nowrap; }
table.thcolor th {
  background-color: #efefef;
  padding: 3px;
  white-space: nowrap; }
table.thleft th {
  text-align: left; }
table.nonewidth {
  width: auto !important; }
table.center {
  margin-left: auto;
  margin-right: auto; }
  table.center td {
    text-align: center; }

table.basicTable01 {
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse; }
  table.basicTable01 th,
  table.basicTable01 td {
    font-weight: normal;
    border: 1px solid #cccccc; }
    table.basicTable01 th span.kome1,
    table.basicTable01 td span.kome1 {
      font-weight: normal;
      font-size: 0.9em; }
  table.basicTable01 th {
    background-color: #efefef;
    padding: 3px;
    white-space: nowrap; }
    table.basicTable01 th em {
      color: #e60012; }
  table.basicTable01 td {
    padding: 3px 7px; }
    table.basicTable01 td.cnt　 {
      text-align: center; }
  table.basicTable01 tbody tr:hover {
    background-color: #eeeeee; }
    table.basicTable01 tbody tr:hover th {
      white-space: normal; }
  table.basicTable01.center {
    margin-left: auto;
    margin-right: auto; }
    table.basicTable01.center td {
      text-align: center; }

.dl_link {
  position: relative; }
  .dl_link, .dl_link.addline {
    border: 1px dashed #ccc;
    padding: 5px 10px; }
  .dl_link:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )"; }
  .dl_link a:hover {
    text-decoration: none; }
  .dl_link .thumbicon {
    float: left; }
    .dl_link .thumbicon img {
      padding: 6px 15px 15px 0; }
  .dl_link .title1 {
    font-size: 14px;
    font-weight: normal;
    position: relative;
    z-index: 3; }
  .dl_link ul.fileinfo1 {
    margin: 8px 0;
    font-size: 11px; }
    .dl_link ul.fileinfo1 li {
      display: inline-block;
      margin: 0 10px 0 0;
      border: 1px solid #336699;
      padding: 0 5px;
      border-radius: 5px;
      background-color: #336699;
      color: #fff;
      list-style: none;
      line-height: inherit; }

.tabs .content {
  border: 3px solid #000;
  padding: 10px;
  margin: 0 0 20px; }
  .tabs .content > section.hide {
    display: none; }
.tabs ul#tab li {
  display: inline-block;
  min-width: 11%;
  text-align: center;
  position: relative; }
  .tabs ul#tab li:first-of-type {
    margin-left: 3px; }
  .tabs ul#tab li a {
    border: 1px solid #666;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444), to(#666));
    background: -moz-linear-gradient(top, #444, #666);
    background: linear-gradient(#444, #666);
    color: #ffffff;
    text-decoration: none;
    display: block;
    font-weight: normal;
    transition: .2s; }
    .tabs ul#tab li a:hover {
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha( opacity=70 )";
      border-color: #444444; }
  .tabs ul#tab li.select a {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#000));
    background: -moz-linear-gradient(top, #555, #000);
    background: linear-gradient(#555, #000);
    color: #ffffff !important;
    border-color: #000; }
    .tabs ul#tab li.select a:hover {
      opacity: 1;
      filter: alpha(opacity=100);
      -ms-filter: "alpha( opacity=100 )";
      border-color: #336699; }
@media screen and (min-width: 700px) {
  .tabs ul#tab li a {
    border-radius: 6px 6px 0 0;
    padding: 3px 6px;
    border-bottom: none; }
  .tabs ul#tab li.select a {
    position: relative;
    z-index: 1;
    top: 2px; } }
@media screen and (max-width: 700px) {
  .tabs ul#tab li {
    vertical-align: top; }
    .tabs ul#tab li a {
      border-radius: 6px;
      padding: 6px 12px;
      font-size: 1.5em;
      margin-bottom: 6px; } }

.blockbox.imginlineblock figure, .blockbox.imginlineblock img {
  display: inline-block;
  vertical-align: middle; }
.blockbox.imginlineblock2 img {
  display: inline-block;
  vertical-align: top; }
.blockbox.relative, .blockbox .relative {
  position: relative; }

.topNewProduct h2 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
  position: relative;
  border-top: 3px double #e60012;
  padding: 6px 0px 4px;
  margin-top: 30px; }
  .topNewProduct h2 .sub01 {
    font-size: 10px;
    display: inline-block;
    position: absolute;
    width: 35%;
    top: 8px;
    right: 0;
    text-align: right; }
  .topNewProduct h2 .main01 {
    font-size: 19px;
    display: inline-block;
    position: relative;
    width: 60%;
    background: url(/images/common/iconTagRed1.png) no-repeat 0 0/24px auto;
    padding: 3px 5px 5px 30px;
    min-height: 24px;
    font-weight: normal; }
.topNewProduct ul#tab {
  text-align: center; }
  .topNewProduct ul#tab li {
    display: inline-block;
    min-width: 11%;
    text-align: center;
    position: relative; }
    .topNewProduct ul#tab li a {
      border: 1px solid #777777;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777777), to(#444444));
      background: -moz-linear-gradient(top, #777777, #444444);
      background: linear-gradient(#777777, #444444);
      color: #ffffff;
      text-decoration: none;
      display: block;
      font-weight: normal;
      transition: .2s; }
      .topNewProduct ul#tab li a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
        border-color: #444444; }
    .topNewProduct ul#tab li.select a {
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d43428), to(#e60012));
      background: -moz-linear-gradient(top, #d43428, #e60012);
      background: linear-gradient(#d43428, #e60012);
      color: #ffffff !important;
      border-color: #e60012; }
      .topNewProduct ul#tab li.select a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        border-color: #e60012; }
  @media screen and (min-width: 700px) {
    .topNewProduct ul#tab li a {
      border-radius: 6px 6px 0 0;
      border-bottom: none;
      padding: 3px 6px; } }
  @media screen and (max-width: 700px) {
    .topNewProduct ul#tab li.select a {
      position: relative;
      z-index: 1;
      top: 2px; } }
.topNewProduct .content {
  border: 6px double #e60012;
  padding: 10px;
  margin-bottom: 20px; }
  .topNewProduct .content > section.hide {
    display: none; }
  .topNewProduct .content > section div.linkbox {
    border-top: 1px dashed #cccccc;
    margin-top: 10px;
    padding-top: 10px; }
    .topNewProduct .content > section div.linkbox:first-of-type {
      border-top: none;
      margin-top: 0;
      padding-top: 0; }
  .topNewProduct .content > section a.linklist {
    text-decoration: none;
    text-align: center;
    border: 1px solid #eeeeee;
    display: inline-block;
    vertical-align: top; }
    .topNewProduct .content > section a.linklist:hover {
      background-color: #eeeeee;
      border: 1px solid #e60012; }
      .topNewProduct .content > section a.linklist:hover img {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )"; }
    .topNewProduct .content > section a.linklist dl {
      border: 1px solid #eeeeee;
      padding: 5px; }
      .topNewProduct .content > section a.linklist dl dd {
        margin-top: 5px; }
        .topNewProduct .content > section a.linklist dl dd span,
        .topNewProduct .content > section a.linklist dl dd strong {
          display: block; }
        .topNewProduct .content > section a.linklist dl dd .name {
          color: #0088cc;
          text-decoration: underline; }
        .topNewProduct .content > section a.linklist dl dd .cat {
          font-size: 0.9em;
          color: #222222;
          line-height: 1.5em; }
        .topNewProduct .content > section a.linklist dl dd .status {
          color: #e60012; }
      .topNewProduct .content > section a.linklist dl img {
        width: 100%;
        display: block; }
  @media screen and (min-width: 700px) {
    .topNewProduct .content > section div.linkbox.height1 .linklist dl {
      min-height: 219px; }
    .topNewProduct .content > section div.linkbox.height2 .linklist dl {
      min-height: 234px; }
    .topNewProduct .content > section div.linkbox.height3 .linklist dl {
      min-height: 273px; }
    .topNewProduct .content > section a.linklist {
      width: 23%;
      margin: 1%; } }
  @media screen and (max-width: 700px) {
    .topNewProduct .content > section a.linklist {
      width: 48%;
      margin: 1%; } }