/* -------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus { outline: 0; }
ul { list-style: none; }
table { border-collapse: separate;border-spacing: 0; }
caption, th, td { font-weight: normal;text-align: left; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img{ border: 0; }
figure{ margin:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{ background: #F7F7F7; }

.cu-form p {margin-bottom:10px;}

html {
  scroll-padding-top: 90px; /* 固定ヘッダの高さ分 */
}



/* リンク設定
------------------------------------------------------------*/
a { color: #333; text-decoration: none; }
a:hover { color: #333; }

/* 全体
------------------------------------------------------------*/
img { max-width: 100%; height: auto; width /***/:auto; }
img { -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

body{
color: #000;
font-size: 14px;
line-height: 1.6;
-webkit-text-size-adjust: none;
width: 100%;
min-width: 1100px;
height: 0;
margin: 0 auto;
padding: 0;
background:none;
background-position: top center;
background-size:contain;
z-index:-2;
position:relative;
}
#category h1.pm-title { padding: 5px 5px 10px 5px; border-bottom-width: 2px; border-bottom-style: solid; font-size: 20px; margin-bottom: 15px; font-weight: normal; }

.reviewbox{ width: 750px; float: left; clear: both; border: 1px solid #333; float: left; clear: both; }
.reviewbox p{ width: 100%; float: left; clear: both; }
.reviewbox ul{ width: 90%; float: left; clear: both; margin: 0 5%; }
.reviewbox ul li{ width: 100%; float: left; clear: both; margin: 0 0 20px 0; font-size: 14px; line-height: 24px; }

.box750 { width: 750px; float: left; clear: both; }

/************************************************** 
 header
**************************************************/
/* .wrapper{ width: 1080px; margin: 20px auto 0; position: relative; } */
header{ width: 100%; margin: 0; padding: 0; float: left; clear: both; }
#description{ color: #777; font-size: 12px; line-height: 22px; text-align: left; width: 70%; margin: 0; padding: 0; float: left; }
.h-guide{ color: #777; width: 30%; margin: -10px 0 0 0; padding: 0; float: right; height: 24px; font-size: 12px; }
.h-guide .guide a { border-color: #999; background: #8DC641; color: #FFF; padding: 0px 15px; margin: 0 0 0 10px; line-height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

ul.head{ width: 100%; margin: 0; float: left; clear: both; }
ul.head li.logo{ width: 350px; margin: 25px 0 0 0; float: left; }
ul.head li.number{ margin: 15px 0 0 0; float: left; width: 350px; }
ul.head li.cart{ width: 350px; float: right; border: 1px solid #333; font-size: 12px; margin: 15px 0 0 0; padding: 10px;  }
.cartarea{ width: 100%; }
.cartarea .logedin { width: 70%; float: left; }
.cartarea .corekago-mini-cart { width: 30%; float: left; text-align: right; }

#left-navi-search .btn { width: 100%; float: left; clear: both; margin: 20px 0; }
#left-navi-search .btn img{ width: 100%; }


.navs{ text-align: center; width: 100%; margin: 10px 0 0 0; padding: 10px 0; float: left; clear: both; border-bottom: 1px solid #333; border-top: 1px solid #333; }

#globalnavi { width: 1080px; margin: 0; padding: 0; float: left; clear: both; }
#navi_box { width: 100%; margin: 0; padding: 0; float: left; clear: both; border-bottom: 1px solid #333; background: #FFF; }
#navi_box ul#menu{ width: 100%; margin: 0; padding: 0; height: 36px; float: left; clear: both; }
#navi_box ul#menu li { text-align: center; width: 154px; margin: 0; float: left; list-style: none; border-right: 1px solid #333; }
#navi_box ul#menu li.start { width: 155px; border-left: 1px solid #333; }
#navi_box ul#menu li.end { width: 155px; }
#navi_box ul li a { color: #333; text-align: center; line-height: 36px; letter-spacing: 1px; height: 36px; display: block; }
#navi_box ul li a:hover { color: #393; }

.menu { position: relative; width: 100%; height: 36px; padding: 0; margin: 0; }
.menu > li { float: left; width: /*calc(100% / 7)*/ 14.3%; height: 36px; line-height: 36px; text-align: center; border-left: 1px solid #333; border-bottom: 1px solid #333; box-sizing: border-box; padding: 0; margin: 0;}
.menu > li a { display: block; }
.menu > li a:hover { color: #393; }
.menu > li:last-child {  border-right: 1px solid #333; box-sizing: border-box; padding: 0; margin: 0; width:14.2%; }

ul.menu__second-level,ul.menu__second-level02 { visibility: hidden; opacity: 0; z-index: 1111111; }
.menu > li:hover { background: #DDD; -webkit-transition: all .5s; transition: all .5s; }
.menu__second-level li { border-top: 1px solid #111; }
.menu__second-level li a:hover { background: none; }
/* floatクリア */
.menu:before,.menu:after { content: " "; display: table; }
.menu:after { clear: both; }
.menu { *zoom: 1; }
li.menu__mega ul.menu__second-level { position: absolute; top: 36px; left: 0; box-sizing: border-box; width: 100%; padding: 10px 2% 20px; background: #DDD; -webkit-transition: all .2s ease; transition: all .2s ease; display: flex; flex-wrap: wrap; }
li.menu__mega ul.menu__second-level02 { position: absolute; top: 36px; left: 0; box-sizing: border-box; width: 100%; padding: 10px 2% 20px; background: #DDD; -webkit-transition: all .2s ease; transition: all .2s ease; display: flex; flex-wrap: wrap; }
li.menu__mega:hover ul.menu__second-level { top: 36px; visibility: visible; opacity: 1; }
li.menu__mega:hover ul.menu__second-level02 { top: 36px; visibility: visible; opacity: 1; }
li.menu__mega ul.menu__second-level > li { border: none; width: 14.2%; margin:0; padding: 0; letter-spacing: normal; -webkit-flex-wrap: wrap; -ms-flex-wrap : wrap; flex-wrap : wrap; height: 24px; font-size:12px; }
li.menu__mega ul.menu__second-level02 > li { border: none; width: 25%; margin:0; padding: 0; letter-spacing: normal; -webkit-flex-wrap: wrap; -ms-flex-wrap : wrap; flex-wrap : wrap; height: 24px; font-size:12px; }
li.menu__mega ul.menu__second-level02 > li.website { border: none; width: 50%; margin:0; padding: 0 0 5px 0; letter-spacing: normal; -webkit-flex-wrap: wrap; -ms-flex-wrap : wrap; flex-wrap : wrap; }
li.menu__mega ul li.menu__second-clear { float: left; clear: both; color: #006428; font-weight: bold; width: 98%; text-align: left; margin: 0 0 0 2%; display: flex; align-items: center; }
li.menu__mega ul li.menu__second-clear:after { content: ""; flex-grow: 1; height: 1px; background: #999; margin:0 .4em; }
li.menu__mega ul li.mT20 { margin-top: 20px; }



#contents_navi_box,
#contents_navi_box02 { width: 1080px; margin: 20px 0 0 0; padding: 0; float: left; clear: both; }
#contents_navi_box ol#newsbox{ width: 100%; margin: 0px 0% 20px; padding: 5px 0; float: left; clear: both; border-bottom: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; list-style: none; }
#contents_navi_box ol#newsbox li{ width: 96%; margin: 5px 2%; padding: 0 0 5px 0; float: left; clear: both; border-bottom: 1px dotted #333; }


#contents_navi_box ul{ width: 100%; margin: 10px 0; padding: 0; float: left; clear: both; }
#contents_navi_box ul li{ text-align: center; width: 32%; height: 150px; margin: 0%; padding: 0; float: left; border: 1px solid #333; position: relative; background: #FFF; }
#contents_navi_box ul li img{ width: 98%; margin: 0 1%; padding: 40px 0 0 0; vertical-align: bottom; }
#contents_navi_box ul li P{ font-size: 18px; font-weight: bold; text-align: center; width: 100%; position: absolute; top: 10px; }
#contents_navi_box ul li P.cap{ color: #393; font-size: 14px; font-weight: normal; position: absolute; top: 35px; }
#contents_navi_box ul li P.linkicon{ width: 20px; position: absolute; right: 5px; top: 82px; }
#contents_navi_box ul li P.linkicon img{ width: 100%;  }
#contents_navi_box ul li.mR{ margin: 0 2% 0 0; }
#contents_navi_box ul li a{ display: block; }
#contents_navi_box ul li a:hover{ width: 100%; height: 150px; border-bottom: 5px solid #393; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sfc01 { position: absolute; left: 5px; top: 5px; text-align: left; font-size: 12px; line-height: 18px; font-weight: bold; }
.sfc02 { position: absolute; left: 5px; top: 5px; text-align: left; font-size: 12px; line-height: 18px; font-weight: bold; }
.sfc03 { position: absolute; left: 5px; top: 5px; text-align: left; font-size: 12px; line-height: 18px; font-weight: bold; }

#contents_navi_box .blockTitle { font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; }
#contents_navi_box02 .blockTitle { font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; }
.gold { color: #daa520; }

/************************************************** 
 contents
**************************************************/
#contents { width: 1080px; margin: 90px auto 0; padding: 0 0 50px 0; }
#sidebar { margin: 30px 0 0 0; }
#sidebar + #main { margin-top: 30px; }
aside{ width: 230px; margin: 0; padding: 0; float: left; background:#CCC; }
.complementary { width: 230px; margin: 0; padding: 0; float: left; }
#keyword { width: 100%; float: left; clear: both; }
#keyword p{ padding: 0 0 5px 0; width: 100%; font-size: 18px; font-weight: bold; float: left; clear: both; border-bottom: 1px solid #444; }
#keyword table{ width: 100%; float: left; clear: both; }
ul#keyword li{ float: left; clear: both; font-size: 14px; line-height: 28px; padding: 0 0 0 10px; text-decoration: underline; }
ul#keyword li a{ text-decoration: underline; }

#keyword h2,
.leftmenu h2,
.leftmenu02 h2,
.calendar_box h2 { font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; }
.leftmenu { width: 100%; margin: 50px 0 0 0; float: left; clear: both; }
.leftmenu02 { width: 100%; margin: 0px 0 0 0; float: left; clear: both; }
.leftmenu h2{ width: 100%; margin: 0 0 10px 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }
.leftmenu02 h2{ width: 100%; margin: 0 0 10px 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }
.leftmenu h2.mT20{ width: 100%; margin: 30px 0 10px 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }
ul.lnav{ width: 100%; float: left; clear: both; }
ul.lnav li{ width: 100%; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; float: left; clear: both; border: 1px solid #333; }
ul.lnav li a{ display: block; padding: 15px 0 15px 8px; background: #FFF; }
ul.lnav li a:hover{ box-shadow:5px 5px rgba(0, 0, 0, 0.2); padding: 15px 0 15px 8px; }
ul.lnav li.lnav01{ background: url(../images/lnav01.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav02{ background: url(../images/lnav02.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav03{ background: url(../images/lnav03.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav04{ background: url(../images/lnav04.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav05{ background: url(../images/lnav05.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav06{ background: url(../images/lnav06.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav01 a{ background: url(../images/lnav01.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav02 a{ background: url(../images/lnav02.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav03 a{ background: url(../images/lnav03.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav04 a{ background: url(../images/lnav04.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav05 a{ background: url(../images/lnav05.jpg) no-repeat right top #FFF; }
ul.lnav li.lnav06 a{ background: url(../images/lnav06.jpg) no-repeat right top #FFF; }

ul.pdnav{ width: 100%; float: left; clear: both; margin: 0 0 20px 0; }
ul.pdnav li{ width: 100%; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; float: left; clear: both; border: 1px solid #333; }
ul.pdnav li a{ display: block; padding: 15px 0 15px 8px; background: #FFF; }
ul.pdnav li a:hover{ box-shadow:5px 5px rgba(0, 0, 0, 0.2); padding: 15px 0 15px 8px; }
ul.pdnav li.pdnav01{ background: url(../images/pdnav01.jpg) no-repeat right top; }
ul.pdnav li.pdnav02{ background: url(../images/pdnav02.jpg) no-repeat right top; }
ul.pdnav li.pdnav03{ background: url(../images/pdnav03.jpg) no-repeat right top; }
ul.pdnav li.pdnav01 a{ background: url(../images/pdnav01.jpg) no-repeat right top #FFF; }
ul.pdnav li.pdnav02 a{ background: url(../images/pdnav02.jpg) no-repeat right top #FFF; }
ul.pdnav li.pdnav03 a{ background: url(../images/pdnav03.jpg) no-repeat right top #FFF; }

.leftbanner { width: 100%; margin: 0; float: left; clear: both; }
.leftbanner ul{ width: 100%; margin: 0; float: left; clear: both; }
.leftbanner ul li{ width: 100%; margin: 0 0 10px 0; float: left; clear: both; }
ul.bbsknav{ width: 100%; margin: 0; float: left; clear: both; }
ul.bbsknav li{ width: 100%; margin: 0 0 10px 0; float: left; clear: both; }

.calendar_box { width: 100%; margin: 50px 0 0 0; float: left; clear: both; }
.calendar_box p{ width: 100%; margin: 0 0 0 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }

/************************************************** 
 contents -main
**************************************************/
#main{ width: 100%; margin: 0 0 0 50px; padding: 0; float: left; }

.newitembox { width: 100%; margin: 0 0 30px 0; padding: 20px 2% 10px; float: left; clear: both; position: relative; background: #FFF; box-sizing: border-box; }
.newitembox h2,
.newitembox03 h2 { font-size: 18px; font-weight: bold; width: 100%; margin: 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; }
.newitembox h2.nolink,
.newitembox03 h2.nolink { font-size: 18px; font-weight: bold; width: 100%; margin: 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: none; }
.newitembox02 { width: 100%; margin: 20px 0 0px 0; padding: 20px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #333; background: #FFF; }
.newitembox02 p img{ width: 100%; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.newitembox02 p a:hover img { filter: alpha(opacity=99); -moz-opacity: 0.99; opacity: 0.99; }
.newitembox02 p { font-size: 18px; font-weight: bold; width: 100%; margin: 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; color: #CC0000; }

.newitembox03 {
    width: 100%;
    margin: 0;
    padding: 20px 2% 10px;
    float: left;
    clear: both;
    position: relative;
    border-bottom: 1px solid #DDD;
    background: #FFF;
    box-sizing: border-box;
}

.ssale { width: 100%; margin: 20px 0 10px; padding: 0; float: left; clear: both; }
.ssale img{ width: 100%; }
.auc-orenomonoya_rsearch_80 { height: 180px; width: 100%; margin: 0 0 25px 0; padding: 0 0 10px 0; background: #FFF;}
.auc-orenomonoya_rsearch_240 { height: 230px; }
.auc-orenomonoya_pointup_235 { height: 300px; margin: -20px 40px 0 40px; width: 1000px; }
ul#newsinfo li{ border-bottom: 1px dotted #CCC; width: 98%; margin: 0 0 0 1%; padding: 5px 1%; list-style-position: inside; list-style-type: disc; background: #FFF; }
ul#newsinfo li a{ color: #0033FF; }

.diabox { width: 100%; margin: 0px 0 40px 0; padding: 15px 2% 20px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.diabox h2 { font-size: 18px; font-weight: bold; width: 100%; margin: 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; }
.diabox02 { width: 100%; margin: 0 0 30px 0; padding: 15px 2% 15px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.diabox02 h2 { font-size: 18px; font-weight: bold; width: 100%; margin: 0; padding: 0 0 0 5px; float: left; clear: both; border-bottom: 1px solid #444; }

.diabox01 { width: 100%; margin: 20px 0 0 0; float: left; clear: both; position: relative; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; }
.diabox01 ul{ width: 100%; margin: 0; float: left; }
.diabox01 ul li{ width: 20%; margin: 0; float: left; border-left: 1px dotted #999; border-bottom: 1px solid #999; text-align: center; font-size: 16px; }
.diabox01 ul li a{ display: block; padding: 8px 0; }
.diabox01 ul li a:hover{ padding: 8px 0; background: #EEE; }
.diabox01 ul li.diat{ width: 20%; margin: 0; padding: 8px 8px 8px 0; float: left; border-bottom: 1px solid #999; border-left: none; font-size: 16px; font-weight: bold; text-align: center; }
.diabox01 .diat02{ width: 25%; margin: 0; padding: 8px 8px 8px 0; float: left; border-bottom: 1px solid #999; font-size: 16px; font-weight: bold; text-align: left; }
.diabox01 .diat03{ width: 25%; margin: 0; padding: 8px 8px 8px 0; float: left; border-bottom: 1px solid #999; font-size: 16px; font-weight: bold; text-align: left; }
.diabox01 .diat04{ width: 25%; margin: 0; padding: 8px 8px 8px 0; float: left; border-bottom: 1px solid #999; font-size: 16px; font-weight: bold; text-align: left; }
.diabox01 .diat05{ width: 25%; margin: 0; padding: 8px 8px 8px 0; float: left; border-bottom: 1px solid #999; font-size: 16px; font-weight: bold; text-align: left; }
.diabox01 .diat06{ width: 25%; margin: 0; padding: 8px 8px 8px 0; float: left; border-bottom: 1px solid #999; font-size: 16px; font-weight: bold; text-align: left; }
.bgc { background: #FCFCFC; }

.jcate { width: 100%; margin: 30px 0 0 0; padding: 15px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.jcate05 { width: 100%; margin: 0px 0 30px 0; padding: 15px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.jcate04 { width: 100%; margin: 0px 0 30px 0; padding: 15px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.jcate04-02 { width: 100%; margin: 30px 0 0; padding: 15px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.jcate h2,
.jcate04-02 h2,
.jcate04 h2{ font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 0; float: left; clear: both; position: relative; border-bottom: 1px solid #444; } 
.jcate03 h2 { font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 25px; float: left; clear: both; position: relative; background: url(../images/icon01.png) no-repeat; border-bottom: 1px solid #444; } 
.jcate ul,
.jcate05 ul,
.jcate04 ul,
.jcate04-02 ul,
.jcate03 ul{ width: 100%; margin: 10px 0 0 0; float: left; clear: both; position: relative; }
.jcate ul li,
.jcate04 ul li,
.jcate04-02 ul li,
.jcate05 ul li,
.jcate03 ul li{ width: 173px; margin: 0px 3px 10px 3px; float: left; }
.jcate03 { width: 100%; margin: 0; padding: 15px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }

.jcate02 { width: 100%; margin: 30px 0; padding: 15px 2% 10px; float: left; clear: both; position: relative; border: 1px solid #DDD; background: #FFF; }
.jcate05 h2{ font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; } 
.jcate02 h2{ font-size: 18px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 5px; float: left; clear: both; border-bottom: 1px solid #444; } 
ul.cnav{ width: 100%; float: left; clear: both; margin: 10px 0 0 0; }
ul.cnav li{ width: 31%; font-size: 16px; font-weight: bold; margin: 0 1% 15px 1%; float: left; border: 1px solid #333; }
ul.cnav li a{ display: block; padding: 15px 0 15px 8px; }
ul.cnav li a:hover{ box-shadow:5px 5px rgba(0, 0, 0, 0.2); padding: 15px 0 15px 8px; }
ul.cnav li.cnav01{ background: url(../images/lnav01.jpg) no-repeat right top; }
ul.cnav li.cnav02{ background: url(../images/lnav02.jpg) no-repeat right top; }
ul.cnav li.cnav03{ background: url(../images/lnav03.jpg) no-repeat right top; }
ul.cnav li.cnav04{ background: url(../images/lnav04.jpg) no-repeat right top; }
ul.cnav li.cnav05{ background: url(../images/lnav05.jpg) no-repeat right top; }
ul.cnav li.cnav06{ background: url(../images/lnav06.jpg) no-repeat right top; }
ul.cnav li.lnav01{ background: url(../images/lnav01.jpg) no-repeat right top; }
ul.cnav li.lnav02{ background: url(../images/lnav02.jpg) no-repeat right top; }
ul.cnav li.lnav03{ background: url(../images/lnav03.jpg) no-repeat right top; }
ul.cnav li.lnav04{ background: url(../images/lnav04.jpg) no-repeat right top; }
ul.cnav li.lnav05{ background: url(../images/lnav05.jpg) no-repeat right top; }
ul.cnav li.lnav06{ background: url(../images/lnav06.jpg) no-repeat right top; }

ul.pankuzu { float: left; clear: both; width: 100%; margin: 0 0 20px 0; }
ul.pankuzu li{ float: left; }

/*ブランド*/	
ul.bbskblock{ width: 749px; float: left; clear: both; margin: 5px 0 0 -5px; padding: 0; }
ul.bbskblock02{ width: 749px; float: left; clear: both; margin: 15px 0 0 -5px; padding: 0; }
ul.bbskblock li,
ul.bbskblock02 li{ width: 130px; float: left; margin: 0 8px 10px; padding: 0; font-size: 10px; }
ul.bbskblock li img,
ul.bbskblock02 li img{ width: 100%; }
.newitembox p{ width: 100%; margin: 0px 0 8px 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }
.newitembox h2.mT20{ width: 100%; margin: 40px 0 10px 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }

.bannerArea { float: left; clear: both; margin: 20px 0 10px -5px; width: 749px; }
.bannerArea ul{ float: left; clear: both; margin: 0; width: 100%; }
.bannerArea ul li{ float: left; margin: 0 8px; width: 130px; }

/*喜平*/	
ul.kiheinav{ width: 100%; float: left; clear: both; margin: 5px 0 40px 0; }
ul.kiheinav li{ width: 100%; float: left; clear: both; margin: 0px 0 6px 0; }
ul.kiheinav02{ width: 100%; float: left; clear: both; margin: 5px 0 40px 0; }
ul.kiheinav02 li{ width: 100%; float: left; clear: both; margin: 0px 0 10px 0; padding: 0 0 0 5px; border: 1px solid #333; height: 41px; line-height: 41px; font-size: 14px; }
ul.kiheinav02 li a{ display: block; }
.mt { float: left; clear: both; margin: 0 0 20px 0; width: 100%; }
ul.cat_bnr05,
ul.cat_bnr04,
ul.cat_bnr03,
ul.cat_bnr02,
ul.cat_bnr { margin: 0; padding: 0; float: left; clear: both; width: 100%; }
ul.cat_bnr li{ margin: 10px 8px 0; padding: 0; float: left; width: 343px; }
ul.cat_bnr02 li{ margin: 10px 7px 0; padding: 0; float: left; width: 165px; }
ul.cat_bnr03 li{ margin: 10px 5px 20px; padding: 0; float: left; width: 130px; }
ul.cat_bnr04 li{ margin: 10px 8px 0; padding: 0; float: left; width: 223px; }
ul.cat_bnr05 li{ margin: 10px 6px 0; padding: 0; float: left; width: 130px; }
ul.cat_bnr05 li img,
ul.cat_bnr02 li img,
ul.cat_bnr li img{ width: 100%; }

.btn500 { margin: 20px 109px 0px; width: 500px; float: left; clear: both; }
.line_title { margin: 20px 0 0 0; padding: 0 0 5px 0; float: left; clear: both; border-bottom: 1px solid #333; width: 100%; }

/*トップページへボタン*/	
.pagetop { display: none; position: fixed; bottom: 10px; right: 10px; z-index: 100; }
.pagetop a { display: block; width: 50px; height: 50px;	background-color: #CCC;	text-align: center;	color: #333; font-size: 24px; text-decoration: none; line-height: 50px; }

/* パンくず */	
ul.pankuzu { float: left; clear: both; margin: 10px 0; width: 100%; }
ul.pankuzu li{ float: left; color: #0033FF; }
ul.pankuzu li a{ color: #0033FF; }
ul.pankuzu li.now { color: #000; }





/************************************************** 
 guide
**************************************************/

.sp_newitembox02 {display: none;}
.sp_new-itembox {display: none;}
.guide { width: 800px; float: left; clear: both; margin: 10px 0 20px 0px; padding: 0; display: inline; }
.guide p.image{ width: 776px; float: left; clear: both; margin: 0 0 20px 0; padding: 0; }
#side_menu { width: 200px; float: left; margin: 0; padding: 0; text-align: left; font-size: 12px; border-right: 1px solid #CCC; z-index:0; position:relative; }
#side_menu ul{ margin: 0; padding: 0; width: 198px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; clear: both; float: left; z-index: 10000000; position: relative; }
#side_menu ul li{ margin: 0; width: 198px; float: left; clear: both; border-bottom: 1px solid #CCC; background: #FFF; list-style: none; color: #060; }
#side_menu ul li.on{ color: #060; display: block; text-decoration: none; width: 198px; background: #003300; }
#side_menu ul li.on a{ color: #FFF; }
#side_menu ul li a{ color:#060; display: block; text-decoration: none; padding: 12px 0 12px 10px; font-size: 12px; letter-spacing: 2px; line-height: 16px; width: 173px; }
#side_menu ul li a:hover{ color: #FFF; display: block; text-decoration: none; width: 198px; background: #030; }
.info_block { width: 556px; float: left; margin: 0 0 0 20px; padding: 0; display: inline; }
.info_block .text_area{ margin: 0; padding: 10px 0 0 10px; float: left; clear: both; width: 556px; }
.info_block .text_area ul{ margin: 10px 0; padding: 0; float: left; clear: both; width: 100%; }
.info_block .text_area ul li{ margin: 0 0 5px 0; padding: 0; float: left; clear: both; width: 100%; }
.info_block .img_title { margin: 0; padding: 0; float: left; clear: both; width: 100%; }
.info_block .img_title img{ width: 100%; }
.info_block p{ margin: 0; padding: 0; float: left; clear: both; margin: 556px; font-size: 12px; line-height: 22px; }
.info_block h3 { margin: 10px 0 0 5px; padding: 0px 0 0 10px; float: left; clear: both; width: 551px; height: 32px; line-height: 32px; background: #CCC; border-left: 5px solid #006600; color: #060; display: inline; }
.info_block h3.orange { margin: 10px 0 0 5px; padding: 0px 0 0 10px; float: left; clear: both; width: 551px; height: 32px; line-height: 32px; background: #FE9900; border-left: none; color: #000; display: inline; text-align: center; font-weight: bold; font-size: 18px; }
.info_block .text_area table td{ margin: 0; padding: 5px; }
.info_block .text_area dl.mT30{ margin: 30px 0 0 0; padding: 0; float: left; clear: both; width: 556px; }
.info_block .text_area dl{ margin: 0; padding: 0; float: left; clear: both; width: 556px; }
.info_block .text_area dl dt{ margin: 0; padding: 10px 0 0 10px; float: left; clear: both; width: 546px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #CCC; }
.info_block .text_area dl dd{ margin: 0 0 20px 0; padding: 10px 0 0 10px; float: left; clear: both; width: 546px; }
.info_block .text_area .cation{ margin: 0 0 10px 0; padding: 10px 0 0 10px; float: left; clear: both; width: 546px; font-weight: bold; color: #C00; }
.info_block .text_area02{ margin: 0 0 20px 0; padding: 10px 0 0 10px; float: left; clear: both; width: 546px; font-weight: bold; color: #C00; }
.unt { color: #060; text-decoration: underline; }
.info_block .text_area dl dd table { border-bottom: 1px solid #333; border-left: 1px solid #333; margin: 0 0 10px 0; width: 320px; }
.info_block .text_area dl dd table th{ border-top: 1px solid #333; border-right: 1px solid #333; background: #CCC; text-align: center; }
.info_block .text_area dl dd table td{ border-top: 1px solid #333; border-right: 1px solid #333; text-align: right; }
.oshirase{ background: #33AD33; padding: 1px; float: left; clear: both; margin: 0 0 20px 0;}
.oshirase02{ background:　#33AD33; padding:　1px; float:　left; clear:　both; margin:　10px 0 20px 0; width:　546px;　}
.oshirase03{ background: #CC0000; padding: 1px; float: left; clear: both; margin: 0 0 20px 0; width: 546px;}

.oshirase_title{ font-size: 14px; line-height: 16px; text-align: center; font-weight: bold; color: #FFF; padding: 5px; }
.oshirase_text{ font-size: 12px; line-height: 18px; background: #FFF; padding: 10px;}
.oshirase_text02{ font-size:　16px; line-height:　26px; background:　#FFF; padding:　10px 0; text-align:　center; width: 100%;}
.oshirase_text03{ font-size: 14px; line-height: 26px; background: #FFF; padding: 10px 2%; text-align: left; width: 96%;}
.oshirase_text03 .btn_new_touroku{ font-size: 12px; line-height: 24px; background: #CC0000; padding: 10px 2%; text-align: left;}


.pageup02 { width: 536px; text-align: right; float: left; clear: both; padding: 10px 0; font-size: 12px; line-height: 22px; }
.pageup { width: 100%; text-align: right; float: left; clear: both; padding: 10px 0; font-size: 12px; line-height: 22px; }
.text_area h4 { width: 536px; clear: both; float: left; font-size: 12px; line-height: 24px; font-weight: bold; margin: 0px 0 20px 10px; }
.style2 { color: #333; }
.gree { margin: 0px 0 20px 10px; padding: 0; float: left; width: 536px; font-size: 12px; line-height: 20px; }
.shop_photo { margin: 0px 0 0 10px; padding: 0; float: left; clear: both; width: 100%; }
.mT30 { float: left; clear: both; margin: 30px 0 0 0; }



.tTitle { float: left; clear: both; width: 96%; text-align: left; margin: 20px 1% 0 1%; padding: 5px 0 5px 2%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #663300; color: #FFFFFF; font-size: 110%; }
.return { float: left; clear: both; width: 750px; text-align: left; margin: 10px 0 20px 0; }
.return ul li{ float: left; clear: both; text-align: left; margin: 10px 0; background: url(../images/return/icon.gif) no-repeat -1px 2px; padding: 0 0 0 20px; width: 98%; line-height: 130%; }
.return p{ line-height: 24px; width: 96%; float: left; clear: both; margin: 10px 2%; 0; }

.return ul li.re01{ float: left; clear: both; text-align: left; margin: 10px 0 0 0; background: url(../images/return/no01.gif) no-repeat; padding: 10px 0 0 225px; width: 756px; height: 120px; }
.return ul li.re02{ float: left; clear: both; text-align: left; margin: 0px 0 0 0; background: url(../images/return/no02.gif) no-repeat; padding: 10px 0 0 225px; width: 756px; height: 160px; }
.return ul li.re03{ float: left; clear: both; text-align: left; margin: 0px 0 0 0; background: url(../images/return/no03.gif) no-repeat; padding: 10px 0 0 225px; width: 756px; height: 120px; }
.return ul li.re04{ float: left; clear: both; text-align: left; margin: 0px 0 0 0; background: url(../images/return/no04.gif) no-repeat; padding: 10px 0 0 225px; width: 756px; height: 160px; }
.return ul li.re02 a{ color: #CC0000; }

.return02 { float: left; clear: both; width: 100%; text-align: left; margin: 10px 0 20px; position: relative; }
.return02 p{ position: absolute; left: 20px; top: 70px; width: 500px; line-height: 1.5; font-size: 100%; }
.f120{ font-size: 120%; font-weight: bold; padding: 10px 0 0 0; clear: both; float: left; }

.shine { float: left; clear: both; margin: 20px 0 0 0; width: 750px; }
.shine .s_txt{ float: left; width: 450px; text-align: left; }
.shine .s_photo{ float: right; width: 300px; }
.returncation { border: 1px solid #999; background: url(../images/service/cation.png) no-repeat 5px 15px; padding: 10px 10px 10px 120px; float: left; clear: both; text-align: left; margin: 20px 0 0 0; width: 766px; }

.sizeBox { float: left; clear: both; margin: 20px 0 0 0; width: 776px; border: 1px solid #666; padding: 20px; }
.sizeBox p{ width: 98%; float: left; clear: both; margin: 0 1%; }
.sizeBox p img{ width: 718px; }
.sizeName { float: left; clear: both; width: 98%; text-align: left; margin: 0 1% 10px; padding: 5px 0 5px 2%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #4D4B4C; color: #FFFFFF; font-size: 110%; }
.fs18 { font-size: 105%; margin: 0 0 20px 1%; width: 98%; line-height: 150%; text-align: left; float: left; clear: both; }
.mT10 { margin-top: 10px; float: left; clear: both; }
.mT20 { margin-top: 20px; }
.mB20 { margin-bottom: 20px; clear: both; text-align: center; }
.mB50 { margin-bottom: 50px; clear: both; text-align: center; }
.fcr { color: #CC0000; font-weight: bold; }
.ti { float: left; clear: both; margin: 40px 0 0 0; }
.fs20 { font-size: 110%; margin: 5px 0 5px 1%; width: 98%; line-height: 150%; text-align: left; float: left; clear: both; }
.fb { font-weight: bold; }
.wakuarea { margin: 10px 0; padding: 15px 0px; float: left; clear: both; background: #FFF; }

.bb { margin: 0px 0 30px; padding: 0; width: 100%; float: left; clear: both; }
.bb h2{ border-bottom: none; }
.bb dl{ margin: 0; padding: 0; width: 718px; float: left; clear: both; }
.bb dl dt{ margin: 0; padding: 0; width: 420px; float: left; font-size: 14px; line-height: 22px; }
.bb dl dt .txt{ margin: 0; padding: 15px 0 0 0; width: 420px; float: left; font-size: 14px; line-height: 22px; }
.bb dl dd{ margin: 0; padding: 0; width: 270px; float: right; }
.carefully { margin: 0; font-size: 20px; font-weight: bold; color: #660000; border-bottom: 1px solid #333; padding: 0 0 5px 0; }
.bb table.birth { float: left; clear: both; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; width: 100%; margin: 0; padding: 0; }
.bb table.birth th{ border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin: 0; padding: 5px; background: #5D503D; color: #FFF; text-align: center; }
.bb table.birth td{ border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin: 0; padding: 0px 10px; vertical-align: middle; }
.bb table.birth td.stone{ text-align: center; padding: 5px 0; margin: 0; }

/* ----------- */
/*　会員登録 　*/
/* ----------- */
#contents #system #leave .table dl,
#contents #system #information_entry .table dl,
#contents #system #member_entry .table dl{ width: 100%; }
#contents #system #leave .table dl dt,
#contents #system #information_entry .table dl dt,
#contents #system #member_entry .table dl dt{ width: 27%; }
#contents #system #leave .table dl dd,
#contents #system #information_entry .table dl dd,
#contents #system #member_entry .table dl dd{ width: 73%; }
#contents #system #member_entry { width: 800px; margin: 0 auto 30px auto; }

#contents #system #member_entry input#Profile_lastname { width: 30%; margin: 0 20px 0 0; }
#contents #system #member_entry input#Profile_firstname { width: 30%; margin: 0 20px 0 0; }
#contents #system #member_entry input#Profile_lastname_kana { width: 30%; margin: 0 20px 0 0; }
#contents #system #member_entry input#Profile_firstname_kana { width: 30%; margin: 0 20px 0 0; }
#main #system #information_entry input#Profile_lastname { width: 30%; margin: 0 20px 0 0; }
#main #system #information_entry input#Profile_firstname { width: 30%; margin: 0 20px 0 0; }
#main #system #information_entry input#Profile_lastname_kana { width: 30%; margin: 0 20px 0 0; }
#main #system #information_entry input#Profile_firstname_kana { width: 30%; margin: 0 20px 0 0; }
#main #system #information_entry input.w_400px { width: 360px; }

.login_block .login_submit input{ background: #333; color: #fff; }
#contents #system .login_block input{ border-color: #DEDEDE; height: 32px; }
#contents #system .login_block .login_input .control-label{ height: 32px; }
#contents #system .login_block input,
#contents #system .login_block select{ box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset }
#contents #system .login_block .login_submit input:hover{ background: #666;} 
#contents #system .auth .login_block .login_submit input{ background: #2c356d; }
#contents #system .auth .login_block .login_submit input:hover{ background: #616892; }
#contents #system .login_block .forget { margin: 0 auto; width: 100%; }
#contents #system .login_block .forget p{ margin: 0; width: 50%; float: left; text-align: center; }

#main a.btl{ display: block; width: 160px; padding: 0.8em; text-align: center; text-decoration: none; color: #666; border: 2px solid #666; border-radius: 3px; transition: .4s; }
#main a.btl:hover { background: #666; color: #fff; }
#main #information_entry { margin: 0 0 20px 0; }
#main #system #login .shop { margin: 0; width: 100%; }
#main #system #login .shop .inner{ margin: 0; width: 100%; }

#contents #system .shop .inner { border-width: 3px; border-style: solid; padding: 20px; margin-bottom: 15px; clear: both; width: 100%; margin: 0 0 20px 0; }
#contents #system .new { margin: 40px 0 0 0; width: 100%; }
#contents #system .shop .inner .login_block .login_input .login_id .articles .control-label{ margin: 0; }
#contents #system .shop .inner .login_block .login_input .login_pw .articles .control-label{ margin: 0; }

#contents #system .login_block .login_input .login_id .articles .control-label{ margin: 0; }
#contents #system .login_block .login_input .login_pw .articles .control-label{ margin: 0; }

#main #system { width: 100%; }
#main #system .navbar .navbar-inner #category{ line-height: 16px; }


#main #system #review-form .table .form dl,
#main #system #myaddress-form .table dl#member-detail{ width: 100%; float: left; clear: both; margin: 0 0 20px 0; }
#main #system #review-form .table .form dl dt,
#main #system #myaddress-form .table dl#member-detail dt{ width: 22%; }
#main #system #review-form .table .form dl dd,
#main #system #myaddress-form .table dl#member-detail dd{ width: 78%; }
#main #system #myaddress-form input#MyAddress_lastname { width: 30%; margin: 0 20px 0 0; }
#main #system #myaddress-form input#MyAddress_firstname { width: 30%; margin: 0 20px 0 0; }
#main #system #myaddress-form input#MyAddress_lastname_kana { width: 30%; margin: 0 20px 0 0; }
#main #system #myaddress-form input#MyAddress_firstname_kana { width: 30%; margin: 0 20px 0 0; }
#main #system #myaddress-form input.w_400px { width: 360px; }

#contents .links a{ display: block; width: 160px; padding: 0.8em; text-align: center; text-decoration: none; color: #666; border: 2px solid #666; border-radius: 3px; transition: .4s; }
#contents .links a:hover { background: #666; color: #fff; }

#main #system #inquiry-form #member_entry .form dl{ width: 100%; float: left; clear: both; margin: 0 0 20px 0; }
#main #system #inquiry-form #member_entry .form dl dt{ width: 22%; }
#main #system #inquiry-form #member_entry .form dl dd{ width: 78%; }

#category .itemlist { margin: 20px 0 0 0; }
/* #category .itemlist .item.icon_disp { height: 350px; } */
#category .pager {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 0px 5px 0;
    height: 28px;
	clear: both;
}
#category .pager .item { float: right; margin: 0px 4px 0 0; }

#main-column02{ margin-top: 30px; margin-left: 0px; width: 1078px; float: left; clear: both; padding-bottom: 20px; }

.contentsAreaBox { float: left; clear: both; width: 100%; margin: 0 0 30px 0; border: 1px solid #CCC; padding: 0 0% 20px 0%; background: #FFF; }
h1.pgTitle,
div.pgTitle { margin: 25px 50px 0; float: left; clear: both; border-radius: 100px;	-webkit-border-radius: 100px; -moz-border-radius: 100px; background: #663300; text-align: center; color: #FFFFFF; width: 978px; font-weight: bold; padding: 10px 0; }
.contentsAreaBox dl{ float: left; clear: both; width: 978px; margin: 20px 50px 0 50px; background: url(https://shopping.geocities.jp/greeber01/shared/images/purchase/stepbg.jpg) no-repeat #F1EEE5; }
.contentsAreaBox dl dt{ float: left; width: 150px; margin: 0 0 0 20px; }
.contentsAreaBox dl dd{ float: left; width: 768px; padding: 3% 20px 2% 20px; text-align: left; position: relative; }
.contentsAreaBox dl dd span{ position: absolute; right: 5px; top: 25px; }
.contentsAreaBox p{ float: left; clear: both; width: 98%; margin: 20px 5% 0 5%; text-align: left; }
.contentsAreaBox dl dd.step01{ height: 200px;  }
.contentsAreaBox dl dd.step01 ul{ float: left; clear: both; }
.contentsAreaBox dl dd.step01 ul li{ float: left; }
.contentsAreaBox dl dd.step03{ background: url(https://shopping.geocities.jp/greeber01/shared/images/purchase/step03-01.png) no-repeat right 0px; height: 120px; }
.contentsAreaBox dl dd.step04{ background: url(https://shopping.geocities.jp/greeber01/shared/images/purchase/step04-01.png) no-repeat right 20px; height: 300px; }
.contentsAreaBox dl dd.step05{ background: url(https://shopping.geocities.jp/greeber01/shared/images/purchase/step05-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox dl dd.step06{ background: url(https://shopping.geocities.jp/greeber01/shared/images/purchase/step06-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox dl dd span a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.contentsAreaBox dl dd.step01 ul li a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.ao { color: #0099CC; }
.contentsAreaBox ul.box{ float: left; clear: both; width: 90%; margin: 10px 5%; }
.contentsAreaBox ul.box li{ float: left; clear: both; width: 100%; margin: 0; font-size: 120%; font-weight: bold; }


ul.kaitori{ float: left; clear: both; width: 90%; margin: 0 5%; }
ul.kaitori li{ float: left; width: 18%; margin: 0 1%; }
ul.kaitori li p{ float: left; clear: both; border: 1px solid #CCC; height: 125px; margin: 20px 0 0 0; padding: 0px 2%; width: 96%; }
ul.kaitori li dl{ float: left; clear: both; background: none; width: 98%; margin: 5px 1% 0; }
ul.kaitori li dl dt{ float: left; clear: both; width: 98%; text-align: left; margin: 0 1%; padding: 0; font-size: 96%; }
ul.kaitori li dl dd{ float: left; clear: both; color: #CC0000; text-align: right; font-size: 105%; width: 100%; margin: 5px 0 0 0; padding: 0; }

.contentsAreaBox .btn{ float: left; clear: both; margin: 30px 0 0 176px; width: 725px; }
.contentsAreaBox .btn a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.contentsAreaBox02 .btn{ float: left; clear: both; margin: 30px 0 0 176px; width: 725px; }
.contentsAreaBox02 .btn a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.itemBox{ float: left; clear: both; margin: 20px 50px 0 50px; position: relative; }
.itemBox ul.itemArea{ float: left; clear: both; margin: 0; }
.itemBox ul.itemArea li.item01{ float: left; width: 430px; left: 26px; top: 65px; position: absolute; text-align: left; font-size: 16px; line-height: 26px; }
.itemBox ul.itemArea li.item02{ float: left; width: 430px; left: 526px; top: 65px; position: absolute; text-align: left; font-size: 16px; line-height: 26px; }
.itemBox ul.itemArea li.item03{ float: left; width: 430px; left: 26px; top: 360px; position: absolute; text-align: left; font-size: 16px; line-height: 26px; }
.itemBox ul.itemArea li.item04{ float: left; width: 430px; left: 526px; top: 360px; position: absolute; text-align: left; font-size: 16px; line-height: 26px; }
.itemBox ul.itemArea li.item01-02{ left: 20px; top: 195px; position: absolute; }
.itemBox ul.itemArea li.item02-02{ right: 120px; top: 195px; position: absolute; }
.itemBox ul.itemArea li.item03-02{ left: 20px; top: 485px; position: absolute; }
.itemBox ul.itemArea li.item04-02{ right: 120px; top: 485px; position: absolute; }
.itemBox a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.itemBox ul.itemArea > img{ display: none;}
.itemBox ul.itemArea li.item03-sp {display: none;}
.itemBox ul.itemArea li.item04-sp {display: none;}

.contentsAreaBox .reason{ float: left; clear: both; margin: 10px 0 0 50px; width: 978px; }

.mT20 { margin-top: 20px; }
.mT10 { margin-top: 10px; }
.mT05 { margin-top: 5px; }

.red { color: #CC0000; }

ul.kiyaku { float: left; clear: both; margin: 20px 5% 20px 7%; width: 88%; text-align: left; }
ul.kiyaku li{ list-style-type: disc; float: left; clear: both; margin: 0 0 20px 0; }


.contentsAreaBox-trade { float: left; clear: both; width: 100%; margin: 0 0 30px 0; border: 1px solid #CCC; padding: 0 0% 20px 0%; background: #FFF; }
.contentsAreaBox-trade dl{ float: left; clear: both; width: 978px; margin: 20px 50px 0 50px; background: url(../images/purchase/stepbg.jpg) no-repeat #F1EEE5; }
.contentsAreaBox-trade dl dt{ float: left; width: 150px; margin: 0 0 0 20px; }
.contentsAreaBox-trade dl dd{ float: left; width: 768px; padding: 3% 20px 2% 20px; text-align: left; position: relative; }
.contentsAreaBox-trade p{ float: left; clear: both; width: 98%; margin: 20px 5% 0 5%; text-align: left; }
.contentsAreaBox-trade dl dd.step02 ul{ float: left; clear: both; }
.contentsAreaBox-trade dl dd.step02 ul li{ float: left; width: 50%; }
.contentsAreaBox-trade dl dd.step01{ background: url(../images/purchase/step06-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd.step03{ background: url(../images/purchase/step03-01.png) no-repeat right 0px; height: 120px; }
.contentsAreaBox-trade dl dd.step04{ background: url(../images/purchase/step04-01.png) no-repeat right 20px; height: 300px; }
.contentsAreaBox-trade dl dd.step05{ background: url(../images/purchase/step05-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd.step06{ background: url(../images/purchase/step06-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd.step06-02{ background: url(../images/trade/step06-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd.step04-02{ background: url(../images/trade/step04-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd.step04-03{ background: url(../images/trade/step04-03.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd.step08{ background: url(../images/trade/step04-01.png) no-repeat right 20px; height: 105px; }
.contentsAreaBox-trade dl dd span a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.contentsAreaBox-trade dl dd.step01 ul li a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.contentsAreaBox-trade .imgbox{ float: left; clear: both; width: 90%; margin: 0 5%; }
.contentsAreaBox-trade .imgbox img{ width: 100%; }
.contentsAreaBox-trade ul.box{ float: left; clear: both; width: 90%; margin: 10px 5%; }
.contentsAreaBox-trade ul.box li{ float: left; clear: both; width: 100%; margin: 0; font-size: 120%; font-weight: bold; }
.contentsAreaBox-trade .btn{ float: left; clear: both; margin: 30px 0 0 176px; width: 725px; }
.contentsAreaBox-trade .btn a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

#category { width: 100%; float: left; clear: both; }
#category .itemlist { width: 100%; float: left; clear: both; }
#category .itemlist .item { width: 24%; float: left; margin: 0 1% 10px; border-color:#CCC; }

/*-------------------------------------------------------------------------------------------------*/
/*-新着一覧----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.dsp_all{ width: 100%; float: left; clear: both; font-size: 12px; text-align: center; line-height: 150%; }
.dsp_all .item{ width: 23%; margin: 0px 1% 10px;  float: left; border: 1px solid #CCC; padding: 10px; position: relative; }
.dsp_all .item img{ display: table-cell; width: 100% !important; vertical-align: middle; }
.dsp_all .item .name{ height: 3em; overflow: hidden; text-align: left; }
.dsp_all .item .price { font-size: 14px; margin-top: 1px; margin-bottom: 5px; display: inline-block; font-weight: bold; color: #c00; }
.dsp_all .item .tax_label { display: inline-block; font-size: 0.9em; color: #999; }
.dsp_all .item .comment { letter-spacing: -0.5px; word-break: break-word; word-wrap: break-word; margin-top: 2px; line-height: 1.4em; text-align: left; }
.dsp_all .item .tag a img { height: 20px; max-width: 33px; vertical-align: middle; border: 0; margin: 10px 0 0 0; }

.dsp_all .item .stock { display: table-cell; width: 100% !important; height: 162px;  vertical-align: middle; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: absolute; top: 0px; font-size: 1.4em; margin: 0 0 0 -10px; padding: 0; }
.dsp_all .item .stock { background: #FFF; color: #999; padding: 50px 0 0 0; }

/* パンくず */
.pankuzu { padding: 10px 0; width: 100%; display: block; float: left; clear: both;}
.pankuzu span{ display: inline-block; white-space: normal; text-align: left; padding: 0 3px 5px; }
.pankuzu span.home:before { content : url(https://greeber.jp/shared/images/Home_b.png); position : relative; bottom : -0.2em; margin-right : 0.2em; }
.pankuzu span a::after { content: " >"; }

.breadcrumbs { margin: 0; padding: 10px 0; width: 100%; display: block; }
.breadcrumbs span{ display: inline-block; white-space: normal; text-align: left; padding: 0 3px 5px; }
.breadcrumbs span.home:before { content : url(https://greeber.jp/shared/images/Home_b.png); position : relative; bottom : -0.2em; margin-right : 0.2em; }
.breadcrumbs span a::after { content: " >"; }
.breadcrumbs span.noicon a::after { content:none; }

/*-------------------------------------------------------------------------------------------------*/
/*-販売表記----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.lawBox { width: 100%; float: left; clear: both; border: 2px solid #CCC; padding: 10px 0 10px 10px; font-size: 18px; background: #CCC; font-weight: bold; }
table#lawTable { width: 100%; float: left; clear: both; padding: 5px; margin: 20px 0 40px 0; display: table; }
table#lawTable th { width: 30%; background: #006124; color: #FFF; padding: 10px 2%; box-sizing: border-box; display : table-cell; border-top: 1px solid #CCC; }
table#lawTable td { width: 70%; padding: 10px 2%; box-sizing: border-box; display : table-cell; border-top: 1px solid #CCC; }
table#lawTable tr:last-child th,
table#lawTable tr:last-child td{ border-bottom: 1px solid #CCC; }

#information_entry h3.lawTxt{ width: 100%; float: left; clear: both; margin: 20px 0 0 0; padding: 10px 0 10px 10px; font-size: 16px; background: #CCC; }
#information_entry .text_area{ margin: 0; padding: 10px 0 0 10px; float: left; clear: both; width: 100%; }
#information_entry .text_area dl{ margin: 0; padding: 0; float: left; clear: both; width: 100%; }
#information_entry .text_area dl dt{ margin: 0; padding: 10px 0 0 10px; float: left; clear: both; width: 100%; font-weight: bold; font-size: 14px; border-bottom: 1px solid #CCC; }
#information_entry .text_area dl dd{ margin: 0 0 20px 0; padding: 10px 0 0 10px; float: left; clear: both; width: 100%; }
#information_entry .text_area02{ margin: 0 0 20px 0; padding: 10px 0 0 10px; float: left; clear: both; width: 100%; font-weight: bold; color: #C00; }
#information_entry h4.tTitle { float: left; clear: both; width: 100%; text-align: left; margin: 20px 0 0; padding: 5px 0 5px 2%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #333; color: #FFFFFF; font-size: 110%; }
#information_entry h1.title { padding: 5px 5px 10px 5px; border-bottom-width: 1px; border-bottom-style: solid; font-size: 20px; margin-bottom: 15px; font-weight: normal; }


/*-------------------------------------------------------------------------------------------------*/
/*-商品ページ下の商品------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.origin-goods { width: 100%; margin: 0; padding:0; float: left; clear: both; }
.origin-goods .origin-title{ border-bottom-width: 1px; border-bottom-style: dotted; font-weight: bold;}
.origin-goods div.items{ margin: 10px 0 0 0; border: none; padding: 0; white-space: nowrap; zoom: 1; }
.origin-goods .items ul li.icon_disp{ width: 32%; margin: 0 0.5%; padding:0; float: left; clear: both; }
.origin-goods .items ul li.icon_disp div.title{ margin: 10px 0 0 0; }

/*-------------------------------------------------------------------------------------------------*/
/*-ページh1----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
h1.mt-blj { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/blj/main_title02.jpg") no-repeat; width: 100%; height: 80px; font-size: 22px; line-height: 80px; padding: 0 0 0 10px; font-family: serif; border: 1px solid #CCC; }
h1.mt-genj { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/genj/main_title02.jpg") no-repeat; width: 100%; height: 80px; font-size: 22px; line-height: 80px; padding: 0 0 0 10px; font-family: serif; border: 1px solid #CCC; }
h1.mt-bsk { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/bsk/main_title02.jpg") no-repeat; width: 100%; height: 80px; font-size: 22px; line-height: 80px; padding: 0 0 0 10px; font-family: serif; border: 1px solid #CCC; }
h1.mt-szf { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/szf/main_title02.jpg") no-repeat; width: 100%; height: 80px; font-size: 22px; line-height: 80px; padding: 0 0 0 10px; font-family: serif; border: 1px solid #CCC; }
h1.mt-szk { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/szk/main_title02.jpg") no-repeat; width: 100%; height: 80px; font-size: 22px; line-height: 80px; padding: 0 0 0 10px; font-family: serif; border: 1px solid #CCC; }
h1.mt-szt { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/szt/main_title02.jpg") no-repeat; width: 100%; height: 80px; font-size: 22px; line-height: 80px; padding: 0 0 0 10px; font-family: serif; border: 1px solid #CCC; }
h1.return { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/return/title02.png") no-repeat; width: 776px; height: 112px; font-size: 30px; line-height: 112px; padding: 0 0 0 140px; }
h1.after { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/service/after_title02.png") no-repeat; width: 776px; height: 112px; font-size: 30px; line-height: 112px; padding: 0 0 0 140px; }
h1.shine { font-weight: bold; float: left; clear: both; margin: 0; background: url("../images/service/shine_title02.png") no-repeat; width: 776px; height: 112px; font-size: 30px; line-height: 112px; padding: 0 0 0 140px; }
h1.size { font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/service/size_title02.png") no-repeat; width: 776px; height: 112px; font-size: 30px; line-height: 112px; padding: 0 0 0 140px; }
.guide h1{ font-weight: bold; float: left; clear: both; margin: 0 0 20px 0; background: url("../images/guide/main-title02.jpg") no-repeat; width: 800px; height: 80px; font-size: 30px; line-height: 80px; padding: 0 0 0 60px; font-family: serif; border: 1px double #CCC; }

/*-------------------------------------------------------------------------------------------------*/
/*-商品ページランク表------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
table.ranktable { width: 98%; margin: 10px 1%; padding: 0px; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; float: left; clear: both; }
table.ranktable td.ranktitle{ background: #333; color: #FFF; font-weight: bold; text-align: center; padding: 5px; }
table.ranktable td.rank-j{ background: #FFE9EB; font-weight: bold; text-align: center; width: 15%; padding: 5px; border-bottom: 1px solid #333; border-right: 1px solid #333; vertical-align: middle; }
table.ranktable td.rank-b{ background: #E3F7FE; font-weight: bold; text-align: center; width: 15%; padding: 5px; border-bottom: 1px solid #333; border-right: 1px solid #333; vertical-align: middle; }
table.ranktable td.rank-t{ text-align: left; width: 85%; padding: 5px; border-bottom: 1px solid #333; font-size: 12px; line-height: 20px; letter-spacing: -0.2px; }

/*-------------------------------------------------------------------------------------------------*/
/*-ラッピング--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#wrapping{text-align: center;width:720;margin:0 auto;}
#wrapping .wrappingbox{float: left; clear: both; width: 100%;}
#wrapping .wrappingbox h1,
#wrapping .wrappingbox h4,
#wrapping .wrappingbox h5{margin: 25px 10% 0;float:left; clear:both; width:80%;text-align:left;padding:30px 0 0 20px; font-weight: bold; font-size: 18px; border-top: solid 2px #003300;}
#wrapping .wrappingbox h2,
#wrapping .wrappingbox h3{margin: 20px 10% 0;float:left; clear:both; width:80%;text-align:left;padding:0 0 0 20px; font-weight: bold; font-size: 18px;}
#wrapping .wrappingbox p{margin: 10px 10% 0;float:left;clear:both;width:80%;padding:0 0 0 20px;font-size:14px;line-height:22px;text-align:left;]
.txt-right{text-align:right;}

a:title { display:none; }



@media screen and (max-width: 750px) {
#contents02 { width: 100%; margin: 0 auto; padding: 0 0 50px 0;  display: none;}


/*bsk
------------------------------------------------------------*/
ul.bskblock { float: left; clear: both; margin: 0 2% 20px; width: 96%; }
ul.bskblock li{ float: left; margin: 0 1%; width: 18%; }
ul.bskblock02{ float: left; clear: both; margin: 10px 0 20px 0; width: 100%; }
ul.bskblock02 li{ float: left; margin: 0 1%; width: 48%; }

.newitembox02,
.newitembox03 { width: 96%; margin: 0 2%; float: left; clear: both; position: relative; }
.newitembox02 p,
.newitembox03 h2{ width: 100%; margin: 0 0 0 0;  padding: 0 0 5px 0; font-size: 18px; font-weight: bold; float: left; clear: both; }
.newitembox02 p,
.newitembox03 h2 { font-size: 14px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 0 5px; float: left; clear: both; border-bottom: 1px solid #444; }
.newitembox02 p.nb { font-size: 14px; font-weight: bold; width: 100%; margin: 10px 0 0 0; padding: 0 0 0 5px; float: left; clear: both; border-bottom: none; }

.newitembox02 ul.bskblock{ float: left; clear: both; margin: 20px 0% 0; width: 100%; }
.newitembox02 ul.bskblock li{ float: left; margin: 0 1% 10px; width: 23%; font-size: 10px; }
.newitembox02 .btnAll { margin:10px 0 0 0; padding:0; float:left; clear:both; text-align:right; width:100%; font-weight: bold; }

.newitembox02 { width: 96%; margin: 0 2%; float: left; clear: both; position: relative; }

}