@charset "UTF-8";
 
 
 /*---------------------------------------------
     Browser Default Initialization seo_n_orange
   ---------------------------------------------*/
 /* General Settings  デフォルトインポートファイル
 ----------------------------------------------- */
 
/* * {
   -webkit-appearance: none;
}*/
 
 img {
     max-width: 100%;
     height: auto;
     width: auto;
 }
 .text-center {
     text-align: center;
 }
 #wrapper {
     width: 100%;
     min-width: 1000px;
     min-height: 100%;
     background:none;
 }
 
 article h1{    background: url(https://www.acress.jp/material/img/titleBack02.png);
    border-radius: 0;
    padding: 0 16px 0 28px;
    height: 87px;
    line-height: 87px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 28px;
    margin-bottom: 0;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 18px;
 }
 article h1:before{
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://www.acress.jp/material/img/iconH2w.png);
    display: inline-block;
    background-size: 24px 24px;
    margin-right: 4px;
}
 
 
 
 
 
 
 article h2 {
     margin-bottom: 10px;
     padding: 0;
     background: none repeat scroll 0 0 transparent;
     font-size: 85%;
     font-weight: bold;
     line-height: 200%;
     letter-spacing:0.1em;
 }
 .w100 {
     width: 100%;
 }
 .bold {
     font-weight: bold;
 }
 #contents-pop {
     width: 98%;
     height:99%;
     padding:1%;
     background:#fffef6;
 }
 #contents-pop #contact .btn-confirm{
     padding-bottom:100px;
 }
 /* Header
 ----------------------------------------------- */
 div#wrapper div#enquete-header,
 div#wrapper > div#cart-header,
 header {
     width: 100%;
     background:none !important;
 }
 #header-inner {
     width: 1080px;
     margin: 0 auto;
     *zoom: 1;
 }
 header #header-inner{
         background:url(https://www.acress.jp/pic-labo/acress_logo-bg3.png) left no-repeat;
      }
 #header-inner #logo, #hNav {
     display: table-cell;
     vertical-align: middle;
     padding: 0 0 5px 0;
 }
 #header-inner #hNav {
     width: 660px;
     text-align: right;
 }
 * html #header-inner div {
   display: inline;
   zoom: 1;
 }
 *:first-child+html #header-inner div {
   display: inline;
   zoom: 1;
 }
 #header-inner #logo {
     width: 340px;
 }
 #header-inner h1 {
     max-width: 340px;
     background: none;
     margin: 0;
     padding: 0;
 }
 #header-inner h1 a img:hover, #header-inner h2 a img:hover {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: "alpha(opacity=70)";
     -khtml-opacity: 1;
     -moz-opacity: 1;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 }
 #hNav #searchbox_wrap {
     overflow: hidden;
     margin: 10px 10px 10px 0;
 }
 #hNav #searchbox {
     width: 340px;
     height: 38px;
     line-height: 160%;
     font-size: 65%;
     color: #999;
     align:right;
     float: right;
     overflow: hidden;
     background: url(../img/searchbox.gif) no-repeat left top;
 }
 #hNav #searchbox p {
     float: left;
     margin: 0 5px 0 0;
 }
 #hNav #searchbox p.cart-search {
     margin-top: 0px;
 }
 #hNav #searchbox p img {
     vertical-align: bottom;
 }
 #hNav #searchbox form{
     float: left;
 }
 #hNav #searchbox input.searchbox {
     border: none;
     width: 168px;
     height: 21px;
     margin: 0 7px 0 0;
     padding: 0 5px;
     border: 1px solid #cdcdcd;
 }
 #hNav #searchbox input.searchSubmit {
     padding: 1px 1px 0 0;
 }
 #hNav ul#keyword {
     line-height: 80%;
     text-align: right;
     margin: 5px 10px 10px 0;
     min-height: 30px;
 }
 #hNav ul#keyword li {
     display: inline-block;
     *display: inline;
     *zoom: 1;
 }
 #hNav ul#keyword li a {
     float: left;
     font-size: 60%;
     padding: 0 0 0 10px;
 }
 #hNav ul#keyword li a:hover {
     padding: 0 0 0 10px;
     color: #ff9803;
 }
 #hNav ul#header-nav {
     line-height: 100%;
     color: #999;
     margin: 0 10px 10px 0;
 }
 #hNav ul#header-nav li {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     height: 26px;
     padding: 5px 0 0 5px;
     margin-left:5px;
     font-size: 75%;
     text-align: left;
     font-weight: bold;
 }
 #hNav ul#header-nav li a:hover {
     color: #ff9803;
     text-decoration: none;
 }
 #gnav {
    margin:0;
    padding:0;
    background: url(../img/gnav_bg.png) repeat-x left top;
 }
 #gnav .cart-nav ,
 #gnav nav {
     width: 1000px;
     height:55px;
     margin:0 auto;
     padding:0;
 }
 #gnav nav ul,
 #gdiv.cart-nav nav ul {
     float: left;
     width: 100%;
     height:55px;
 }
 #gnav div.cart-nav ul li,
 #gnav nav ul li {
     float: left;
     width: 199px;
     height: 50px;
     font-size: 75%;
     color: #FFF;
     background: url(../img/gnav_bg2.png) no-repeat left top;
     line-height: 50px;
     vertical-align: middle;
     text-align: center;
 }
 #gnav div.cart-nav ul li:first-child,
 #gnav nav ul li:first-child {
     background-image: none;
     border-left:1px solid #ffbd5d;
 }
 #gnav div.cart-nav ul li:last-child,
 #gnav nav ul li:last-child {
     border-right:1px solid #ffbd5d;
 }
 #gnav div.cart-nav ul li a,
 #gnav nav ul li a {
     display: block;
     color: #FFF;
 }
 #gnav div.cart-nav ul li a:link,
 #gnav div.cart-nav ul li a:visited,
 #gnav nav ul li a:link,
 #gnav nav ul li a:visited {
     color: #FFF;
     text-decoration: none;
 }
 #gnav div.cart-nav ul li a:hover,
 #gnav div.cart-nav ul li a:active,
 #gnav nav ul li a:hover,
 #gnav nav ul li a:active {
     color: #FFF;
     text-decoration: none;
     background: url(../img/gnav_bg2_on.png) no-repeat left top;
 }
 /* Contents
 ----------------------------------------------- */
 #contents {
     width: 1080px;
     margin: 50px auto 0 auto;
     padding-top: 0px;
     padding-bottom: 0;
 }
 #sub-column {
     float: right;
     width: 240px;
     margin-right: 0;
     padding-bottom: 60px;
     *zoom: 1;
     word-break:break-all;
 }
 
 
 #main-column {
    float: left;
    width: 800px;
    margin-bottom: 100px;
    position: relative;
    top: -30px;
 }
 
.home #main-column{ position: static}
 
 #main-column-full {
     width: 100%;
     margin: 0 auto 60px;
 }
 div#wrapper  div#enquete-section,
 article section {
     padding: 0;
 }
 div#wrapper  div#enquete-section:first-child,
 article section:first-child {
     border-top: none;
 }
 div.cart-article p,
 article p {
color: #333333;
    font-size: 16px;
    margin: 12px 0 12px 0;
    /* letter-spacing: 1px; */
    line-height: 1.5;
 }
 
 div.cart-article a:hover p,
 article a:hover p {
     color: #666;
 }
 div#wrapper  div#enquete-section ul,
 div.cart-article div.cart-section ul,
 article section ul {
     font-size: 90%;
     font-size: 0.9rem;
     line-height: 160%;
     color: #333333;
 }
 section .reviewBox .reviewTxtNoImg ul li {
     display : inline;
 }
 #mainVisual {
     width: 100%;
 }
 #bread-crumb {
     margin: 0 0 15px 0;
 }
 #bread-crumb-listTop, .bread-crumb-listCate {
     width: 100%;
     padding: 0;
     margin: 0 0 3px 0;
 }
 #bread-crumb-listTop ol, .bread-crumb-listCate ol {
     width: 720px;
     margin: 0;
     padding: 0;
     overflow: hidden;
     *zoom: 1;
 }
 #bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
     float: left;
     *float: none;
     *display: inline;
     padding: 0 10px 0 13px;
     font-size: 13px;
     line-height: 120%;
     letter-spacing:0.1em;
     background: url(https://www.acress.jp/material/img/breadcrumb_bg.png) no-repeat left center;
     *zoom: 1;
 }
 
  #bread-crumb-listTop ol li a, .bread-crumb-listCate ol li a{ color: #21A354}
 
 #bread-crumb-listTop ol li:first-child {
     padding-left: 0;
     background-image: none;
 }
 .column-set {
     width: 100%;
     overflow: hidden;
     *zoom: 1;
     padding-bottom:5px;
     margin-top: 30px;
 }
 .column3 {
     float: left;
     width: 230px;
     margin: 0 15px 20px 0;
     padding-bottom: 20px;
 }
 .column3:nth-child(3n) {
     margin: 0 0 20px 0;
 }
 .newItem .column3 .itemThumb-wrap {
     margin: 0 0 5px 0;
     position:relative;
 }
 .newItem .column3 .itemThumb {
     display: table-cell;
     text-align: center;
     height: 230px;
     width: 230px;
     vertical-align: middle;
     margin-bottom: 5px;
 }
 .column3 h3 {
     font-size: 70%;
     line-height: 120%;
     margin-bottom: 3px;
 }
 .column3 p {
     font-size: 70%;
 }
 .column3 img {
     vertical-align: bottom;
 }
 .column3 p.price {
     margin-bottom: 3px;
 }
 .column3 p.sp_price {
     color: #F00;
 }
 .column4 {
     float: left;
     width: 170px;
     margin: 0 0 15px 13px;
     _margin: 0 0 15px 6px;
 }
 .column4:nth-child(4n) {
     margin: 0 0 15px 13px;
 }
 .column4 .itemThumb-wrap {
     margin: 0 0 10px 0;
     position:relative;
 }
 .column4 .item-list-span-img{
     width:170px;
     display:inline-block;
         border: solid 1px #CCC;
    box-sizing: border-box;
 }
 .column5 .item-list-span-img{
     width:130px;
     display:inline-block;
 }
 .column4 .itemThumb {
     display: table-cell;
     text-align: center;
     height: 170px;
     width: 170px;
     vertical-align: middle;
     margin-bottom: 5px;
 }
 .column4 .itemThumb a img {
max-height: 170px;
    max-width: 170px;
    box-sizing: border-box;
    /*border: solid 1px #CCC;*/
    padding: 8%;
 }
 .column4 h3 {
     font-size: 75%;
     line-height: 120%;
     margin-bottom: 3px;
     letter-spacing:0.1em;
 }
 .column4 p {
     font-size: 85%;
 }
 .column4 img {
     vertical-align: bottom;
 }
 .column4 p.sp_price {
     color: #cc3333;
 }
 .column5 {
     float: left;
     width: 130px;
     margin: 0 0 15px 17px;
     _margin: 0 0 15px 8px;
 }
 .column5:nth-child(5n) {
     margin-right:1px;
 }
 .column5:nth-child(5n+1) {
     clear:both;
 }
 .column5 .itemThumb-wrap {
     margin: 0 0 10px 0;
     position:relative;
 }
 .column5 .itemThumb {
     display: table-cell;
     height: 130px;
     width: 130px;
     margin-bottom: 5px;
     text-align: center;
     vertical-align: middle;
 }
 .column5 .itemThumb a img {
     max-height: 130px;
     max-width: 130px;
 }
 .column5 h3 {
     margin-bottom: 3px;
     font-size: 75%;
     line-height: 130%;
     letter-spacing:0.1em;
     text-align:justify;
     text-justify:inter-ideograph;
 }
 .column5 p {
     font-size: 80%;
 }
 .column5 img {
     vertical-align: bottom;
 }
 .column5 p.sp_price {
     color: #cc3333;
 }
 p.fx_price span.strike {text-decoration: line-through;}
 p.sp_price span.special_price_str,
 p.sp_price span.selling_price_str,
 p.sp_price span.selling_price,
 p.sp_price span.taxin,
 p.sp_price span.discount_rate{
     color: #CC3333;
 }
 p.price span.selling_price,
 p.price span.taxin{
     color: #CC3333;
 }
 /* TOP PAGE
 ----------------------------------------------- */
 section .newItem h2, section .pickup h2, section .ranking h2, section .group h2, section .category h2, section .freeArea h2 {
     width: 693px;
     height: 43px;
     margin-bottom: 10px;
     padding: 0 0 0 55px;
     line-height: 45px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     vertical-align: middle;
 }
 section .newItem, section .pickup, section .ranking, section .group, section .category, section .freeArea {
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     margin: 30px 0 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background-color: #FFF;
     position: relative;
 }
 .newItem .new-Title, .pickup .pickup-Title, .ranking .ranking-Title {
     position: absolute;
     left: 10px;
     top: -2px;
 }
 .column3 .badge {
     position: absolute;
     top:3px;
     right:3px;
     z-index: 100;
 }
 .column4 .badge,
 .column5 .badge {
     position: absolute;
     top:6px;
     right:6px;
     z-index: 100;
 }
 .pickup .column5 .itemThumb-wrap {
     position:relative;
 }
 .pickup .column5 .badge {
     position: absolute;
     top:3px;
     right:3px;
     z-index: 100;
 }
 .ranking .column5 .badge {
     position: absolute;
     top:3px;
     right:3px;
     z-index: 100;
 }
 .half-cont_wrap01, .half-cont_wrap02 {
     overflow: hidden;
 }
 .half-cont {
     float: left;
     width: 363px;
     margin-right: 20px;
 }
 .half-cont:nth-child(2n) {
     float: left;
     width: 363px;
     margin-right: 0;
 }
 .news {
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     width: 363px;
     margin: 30px 0 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background-color: #FFF;
     position: relative;
 }
 .news h2 {
     width: 353px;
     height: 43px;
     line-height: 43px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 0;
     padding: 0 0 0 10px;
     vertical-align: middle;
 }
 .news h2 img {
     padding: 15px 0 0 0;
 }
 .news .news-contents {
     overflow: hidden;
     padding: 10px;
 }
 dl.news-box {
     font-size: 75%;
     color: #333333;
     padding: 10px 0;
     border-bottom: 1px dotted #d9d3c3;
 }
 dl.news-box:first-child {
     padding: 0 0 10px 0;
 }
 dl.news-box:last-child {
     border: none;
 }
 .news-box dd {
     line-height: 145%;
 }
 .news-box dd a {
     color: #2663e00;
 }
 .news-box dd a:hover {
     color: #333333;
 }
 .w100 .news {
     width: 748px;
     margin: 30px 0 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     position: relative;
 }
 .w100 .news h2 {
     width: 748px;
     height: 43px;
     line-height: 45px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 0;
     padding-left: 10px;
     vertical-align: middle;
     text-align: left;
 }
 .w100 .news h2 img {
     padding-left:12px;
 }
 .freeArea2 {
     border: 1px solid #d9d3c3;
     margin: 30px 0 0;
     /*-moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;*/
     -moz-border-radius: 4px / 4px;
     -webkit-border-radius: 4px / 4px;
     border-radius: 4px / 4px;
     background-color: #FFF;
     position: relative;
 }
 .freeArea2 h2 {
     width: 353px;
     height: 43px;
     line-height: 43px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 0;
     padding: 0 0 0 10px;
     vertical-align: middle;
 }
 .freeArea2 h2 img {
     padding: 14px 0 0 0;
 }
 .freeArea2 .free-banner {
     margin-bottom: 5px;
 }
 .freeArea2 .free-contents {
     padding: 10px 10px 20px;
 }
 .freeArea2 .free-contents p {
     font-size: 75%;
     line-height: 140%;
     letter-spacing:0.1em;
 }
 .freeArea2 .free-contents ul
 {margin: 0px 40px;}
 .freeArea2 .free-contents ul li
 {list-style-type: disc;}
 .freeArea2 .free-contents ol
 {margin: 0px 40px;}
 .freeArea2 .free-contents ol li
 {list-style-type: decimal;}
 .w100 .freeArea2 {
     width: 800px;
     position: relative;
     margin: 0;
     border-right: none;
     border-bottom: none;
     border-left: 1px none;
     background-color: #FFF;
 }
 .w100 .freeArea2 h2 {
    width: auto;
    height: auto;
    line-height: 1 !important;
    background: none;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
 }
 #main-column .w100 .freeArea2 .freeAreaTitle{
     padding-left:10px;
     padding-top:5px;
 }
 #main-column .half-cont .freeArea2 .freeAreaTitle{
     padding-left:5px;
 }
 #sub-column .freeArea2 {
     margin: 0 0 30px;
 }
 .half-cont .group {
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     width: 363px;
     margin: 30px 0 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background-color: #FFF;
     position: relative;
 }
 .half-cont .group .group-Title {
     display: none;
 }
 .half-cont .group h2 {
     width: 353px;
     height: 43px;
     margin-bottom: 10px;
     padding: 0 0 0 10px;
     line-height: 45px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     vertical-align: middle;
 }
 .group .group-banner {
     margin-bottom: 5px;
 }
 .group ul {
     line-height: 110%;
     margin:0 0 15px 10px;
 }
 .group ul li {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     font-size: 80%;
     margin: 0 15px 5px 0;
     padding: 0 0 0 18px;
     background: url(../img/arrow01.gif) no-repeat 0 0;
 }
 .w100 .group {
     width: 748px;
     position: relative;
     margin: 30px 0 0;
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     background-color: #FFF;
 }
 .w100 .group .group-Title {
     display: none;
 }
 .w100 .group h2 {
     width: 738px;
     height: 43px;
     line-height: 43px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 10px;
     padding: 0 0 0 10px;
     vertical-align: middle;
 }
 .half-cont .category {
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     width: 363px;
     margin: 30px 0 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background-color: #FFF;
     position: relative;
 }
 .half-cont .category .category-Title {
     display: none;
 }
 .half-cont .category h2 {
     width: 353px;
     height: 43px;
     line-height: 45px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 10px;
     padding: 0 0 0 10px;
     vertical-align: middle;
 }
 .category .category-banner {
     margin-bottom: 5px;
 }
 .category ul {
     line-height: 110%;
     margin:0 0 15px 10px;
 }
 .category ul li {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     font-size: 80%;
     margin: 0 15px 5px 0;
     padding: 0 0 0 18px;
     background: url(../img/arrow01.gif) no-repeat 0 0;
 }
 .w100 .category {
     width: 748px;
     position: relative;
     margin: 30px 0 0;
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     background-color: #FFF;
 }
 .w100 .category h2 {
     width: 738px;
     height: 43px;
     line-height: 43px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 15px;
     padding: 0 0 0 10px;
     vertical-align: middle;
 }
 .w100 .category .category-Title {
     display: none;
 }
 .w100 .category h3{
     font-weight: bold;
     line-height: 120%;
     font-size:    80%;
     padding-left:10px;
 }
 section .freeArea {
     width: 748px;
     height: 300px;
     position: relative;
     margin: 30px 0 0;
     border-right: 1px solid #d9d3c3;
     border-bottom: 1px solid #d9d3c3;
     border-left: 1px solid #d9d3c3;
     background-color: #FFF;
 }
 section .freeArea h2 {
     width: 738px;
     height: 43px;
     line-height: 43px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 15px;
     padding: 0 0 0 10px;
     vertical-align: middle;
 }
 /*  Sub Column
 ----------------------------------------------- */
 #sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem, #sub-column .link, #sub-column .pickup, #sub-column .ranking {
     border: none;
     border-bottom: 1px solid #d9d3c3;
     width: 220px;
     margin: 0 0 30px;
     padding: 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;
     position: relative;
 }
 #sub-column h2 {
     width: 200px;
     height: 23px;
     margin: 0 0 3px 0;
     padding: 10px;
     background: url(../img/scolumn_ttl_bg.jpg) no-repeat left top;
     color: #FFF;
     font-size: 90%;
     font-weight: bold;
     text-align: center;
     line-height: 165%;
 }
 #sub-column .category h3 {
     padding: 8px 0 10px 30px;
     font-size: 90%;
     font-weight: bold;
     background: url(../img/arrow02.gif) no-repeat 8px 8px;
 }
 #sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
     border-top: none;
 }
 #sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
     margin:0 0 5px 0;
     padding:0 0 0 3px;
     line-height: 160%;
 }
 #sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
     display:block;
     margin:0;
     padding: 3px 3px 3px 28px;
     background: url(../img/arrow01.gif) no-repeat 10px 8px;
     font-size: 75%;
 }
 #sub-column .group nav ul li:last-child, #sub-column .category nav ul:last-child, #sub-column .link nav ul:last-child{
     border-bottom: dotted 1px #d9d3c3;
 }
 #sub-column .link nav ul li {
  line-height:180%;
 }
 #sub-column .keyword nav ul li {
  display: inline;
 }
 #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
     color: #333333;
     text-decoration: none;
     line-height: 130%;
 }
 #sub-column .group nav ul li:first-child a, #sub-column .category nav ul li:first-child a, #sub-column .link nav ul li:first-child a {
     border-top: none;
     padding: 4px 0 0;
 }
 #sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active {
     color: #ff9803;
     text-decoration: none;
 }
 #sub-column #snav_calendar h2 {
     background-image: none;
 }
 #sub-column div.subc_cal_cont {
     border-bottom: 1px solid #d9d3c3;
     width:  220px;
     margin: 0 0 30px;
     padding: 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;
     position: relative;
 }
 #sub-column div#subc_calendar h2 {
     background: url(../img/Title-scolumn_calendar.gif) no-repeat;
     width: 220px;
     height: 43px;
     margin: 0;
     padding: 0;
     color: #FFF;
     font-size: 90%;
     text-align: center;
 }
 #sub-column div.cal_wrapper table.cal {
     width: 80%;
     margin: 10px auto;
     line-height: 130%;
 }
 #sub-column div.cal_wrapper table.cal tr th p.month {
     float: left;
     width: 70%;
     text-align: center;
     font-size: 80%;
 }
 #sub-column div.cal_wrapper table.cal tr th input {
     float: left;
     border: none;
 }
 #sub-column div.cal_wrapper table.cal tr th input.prev {
     background: url(../img/calendar_pleft.gif) no-repeat left bottom #FFF;
     width: 15%;
     height: 17px;
 }
 #sub-column div.cal_wrapper table.cal tr th input.next {
     background: url(../img/calendar_pright.gif) no-repeat right bottom #FFF;
     width: 15%;
     height: 17px;
 }
 #sub-column div.cal_wrapper table.cal tr td {
     border: solid 1px #CCC;
     font-size: 70%;
     text-align: center;
 }
 #sub-column div.cal_wrapper table.cal tr.headline td {
     border: none;
     padding: 10px 0 2px 0;
 }
 #sub-column div.subc_cal_cont .cap {
     padding: 0 20px 10px;
     font-size: 60%;
     font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
     width: auto;
 }
 #sub-column div.subc_cal_cont .cap ul {
     margin: 3px 0 0;
 }
 #sub-column div.subc_cal_cont .cap li {
     display: inline-block;
     line-height: 140%;
     overflow: hidden;
 }
 #sub-column div.subc_cal_cont .cap li span {
     margin: 0 10px 0 0;
 }
 #sub-column div.subc_cal_cont .cap .ico_cap01 {
     font-size: 120%;
     vertical-align: middle;
     margin: 0 2px 0 0;
     color: #ff9803;
 }
 #sub-column div.subc_cal_cont .cap .ico_cap02 {
     font-size: 120%;
     vertical-align: middle;
     margin: 0 2px 0 0;
     color: #e33d3d;
 }
 #sub-column div.subc_cal_cont .cap .cap-info {
     line-height: 140%;
     padding: 0;
 }
 #sub-column div.cal_wrapper table.cal tr td div.Today {
     background-color: #dddddd;
     font-weight: bold;
 }
 #sub-column div.cal_wrapper table.cal tr td div.Deli {
     background-color: #EFE;
 }
 #sub-column div.cal_wrapper table.cal tr td div.Holyday {
     background-color: #ff9803;
     color: #FFFFFF;
 }
 #sub-column div.cal_wrapper table.cal tr td div.backward {
     color: #CCC;
     font-weight: normal;
     background-color: #FFF;
 }
 #sub-column div.cal_wrapper table.cal tr td div.pointer {
     cursor: pointer;
 }
 #sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
     background-color: #EEE;
 }
 #sub-column #snav_mailMag {
     padding-top: 43px;
     background: url(../img/Title-scolumn_mmag.gif) no-repeat;
 }
 #sub-column #snav_mailMag h2 {
     background-image: none;
 }
 #sub-column div.snav_mailMag_cont {
     border-bottom: 1px solid #d9d3c3;
     width:  220px;
     margin: 0 0 30px;
     padding: 0;
     -moz-border-radius:0 0 4px 4px / 0 0 4px 4px;
     -webkit-border-radius:0 0 4px 4px / 0 0 4px 4px;
     border-radius:0 0 4px 4px / 0 0 4px 4px;
     background: url(../img/scolumn_bg.gif) repeat-y left top #FFF;
     position: relative;
 }
 #sub-column div.snav_mailMag_cont h2 {
     width: 220px;
     height: 43px;
     margin: 0;
     padding: 0;
     background: none;
     color: #FFF;
     font-size: 90%;
     text-align: center;
 }
 #sub-column div.snav_mailMag_cont p {
     font-size: 70%;
     line-height: 130%;
     padding: 10px 15px 10px;
 }
 #sub-column div.snav_mailMag_cont input.mailAddress{
     width: 140px;
     height: 18px;
     margin: 0 0 0 15px;
     position: relative;
     vertical-align: middle;
 }
 #sub-column div.snav_mailMag_cont input.submit_mailMag {
     border: 1px solid #d2d2d2;
     width: 40px;
     padding: 2px;
     text-align: center;
     color: #FFF;
     font-size: 75%;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     background-color: #ffb448;
     position: relative;
 }
 #sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
     background-color: #ffc878;
 }
 #sub-column #snav_followUs {
     position: relative;
     margin: 20px 0 20px 0;
     line-height: 90%
 }
 #sub-column #snav_followUs nav ul {
     overflow: hidden;
 }
 #sub-column #snav_followUs nav ul li {
     float: left;
     margin: 0 5px 0 0;
     padding: 0;
 }
 #sub-column #snav_followUs nav ul li img {
     vertical-align: bottom;
 }
 #sub-column #snav_followUs nav ul li a:hover img{
     opacity: .70;
     filter: alpha(opacity=70);
     -ms-filter: "alpha(opacity=70)";
     -khtml-opacity: .70;
     -moz-opacity: .70;
     cursor: pointer;
     transition: all .2s ease-in;
 }
 #subc_freeArea {
     margin: 0 0 30px;
 }
 #main-column .newItem h2 {
     background: url(../img/Title-new.gif) no-repeat;
     position: relative;
     top: -2px;
     padding-top: 2px;
 }
 #sub-column .newItem {
     position: relative;
     line-height: 90%
 }
 #sub-column .newItem h2 {
     width: 200px;
     height: 23px;
     margin: 0 0 5px 0;
     padding: 12px 10px 10px;
     background: url(../img/Title-scolumn-new.gif) no-repeat;
     color: #FFF;
     font-size: 90%;
     text-align: center;
 }
 #sub-column .newItem .new-Title {
     position: absolute;
     left: 10px;
     top: -2px;
 }
 #sub-column .newItem .column3, #sub-column .newItem .column4 {
     padding: 0;
     margin: 5px 0 20px 0;
     float: none;
     width: 100%;
     border-bottom: none;
 }
 #sub-column .newItem .column4 .itemThumb-wrap {
     width: 170px;
     margin: 0 auto 10px auto;
 }
 #sub-column .newItem .column4 .itemThumb {
     height: 170px;
     width: 170px;
     display: table-cell;
     text-align: center;
     vertical-align: middle;
 }
 #sub-column .newItem .column4 .itemThumb a img {
     max-height: 170px;
     max-width: 170px;
 }
 #sub-column .newItem .column4 p.inner-catch,
 #sub-column .newItem .column5 p.inner-catch {
     margin: 0 24px 0 24px;
 }
 #sub-column .newItem h3 {
     margin: 0 24px 0 24px;
     text-align: left;
     font-size: 75%;
     letter-spacing:0.1em;
 }
 #sub-column .newItem p.price {
     margin: 5px 24px 5px 24px;
     text-align: left;
     font-size: 80%;
 }
 #sub-column .newItem p.sp_price {
     text-align: left;
     margin: 0 24px 0 24px;
     font-size: 80%;
 }
 #sub-column .newItem p.sp_price {
     color: #cc3333;
 }
 #sub-column .newItem .column4 .badge {
     position: absolute;
     top:3px;
     right:3px;
     z-index: 100;
 }
 #main-column .pickup h2 {
     background:url(../img/Title-pickup.gif) no-repeat;
     position:relative;
     top:-2px;
     padding-top:2px;
 }
 #sub-column .pickup {
     position: relative;
     line-height: 90%
 }
 #sub-column .pickup .pickup-Title {
     position: absolute;
     left: 10px;
     top: -2px;
 }
 #sub-column .pickup h2 {
     width: 200px;
     height: 23px;
     margin: 0 0 5px 0;
     padding: 12px 10px 10px;
     background: url(../img/Title-scolumn-pickup.gif) no-repeat;
     color: #FFF;
     font-size: 90%;
     text-align: center;
 }
 #sub-column .pickup .column5 {
     padding: 0;
     margin: 5px 0 20px 0;
     float: none;
     width: 100%;
     border-bottom: none;
 }
 #sub-column .pickup .column5 .itemThumb-wrap {
     position:relative;
     width: 130px;
     margin: 0 auto 10px auto;
 }
 #sub-column .pickup .column5 .itemThumb {
     height: 130px;
     width: 130px;
     display: table-cell;
     text-align: center;
     vertical-align: middle;
 }
 #sub-column .pickup .column5 .itemThumb img {
     max-height: 130px;
     max-width: 130px;
 }
 #sub-column .pickup h3 {
     margin: 0 24px;
     text-align: left;
     font-size: 75%;
     letter-spacing:0.1em;
 }
 #sub-column .pickup p.price {
     margin: 5px 24px;
     text-align: left;
     font-size: 80%;
 }
 #sub-column .pickup p.sp_price {
     text-align: left;
     margin: 0 42px 0 42px;
     font-size: 80%;
 }
 #sub-column .pickup p.sp_price {
     color: #cc3333;
 }
 #sub-column .pickup .column5 .badge {
     position: absolute;
     top:3px;
     right:3px;
     z-index: 100;
 }
 #sub-column .pickup .column5 p.inner-catch {
     margin: 0 24px 0 24px;
 }
 #main-column .ranking h2 {
     background:url(../img/Title-ranking.gif) no-repeat;
     position:relative;
     top:-2px;
     padding-top:2px;
 }
 #sub-column .ranking {
     position: relative;
     line-height: 90%
 }
 #sub-column .ranking .ranking-Title {
     position: absolute;
     left: 10px;
     top: -2px
 }
 #sub-column .ranking h2 {
     width: 200px;
     height: 23px;
     margin: 0 0 5px 0;
     padding: 12px 10px 10px;
     background: url(../img/Title-scolumn-ranking.gif) no-repeat;
     color: #FFF;
     font-size: 90%;
     text-align: center;
 }
 #sub-column .ranking .column5 {
     padding: 0;
     margin: 5px 0 20px 0;
     float: none;
     width: 100%;
     border-bottom: none;
 }
 #sub-column .ranking .column5 .itemThumb-wrap {
     position: relative;
     width: 130px;
     margin: 0 auto 10px auto;
 }
 #sub-column .ranking .column5 .itemThumb {
     display: table-cell;
     height: 130px;
     width: 130px;
     margin-bottom: 5px;
     text-align: center;
     vertical-align: middle;
 }
 #sub-column .ranking .column5 .itemThumb img {
     max-height: 130px;
     max-width: 130px;
 }
 #sub-column .ranking h3 {
     margin: 0 24px;
     text-align: left;
     font-size: 75%;
     letter-spacing:0.1em;
 }
 #sub-column .ranking p.price {
     margin: 5px 24px;
     text-align: left;
     font-size: 75%;
 }
 #sub-column .ranking p.sp_price {
     text-align: left;
     margin: 0 43px 0 43px;
     font-size: 75%;
     color: #cc3333;
 }
 #sub-column .ranking .column5 .badge {
     position:absolute;
     top:3px;
     right:3px;
     z-index: 100;
 }
 #sub-column .ranking .column4 p.inner-catch,
 #sub-column .ranking .column5 p.inner-catch {
     margin: 0 24px 0 24px;
 }
 /*  Footer
 ----------------------------------------------- */
 #enquete-footer,
 div#cart-footer,
 footer {
     width: 100%;
     min-width: 1000px;
     height: 76px;
     background: url(../img/footer_bg.gif) repeat-x left bottom !important;
     line-height: 100%;
     position: relative;
     margin-top: -57px;
     clear: both;
 }
 #enquete-footer #footer-inner,
 div#cart-footer #footer-inner,
 #footer-inner {
     padding-top: 18px;
     width: 1000px;
     margin: 0 auto;
     overflow: hidden;
 }
 footer #footer-inner{
      }
 #enquete-footer #footer-inner .footer_gnavi,
 div#cart-footer #footer-inner .footer_gnavi,
 footer #footer-inner .footer_gnavi {
     float: left;
 }
 #enquete-footer #footer-inner .footer_gnavi ul li,
 div#cart-footer #footer-inner .footer_gnavi ul li,
 footer #footer-inner .footer_gnavi ul li {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     *margin-bottom: 12px;
     padding: 0 15px 0 18px;
     line-height: 100%;
     font-size: 75%;
     letter-spacing:0.1em;
     color: #333333;
     background: url(../img/arrow01.gif) no-repeat 0 0;
 }
 #enquete-footer #footer-inner .footer_gnavi ul li a,
 div#cart-footer #footer-inner .footer_gnavi ul li a,
 footer #footer-inner .footer_gnavi ul li a {
     color: #333333;
 }
 div#cart-footer div.cart-nav,
 footer nav,
 #copyright {
     margin: 40px 0 0 0 ;
     float: right;
     font-size: 67%;
     text-align: right;
     color: #FFF;
 }
 #copyright ul li {
     color: #FFF;
     background-image: none;
     padding: 0;
 }
 #enquete-footer #footer-inner .footer_gnavi ul li a:hover,
 div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
 footer #footer-inner .footer_gnavi ul li a:hover {
     color: #ff9803;
     text-decoration: underline;
 }
 
 /* shoppinguide
 ----------------------------------------------- */
 section #guide p {
     font-size: 90%;
     line-height: 175%
 }
 section #guide .guide01 {
     padding-bottom: 0;
 }
 section #guide .guide01 h2 {
    margin-bottom: 10px;
    padding: 0 0 3px 0;
    font-size: 100%;
    border-bottom: 1px dotted #333333;
    background: none;
    font-weight: bold;
    line-height: 160%;
    margin-top: 30px;
 }
 section #guide .guide01 ul {
     font-size: 75%;
     list-style-type: disc;
     margin-top: 0;
 }
 section #guide .inner {
     overflow: hidden;
     margin-bottom: 10px;
     padding-right:10px;
     letter-spacing:0.1em;
 }
 section #guide .inner .fL {
     float: left;
     width: auto;
     margin-right: 20px;
     max-width: 350px;
 }
 section #guide .inner .fR {
     float: right;
     width: auto;
     max-width: 350px;
 }
 /* business
 ----------------------------------------------- */
 section #guide .chart .ttlShop {
    font-size: 100%;
    font-weight: bold;
    border: none;
    margin: 0;
    margin-top: 30px;
 }
 section #guide table {
     line-height: 120%;
 }
 section #guide table th {
    width: 530px;
    padding: 15px 20px;
    background: #ECFBF4;
    border: 1px solid #21A354;
    font-size: 85%;
    font-weight: bold;
    letter-spacing: 0.1em;
    width: 30%;
}
 section #guide table th.shopGuidePointClass{
     width:530px;
 }
 section #guide table td {
    width: 530px;
    padding: 15px 20px;
    border: 1px solid #21A354;
    background: #ffffff;
    font-size: 85%;
    letter-spacing: 0.1em;
 }
 /* diary
 ----------------------------------------------- */
 #DiaryList h2, #Diary h2 {
     font-size: 75%;
     border-bottom:1px dotted #333333;
 }
 #DiaryList .Diary-cont, #Diary .Diary-cont {
     margin: 0 0 15px;
     letter-spacing:0.1em;
     line-height:140%;
 }
 #DiaryList article {
     margin: 0 0 40px;
 }
 .state_l {
     border-top: 1px dotted #333333;
     padding: 10px 0 0;
     font-size: 65%;
 }
 .state_r {
     border-top: 1px dotted #333333;
     padding: 10px 0 0;
     margin: 0 0 25px;
     text-align: right;
     font-size: 65%;
 }
 .state_l ul, .state_r ul {
     line-height: 90%;
 }
 .state_l li, .state_r li {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     padding: 0 3px 0 0;
 }
 .state_l li.comment, .state_r li.comment {
     border-left: 1px solid #333333;
     padding: 0 0 0 5px;
 }
 .state_l li.cate, .state_r li.cate {
     border-left: 1px solid #333333;
     padding: 0 5px;
 }
 .state_l li.name {
     border-right: 1px solid #333333;
     padding: 0 5px 0;
     margin: 0 5px 10px 0;
 }
 #Diary .more, #Journal .more {
     display: block;
     width: 132px;
     height: 27px;
     margin: 10px auto 0;
     padding: 3px 0 0;
     background: url(../img/btn_comment01.gif) no-repeat left top;
     text-indent:-9999px;
     vertical-align: middle;
 }
 #Diary a, #Journal a {
     text-decoration: none;
 }
 
  #Diary h2 a, #Journal h2 a {
     text-decoration: none;
     color: #333;
 }
 
 #Diary a .more:hover, #Journal a .more:hover {
     opacity: .70;
     filter: alpha(opacity=70);
     -ms-filter: "alpha(opacity=70)";
     -khtml-opacity: .70;
     -moz-opacity: .70;
     cunster: pointer;
 }
 #Diary .more img, #Journal .more img {
     padding: 0 5px 0;
     vertical-align: middle;
 }
 #DiaryList .comment-t, #Diary .comment-t, #JournalList .comment-t, #Journal .comment-t {
     font-size: 80%;
     font-weight: bold;
     margin: 0 0 10px 0;
 }
 #Diary .comment-cont, #Journal .comment-cont {
     margin: 0 0 15px;
     letter-spacing:0.1em;
     line-height:140%;
 }
 #Diary fieldset, #Journal fieldset {
     margin-bottom: 5px;
 }
 #Diary legend, #Journal legend {
     background: none repeat scroll 0 0 transparent;
     font-size: 75%;
     line-height: 200%;
     padding: 0;
     width: 100%;
 }
 #Diary fieldset p, #Journal fieldset p {
     margin-bottom: 5px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 #Diary fieldset input, #Journal fieldset input {
     margin: 0 3px 2px 0;
 }
 #Diary input.name, #Journal input.name {
     width: 215px;
     height: 16px;
     padding: 2px 5px;
     margin: 0;
 }
 #Diary input.url, #Journal input.url {
     width: 215px;
     height: 16px;
     padding: 2px 5px;
     margin: 0;
 }
 #Diary textarea, #Journal textarea {
     width: 360px;
     height: 100px;
     margin: 0;
     padding: 5px;
 }
 #Diary .btn-confirm, #Journal .btn-confirm {
     margin: 10px 0 0 120px;
 }
 .btn-confirmPost {
     width: 142px;
     height: 30px;
     margin: 0;
     padding: 0;
     font-size: 80%;
     font-size: 0.8rem;
     background: url(../img/btn-confirm_bg.png) no-repeat left center;
     border: none;
     color: #FFF;
     text-align: center;
 }
 .btn-confirmPost:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left center;
 }
 #comment-form legend  {
     background: none repeat scroll 0 0 transparent;
     font-size: 75%;
     line-height: 200%;
     padding: 0;
     width: 100%;
     font-weight: bold;
 }
 #comment-form p {
     margin-bottom: 15px;
 }
 #comment-form .name {
     width: 215px;
     height: 16px;
 }
 #comment-form .comment-txt {
     width: 360px;
     padding: 0;
     height: auto;
 }
 #comment-post {
     margin: 35px 0;
 }
 .comment-box {
     margin: 20px 0 0;
 }
 div.caution p {
     color: #d51414;
     font-size: 70%;
     line-height: 145%;
 }
 .btn-confirmBack {
     width: 102px;
     height: 30px;
     margin: 0 5px 0 0;
     padding: 0;
     font-size: 75%;
     font-size: 0.75rem;
     text-align: center;
     background: url(../img/btn-confirm_bg02.png) no-repeat left top;
     border: none;
     color: #FFF;
 }
 .btn-confirmBack:hover {
     background: url(../img/btn-confirm_bg02_on.png) no-repeat left top;
 }
 /*
 ----------------------------------------------- */
 #JournalList h2, #Journal h2 {
    background: url(https://www.acress.jp/material/img/back02.png) repeat;
    border-radius: 5px;
    padding: 16px 0 16px 28px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: bold;
 }
 
 #JournalList h2:before, #Journal h2:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://www.acress.jp/material/img/iconH2.png);
    display: inline-block;
    background-size: 24px 24px;
    margin-right: 4px;
}
 #JournalList .journal-cont, #Journal .journal-cont {
     margin: 0 0 15px;
     letter-spacing:0.1em;
     line-height:140%;
 }
 #JournalList article {
     margin: 0 0 40px;
 }
 #JournalList .journal-cont ul, #Journal .journal-cont ul
 {margin: 20px 40px;}
 #JournalList .journal-cont ul li, #Journal .journal-cont ul li
 {list-style-type: disc;}
 #JournalList .journal-cont ol, #Journal .journal-cont ol
 {margin: 20px 40px;}
 #JournalList .journal-cont ol li, #Journal .journal-cont ol li
 {list-style-type: decimal;}
 
 #JournalList .journal-cont #document ul li, #Journal .journal-cont #document ul li{ list-style-type: none}
 
 /* sitemap
 ----------------------------------------------- */
 section#document_wrap h2 {
     font-size: 85%;
     font-weight: bold;
     line-height: 200%;
     border-bottom:1px dotted;
     margin-bottom: 10px;
     background: none;
     padding: 0;
 }
 section#document_wrap h3 {
     font-size: 75%;
 }
 section #document li {
     font-size: 75%;
     font-size: 0.75rem;
     font-size:90%\9;
 }
 section #document .txt-list01 {
     padding-bottom: 30px;
 }
 section #document .txt-list01 li.c1 {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     padding: 0 25px 0 0;
 }
 section #document .txt-list02 {
     padding-bottom: 10px;
     overflow: hidden;
 }
 section #document .txt-list02 h3 {
     font-weight: bold;
 }
 section #document .txt-list02 section.tree00 {
     float: left;
     padding: 0 35px 20px 0;
     width:156px;
 }
 section #document .txt-list02 ul.tree01 {
     padding: 0 0 0 12px;
     overflow: hidden;
 }
 section #document .txt-list02 ul.tree01 li.c2 {
     padding: 0 0 0 14px;
     margin: 0 0 0 3px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.c3 {
     padding: 0 0 0 28px;
     margin: 0 0 0 3px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.c4 {
     padding: 0 0 0 42px;
     margin: 0 0 0 3px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
     padding: 0 0 0 56px;
     margin: 0 0 0 3px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.sp1 {
     float:left;
     padding: 0 0 0 14px;
     margin: 0 0 0 3px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.sp2 {
     float:left;
     padding: 0 0 0 2px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.sp3{
     float:left;
     padding: 0 0 0 2px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a{
     display: inline;
     *display: inline;
     *zoom: 1;
     padding: 0 10px 0 0;
     font-size: 110%;
     font-size: 0.75rem;
 }
 section #document .txt-list02 ul.iB {
     padding: 5px 0 0 12px;
     float: left;
     line-height: 120%;
 }
 section #document .txt-list02 ul.iB li {
     padding: 0 10px 0 0;
     float: left;
 }
 section #document .txt-list03 {
     padding-bottom: 30px;
     overflow: hidden;
 }
 section #document .txt-list03 section.tree00 {
     float: left;
     padding: 0 35px 0 0;
     width: 156px;
 }
 section #document .txt-list03 ul.tree01 li {
     padding: 0 0 0 7px;
     margin: 0 0 0 5px;
     background: url(../img/ico_list01.gif) no-repeat left center;
 }
 section #document .txt-list01 li.c1,
 section #document .txt-list02 ul.tree01 li.c1,
 section #document .txt-list03 section.tree00 h3 a {
     padding: 0 25px 0 12px;
 }
 section #document .txt-list03 ul.tree01 li a {
     padding: 0 0 0 12px;
     margin: 0 0 0 3px;
     background: url(../img/list01.png) no-repeat left center;
     font-size: 75%;
     font-size: 0.75rem;
 }
 /*---------------------------------------------
     Browser Default Initialization
   ---------------------------------------------*/
 * {margin:0;padding:0;}
 html {
     overflow-y: scroll;
     height: 100%;
 }
 div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
 pre, form, fieldset, input, textarea, p, blockquote, th, td,
 section, nav, article, aside, hgroup, header, address,
 figure, figcaption {
     margin: 0;
     padding: 0;
 }
 address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
 }
 table {
     border-collapse: collapse;
     border-spacing: 0;
     width: 100%;
 }
 caption, th {
     text-align: left;
 }
 q:before ,q:after {
     content: '';
 }
 object, embed {
     vertical-align: top;
 }
 hr {
     display: none;
 }
 h1, h2, h3, h4, h5, h6 {
     font-size: 100%;
     font-weight: normal;
 }
 img, abbr, acronym, fieldset {
     border: 0;
 }
 img {
     -ms-interpolation-mode: bicubic;
     border: none;
 }
 ul li, ol li {
     list-style-type: none;
 }
 input {
 vertical-align: middle;
 }
 /*---------------------------------------------
     body
   ---------------------------------------------*/
body {
    margin: 0;
    padding: 0;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    background-color: #FFF;
    height: 100%;
    word-wrap: break-word;
    letter-spacing: 0.08em
}
 /*---------------------------------------------
     Anchor
   ---------------------------------------------*/
 a {
     outline: none;
 }
 a:link {
     text-decoration: none;
     color: #0000EE;
 }
 a:visited {
     text-decoration: none;
     color: #0000EE;
 }
 a:hover {
     text-decoration: underline;
     color: #ff9803;
 }
 a:hover img {
     opacity: .70;
     filter: alpha(opacity=70);
     -ms-filter: "alpha(opacity=70)";
     -khtml-opacity: .70;
     -moz-opacity: .70;
     cunster: pointer;
 }
 a:active {
     text-decoration: underline;
     color: #c00;
 }
 /*---------------------------------------------
     form
   ---------------------------------------------*/
 #contact div.caution {
     margin-bottom: 15px;
     letter-spacing:0.1em;
 }
 #contact div.caution p {
     color: #d51414;
     font-size: 70%;
     line-height: 140%;
     margin-bottom:3px;
 }
 #formArea_cc #contact form {
     margin-top: 30px;
 }
 #contents-pop #contact{
     width: 98%;
     height:99%;
     padding:1%;
     background:#fffef6;
 }
 /* contact
 ----------------------------------------------- */
 #contact {
     width: 800px;
     margin: 0 auto;
 }
 #contact h4 {
     font-size: 75%;
 }
 #contact .txtBox {
     margin: 10px 0 20px;
 }
 section #contact .text-center {
     text-align: center;
     margin: 50px 0;
 }
 #contact .txtBox p.txt-T {
     margin-bottom: 5px;
     font-size: 90%;
     font-weight: bold;
     line-height:180%;
     letter-spacing:0.1em;
 }
 #contact table {
     width: 100%;
     margin: 10px 0 0;
     word-break:break-all;
 }
 #contents-pop table {
     width: 100%;
 }
 #contact table th {
    width: 28%;
    padding: 20px;
    background: #ECFBF4;
    border: 1px solid #21A354;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: 0.1em;
    vertical-align: middle;
 }
 #contact em {
     color: #C23E42;
     margin-left: 5px;
     font-size: 0.7rem;
 }
 #contact table td {
     width: 72%;
     padding: 20px;
     background:#ffffff;
     font-size: 100%;
     font-size: 90%\9;
 }
 #contact table td input.name, #contact table td input.tel {
     height: 16px;
     width: 40%;
     padding: 2px 5px;
 }
 #contact table td input.mailAddress, #contact table td input.mailAddress2 {
     height: 20px;
     width: 300px;
     padding: 2px 5px;
 }
 #contact .weaktxt {
     padding: 5px 0 0;
     font-size:100%;
 }
 #contact .note {
     font-size: 95%;
     font-size: 0.7rem;
     line-height: 150%;
     margin: 0 0 15px;
 }
 #contact .txtBox .note {
     font-size: 70%;
     font-size: 0.7rem;
 }
 #contact table td textarea {
     height: 150px;
     width: 90%;
     padding: 5px;
 }
 #contact table td .text-area {
     display: block;
     margin: 0 0 15px;
 }
 #contact .btn-confirm {
     text-align: center;
     padding: 20px;
     border: none;
     background:none;
     font-size:100%;
 }
 #contact .btn-confirm-enq {
     padding: 20px;
     font-size: 100%;
 }
 #contact input.btn-confirmNext {
     width: 142px;
     height: 30px;
     margin: 0 5px;
     padding:0;
     background: url(../img/btn-confirm_bg.png) no-repeat left top;
     border: none;
     color: #FFF;
     letter-spacing:0.1em;
 }
 #contact input.btn-confirmNext:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left top;
 }
 #contact .btn-enq {
     text-align:center;
 }
 #contact .btn-enq input.btn-confirmNext {
     width: 142px;
     height: 30px;
     margin: 0;
     padding: 0;
     background: url(../img/btn-confirm_bg.png) no-repeat left top;
     border: none;
     color: #FFF;
     font-size: 75%;
     font-size: 0.75rem;
     letter-spacing:0.1em;
 }
 #contact .btn-enq input.btn-confirmNext:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left top;
 }
 #contact input.btn-confirmBack {
     width: 102px;
     height: 30px;
     margin: 0 5px;
     padding: 0;
     background: url(../img/btn-confirm_bg02.png) no-repeat left center;
     border: none;
     font-size: 75%;
     font-size: 0.75rem;
     color: #FFF;
 }
 #contact input.btn-confirmBack:hover {
     background: url(../img/btn-confirm_bg02_on.png) no-repeat left center;
 }
 #contact input.btn-confirmCancel {
     width: 142px;
     height: 30px;
     margin: 0 5px;
     padding: 0;
     background: url(../img/btn-confirm_bg.png) no-repeat left center;
     border: none;
     font-size: 75%;
     font-size: 0.75rem;
     color: #FFF;
     letter-spacing:0.1em;
 }
 #contact .btn-confirmCancel:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left center;
 }
 #contact .btn-confirmClose {
     width: 142px;
     height: 30px;
     margin: 0 5px;
     padding: 0 0 0 15px;
     background: url(../img/btn_close01.png) no-repeat left center;
     border: none;
     color: #FFF;
     font-size: 80%;
     font-size: 0.8rem;
     letter-spacing:0.1em;
 }
 #contact .btn-confirmClose:hover {
     background: url(../img/btn_close01_on.png) no-repeat left center;
 }
 /*
 ----------------------------------------------- */
 #contact fieldset {
     margin-bottom: 25px;
 }
 #contact legend {
     background: none repeat scroll 0 0 transparent;
     border-bottom: 1px dotted #333333;
     font-size: 80%;
     font-weight: bold;
     line-height: 200%;
     margin-bottom: 10px;
     padding: 0;
     width: 100%;
 }
 #contact fieldset p {
     margin-bottom: 5px;
     font-size: 75%;
     font-size: 0.75rem;
 }
 #contact fieldset ul {
     overflow: hidden;
 }
 #contact fieldset li {
     font-size: 75%;
     font-size: 0.75rem;
 }
 #contact fieldset li.fL {
     float: left;
     margin-right: 20px;
 }
 #contact fieldset input {
     margin: 0 3px 2px 0;
 }
 #contact fieldset label {
     margin-right: 10px;
     font-size: 100%;
     font-size: 0.75rem;
 }
 #contact input.txtF {
     height: 16px;
     margin: 0;
     padding: 2px 5px;
 }
 #contact input.mailAddress {
     width: 300px;
     margin: 0;
 }
 #contact input.name_sei {
     margin: 0 10px 0 0;
 }
 #contact select {
     margin: 0 0 5px;
     padding: 3px 1px;
     min-width: 110px;
 }
 #contact fieldset textarea {
     width: 70%;
     height: 150px;
     padding: 5px;
 }
 #contact .commentItem {
     padding: 10px 0 0;
     font-weight: 150%;
 }
 /*
 ----------------------------------------------- */
 #contact table td.commentWite {
     border-bottom: 1px dotted #333333;
     border-top: 1px dotted #333333;
     font-size: 100%;
     padding: 15px 20px 20px;
     width: 72%;
 }
 #contact .memberF {
     margin: 20px 0 0 0;
 }
 #contact .memberF h2 {
     border-bottom:1px dotted #333333;
     font-size:80%;
     font-size:0.80rem;
     line-height:160%;
 }
 #contact .memberF .txtBox {
     margin: 0 0 20px;
 }
 #contact .txtBox .memberName {
     padding-top:20px;
 }
 #contact .atttxt {
     font-size: 75%;
     padding: 5px 0 0;
 }
 #contact .memberF input {
     width: 40%;
     height: 16px;
     margin: 0;
     padding: 2px 5px;
 }
 #contact .memberF th {
     padding: 10px 20px;
 }
 #contact .memberF td {
     font-size: 100%;
 }
 .memberName {
     margin-bottom: 5px;
     padding: 5px 0;
     border-bottom: 1px dotted #333333;
     font-size: 75%;
     font-weight: bold;
     line-height: 140%;
 }
 #contact input.btn-confirm120 {
     height: 30px;
     width: 142px;
     margin: 0 5px;
     padding: 0;
     background: url(../img/btn-confirm_bg.png) no-repeat left top;
     border: none;
     font-size: 75%;
     font-size: 0.75rem;
     color: #FFF;
     letter-spacing:0.1em;
 }
 #contact input.btn-confirm120:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left top;
 }
 #contact input.btn-confirm160 {
     height: 30px;
     width: 142px;
     margin:10px 0 0;
     padding: 0;
     background: url(../img/btn-confirm_bg.png) no-repeat left top;
     border: none;
     font-size: 75%;
     font-size: 0.75rem;
     text-align: center;
     color: #FFF;
     letter-spacing:0.1em;
 }
 #contact input.btn-confirm160:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left top;
 }
 #contact input.btn-confirmReg {
     height: 30px;
     width: 142px;
     padding:0;
     background: url(../img/btn-confirm_bg.png) no-repeat left top;
     border: none;
     font-size: 75%;
     font-size: 0.75rem;
     color: #FFF;
     letter-spacing:0.1em;
 }
 #contact input.btn-confirmReg:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left top;
 }
 #contact input.btn-confirmBackItem {
     width: 142px;
     height: 30px;
     margin: 0 5px;
     padding: 0;
     background: url(../img/btn-confirm_bg.png) no-repeat left top;
     border: none;
     font-size: 75%;
     font-size: 0.75rem;
     color: #FFF;
     letter-spacing:0.1em;
 }
 #contact input.btn-confirmBackItem:hover {
     background: url(../img/btn-confirm_bg_on.png) no-repeat left top;
 }
 /*
 ----------------------------------------------- */
 #contact .mailm:first-child {
     margin: 3px 0 0;
 }
 #contact .mailm {
     margin: 30px 0 0 0;
 }
 #contact .mailm .txtBox {
     margin: 0;
 }
 #contact .mailm .txtBox h2 {
     border-bottom: none;
     margin: 0;
     font-weight: normal;
 }
 #contact .mailm .caution {
     margin: 0 0 5px;
 }
 #contact table.mailMF td {
     overflow: hidden;
     font-size: 100%;
     border: 1px solid #21A354;
 }
 #contact table.mailMF input.mailAddress {
     margin: 3px 15px 0 0;
     float: left;
 }
 #contact table.mailMF span.btn-confirm {
     padding: 0;
 }
 #contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
     float: left;
     margin:0;
 }
 #contact table.mailMF td.n1 {
     border-bottom: none;
     padding: 20px 20px 10px;
 }
 #contact table.mailMF td.n2 {
     border-top: none;
     padding: 10px 20px 20px;
 }
 #contact table.mailMF td p {
    float: left;
    padding: 0;
    margin-right: 10px !important;
    margin: 5px 0 0 0;
 }
 #contact input.mailAddress_new {
     height: 20px;
     width: 300px;
     margin: 0 10px 10px 0;
     padding:2px 5px;
     float: left;
 }
 #contact .mailMC span.btn-confirm {
     display: block;
     padding: 0;
 }
 #contact .freeArea {
     background-color: #FFFEEE;
     margin: 60px 50px 0;
     width: 800px;
     border:none;
 }
 /*
 ----------------------------------------------- */
 #contact .ann-input {
     margin: 5px 0 0;
     font-size: 100%;
 }
 #contact .ann-input input {
     margin: 0 3px 2px 0;
 }
 /*---------------------------------------------
     itemDetail/itemList
   ---------------------------------------------*/
 /* itemList
 ----------------------------------------------- */
 #itemList_wrap {
     margin: 0 0 20px 0;
 }
 #itemList {
     margin: 15px 0 0 0;
     position: relative;
 }
 article #main-column #itemList section {
     margin: 0;
 }
 .column4 h2 {
     font-size: 85%;
     line-height: 130%;
     margin-bottom: 3px;
     background: none;
     font-weight: normal;
     padding: 0;
     border: none;
 }
 article #main-column #itemList section.column4 {
     overflow: hidden;
     margin: 0 39px 60px 0;
 }
 article #main-column #itemList section.column4:nth-child(4n) {
     margin: 0 1px 20px 0;
 }
 #itemList2 {margin:15px 0 0 0;position:relative;}
 #itemList2 .column4 {margin:0;float:none;width:100%;height:auto !important;overflow:hidden;*zoom:1;}
 #itemList2 .column4 .itemThumb-wrap {float:left;padding-right:15px;}
 #itemList2 .column4 .inner-catch {
     line-height:160%;
     margin-top:3px;
 }
 #itemList_wrap #pager-top {
     width: 100%;
     padding: 10px 0 0 0;
     overflow: hidden;
     border-top: none;
     line-height: 100%;
 }
 #itemList_wrap #pager-bm {
     width: 100%;
     padding: 10px 0 0 0;
     margin: 0 0 20px 0;
     border-top: 1px dotted #333333;
     overflow: hidden;
     line-height: 100%;
 }
 #itemList_wrap #pager-top .quantity {
     float: left;
     font-size:80%;
     line-height:100%;
 }
 #itemList_wrap #pager-bm .quantity {
     float: left;
     font-size:80%;
     line-height:100%;
     margin: 1px 30px 0 0;
 }
 #itemList_wrap #pager-top .selectbox, #itemList_wrap #pager-bm .selectbox {
     font-size: 70%;
 }
 #itemList_wrap #pager-top .selectbox {margin-bottom:10px;}
 #itemList_wrap #pager-top .selectbox .select01 {    margin-right: 10px;
    padding: 2px 5px;
    letter-spacing: 1px;}
 #itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {
     float: right;
 }
 #itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {
     margin: 0;
     padding: 0;
     overflow: hidden;
     *zoom: 1;
 }
 #itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
     float: left;
     *float: none;
     *display: inline;
     padding: 0 4px;
     margin: 0;
     line-height: 120%;
     *zoom: 1;
     font-size: 120%;
 }
 #itemList_wrap #pager-top ul li.pagericon, #itemList_wrap #pager-bm ul li.pagericon  {
     float: left;
     *float: none;
     *display: inline;
     padding: 1px 0 0 0;
     margin: 0;
     line-height: 120%;
     *zoom: 1;
 }
 #pager-top ul li.selected, #pager-bm ul li.selected {
     font-weight: bold;
     text-decoration: none;
 }
 /* itemDetail
 ----------------------------------- */
 #itemDetail-cont {
     overflow: hidden;
 }
 #itemDetail-cont .cartArea input:hover,
 #itemDetail-cont .cartArea .variation a:hover{
     opacity: .70;
     filter: alpha(opacity=70);
     -ms-filter: "alpha(opacity=70)";
     -khtml-opacity: .70;
     -moz-opacity: .70;
     cursor: pointer;
     transition: all .2s ease-in;
 }
 #itemDetail-cont .itemThumb-wrap {
    float: left;
    width: 350px;
    margin: 0 30px 0 0;
    border: none;
    min-height: 350px;
    table-layout: fixed;
    display: table;
    position: relative;
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb-main {
    border: solid 1px #ccc;
    margin-bottom: 15px;
    width: 350px;
    height: 350px;
    /*display: table-cell;*/
    text-align: center;
    vertical-align: middle;
    table-layout: fixed;
    line-height: 325px;
 }
 
itemDetail-cont .itemThumb {
    /* margin-top: 350px; */
    width: 350px;
    position: absolute;
    top: 365px;
    left: 0;
}
 
 #itemDetail-cont .itemThumb-wrap .itemThumb-main img {
    width: auto;
    height: auto;
        max-height: 300px;
    max-width: 300px;
}
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb ul {
     overflow: hidden;
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
     float: left;
     padding: 0;
     height: 66px;
     width: 66px;
     margin: 0 5px 5px 0;
     overflow: hidden;
         border: solid 1px #CCC;
    box-sizing: border-box;
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
     margin: 0 0 5px 0;
 }
 #itemDetail-cont .itemOutline {
     float: left;
     width: 415px;
 }
 #itemDetail-cont .itemOutline .icons {
     margin: 0 0 5px 0;
 }
 #itemDetail-cont .itemOutline  ul.ico_salesMethod {
     overflow: hidden;
     margin: 0 0 5px 0;
 }
 #itemDetail-cont .itemOutline ul.ico_salesMethod li {
     float: left;
 }
 #itemDetail-cont .itemOutline  ul.ico_itemType {
     overflow: hidden;
 }
 #itemDetail-cont .itemOutline ul.ico_itemType li {
     float: left;
 }
 #itemDetail-cont table.snsArea {width:auto;}
 article#Detail #main-column h1 {
margin: 0 0 5px 0;
    padding: 0;
    font-size: 200%;
    font-weight: normal;
    border: none;
    background: none;
    color: #333;
    height: auto;
    line-height: 1.5;
 }
 
  article#Detail #main-column h1:before{ content: none;}
 
 article#Detail #main-column h2 {
     background: none;
     margin: 0;
     padding: 0 0 2px 0;
     background:none;
     font-size: 18px;
     letter-spacing:0.1em;
 }
 article#Detail section#itemDetail-wrap p.price {
     font-size: 90%;
     margin-bottom: 3px;
 }
 article#Detail section#itemDetail-wrap p.sp_price {
     font-size: 90%;
     color: #cc3333;
     font-weight: bold;
     margin-bottom: 3px;
 }
 article#Detail section#itemDetail-wrap p.regular_price {
     font-size: 80%;
     margin-bottom: 0;
     color: #19479a;
 }
 section#itemDetail-wrap table.spec {
     line-height: 250%;
     margin: 0 0 15px;
     font-size: 70%;
 }
 section#itemDetail-wrap table.spec tr.date {
     line-height:150%;
 }
 section#itemDetail-wrap table.spec th {
     vertical-align: top;
     padding: 0 5px 0 0;
     width: 24%;
 }
 section#itemDetail-wrap table.date {
     margin: 15px 0 3px;
 }
 section#itemDetail-wrap table.jan {
     margin: 0 0 15px;
 }
 section#itemDetail-wrap table.price {
     line-height: 170%;
     margin: 0 0 0;
 }
 section#itemDetail-wrap table.price th {
     font-size: 16px;
     padding: 0 0 1px;
     width: 24% !important;
     vertical-align: middle !important;
 }
 section#itemDetail-wrap table.price td {
     font-size: 80%;
 }
 table.price tr.fx_price span.strike span.fixed_price,
 table.price span.strike {
     text-decoration: line-through;
 }
 table.price tr.price span.selling_price,
 table.price tr.price span.taxin,
 table.price tr.price span.discount_rate,
 table.price tr.sp_price span.special_price,
 table.price tr.sp_price span.taxin,
 table.price tr.sp_price span.discount_rate {
     color: #FF0000;
     font-size: 150%;
     font-weight: bold;
     margin-bottom: 3px;
 }
 
table.price tr.price span.selling_price{font-size: 220%;}
 
table.price tr.sp_price span.taxin,
 table.price tr.price span.taxin{ font-size:85%;}
 table.price tr.rg_price span.regular_price_str {
     color: #2A78D0;
     margin-bottom: 3px;
 }
 table.price tr.rg_price span.regular_price,
 table.price tr.rg_price span.taxin
 {
     color: #2A78D0;
     margin-bottom: 3px;
 }
 table.price tr.rg_price span.publish_point {color:inherit;}
 section#itemDetail-wrap .cartArea {
     margin-bottom: 20px;
 }
 section#itemDetail-wrap .cartArea img.nostock {
     width: auto;
     height: auto;
 }
 section#itemDetail-wrap .cartArea table.variation {
     width: 100%;
     word-break:break-all;
 }
 section#itemDetail-wrap .cartArea tr.t-variation {
     background: #fae9d2;
 }
 section#itemDetail-wrap .cartArea table.variation th {
     font-size: 60%;
     width: 40% !important;
     font-weight: bold;
     padding: 5px 5px;
     text-align: center ;
     line-height: 150%;
     border: 1px solid #CCCCCC;
 }
 section#itemDetail-wrap .cartArea table.variation tr {
     border-bottom: 1px dotted #333333;
 }
 section#itemDetail-wrap .cartArea table.variation tr.t-variation {
     border: none;
 }
 section#itemDetail-wrap .cartArea table.variation td {
     font-size: 60%;
     padding: 10px 5px;
     text-align: center;
      vertical-align: middle;
     line-height: 150%;
     border: 1px solid #CCCCCC;
 }
 section#itemDetail-wrap .cartArea table.variation td img {
     vertical-align: middle;
 }
 section#itemDetail-wrap .cartArea table.variation span.nostock {
     color: #a01020;
 }
 section#itemDetail-wrap p.cancel {
     height: 18px;
     margin-bottom: 5px;
     padding-left: 20px;
     background: url(../img/arrow04.png) no-repeat left center;
     font-size: 70%;
 }
 section#itemDetail-wrap p.review_txt {
     height: 18px;
     margin-bottom: 15px;
     padding-left: 20px;
     background: url(../img/arrow04.png) no-repeat left center;
     font-size: 70%;
 }
 section#itemDetail-wrap p.cancel a, section#itemDetail-wrap p.review_txt a {
     display: block;
 }
 .itemOutline ul.snsArea, article#Detail .itemOutline ul.infoArea {
     overflow: hidden;
     margin-bottom: 5px;
     height:30px;
 }
 section#itemDetail-wrap .itemOutline li {
     float: left;
     margin-right: 7px;
 }
 section#itemDetail-wrap .description {
     margin: 20px 0 0;
     width: 100%;
     padding: 0;
 }
 section#itemDetail-wrap .description p {
     font-size: 75%;
     line-height: 160%;
     letter-spacing:0.1em;
 }
 article#Detail #main-column .spec-g_txt_table_wrap {
     width: 100%;
     overflow: hidden;
 }
 article#Detail #main-column section.spec-g_txt {
     float: left;
     margin-right: 4%;
     width: 48%;
     padding: 20px 0 0;
 }
 article#Detail #main-column section.spec-g_txt p {
     padding-top: 20px;
     font-size: 85%;
     line-height: 180%;
     letter-spacing:0.1em;
 }
 article#Detail #main-column section.spec-g_table {
     float: right;
     width: 48%;
     padding: 20px 0 0;
 }
 article#Detail #main-column section.spec-g_table table {
     width: 100%;
     margin-top:15px;
 }
 article#Detail #main-column section.spec-g_table th {
     width: 80px;
     max-width: 80px;
     min-width: 70px;
     padding: 6px 0;
 }
 article#Detail #main-column section.spec-g_table tr {
     border-bottom: 1px dotted #333333;
     width: 100%;
     font-size: 75%;
 }
 article#Detail #main-column section.spec-g_table td {
     padding: 5px 0;
 }
 article#Detail #main-column .w100 section.spec-g_txt {
     float: none;
     width: 100%;
 }
 article#Detail #main-column .w100 section.spec-g_txt p {
     padding: 20px 0;
     font-size: 75%;
     line-height: 160%;
     letter-spacing:0.1em;
 }
 article#Detail #main-column .w100 section.spec-g_table {
     float: none;
     width: 100%;
 }
 article#Detail #main-column .w100 table.spec-g_cont tr {
     border-bottom: 1px dotted #333333;
     width: 100%;
 }
 article#Detail #main-column .w100 table.spec-g_cont th {
     padding: 5px 0;
 }
 article#Detail #main-column .w100 table.spec-g_cont td {
     padding: 5px 0;
 }
 section.userreview {
     padding: 20px 0 0;
 }
 section.userreview table.userreview_list {
     width: 100%;
     margin: 15px 0 0 0;
     border-bottom: 1px dotted #333333;
     font-size: 75%;
     line-height: 160%;
 }
 section.userreview div.more {
     text-align:right;
     margin-top:10px;
 }
 section.userreview div.more a img {
     vertical-align: middle;
 }
 section.userreview table.userreview_list tr td.userreview_user {
     text-align: left;
 }
 section.userreview table.userreview_list tr td.userreview_date {
     text-align: right;
 }
 section.userreview table.userreview_list td.userreview_rate img {
     vertical-align: middle;
     margin-top:-2px;
 }
 section.userreview table.userreview_list td.userreview_comment {
     padding: 10px 0 20px;
 }
 article#Detail #main-column section.recommend {
     padding: 20px 0 0;
 }
 article#Detail #main-column section.recommend h2 {
     margin: 0 0 20px 0;
     padding: 0 0 2px 0;
 }
 article#Detail section.column5 {
     margin:0 20px 0 0;
     border: none;
 }
 article#Detail section.column5:last-child {
     margin:0;
 }
 .column-set .quantityArea {
     margin-top: 15px;
     text-align:center;
 }
 .column-set .quantityArea span {
     font-size: 70%;
 }
 /* rating_all
 ----------------------------------------------- */
 article #main-column .pageNav_top {
     overflow: hidden;
     font-size: 70%;
     padding-bottom: 5px;
     border-bottom: 1px dotted #333333;
 }
 article #main-column .pageNav{
     font-size: 70%;
 }
 .pageNav form img{
     float:right;
 }
  article #main-column .pageL  {
     width:100%;
     float: left;
 }
 article #main-column .pageNav_top .pageL {
     width: 50%;
 }
 article #main-column .pageR {
     float: right;
 }
 article #main-column h1 {
     /*padding: 0 0 3px;
     font-size: 18px;
     font-weight: bold;
     line-height: 160%;
     letter-spacing:0.1em;*/
 }
 article #main-column section.rating {
     padding-bottom: 30px;
     margin-bottom: 5px;
     border-bottom: 1px dotted #333333;
 }
 article #main-column section.rating .reviewBox {
     overflow: hidden;
     margin: 15px 0;
 }
 article #main-column section.rating .tmb {
     float: left;
     margin-right: 20px;
 }
 article #main-column section.rating .reviewTxt {
     float: right;
     width: 640px;
 }
 article #main-column section.rating .reviewTxt p {
     text-align:justify;
     text-justify:inter-ideograph;
     line-height:180%;
     letter-spacing:0.1em;
 }
 article #main-column section.rating .ttlArea {
     overflow: hidden;
 }
 article #main-column section.rating h2 {
     float: left;
     margin: 0;
     padding: 0;
     background: none;
     border-bottom: none;
     font-size: 90%;
     line-height: 160%;
     font-weight: bold;
 }
 article #main-column section.rating .btnMore {
     float: right;
 }
 article #main-column section.rating .reviewTxt ul {
     margin: 5px 0 10px;
     vertical-align: middle;
     line-height: 120%;
     overflow: hidden;
 }
 article #main-column section.rating .reviewTxt ul li {
     float: left;
     margin-right: 5px;
     font-size: 75%;
 }
 article #main-column section.rating .comment h3 {
     height:16px;
     padding: 0 0 0 20px;
     background: url(../img/shop/shop_illust01.png) no-repeat left center;
     font-size: 75%;
     font-weight: bold;
     letter-spacing:0.1em;
 }
 article #main-column section.rating .comment p {
     padding-top:15px;
     text-align:justify;
     text-justify:inter-ideograph;
     line-height:180%;
     letter-spacing:0.1em;
 }
 article #main-column section.rating .comment{
     background:url(../img/shop/shop_bg01.gif) repeat;
     border:2px solid #ff9803;
     padding:15px;
     -moz-border-radius:8px;
     -webkit-border-radius:8px;
     border-radius:8px;
     position: relative;
 }
 /* rating_item
 ----------------------------------------------- */
 article #main-column section.rating .reviewBox_item h2 {
     color: #0C3;
     float: left;
     font-size: 75%;
     background: none;
     font-weight: bold;
     padding: 0;
     margin: 0;
     line-height: 160%;
     border-bottom: none;
 }
 article #main-column section.rating .reviewBox_item {
     margin: 15px 0;
 }
 article #main-column section.rating .reviewBox_item ul {
     overflow: hidden;
     vertical-align: middle;
     line-height: 120%;
 }
 article #main-column section.rating .reviewBox_item ul li {
     float: left;
     margin-right: 5px;
     margin-bottom: 10px;
     font-size: 75%;
 }
 article #main-column section.rating .reviewBox_item ul li.point {
     margin-right: 20px;
     color: #F60;
     font-weight: bold;
 }
 article #main-column section.rating ul li.space {
     margin-right: 20px;
 }
 article #main-column #itemBox {
     overflow: hidden;
     margin-bottom: 15px;
 }
 article #itemBox h2 {
     float: left;
     font-size: 90%;
     border-bottom: none;
 }
 article #itemBox p {
     float: right;
 }
.centerbox{ margin-top: 30px;}
#contact #center1 .centerbox {
     margin:0px;
 }
 #contact #center1 .centerbox .mainCont .step_navi01 {
     background-image: url("../img/navi01.gif");
     background-repeat: no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi02 {
     background-image:url(../img/navi02.gif);
     background-repeat:no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi03 {
     background-image:url(../img/navi03.gif);
     background-repeat:no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi04 {
     background-image:url(../img/navi04.gif);
     background-repeat:no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi01,#contact #center1 .centerbox .mainCont .step_navi02,#contact #center1 .centerbox .mainCont .step_navi03,#contact #center1 .centerbox .mainCont .step_navi04 {
     height: 83px;
     text-align: center;
     width: 100%;
 }
 #contact #center1 .centerbox .mainCont input[type="button"],
 #contact #center1 .centerbox .mainCont input[type="submit"]{
     height: 25px;
     color: rgb(255, 255, 255);
     padding: 0px 8px;
     font-size: 0.8rem;
     text-align: center;
     background: #21A354;
     border: medium none;
     margin: 5px 5px;
     width:auto;
 }
 
  #contact #center1 form[name=ENQ] .centerbox .mainCont  input[type="submit"]{
    background: url(../img/btn-confirm_bg.gif) repeat-x scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 0.75rem;
    height: 80px !important;
    margin: 0 5px;
    padding: 0;
    width: 340px !important;
    font-size: 20px !important;
 }
 
 #contact #center1 .centerbox .mainCont input[type="button"]:hover,
 #contact #center1 .centerbox .mainCont input[type="submit"]:hover{
     background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #contact #center1 .center{ text-align:center!important;}
 #contact #center1 p.center a#logout{float:none;}
 #deli_scadule .deli_plan_box{width:auto;}
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun,
 #center3 .centerbox table td[align="right"],
 #center3 .centerbox .right,
 #contact #center1 .right{
     text-align:right!important;
 }
 #center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
 #center-seo .centerbox table th[align="left"],
 #center-seo .centerbox table td[align="left"],
 #center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
 #center3 .centerbox table th[align="left"],
 #center3 .centerbox table td[align="left"],
 #contact #center1 .left{
     text-align:left!important;
 }
 #contact #center1 .middle{ vertical-align:middle!important;}
 #contact #center1 .buttom{ vertical-align:bottom!important;}
 #contact #center1 .float_left{ float:left!important;}
 #contact #center1 .centerbox .title1{
     padding:15px 0px 12px 8px;
     margin:0px;
     width:auto;
     line-height:100%;
     font-weight:bold;
     font-size:12px;
     vertical-align:middle;
     letter-spacing:0.2em;
     color:#000000;
     background-color:#D6D6D6;
 }
 #contact #center1 .centerbox .title1 a{color:#000000;text-decoration:underline;}
 #contact #center1 .centerbox .title1 a:hover{
     color:#000000;
     text-decoration:underline;
     font-weight:bold;
 }
 #contact #center1 .centerbox .mainCont {
     padding:10px;
     margin:0px;
     width:auto;
     background-color:#FFFFFF;
 }
 .backcolor1 strong,.backcolor2 strong{font-weight:bold;}
 #contact #center1 .centerbox .mainFrame .mainCont #confirm .right{width:100%!important;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table{font-size:100%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3  { padding:5px 0px;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th { padding:10px;border:1px solid #999999;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td { padding:2px 4px;border:1px solid #999999;font-size:0.75rem;}
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
     border:none;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side { padding:10px 15px;}
 #contact #center1 .backcolor3 { background:#D7EBF4;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {width:35%;background:#DDDDDD}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 { background:#DDDDDD}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td{text-align:center;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {vertical-align:middle;background:#FFFFFF;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"]{width:1%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"] ,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"]{ padding:2px 1px;height:16px;}
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{background:#DDDDDD;width:100%\9;}
 #deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1{
     width:15%!important;
 }
 #deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1{
     width:35%\9!important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{background:#DDDDDD;width:30%\9!important;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td{width:15%;#width:100%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td{width:25%;#width:100%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td{width:12%;}
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td{width:26%;}
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td{width:12%;}
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td + td{width:10%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td{width:8%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td + td{width:10%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 form[name="NEXTM"] table.border tbody tr td{width:auto;}
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td{width:auto;}
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td.backcolor1.center,
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"],
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"]{
     width:49%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td,
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td,
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td{
     width:2%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td +td.backcolor1.center{width:49%;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td{width:auto;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=right]{text-align:right;}
 #deli_scadule table.deli_plan_cal tbody tr td{vertical-align:top;}
 #contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border{ border: 1px solid #999999;width:100%!important}
 #contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td.backcolor2 table.layoutp3{
     margin-top: 0px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td{border:none;padding:2px 9px;}
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {
     font-size: 100%;
     background-color: inherit;
     border: none;
 }
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 form[name=list] table[align=center],
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center form table[align=center],
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center table[align=center]{
     width:auto;
     margin:0 auto;
 }
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr{
     display:block;
     margin:5px;
 }
 table#enter #center-seo .centerbox .mainCont div.bordlayoutp3,
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 {
     padding: 5px 0;
 }
 table#enter{
     background: none repeat scroll 0 0 #FFFFFF;
     text-align: left;
     width: 100%;
 }
 #contact table tbody tr td#center1{
     border-bottom:none;
 }
 table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info{
     width:75% !important;
     margin:0 54px !important;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td[align="center"],
 #center3 .centerbox .bordlayoutp3 table td[align="center"],
 #center3 .centerbox .bordlayoutp3 table tr.center td,
 #center-seo .centerbox .center,#center3 .centerbox .center,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] {
     text-align:center
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong{
     font-weight:bold;
 }
 #contact #center1 .float_right,table#enter td#center3 div.centerbox form div.mainCont input.float_right{ float:right!important;}
 table#enter td#center3 div.centerbox form div.mainCont div{
     width:100%!important;
 }
 table#enter td#center3 div.centerbox form div.mainCont input.float_right{
     position: absolute;
     right: 19px;
     top: 77px;
 }
 table#enter td#center3 div.centerbox input[type=checkbox]{
     margin-top:5px;
 }
 #contact #center1 .centerbox .mainFrame{
     margin:0px;
     padding:1px;
     background-color:#EBEBEB;
 }
 #contact #center1 .box_in_box{text-align:center!important;}
 #contact .layoutp3 table.layoutp3 tbody td,
 #contact .layoutp3 table.layoutp5 tbody td,
 #contact .bordlayoutp3 table tbody td{text-align:left}
 #contact .layoutp3 table.layoutp3 tbody td,
 #contact .layoutp3 table.layoutp5 tbody td{padding:5px }
 #contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center,
 #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center{
     width: 2%;
 }
 #contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label,
 #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong{
     font-size: 0.75rem;
 }
 #contact .mainFrame .mainCont #tradesafe_div1 {
     font-size: 100% !important;
     line-height: 142% !important;
 }
 #center3 .centerbox .red,
 #contact #center1 .red{color:#CC0000;font-size: 0.75rem!important;}
 #contact #center1 .point {font-size:120%;color:red;font-weight:900;}
 #contact #center1 .pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:5px ;padding-bottom:5px;background-color:#666666;margin-top:5px;margin-bottom:5px;}
 #contact .mainFrame .mainCont a{color:#333333; font-size:0.75rem;}
 #contact .mainFrame .mainCont div.layoutp3 table tbody tr td{border:none;}
 #contact .mainFrame .mainCont a:hover{color:#666666; text-decoration: underline;}
 #contact .mainFrame .mainCont h4{
     font-size: 0.75rem;
     font-weight:bold;
 }
 #contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
     border: 1px solid #EBEBEB;
     margin: 0;
     padding: 10px;
     background-color:#fff;
 }
 #contents .enquete-section #contact table tbody tr td div.mainCont:first-child{
     padding:0px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p{
     margin: 5px 0;
     padding: 2px 0;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child{
     width:45%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table{
     width:50%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td{
     padding: 1px;
     text-align: left;
     vertical-align: top;
     word-break: break-all;
     border:none;
     font-size:100%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
     border:soild 1px;
 }
 div.enquete-section #contact{
     width:100%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"],
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"],
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select{
     height: 20px;
     padding: 0;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
     background: none repeat scroll 0 0 transparent;
     border-bottom: 1px dotted;
     font-size: 110%;
     font-weight: bold;
     line-height: 200%;
     margin-bottom: 10px;
     padding: 0;
     width: 100%;
 }
 #enquete-header{
     width:1000px;
     margin:0 auto;
     background-color: #FFF;
          background:url(https://www.acress.jp/pic-labo/acress_logo-bg3.png) left no-repeat;
      }
 #enquete-header #logo {
     margin: 0 auto;
     width: 960px;
     padding-top:10px;
 }
 #enquete-header #logo .shoplogo img{
     display: table-cell;
     vertical-align: middle;
     padding: 5px 0;
 }
 #enquete-header #logo .shoplogo h1 {
     max-width: 340px;
     background: none;
     margin: 0;
     padding-top: 5px;
 }
 #enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: "alpha(opacity=70)";
     -khtml-opacity: 1;
     -moz-opacity: 1;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 }
 #enquete-header #logo .shoplogo img.float_right{float:right;}
 #enquete-header #logo .shoplogo img.float_left{float:left;}
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio] ,
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {
      margin:0px 5px 3px 5px;
 }
 div.enquete-section{
     padding:0;
 }
 div.enquete-section #contact table td{
     border:none;
 }
 div.enquete-section #center1 .centerbox .mainCont h3 {
     display: block;
     width: 100%;
     background: url(../img/Tbg-shop02_l.gif) no-repeat;
     background-size: 100% 100%;
 }
 div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1{
    background: url(https://www.acress.jp/material/img/back02.png) repeat;
    border-radius: 5px;
    padding: 16px 0 16px 28px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: bold;
    height: auto;
 }
 div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1:before{
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://www.acress.jp/material/img/iconH2.png);
    display: inline-block;
    background-size: 24px 24px;
    margin-right: 4px;
}
 }
 div.enquete-section #contact table tbody tr td{
     width:100%;
     border-top:none;
     padding:0px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {
     margin-left:22px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2] ,
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3]{
     margin-left:11px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1]{
     margin-left:13px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2]{
     margin-left:25px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3]{
     margin-left:2px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4]{
     margin-left:26px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong{
     font-weight:bold;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea{
     height: 150px;
     padding: 5px;
     width: 70%;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]{
     background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
     border: medium none;
     color: #FFFFFF;
     font-size: 0.75rem;
     height: 25px;
     margin: 0 5px;
     padding: 0;
     width: 200px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover{
     background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 .shoplogo{
     width:340px;
 }
 #center-seo .centerbox,#center3 .centerbox {
     font-size: 75%;
     line-height: 200%;
     margin: 0px;
     padding: 0 10px 10px;
     word-break:break-all;
 }
 #center-seo .centerbox a,#center3 .centerbox a{
     text-decoration : underline;
 }
 #center-seo h3.title1,#center3 h3.title1 {
    background: url(https://www.acress.jp/material/img/back02.png) repeat;
    border-radius: 5px;
    padding: 16px 0 16px 28px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: bold;
 }
#center-seo h3.title1:before,#center3 h3.title1:before{
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://www.acress.jp/material/img/iconH2.png);
    display: inline-block;
    background-size: 24px 24px;
    margin-right: 4px;
}
 
 
 .popItemh3{
     margin: 5px 0;
     padding: 3px 0;
     background: url(../img/pop_title_bg.png) repeat-x;
 }
 .popItemh3  h3.title1 {
     height: 100% !important;
     line-height:initial !important;
     background: url(../img/pop_title_ft_bg.png) repeat-x left bottom !important;
 }
 #center-seo #bread,#center3 #bread {
     margin: 0px;
     padding: 3px 15px;
     text-align: left;
     font-size: 75%;
     line-height: 200%;
 }
 #center-seo .mainCont,#center3 .mainCont {
     padding: 10px;
     margin: 0px;
     width: auto;
 }
 #center-seo .centerbox .caution,
 #center3 .centerbox .caution {
     font-weight: bold;
     color: #d51414;
 }
 #center-seo .centerbox table th,#center-seo .centerbox table td,#center3 .centerbox table th,
 #center3 .centerbox table td {
     word-break: break-all;
     vertical-align: top;
     text-align: left;
     padding: 1px;
 }
 #center3 .centerbox table td[width="5%"] {
     width: 10%;
 }
 #center-seo .centerbox .backcolor1,#center3 .centerbox .backcolor1 {
     background-color: #EEEEEE;
 }
 #center-seo .centerbox .bordlayoutp3 table th,#center3 .centerbox .bordlayoutp3 table th {
     color: #2B2B2B;
     font-weight: bold;
     text-align: center;
     word-break: normal;
 }
 #center3 .layoutp3 table th,
 form[name$="FORM"]~tbody #center3 .layoutp3 table th {
     width: 25%;
     font-weight: bold;
     *width: 0%;
 }
 #center-seo .centerbox th.backcolor1,
 #center-seo .bordlayoutp3 th,
 #center-seo .bordlayoutp3 td,
 #center3 .centerbox th.backcolor1,
 #center3 .bordlayoutp3 th,
 #center-seo .bordlayoutp3 td,#center3 .bordlayoutp3 td {
     border: 1px solid #999999;
     vertical-align: middle;
 }
 #center3 .bordlayoutp3 .layoutp3 th,
 #center3 .bordlayoutp3 .layoutp3 td {
     padding: 0px;
     border: none;
 }
 #center3 .bordlayoutp3 .layoutp3 td.send_info {
     border: 1px solid #999999;
 }
 #center3 .bordlayoutp3 .layoutp3 td.send_info+td {
     *width: 70%;
 }
 #center3 .centerbox strong,
 #center3 .centerbox h4 {
     text-align: left;
     font-weight: bold;
 }
 #center-seo .centerbox .layoutp3 + .bordlayoutp3>table,
 #center3 .centerbox .layoutp3 + .bordlayoutp3>table {
     width:95%;
 }
 #center-seo input[type="submit"],
 #center-seo input[type="button"],
 #center3 input[type="submit"],
 #center3 input[type="button"] {
     height: 25px;
     color: #FFF;
     padding: 0 8px 0 8px;
     font-size: 80%;
     font-size: 0.8rem;
     text-align: center;
     background: #21A354;
     border: none;
     margin: 2px 2px;
     width:auto;
     width:initial;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
 #center-seo select, #center-seo input[type="text"],
 #center3 select,
 #center3 input[type="text"],
 #center3 input[type="password"] {
     height: 20px;
     line-height:20px;
     padding: 0px;
     margin: 2px 0px;
     min-width: inherit;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
 #center-seo select,
 #center-seo textarea,
 #center3 select,
 #center3 textarea{
     padding: 1px;
     margin: 2px 0px;
 }
 #center3 select[name="SEL_CARD"] {
     margin-left: 5px;
     padding: 1px;
 }
 #center-seo input[type="submit"]:hover,
 #center-seo input[type="button"]:hover,
 #center3 input[type="submit"]:hover,
 #center3 input[type="button"]:hover {
     background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #center-seo .centerbox table td input[type="radio"],
 #center3 .centerbox table td input[type="radio"] {
     margin: -3px 3px 0px 5px;
 }
 table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
     margin: -3px 4px 0px 0px;
 }
 #center-seo p,#center3 p {
     margin: 5px 0px;
     padding: 2px 0px;
 }
 #center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
     display: inline-block;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {
     background-color:#FFFFFF;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"],
 #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"],
 #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
     margin: 0px 3px;
     height: 20px;
 }
 section .freeTop h2 {
     border: medium none;
     font-size: 90%;
     font-weight: bold;
     line-height: 165%;
     margin-bottom: 0;
 }
 .leftSearch {
     overflow: hidden;
 }
 .leftSearch #searchbox_wrap {
     margin: 0 0 30px;
     overflow: hidden;
 }
 .leftSearch searchbox {
     color: #999999;
     float: right;
     font-size: 65%;
     line-height: 160%;
     overflow: hidden;
     text-align: right;
 }
 .leftSearch #searchbox form {
     border:none;
     float: left;
     width: 210px;
     background:url(../img/searchbox.gif) no-repeat left top;
     -moz-background-size:100% 100%;
     background-size:100% 100%;
 }
 .leftSearch #searchbox_wrap #searchbox p img {
     display:none;
 }
 .leftSearch #searchbox input.searchbox {
     border: 1px solid #cdcdcd;
     margin-left: 5px;
     padding: 0 5px;
     width: 130px;
 }
 .leftSearch #searchbox input.searchSubmit {
     padding: 1px 1px 0 0;
 }
 .leftSearch #searchbox p {
     float: left;
     margin: 5px 5px 0 0;
 }
 #header-inner h2 {
     max-width : 340px;
 }
 .siteName {
     margin:0px;
     padding:10px 10px 5px 10px;
     font-size:100%;
     line-height:1em;
 }
 .siteName a { color:black ;text-decoration:none;}
 .siteName a:hover { color:blue;text-decoration:underline;}
 .sitecopy{
     padding:10px 10px 5px 5px;
     margin:0px;
     color:#999999;
     font-size:80%;
     line-height:1em;
 }
 .sitecopy a {color:black;text-decoration:none;}
 .sitecopy a:hover {color:blue;text-decoration:underline;}
 .header_area {
    text-align: left;
    width: 800px;
    margin: 0px 0 0 0;
    padding: 0px;
 }
 .footer_area {
     text-align:left;
     width:680px;
     margin:0px 5px 0px 5px;
     padding:0px;
 }
 .cart-section .header_area {
     width:800px;
     margin: 0 auto;
 }
 .cart-section .footer_area {
     width:800px;
     margin: 0 auto;
 }
 .pageNav form img{
     float:right;
 }
 #sub-column .category .fukidashi nav,
 #sub-column .category .tatenarabi nav {
     margin-bottom:0;
 }
 #sub-column .category .fukidashi nav:last-child,
 #sub-column .category .tatenarabi nav:last-child {
     margin-bottom:20px;
 }
 #sub-column .category .fukidashi ul {
     zoom:1;
 }
 #sub-column .category .fukidashi nav {
     position:relative;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub {
     width:100%;
     position:absolute;
     top:0;
     left:100%;
     display:none;
 }
 #sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
     display:block;
     z-index:999;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub {
     padding: 5px;
     border-top:1px solid #ddd;
     border-left:1px solid #ddd;
     border-right:1px solid #aaa;
     border-bottom:1px solid #aaa;
     background:#fff;
 }
 #sub-column .category nav ul li {
     border-top: dotted 1px #d9d3c3;
 }
 #sub-column .category nav ul li:first-child{
     border-top:none;
 }
 #sub-column .category nav ul li.listcat1 {
     border-bottom: 0px;
 }
 #sub-column .category nav ul li.listcat2 {
     border-bottom: 0px;
 }
 #sub-column .category nav ul li.listcat3 {
     border-bottom: 0px;
 }
 #sub-column .category nav ul li.listcat2 a {
     zoom: 1;
     display: block;
     padding: 3px 2px 3px 30px;
     margin:0px 0;
     line-height: 100%;
     color:#000;
     text-decoration: none;
     background:url(../img/left_ca2.gif) 20px center no-repeat;
 }
 #sub-column .category nav ul li.listcat3 a {
     zoom: 1;
     display: block;
     padding: 3px 2px 3px 50px;
     margin:0px 0;
     line-height: 100%;
     color:#000;
     text-decoration: none;
     background:url(../img/left_ca2.gif) 40px center no-repeat;
 }
 #sub-column .category nav ul li.child a {
     color:#000;
     <!--background:url(none);-->
     font-weight:bold;
 }
 #main-column .half-cont_wrap01 .half-cont .freeArea2 .free-contents {
     margin: 10px 0 0;
 }
 #main-column .w100 .freeArea2 .free-contents {
     margin: 0;
 }
 .tmb img{
     width:80px;
     height:auto;
     max-width:80px;
 }
 .freeArea2 .free-contents a {
     text-decoration: underline;
 }
 .header-cart,
 .header-mypage {
     -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
     -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
     box-shadow:inset 0px 1px 0px 0px #ffffff;
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
     background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
     background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
     background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
     background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
     background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
     background-color:#ffffff;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;
     border:1px solid #dcdcdc;
     display:inline-block;
     color:#666666;
     font-size:12px;
     padding:6px 24px;
     text-decoration:none;
     text-shadow:0px 1px 0px #ffffff;
 }
 .header-cart:hover,
 .header-mypage:hover {
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
     background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
     background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
     background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
     background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
     background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
     background-color:#f6f6f6;
 }
 .header-cart:active,
 .header-mypage:active {
     position:relative;
     top:1px;
 }
 section.half-cont div.category section h3{
     font-weight: bold;
     line-height: 120%;
     font-size:    80%;
     padding-left:10px;
 }
 #center1 .centerbox .mainCont{
     width: 600px;
     padding: 10px;
 }
 #center1 .centerbox .mainCont h3 {
     height: 43px;
     line-height: 43px;
     background: url(../img/Tline-bg.gif) repeat-x left bottom;
     margin-bottom: 0;
     padding: 0 0 0 10px;
     vertical-align: middle;
     font-size: 100%;
     font-weight: bold;
     color: #333333;
 }
 #center1 .centerbox .mainCont h3.title1 {
     color: #333333;
 }
 .mainCont .comment_box  td.backcolor1 {
     background-color: #EEEEEE;
     border: 1px solid #999999;
      color: #2B2B2B;
     font-weight: bold;
     text-align: center;
     word-break: normal;
 }
 .mainCont .comment_box  td.backcolor2 {
     background-color: #fff;
     border: 1px solid #999999;
     color: #2B2B2B;
     font-weight: normal;
     text-align: center;
     word-break: normal;
 }
 .mainCont .comment_box  td.backcolor2 div.float_left{
     text-align:left;
 }
 .mainCont .comment_box  td.backcolor2 div.float_left a{
  text-decoration: underline;
 }
 .mainCont .comment_box  td.backcolor1,
 .mainCont .comment_box  td.backcolor2{
     text-align:left;
 }
 .mainCont .comment_box td.center{
     text-align:center !important;
 }
 .mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"],
 .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
     height: 25px;
     color: #FFF;
     padding: 0 8px 0 8px;
     font-size: 80%;
     font-size: 0.8rem;
     text-align: center;
     background: #21A354;
     border: none;
     margin: 2px 2px;
 }
 .mainCont .comment_box td.backcolor2 div.write_comment  input[type="submit"]:hover,
 .mainCont .comment_box td.backcolor2 div.write_comment  input[type="button"]:hover {
     background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 div.mainCont input[type="button"],
 div.mainCont input[type="submit"]{
     width:150px;
     width:auto\9;
     height:25px;
     color: #FFF;
     padding: 0 8px 0 8px;
     font-size: 0.8rem;
     text-align: center;
     background: #21A354;
     border: none;
     margin: 2px 2px;
 }
 div.mainCont input[type="button"]:hover,
 div.mainCont input[type="submit"]:hover{
       background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #sub-column .group nav ul li:last-child, #sub-column .category nav ul li:last-child, #sub-column .link nav ul li:last-child {
     border-bottom: none;
 }
 #sub-column .group nav ul,#sub-column .category nav ul, #sub-column .link nav ul {
     border-bottom: dotted 1px #d9d3c3;
 }
 #sub-column .category nav ul .cat2{
     padding: 3px 3px 3px 60px;
     background: url(../img/arrow01.gif) no-repeat 40px 8px;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
     color: #333333;
     font-weight: normal;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
     color: #ff9803;
     font-weight: normal;
     text-decoration: none;
 }
 #sub-column .category nav ul li.listcat3 a {
     padding: 3px 2px 3px 60px;
 }
 #sub-column .category nav ul li.listcat2 a {
     line-height: 130%;
 }
 #sub-column .category nav ul li.listcat3 a {
     line-height: 130%;
 }
 #sub-column .category nav ul li.listcat2 {
     background: url(../img/arrow01.gif) no-repeat 38px 8px;
 }
 #sub-column .category nav ul li.listcat3 {
     background: url(../img/arrow01.gif) no-repeat 68px 8px;
 }
 #sub-column .category nav ul li.listcat2 a {
     color: #333333;
 }
 #sub-column .category nav ul li.child a {
     color: #333333;
 }
 #sub-column .category nav ul li.listcat3 a {
     padding: 3px 2px 3px 60px;
 }
 #sub-column .category nav ul li.listcat2 a {
     line-height: 130%;
 }
 #sub-column .category nav ul li.listcat3 a {
     line-height: 130%;
 }
 #sub-column .category nav ul li.listcat2 {
     background: url(../img/arrow01.gif) no-repeat 38px 8px;
 }
 #sub-column .category nav ul li.listcat3 {
     background: url(../img/arrow01.gif) no-repeat 68px 8px;
 }
 #sub-column .category nav ul li.listcat2 a {
     color: #333333;
 }
 #sub-column .category nav ul li.child a {
     color: #333333;
 }
 #sub-column .category .sps-allList+#sps-itemListAllCategory {
     display:none;
 }
 div.cart-section div#contact img[height="1"]{
     display:none;
 }
 div#sub-column .category h2.sps-allList a{
     color:#ffffff;
 }
 div#sub-column .category nav ul li.listcat2 a:hover,
 div#sub-column .category nav ul li.listcat3 a:hover{
     color: #ff9803;
 }
 div#sub-column .category nav ul li.listcat2 a{
     font-weight:bold
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2{
     background: url(../img/arrow01.gif) no-repeat left center;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2{
     padding-left:20px;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a{
     text-decoration: none;
 }
 #sub-column .category h2 a{
     color:#ffffff;
 }
 .itemDescFc{
     position:absolute;
     margin-left:5px;
 }
 .itemThumb-wrap-left{
     width:170px;
     padding-left:10px;
 }
 .itemThumb-wrap-right{
     width:70%;
     word-break:break-all;
     margin-left:210px;
 }
 #enter #contents {
     width: auto;
 }
 /* フッタご利用ガイド調整用*/
 .footer_area .w100 .freeArea2 h2 { width: 748px; height: 43px; line-height: 43px; background: url(../img/Tline-bg.gif) repeat-x left bottom !important; font-size: 90% !important;}
 #main-column-full .footer_area .w100 .freeArea2 h2 span { padding-left:10px; }
 #main-column-full .footer_area .w100 .freeArea2 { padding-bottom: 10px; }
 
 /*カートのまとめ割引リンク用*/
 .bundle_display a {
     display:inline-block;
     margin-top:3px;
     padding:3px;
     border:1px solid #f00;
     line-height:1.3;
     text-decoration:none !important;
     color:#f00;
 }
 
 .bundle_display a:hover {
     border:1px solid #f00;
     background:#ffefef;
 }
 
 /*まとめ割引詳細用*/
 div[aria-describedby='bundle_dialog'] * {
     font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
 }
 
 div[aria-describedby='bundle_dialog'] .ui-dialog-content {
     padding-bottom:0 !important;
 }
 
 div[aria-describedby='bundle_dialog'] .ui-dialog-title {
     font-size:0.8em;
     color:#333;
 }
 
 #bundle_detail > h4 {
     font-size:0.7em;
     font-weight:bold;
     color:#333333;
     padding-bottom:0.5em;
 }
 
 #bundle_detail > .bundle_table + h4,
 #bundle_detail > .bundle_table + .bundle_table {
     margin-top:1.5em;
 }
 
 #bundle_detail > .bundle_table td {
     padding:2px 4px;
     border:1px solid #999;
     font-size:0.7em;
     color:#333333;
     word-break:break-all;
 }
 
 #bundle_detail > .bundle_table td.bundle_title,
 #bundle_detail > .bundle_table td.bundle_backcolor1 {
     background:#ddd;
 }
 
 #bundle_detail > .bundle_table td.bundle_backcolor1 {
     text-align:center;
 }
 
 #bundle_detail > .bundle_table td span.bundle_name {
     display:inline-block;
     margin-top:3px;
     padding:3px;
     border:1px solid #f00;
     line-height:1.3;
 }
 
 #bundle_detail > div:last-child {
     padding:1.5em 0 1em;
     text-align:center;
 }
 
 #bundle_detail > div:last-child input {
     height:25px;
     padding:0 8px;
     background:url(../img/btn-confirm_bg.gif);
     border:none;
     font-size:0.75em;
     color:#fff;
 }
 
 #bundle_detail > div:last-child input:hover {
     background:#21A354;
 }
 
 div[aria-describedby='bundle_dialog'] .ui-widget-header {
     border: 0px;
     background: #ffffff;
     text-align: left;
 }
 #bundle_dialog table {
   border-collapse: collapse;
 }
 .bundle_name {
     display: inline-block;
     margin-top: 3px;
     padding: 3px;
     border: 1px solid #f00;
     line-height: 1.3;
     text-decoration: none;
     color: #f00;
 }
 #bundle_link{
   font-size:90%;
 }
 #bundle_link a{
   font-weight:normal;
 }
 
 /*定期、頒布会商品初回価格*/
 p.rg_price span.regular_price_str {
     color: #2A78D0;
     margin-bottom: 3px;
 }
 p.rg_price span.regular_price {
     color: #2A78D0;
     margin-bottom: 3px;
 }
 
 /*支払方法選択*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side {padding:0;}
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .point_use_table .side,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side .paytypewrap{padding:10px 15px;}
 #EST_SPS_cart #contact div.mainCont h4.newMemberinfo{
 margin:15px 0 2em 0;
 padding-bottom: 0.5em;
 font-size:20px;
 font-weight:normal;
 line-height:1.5em;
 overflow:hidden;
 border-bottom: 2px solid #e0e0e0;
 }
 
 .cartTopMsg{
 margin-top: 1em;
 }
 
 form[name=COUPON] .backcolor2{
 padding: 1em !important;
 }
 
 .login-next{
 margin-top: 1em;
 }
 
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select{
 margin: 5px 0;
 }
 
 .SPS-regi-item_detail{
 display: block !important;
 padding-top: 1em;
 }
 
 #contact table.cartItem{
 margin: 0;
 }
 
 #contact select[name^="enq_ans_month"],
 #contact select[name^="enq_ans_day"]{
 min-width: 60px;
 }
 
 #EST_SPS_cart #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table td hr{
 display:block;
 margin:0 20px;
 height: 2px;
 background-color:#e0e0e0;
 border: 0;
 }
 
 .cartBtnPreviousBottom{
 display: inline-block;
 vertical-align:middle;
 }
 
 #contact #center1 .centerbox .mainFrame .mainCont #selectPayment td.backcolor1{
 padding: 1rem;
 }
 
 .itemPic img {
 height: auto;
 }
 
 .SPS-fontlarge{
 font-size: 1.4em;
 vertical-align: middle;
 }
 
 #EST_SPS_order .sps-noregist{
 cursor : pointer;
 display: inline-block;
 margin-top: 0.5em;
 font-size: 0.8em;
 }
 
 .sps-coupon_notice{
 font-size:0.8em;
 }
.snsArea tr td:nth-child(2) div{ position: relative !important; top: 0 !important;}
@charset "UTF-8";
/*全体 上書き設定*/
/* リセットCSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font-size: 16px;*/
/*font: inherit;*/
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*最終的にstyle.cssを以下へ掲載*/
/*▼▼style.css▼▼*/
/*共通*/
h1, h2, h3, h4, h5, h6, p,dl, dt, dd, ol, ul, li,table, caption, tbody, tfoot, thead, tr, th, td{ font-size: 16px; line-height: 1.6;}
body,
html{ /*overflow-x:hidden*/}
img{ vertical-align: bottom;}
h1{font-weight: bold; font-size:32px;}
h2{font-weight: bold; font-size: 26px;}
h3{font-weight: bold; font-size: 20px;}
h4{font-weight: bold; font-size: 16px;}
h5{font-weight: bold; font-size: 14px;}
h6{font-weight: bold; font-size: 12px;}
a{ color: #0000EE;}
a:link {
    text-decoration: none;
    color: #0000EE;
}
a:visited {
    text-decoration: none;
    color: #0000EE;
}
a:hover {
/*    text-decoration: underline;*/
    color: #ff9803;
}
a:hover{ transition: all .2s ease-in;}
a:hover img { opacity: 0.7; transition: all .2s ease-in;}
.inner-layout{ max-width: 1080px; margin: 0 auto;}
.mintyou{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/*色見本*/
/*　　#21A354　緑　　*/
/*　　#E10001　赤　　*/
/*　　#FFFD2F　黄　　*/
/*ヘッダー*/
#header-inner h1 {
    max-width: auto;
    background: none;
    margin: 0;
    padding: 0;
}
.headerTop{ background: url(https://www.acress.jp/material/img/backHeder.png) repeat-x; background-position: left bottom; height: 30px; line-height: 30px;}
.headerTop h1{ font-size: 15px; color: #FFF; height: 30px; line-height: 30px; font-weight: normal}
.headerArea{ background: url(https://www.acress.jp/material/img/back01.png) repeat;}
.headerArea .headContent{}
.headerArea .headContent .headContentLeft{ float: left; width: 354px; margin-right: 20px;}
.headerArea .headContent .headContentLeft .headLogo{ margin-top: 50px;}
.headerArea .headContent .headContentCenter{ float: left; width: 308px; margin-top: 25px; margin-right: 26px; margin-bottom: 20px;}
.headerArea .headContent .headContentRight{ float:left; width: 372px;}
.headerArea .headContent .headContentRight .HeadMyPageBtn{ float: left; margin: 20px 0 15px 0;}
.headerArea .headContent .headContentRight .HeadMyCatBtn{ float: right; margin: 20px 0 15px 0;}
.headNavi{}
.headNavi .GnavTop{ line-height: 0;}
.headNavi .GnavTop li{ float: left; line-height: 0;}
.headNavi .GnavTop li:nth-child(1){ margin-top: 18px}
.headNavi .GnavTop li:nth-child(2){ margin-top: 18px}
.headNavi .GnavTop li:nth-child(3){ margin-top: 18px; margin-right: 70px}
.headNavi .GnavTop li:nth-child(4){ margin-top: 4px; margin-right: 6px}
.headNavi .GnavTop li:nth-child(5){ margin-top: 4px; }
.headNavi{}
.headNavi .GnavBottom{ line-height: 0;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex; -webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;margin: 18px 0;}
.headKyeWord{ padding-bottom: 18px;}
.headKyeWord p{ float: left; line-height: 0;}
.headKyeWord ul{ float: left; margin-top: 8px;}
.headKyeWord ul li{ display: inline-block; margin: 0 6px; line-height: 0;font-size: 15px; letter-spacing: 0px;}
.headKyeWord ul li a{ color:#21A354; }
.headKyeWord ul li a:hover{ text-decoration: underline;}
.headFomr{ float: right;}
.headFomr input[type="text"] {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  outline: 0;
}
.input-text {
  width: 342px;
  float: left;
}
.headFomr .input-text input[type="text"] {
  width: 100%;
  padding: 3px 5px;
  border: 1px solid lightgrey;
  border-right: none;
  border-radius: 2px;
  font-size: 16px;
  transition: border-color ease .2s;
      box-sizing: border-box;
    height: 40px;
}
.headFomr .input-text input[type="text"]:focus {
  border-color: #2BA258;
}
.headFomr .input-text input[type="image"] { float: left}
.headNews{ padding-bottom:18px;}
.headNews p{ font-size:13px; color:#E10001; box-sizing: border-box; padding: 8px 18px; border: solid 1px #E10001;}
.headNews p a{color:#E10001; text-decoration: underline}
.headNews p span{ background:#E10001; color: #FFF; padding: 2px 7px; margin-right: 20px;}
.member_info_cart_info{ width: 1080px; height: 0; position: relative; margin: 0 auto;}
.header_customer_name{     font-size: 13px;
    height: 20px;
    line-height: 20px;
    /* margin-top: 18px; */
    /* margin-bottom: 22px; */
    position: absolute;
    top: 43px;
    left: 0;
}
#cart_info{ position: absolute; top: 117px; right: 0;}
.HeadOrder{ float: left; color: #21A354; margin-right: 30px}
.HeadMoney{ float: left; color: #21A354;}
.HeadOrder span,
.HeadMoney span{ font-size:23px; display: inline-block; margin: 0 4px;}
/*kv*/
.kv{ 
    overflow: hidden;
    height: 1200px;
    width: 100%;
    position: absolute;
    top: 460px;
    left: 0;}
.kvFilter{ position: relative;}
.kvFilter:before{ content:""; width: 1080px; height: 488px; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: -2160px; bottom:0; right: 0; margin: auto; z-index: 1; }
.kvFilter:after{ content:""; width: 1080px; height: 488px; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; bottom:0; right: -2160px; margin: auto;z-index: 1;}
section #guide .guide01 .kv ul#slider-nav{ width: 1098px; margin: 32px auto 0 auto;}
.kv #slider-nav li{ position:relative;cursor: pointer;transition: all .2s ease-in;}
.kv #slider-nav img{ cursor: pointer; transition: all .2s ease-in;}
.slick-current li:before,
.kv #slider-nav li:hover:before{ content: ""; width: 200px; height: 128px; position: absolute; top: -12px; left: 83px; right: 0; bottom:0;background: url(https://www.acress.jp/material/img/kvSumHover.png); transition: all .2s ease-in; opacity: 1 !important;}
.kv .slick-next{ position:absolute; top: 62px; left: 0; bottom: 0; right: -1022px; margin: auto; z-index: 1;}
.kv .slick-prev{ position:absolute; top: 62px; left: 0; bottom: 0; right: 1022px; margin: auto; z-index: 1;}
.slick-slide div{ line-height: 0;}
.slick-next:before {
    content: none ;
}
.slick-prev:before {
    content: none ;
}
.slick-prev, .slick-next {
    height: 58px !important;
    width: 58px !important;
}
slick-track {
    width: 1200px !important;
}
/*サイドバー*/
.freeArea2 {
    border: none;
}
#sub-column .freeArea2 {
    margin: 0;
}
.freeArea2 .free-contents {
    padding: 0;
}
.freeArea2 .free-contents ul,
.freeArea2 .free-contents ol{
    margin: 0;
}
.freeArea2 .free-contents ul li,
.freeArea2 .free-contents ol li{
    list-style-type: none;
    line-height: 1;
}
.freeArea2 .free-contents p {
    font-size: 100%;
    line-height: 1.4;
    letter-spacing: 0;
}
.freeArea2 .free-contents a {
    text-decoration: none;
}
.freeArea2 .free-contents a:hover{
    text-decoration: underline;
}
/*サイドバー共通CSS*/
.sideBox01{ background-image: url(https://www.acress.jp/material/img/side01BackTop.png),url(https://www.acress.jp/material/img/side01BackBottom.png),url(https://www.acress.jp/material/img/side01Back.png);background-repeat:no-repeat,no-repeat,repeat; background-position:top,bottom,top; padding-top: 15px; padding-bottom: 10px;}
/*.side01*/
.side01{margin-bottom: 20px;}
.side01 ul{}
.side01 ul li{ margin-bottom: 18px;}
/*.side02*/
.side02{margin-bottom: 20px;}
.side02 h4{ margin-bottom: 22px; margin-top: 10px;}
.side02 ol{ text-align: center}
.side02 ol li{ margin-bottom: 5px;}
.side02 ol li img{ }
/*.side03*/
.side03{margin-bottom: 20px;}
.side03 ul{}
.side03 ul li{ margin-bottom: 10px;}
/*.side04*/
.side04{margin-bottom: 20px;}
.side04 h4{ margin-bottom: 22px; text-align: center;}
.side04 div{ width: 210px; height: 292px; background: url(https://www.acress.jp/material/img/side02Back.png) no-repeat; margin: 0 auto; box-sizing: border-box; padding: 10px;}
.side04 div p{ font-size:15px !important; margin: 10px 0;}
/*.side05*/
.side05{margin-bottom: 20px;}
.side05 h4{ margin-bottom: 12px; text-align: center;}
.side05 h4 + p{ width: 210px; margin: 0 auto; font-size:15px; margin-bottom: 20px; font-weight: bold;}
.side05 div{ width: 210px; height: 157px; background: url(https://www.acress.jp/material/img/side03Back.png) no-repeat; margin: 0 auto; box-sizing: border-box; padding: 10px; text-align: center;}
.side05 div h5{ text-align: center; font-weight: bold; margin-top: 4px;}
.side05 div p{ text-align: center; font-size:13px !important;}
.side05 div img{ width: 65%; margin-top: 8px}
/*.side06*/
.side06{margin-bottom: 20px;}
.side06 h4{ margin-bottom: 12px; text-align: center;}
.side06 div{ width: 210px; height: 266px; background: url(https://www.acress.jp/material/img/side04Back.png) no-repeat; margin: 0 auto; box-sizing: border-box; padding: 10px; text-align: center;}
.side06 div p.side06-01{ text-align: left;    margin-top: 10px;
    margin-left: 32px;}
.side06 div img{ width: 100%; margin-top: 16px}
.side06 div p.side06-02{ text-align: left; font-size:13px; margin-top: 10px;}
.side06 div + p{ font-size:13px !important; text-align: center; margin-top: 10px}
.side06 input[type="text"]{     width: 180px;
    height: 32px;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    left: 0;
    border: none;}
.side06 input[type="button"]{
    border: 0px;
    width: 180px;
    height: 42px;
    background: url(https://www.acress.jp/material/img/side11.png) left top no-repeat;
    position: relative;
    /* left: -6px; */
    margin-top: 6px;}
.side06 input[type="button"]:hover{ cursor: pointer;}
/*.side07*/
.side07{margin-bottom: 20px;}
.side07 h4{ margin-bottom: 12px; margin-top: 0px; text-align: center;}
.side07 ul{ text-align: center}
.side07 ul li{ margin-bottom: 18px;}
.side07 ul li img{ }
/*.side08*/
.side08{margin-bottom: 20px;}
.side08 h4{ margin-bottom: 10px;}
.side08 ul{}
.side08 ul li{ margin-bottom: 10px;}
/*.side09*/
.side09{margin-bottom: 20px;}
.side09 h4{}
.side09 a.sideBlogBox{ display: block; width: 100%; height: 120px; box-sizing: border-box; position: relative; border-bottom: solid 1px #999999;}
.side09 a.sideBlogBox img{ position: absolute; top: 20px; left: 0;}
.side09 a.sideBlogBox time{ position: absolute; top: 20px; left: 95px; font-size:12px;}
.side09 a.sideBlogBox h5{ position: absolute; top: 40px; left: 95px; font-size:15px; width: 145px; font-size: 14px; line-height: 1.4;}
/*.side10*/
.side10{margin-bottom: 20px;}
.side10 h4{ margin-bottom: 0;}
#sub-column div.subc_cal_cont {
    width: 240px;border-bottom:none;border-radius:0px;background: none;padding: 0;    margin: 0;
}
.side10 .side10-01{ padding: 0 0 0 0; box-sizing: border-box; border-bottom: solid 1px #CCC;border-left: solid 1px #CCC;border-right: solid 1px #CCC;}
.side10  .side10-02{
    width: 100%;
    margin: 0 auto;
    font-size: 13px !important;
    margin-bottom: 20px;
}
/*.side11*/
.side11{margin-bottom: 20px;}
.side11 h4{ margin-bottom: 10px;}
.side11 ul{}
.side11 ul li{ margin-bottom: 10px;}
/*フッター*/
.footTop{ height: 318px; background: url(https://www.acress.jp/material/img/backFoot01.png) repeat; padding: 30px 0; box-sizing: border-box;}
.footTop ul{ display: flex;display:-ms-flexbox; justify-content: center;}
.footTop ul li{ width: 242px; height: 252px; margin: 0 10px; box-sizing: border-box; font-size: 15px;background: url(https://www.acress.jp/material/img/footTopBack.png) no-repeat;text-align: center;}
.footTop ul li p{ margin-top:0px; line-height: 1.4; width: 86%; margin-left: 7%; text-align: left;color:#21A354; font-size:15px;}
.footTop ul li a{ display:block; width: 100%; height: 100%;}
.footTop ul li a:hover{text-decoration: none; opacity: 0.7;}
.footTop h4{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size: 24px; color:#21A354; text-align: center; padding-top: 20px}
.footTop ul li:nth-child(4) img{ margin-top:0px;}
.footCenter{background: url(https://www.acress.jp/material/img/backFoot02.png); background-size: cover; padding: 66px 0;}
.footCenter .inner-layout{ position:relative;}
.footCenter p{ font-size: 23px;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;color:#21A354; text-align: center; margin-bottom: 56px;}
.footCenter ul li a{ color: #333}
.footCenter .footCenterNavi01{ margin-left: 30px; float:left; margin-bottom: 30px;}
.footCenter .footCenterNavi01 li{ float:left; margin-right: 40px; line-height: 1.8;}
.footCenter .footCenterNavi02{ margin-left: 30px; float: left; clear: both;}
.footCenter .footCenterNavi02 li{ line-height: 1.8;}
.footCenter .footCenterNavi03{ margin-left: 90px; float: left}
.footCenter .footCenterNavi03 li{ line-height: 1.8;}
.footCenter .footCenterNavi04{ margin-left: 90px; float: left}
.footCenter .footCenterNavi04 li{ line-height: 1.8;}
.footCenterSecurity{ position: absolute; right: 0; bottom: 0;}
.footCenterSecurity li{ float:left}
.footBottom{ height: 144px; background: url(https://www.acress.jp/material/img/backFoot03.png) repeat;}
.footBottom ul{ display:flex;display:-ms-flexbox; justify-content: center; padding-top: 40px;}
.footBottom ul li{ font-size:13px; margin:0 10px;}
.footBottom ul li a{ color: #333;}
.footBottom ul li a:hover{ text-decoration: none; color: #333;}
.footBottom p{ text-align: center; color: #FFF; font-size: 13px; margin-top: 20px;}
/*メインコンテンツ箇所*/
/*個別ページ調整用CSS*/
/*customPage*/
 .home #contents {
  margin: 674px auto 0 auto;
  /* margin: 600px auto 0 auto; */
}
.home div.cart-article p,.home article p{ margin: 0;}
.customPage{}
.customPage section{ margin-bottom:40px;}
.customPage section:last-child{ margin-bottom:0;}
.customPage .custamTitle{background: url(https://www.acress.jp/material/img/back02.png) repeat; border-radius: 5px; padding:16px 0 16px 28px; box-sizing: border-box; position: relative; margin-bottom: 30px;}
.customPage .custamTitle h2{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size: 26px; line-height: 1.4; margin-bottom: 0}
.customPage .custamTitle h2:before{ content:""; width: 24px; height: 24px; background: url(https://www.acress.jp/material/img/iconH2.png); display: inline-block; background-size: 24px 24px; margin-right: 4px;}
.customPage .moreBtn{ position: absolute; top: 0; right:16px; bottom:0; margin: auto; width: 192px; height: 48px;}
.home01{ position: relative;}
.home01 ul{ display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex; justify-content: flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.home01 ul li{ margin-right: 16px; margin-bottom: 20px;}
.home01 ul li:nth-child(3n){ margin-right:0px;}
.home02{ position: relative; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.home02 .home02Box{ display: flex;display:-ms-flexbox; justify-content:space-between; flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.home02 .home02Box .home02BoxSmall{ width: 256px; height: 452px; background: url(https://www.acress.jp/material/img/homeBack.png); padding: 14px; box-sizing: border-box; text-align: center; margin-bottom: 20px;}
.home02 .home02Box .home02BoxSmall h3{font-size:28px; margin-bottom: 20px; margin-top: 10px;}
.home02 .home02Box .home02BoxSmall ul li a{ width: 228px; height: 48px; background: url(https://www.acress.jp/material/img/home02Btn.png); color: #FFF; font-size:17px; letter-spacing: 0; display: block; line-height: 48px; margin-bottom: 8px;}
.home02 .home02Box .home02BoxSmall ul li a:hover{ width: 228px; height: 48px; background: url(https://www.acress.jp/material/img/home02BtnHover.png); text-decoration: none;}
.home03{}
.home03 .home03Box{ display: flex;display:-ms-flexbox; justify-content:space-between;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between; flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.home03 .home03Box .home03BoxSmall{ width: 256px; box-sizing: border-box; text-align: left; margin-bottom: 20px;}
.home03 .home03Box .home03BoxSmallImg{ border: solid 1px #DBDBDB; text-align: center}
.home03 .home03Box .home03BoxSmall h3{ font-size:15px !important; font-weight:bold; margin-top:8px !important; line-height: 1.4;}
.home03 .home03Box .home03BoxSmall p{ font-size:16px; color: #333; }
.home03 .home03Box .home03BoxSmall p:nth-child(3){ font-size:16px; color: #E10001; }
.home03 .home03Box .home03BoxSmall a:hover{ text-decoration: none}
.home03 .home03Box .home03BoxSmall a:hover h3{ color: #333;opacity:0.7;transition: all .2s ease-in; text-decoration: none}
.home03 .home03Box .home03BoxSmall a:hover p{ opacity:0.7;transition: all .2s ease-in; text-decoration: none}
.home04{}
.home04 ul{ display: flex;display:-ms-flexbox; justify-content:space-between;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between; flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.home05{}
.home05 h3{ font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.home05 p span{ display:block; font-size:13px;}
.home05Box{ display:flex;display:-ms-flexbox; justify-content: center; }
.home05Box img{ align-self:center; margin:30px 20px 0 20px;}
.home05Box a{align-self:center; display: block; width: 328px; height: 72px; line-height: 72px; background: url(https://www.acress.jp/material/img/home19.png); text-align: center; color: #FFF; margin-top: 60px;}
.home05Box a:hover{background: url(https://www.acress.jp/material/img/home19Hover.png);}
.home06{}
.home06 .home06Box{ margin-bottom: 80px;}
.home06 .home06Box:last-child{ margin-bottom: 0;}
.home06 .home06Box .home06BoxSmall{ margin-bottom: 25px;}
.home06 .home06Box .home06BoxSmall .home06BoxSmallRight{ float:right; width: 670px; padding-left:20px; box-sizing: border-box; }
.home06 .home06Box .home06BoxSmall .home06BoxSmallRight h3{ font-size:28px;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.home06 .home06Box .home06BoxSmall .home06BoxSmallRight h3 span{ display:block; font-size:22px;}
.home06 .home06Box .home06BoxSmall .home06BoxSmallRight p{ font-size:13px;}
.home06 .home06Box .home06BoxSmall .home06BoxSmallLeft{ float:left; width: 130px;}
.home06 .home06Box p{ line-height: 2 !important; letter-spacing: 0.125em !important; margin-bottom: 20px !important;}
.home06 .home06Box p strong{ font-size: 18px; font-weight: bold; color:#21A354; background: #FFFD2F; padding:2px 5px;}
.home06-01{ font-size: 12px; margin-top: 15px;}
.home07{}
.home07 ul{}
.home07 ul li{ margin-bottom:20px}
.home07 ul li span{ font-size:13px; display: block; line-height: 1.5}
.home07 ul li a{ color: #21A354;}
.home07 ul li a:hover{ text-decoration: underline;}
.home08{}
.home08 .home08Box{display: flex;display:-ms-flexbox; justify-content:space-between;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between; flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.home08 .home08Box .home08BoxSmall{width: 258px}
.home08 .home08Box .home08BoxSmall a:hover{text-decoration: none}
.home08 .home08Box .home08BoxSmall p{ margin-top:8px;}
/*親カテゴリ　一覧ページ*/
.categoryStyle{}
.categoryStyle ul{ margin: 0 !important}
.categoryStyle ul li{ list-style-type: none !important;}
/*子カテゴリ　振り分けページ*/
.categoryListPage{}
section.categoryListPage #document .txt-list02 ul.tree01 {
    padding: 0;
    overflow: hidden;
    margin: 0;
}
section.categoryListPage #document .txt-list01 li.c1, section.categoryListPage #document .txt-list02 ul.tree01 li.c1, section.categoryListPage #document .txt-list03 section.tree00 h3 a {
    padding: 0;
}
#JournalList .journal-cont section.categoryListPage ul, #Journal .journal-cont section.categoryListPage ul {
    margin: 0;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c1 {
    padding: 0;
    margin: 0;
    font-size: 105%;
    font-size: 1.05rem;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c2 {
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-size: 0.95rem;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c3 {
    padding: 0;
    margin: 0 0 0 0;
    font-size: 85%;
    font-size: 0.85rem;
    list-style-type: disc !important;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c4 {
    padding: 0;
    margin: 0 0 0 0;
    font-size: 85%;
    font-size: 0.85rem;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c5 {
    padding: 0;
    margin: 0 0 0 0;
    font-size: 85%;
    font-size: 0.85rem;
}
section.categoryListPage #document .txt-list02 ul.tree01 li a{ color: #21A354;}
section.categoryListPage #document .txt-list02 ul.tree01 li.c1 a {
border: solid 1px #21A354;
    display: block;
    padding: 15px;
    background: #21A354;
    color: #FFF;
    font-weight: bold;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c2 a{
border: solid 1px #21A354;
    display: block;
    padding: 10px;
    margin-top: 0;
    background: #ECFBF4;
    color: #21A354;
    font-weight: bold;
    border-bottom: none;
}
a.TitleLinkStyle{ color: #FFF}
a.TitleLinkStyle:hover{ }
.tree02{ position: relative;}
.tree02 + .accodionBtn{ position: absolute; top: 0; right: 0;}
.accordionBtn {
    display: block;
    width: 100%;
    /* height: 50px; */
    /* padding: 13px 15px 15px 17px; */
    border-left: 1px solid #21A354;
    border-right: 1px solid #21A354;
    box-sizing: border-box;
    text-align: right;
    font-size: 13px;
    background: #ECFBF4;
}
 
.accordionBtn:before {
    content: "開く";
    background: #FD9829;
    position: relative;
    left: -10px;
    bottom: 10px;
    padding: 3px 10px;
    border-radius: 3px;
    color: #FFF;
}
.accordionBtn.active:before {
    content: "閉じる";
    background: #FD9829;
    position: relative;
    left: -10px;
    bottom: 10px;
    padding: 3px 10px;
    border-radius: 3px;
    color: #FFF;
}
section.categoryListPage #document .txt-list02 ul.tree01 li.c2 a,
section.categoryListPage #document .txt-list02 ul.tree01 li.c3 a,
section.categoryListPage #document .txt-list02 ul.tree01 li.c4 a,
section.categoryListPage #document .txt-list02 ul.tree01 li.c5 a{
    border: solid 1px #21A354;
    display: block;
    padding: 15px;
    margin-top: 0;
    background: #ECFBF4;
    color: #21A354;
    font-weight: bold;
    border-bottom: none;
}
/*商品詳細ページ*/
.pickUpStyle {
    margin-bottom: 20px;
    border: solid 1px #64BB22;
    padding: 15px;
    background: #ECFBF4;
}
.pickUpStyle span {
    background: url(https://www.acress.jp/material/img/backFree01.png) repeat;
    background-position: center center;
    padding: 15px 11px;
    color: #FFF;
    border-radius: 3px;
    display: inline-block;
}
.pickUpStyle span:before{ content: "★"; color: #FFFD2F; margin-right: 4px}
.pickUpStyle a {
    color: #21A354;
    text-decoration: none;
    margin: 0 10px;
}
.btnRe{ display: inline-block; margin-left: 6px;}
#itemDetail-wrap{}
article#Detail #main-column #itemDetail-wrap .description h2 {
    background: url(https://www.acress.jp/material/img/back02.png) repeat;
    border-radius: 5px;
    padding: 16px 0 16px 28px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 25px;
}
article#Detail #main-column #itemDetail-wrap .description h2:before{
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://www.acress.jp/material/img/iconH2.png);
    display: inline-block;
    background-size: 24px 24px;
    margin-right: 4px;
}
article#Detail #main-column #itemDetail-wrap .description h3 { margin: 30px 0 4px 0;}
article#Detail #main-column #itemDetail-wrap .description h4 { margin: 30px 0 4px 0;}
article#Detail #main-column #itemDetail-wrap .description p { margin: 4px 0 15px 0; font-size: 16px;}
#itemDetail-wrap .description ul li { list-style-type: disc; list-style-position: inside;}
#itemDetail-wrap .description ol li { list-style-type: decimal; list-style-position: inside;}
#itemDetail-wrap .description table { border: solid 1px #ccc;}
#itemDetail-wrap .description table th{ border: solid 1px #ccc; padding: 15px; font-weight: bold; background: #f6f6f6}
#itemDetail-wrap .description table td{ border: solid 1px #ccc; padding: 15px}
#itemDetail-wrap .description .cartBodyStyle{
    text-align: center;
    border: solid 1px #CCC;
    padding: 50px 0;
    background: #F6F6F6;
}
#itemDetail-wrap .description form{ display: inline-block;    margin: 0 5px;}
/*商品詳細ページ　LP*/
.content_wrap{width: 800px;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
}
/*フリーページ*/
.customPage{}
.customPage h2:first-child{ margin-top: 0 !important;}
#JournalList .journal-cont .customPage section, #Journal .journal-cont .customPage section{ margin-bottom: 80px;}
#JournalList .journal-cont .customPage h3, #Journal .journal-cont .customPage h3{ font-size: 18px; margin: 40px 0 0 0;}
#JournalList .journal-cont .customPage h3 + p,#Journal .journal-cont .customPage h3 + p{ margin-top: 0px}
#JournalList .journal-cont .customPage p + h3,#Journal .journal-cont .customPage p + h3{ margin-bottom: 0px}
#JournalList .custamTitle h2, #Journal .custamTitle h2{ padding: 0;}
#JournalList table, #Journal table { border: solid 1px #ccc; margin: 30px 0}
#JournalList table th, #Journal table th{ border: solid 1px #ccc; padding: 15px; font-weight: bold; background: #f6f6f6}
#JournalList table td, #Journal table td{ border: solid 1px #ccc; padding: 15px}
/*個別ページ*/
/*三洋薬品HBCについて*/
.pege18913-01 h3 {
    margin-bottom: 30px !important;
    letter-spacing: 3px;
    font-weight: normal;
    font-size: 26px !important;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*HBCネットについて*/
#Journal .journal-cont .customPage section.pege3-01{ margin-bottom: 0px;}
.pege3-01 h1{background: url(https://www.acress.jp/material/img/low/pege03-01.png);
    border-radius: 0;
    padding: 22px 0;
    height: 132px;
    line-height: 1.5;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 28px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    color: #FFF;
    margin-bottom: 30px;
    display: block !important;}
.pege3-01 h1:before{ content:none}
.pege3-01Box01{ width: 100%; padding: 18px; box-sizing: border-box; border: solid 1px #CCC; margin-top: 30px;}
.pege3-01Box01 h3{ color: #FFF; background: url(https://www.acress.jp/material/img/low/pege03-01.png); width: 764px; height: 71px; line-height: 71px; text-align: center; font-weight: normal; margin-top: 0 !important;}
.pege3-01Box01 p{ text-align: left; font-weight: bold}
.pege3-02Style01{ width: 614px; display: inline-block; padding-right: 30px; box-sizing: border-box}
.pege3-02Style01 + p{ width: 178px; display: inline-block}
.pege3-03Box01{ display: flex;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;}
.pege3-03Box01Small{ width: 190px; }
.pege3-03Box01Small p{ font-size: 12px; line-height: 1.4; margin: 5px 0;}
/*ご利用ガイド*/
.pege6 section{ position: relative}
.pege6 .pege6-01{ height:320px;}
.pege6 .pege6-02{ height:900px;}
.pege6 .pege6-03{ height:340px;}
.pege6 .pege6-04{ height:930px;}
.pege6 .pege6-05{ height:320px;}
.pege6 .pege6-06{ height:290px;}
.pege6 .pege6-07{ height:290px;}
.pege6 .pege6-08{ height:290px;}
.pege6 .pege6-09{ height:290px;}
.pege6 .pege6-01 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-02 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-03 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-04 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-05 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-06 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-07 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-08 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-09 .imgPosition{ position: absolute; top: 100px; right: 10px;}
.pege6 .pege6-04 h3{ margin-bottom: 30px !important;}
/*よくあるご質問*/
.pege9{}
.pege9 .pege9Contact{     display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px #17A54C;
    margin-bottom: 30px;
    color: #17A54C;
    position: relative;}
.pege9 .pege9Contact:hover{ 
    background: #17A54C;
    color: #FFF;
}
.pege9 .pege9Contact:after {
    content: "";
    width: 4px;
    height: 4px;
    border-top: solid 1px #17A54C;
    border-right: solid 1px #17A54C;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 3%;
}
.pege9 section{ position: relative}
.pege9 section p{ position: absolute; top: 40px; right: 0; margin: 0;}
#acMenu{ margin: 30px 0 80px 0; font-size: 16px;}
#acMenu dt{
    display:block;
    width:100%;
    border:#CCC 1px solid;
    cursor:pointer;
    margin-top: 20px;
    font-weight: bold;
    padding: 20px;
    box-sizing: border-box;
    }
#acMenu dt:hover{ opacity: 0.7;}
#acMenu dt span{ border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; background:#64BB22; color: #FFFD2F; display: inline-block; margin-right: 8px;}
#acMenu dd{
    display:none;
    width: 100%;
    font-size: 90%;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/*テレビCM動画*/
.pege14{    display: flex;
display:-ms-flexbox;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
    justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;}
.videoLayoutBox{      width: 68%;
    /* border: solid 1px #CCC; */
    /* padding: 10px; */
    box-sizing: border-box;
    margin-bottom: 0px;
    /* background: #F6F6F6; */
}
#Journal .pege14 h2,
#JournalList .pege14 h2{    background: #ECFBF4;
    border-radius: 0px;
    padding: 15px 15px 15px 25px;
    box-sizing: border-box;
    position: relative;
    /* margin-bottom: 20px !important; */
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1;
    margin: 80px 0 20px 0;
    font-weight: bold;
    line-height: 1.6;
    border-left: solid 6px #21A354; width: 100%}
#Journal .pege14 h2:before,
#JournalList .pege14 h2:before{content: none;}
.pege14 .videoLeftBox{    border: solid 1px #CCC;
    text-align: -webkit-center; width: 29%; text-align: center;}
.pege14 .videoLeftBox p.pege14Style01{    text-align: center;
    margin: 20px 10px;
    font-size: 20px;
    color: #21A354;}
.pege14 .videoLeftBox img{max-width: 150px;
    max-height: 150px;}
.pege14 .videoLeftBox p.pege14Style02{margin: 10px 0;}
.pege14 .videoLeftBox p.pege14Style03 a{    width: 90%;
    display: block;
    background: #21A354;
    color: #FFF;
    padding: 10px 0;
    margin:0 auto 10px auto;}
/*おすすめ商品*/
.pege15{}
#JournalList .pege15 h2,
#Journal .pege15 h2{ margin-bottom: 30px;}
#Journal .pege15 p{    margin: 0;
    line-height: 1.5;}
/*おすすめ特集*/
.pege16{}
#Journal .journal-cont .pege16 ul{ margin: 0;}
#Journal .journal-cont .pege16 ul li{ list-style-type: none; margin-bottom: 30px;}
/*特選品ご紹介*/
.btn01 {
    background: url(https://www.acress.jp/material/img/event/event-btn01.png) no-repeat;
   width: 700px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 1890px;
    left: 50px;
}
.btn02 {
    background: url(https://www.acress.jp/material/img/event/event-btn02.png) no-repeat;
    width: 500px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 2670px;
    left: 250px;
}
.btn03 {
    background: url(https://www.acress.jp/material/img/event/event-btn02.png) no-repeat;
    width: 500px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 2980px;
    left: 250px;
}
.btn04 {
    background: url(https://www.acress.jp/material/img/event/event-btn01.png) no-repeat;
   width: 700px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 3830px;
    left: 50px;
}
.btn05 {
    background: url(https://www.acress.jp/material/img/event/event-btn01.png) no-repeat;
   width: 700px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 4720px;
    left: 50px;
}
.btn06 {
    background: url(https://www.acress.jp/material/img/event/event-btn01.png) no-repeat;
   width: 700px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 5770px;
    left: 50px;
}
.btn07 {
    background: url(https://www.acress.jp/material/img/event/event-btn01.png) no-repeat;
   width: 700px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 6660px;
    left: 50px;
}
.btn08 {
    background: url(https://www.acress.jp/material/img/event/event-btn01.png) no-repeat;
   width: 700px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 7470px;
    left: 50px;
}
/*共通*/
.mb0px{ margin-bottom: 0 !important;}
.dsnStyle h2{ display: none}
.dsnStyle .journal-cont h2{ display: block}
.dsnStyle{ display: none}
.dsnStyle:nth-child(2){ display: block}
.txr{text-align: right}
.fsSmall{ font-size: 70%}
.fsLarge{ font-size: 130% !important;}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.pcnone {
    display: none !important;
}
/*会員情報*/
.member_info_cart_info {
    display: none;
}
.member_info_cart_info .account_guest {
    display: none;
}
.member_info_cart_info .rank_name_0 {
    display: none;
}
.member_info_cart_info .rankup_none {
    display: none;
}
.member_info_cart_info .nrank_prc_0 {
    display: none;
}
.member_info_cart_info .nrank_cnt_0 {
    display: none;
}
.member_info_cart_info .firstname_guest {
    display: none;
}
.member_info_cart_info .more_maru_1 {
    display: none;
}
.member_info_cart_info .free_shipping_0 {
    display: none;
}
.member_info_cart_info .shipping_box_none {
    display: none;
}
.member_info_cart_info .pointmember_none {
    display: none;
}
.member_info_cart_info .rankmember_none {
    display: none;
}
.member_info_cart_info .memberrank_none_none {
    display: none;
}
.member_info_cart_info #member_info_none_none {
    display: none;
}
/*実験 0607test*/
/* お店ページに会員カート情報表示（PC_header01） */
/*▲▲style.css▲▲*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}