@charset "utf-8";

/* reset styles
----------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{margin:0;padding:0;font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:left}ul li,ol li{list-style-type:none}a{text-decoration:none}img{border:0}img,input,select,textarea{vertical-align:middle}address,em{font-style:normal}hr{display:none}*:first-child+html *{letter-spacing:0}

/* basic link colours
----------------------------------------------- */
a,a:link, a:visited {
	color: #0075c1;
	text-decoration: none;
}
a:hover {
	color: #2a99e1;
	text-decoration: underline;
}

/* layout
----------------------------------------------- */
body {

	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #333;
	/*font-family:"游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background: #cbe568;
position:relative;
}

.mB50 {margin-bottom: 50px;}
.mB40 {margin-bottom: 40px;}
.mB30 {margin-bottom: 30px!important;}
.mB20 {margin-bottom: 20px!important;}
.mB15 {margin-bottom: 15px;}
.mB10 {margin-bottom: 10px;}
.mB5 {margin-bottom: 5px;}

.mT50 {margin-top: 50px;}
.mT40 {margin-top: 40px;}
.mT30 {margin-top: 30px;}
.mT20 {margin-top: 20px;}
.mT15 {margin-top: 15px;}
.mT10 {margin-top: 10px;}
.mT5 {margin-top: 5px;}
.mT0 {margin-top: 0;}

.mL30 {margin-left: 30px;}
.mL20 {margin-left: 20px;}
.mL15 {margin-left: 15px;}
.mL10 {margin-left: 10px;}
.mL5 {margin-left: 5px;}

.cnt {text-align: center;}

.txtb {font-weight:bold;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}



/* opacity
----------------------------------------------- */
a:hover img,.headIn h1 a:hover,.headIn p.header-sitename a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=70)";
}
/* span hidden
----------------------------------------------- */
.headIn h1 span,.headIn p.header-sitename span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
/* clear
----------------------------------------------- */
.clB {
	clear: both;
}
.blueBox:after,
.whiteBox:after,
.grayBox:after,
.foot1In:after,
.foot2In:after,
#contents:after,
.breadcrumbs:after,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.blueBox,
.whiteBox,
.grayBox,
.foot1In,
.foot2In,
#contents,
.breadcrumbs,
.clearfix {
	display: inline-block;
}
.blueBox,
.whiteBox,
.grayBox,
.foot1In,
.foot2In,
#contents,
.breadcrumbs,
.clearfix {
	display: block;
}

/* TOP HEADER
----------------------------------------------- */
#header {
    width: 100%;
    height: 155px;
    text-align: center;
    background: url(/img/top/head_bg.png)#cbe568 left bottom repeat-x;
}

#header .topcenter{
width:300px;
float: right;
}

.head_sp {
	display: none;
}
.headTxt {
background: #1b1463;
padding: 5px 0;
}

.headTxt p {
	max-width: 990px;
color:#fff000;
	line-height: 1.1;
	text-align: left;
	padding: 0 5px;
	margin: 0 auto;
	font-size: 12px;
}
.headIn {
	width: 1000px;
	/*height: 100px;*/
	padding-top: 5px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
/* SEO対応 2026-10-14: ページの見出しを h1 にしたページでは、ヘッダーのサイト名（ロゴ）が h1 ではなく p.header-sitename になる。
   見た目を変えないよう .headIn h1 と同じ指定を当てる（font-weight は h1 の既定値に合わせる）。 */
.headIn p.header-sitename {
	font-weight: bold;
}
.headIn h1,.headIn p.header-sitename {
	width: 250px;
	height: 115px;
	float: left;
	margin:0 10px 0 0;
}
.headIn h1 a,.headIn p.header-sitename a {
	width: 240px;
	height: 130px;
	display: block;
	background: url(../img/common/logo.png)no-repeat;;
	background-size:contain;
}


.headMemb {
    text-align: right;
    padding-top: 0px;
}
.headMemb p {
	font-size: 95%;
	line-height: 1.1;
	height: 1.3em;
}

.headMemb ul{

}

.headMemb li {
	display:inline-block;
	vertical-align:top;
	padding-left: 5px;
	margin-bottom:5px;
	float:none;
}

.headMemb li a {
    width: 120px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 110%;
    padding: 3px 0 3px 20px;
    background: #eee;
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 3px #656565;
    border-left: solid 1px #eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	font-weight:bold;
}

.headMemb li#login a {
	background: url(../img/common/icon_login.png)#eee left 5px top 3px no-repeat;
}
.headMemb li#logout a {
	background: url(../img/common/icon_logout.png)#eee left 8px top 2px no-repeat;
}
.headMemb li#mypage a {
	background: url(../img/common/icon_mypage.png)#eee left 5px top 3px no-repeat;
}
.headMemb li#member_regi a {
	background: url(../img/common/icon_member_regi.png)#eee left 8px top 3px no-repeat;
}

.headMemb li a:hover {
    border-bottom: solid 2px #656565;
    margin-top: 2px;
    text-decoration: none;
    background: #e7e7e7;
}
.headMemb li a:active {
	border-bottom: solid 1px #dadada;
	margin-top: 3px;
}

#header .payment {
    float: right;
}

div#headDesc{
float:left;
margin-top:15px;
width:420px;
height:100px;
background: url(../img/top/head_desc.png) no-repeat;
}

div#headDesc p{
padding:10px 5px;
width:230px;
color:#00a93d
}

div#headTel{
float:left;
/*box-shadow:4px 4px 8px #9ea477;*/
margin-top:15px;
width:420px;
}


.headTel {
	width: 260px;
	padding-left: 40px;
	float: left;
	padding-top: 5px;
}
.headTel dt {
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.headTel1 {
	font-size: 15px;
}
.headTel2 {
	background: #ff0000;
	display: inline-block;
	float: left;
	font-size: 13px;
	margin-right: 3px;
	padding: 3px 4px 1px;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.headTel3{
	font-size: 28px;
	letter-spacing: 0;
	color: #ff0000;
	line-height: 1;
}

.headTel4{
	font-size: 0.97em;
	letter-spacing: 0.05em;
	color: #333;
	font-weight:bold;
	line-height: 1.2;
	width:400px;
	text-align:right;
	float:right;
	margin-right:10px;
}

.headTel4 span.caution{
	font-size: 0.88em;
	letter-spacing: 0.02em;
	color: #333;
	line-height: 1;
	font-weight:normal;
}


/* GLOBAL NAVI
----------------------------------------------- */
#gnav {
	display: block!important;
}
#nav1 {
	width: 100%;
	height: 42px;
	clear: both;
	border-top: none;
	background:url(../img/common/headmenu_bg.jpg) repeat-x;
	border-bottom:0;
	position:relative;
}

#scroll_box {
    margin: 0 auto;
    text-align: right;
    width: 960px;
}

.rightBnr {
    height: 0;
    margin-top:50px;
    margin-left: 1010px;
    width: 150px;
    position: fixed;
}


.leftBnr {
  height: 0;
  margin-top:50px;
  margin-left: -240px;
  width: 150px;
  position: fixed;
}

.rightBnr img{
padding:5px 0;
}

#nav1 ul {
	width: 1000px;
	height: 42px;
	margin: 0 auto;
	border-left: solid 1px #ccc;
}

.nav1_l1 {
	width: 140px;
	height: 40px;
	float: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
		background:#fff;
	-webkit-border-radius: 6px;
	box-sizing:border-box;
	border: solid 1px #64b200;
  box-shadow:0px 2px 0px 0px #64b200;
	margin:2px 5px 0 0;
}

.nav1_l1 a {
	width: 140px;
	height: 38px;
	vertical-align:middle;
	display: table-cell;
	text-align: center;
	font-size: 15px;
	font-weight:bold;
	line-height: 1;
	color: #46a838;
}

.nav1_l2 {
	width: 225px;
	height: 40px;
	float: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
		background:#fff;
	-webkit-border-radius: 6px;
	box-sizing:border-box;
	border: solid 1px #64b200;
  box-shadow:0px 2px 0px 0px #64b200;
	margin:2px 0 0 0;
}

.nav1_l1:hover,.nav1_l2:hover  {
margin-top:3px;
box-shadow:0px 1px 0px 0px #64b200;
	text-decoration:none;
}
.nav1_l1 a:hover,.nav1_l2 a:hover{
	text-decoration:none;
}

.nav1_l2 a {
	width: 225px;
	height: 38px;
	vertical-align:middle;
	display: table-cell;
	text-align: center;
	font-size: 15px;
	line-height: 1;
	color: #46a838;
	font-weight:bold;
}



.nav1_1 {
	width: 100px;
	height: 0;
	float: left;
	padding:3px 10px 0 10px;
	margin-top:0;
}

.nav1_1 a {
	width: 100px;
	padding:3px 10px 0 10px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
	line-height:2.4em;
	border-right: solid 1px #ccc;
	color: #000;
height: 34px;
}

.nav1_1#multi a {
	width: 100px;
	padding:5px 10px 0 10px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
	line-height: 14px;
	border-right: solid 1px #ccc;
	color: #000;
	height: 32px;
}


.palettelink a {
	padding-top: 11px !important;
	height: 34px !important;
	line-height: 1.2 !important;
}

.nav1_1.pc_none{
display:none;
}

.nav1_1 a:hover {
background-color: rgba(160,160,160,0.5);
text-decoration: none;
}

.nav1_2 {
	width: 140px;
	height: 30px;
	float: left;
	padding: 4px 0 0 14px;
	margin-left:5px;
}
.nav1_2 a {
	width: 108px;
	height: 26px;
	padding: 5px 0 0 38px;
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
	background: url(../img/common/head_cart.png) 15px 8px no-repeat #ff0000;
	border-bottom: solid 4px #d40000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.nav1_2 a:hover {
	border-bottom: solid 2px #d40000;
	margin-top: 2px;
	text-decoration: none;
}

.nav1_2 a:active {
	border-bottom: solid 1px #bf4744;
	margin-top: 3px;
}

#nav2 {
	width: 1000px;
	height: 66px!important;
	clear: both;
	background: #fff;
	padding:6px 30px 0 30px;
	margin:0 auto 0px auto;
}

#nav2 ul.dropmenu {
	width: 1000px;
	height: 86px;
	margin: 0 auto;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2200;
}


/* dropmenu
----------------------------------------------- */
.dropmenu{
	*zoom: 1;
	list-style-type: none;
	width: 1000px;
	margin: 5px auto 30px;
	padding: 0;
}
.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}
.dropmenu:after{
	clear: both;
}
.dropmenu li{
	position: relative;
	/*width: 20%;*/
	width: 165px;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	text-align: center;
}
.dropmenu li.last{
	margin-right: 0;
}
.dropmenu li a{
	display: block;
	margin: 0;
	padding: 0 0 0;
	/*background: #8a9b0f;*/
	color: #333;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li{
	/*width: 100%;*/
	width: 165px;
}
.dropmenu li ul li a{
	padding: 12px 14px;
	border-top: 1px solid #E9E9EB;
	background: #fff;
	text-align: left;
}

.dropmenu ul#hnavi_01 li a{background: #F3F6E4;}
.dropmenu ul#hnavi_02 li a{background: #FDEDEE;}
.dropmenu ul#hnavi_03 li a{background: #F4FAFD;}
.dropmenu ul#hnavi_04 li a{background: #FDF3FA;}
.dropmenu ul#hnavi_05 li a{background: #FCFAF2;}
.dropmenu ul#hnavi_06 li a{background: #F6F3F9;}

.dropmenu li:hover > a{
	background: #fff;
}
.dropmenu li a:hover{
	background: #fff !important;
}



#fade-in li ul{
	visibility: hidden;
	opacity: 0;
	transition: 0s;
}
#fade-in li:hover ul{
	visibility: visible;
	opacity: 1;
}
#fade-in li ul li a{
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}
#fade-in li:hover ul li a{
	visibility: visible;
	opacity: 1;
}


/* SIDE
----------------------------------------------- */
#side {
	width: 240px;
	float: left;
}
.sideBan li {
	margin-bottom: 15px;
}
.sideNav {
padding: 15px;
background: #fff;
box-sizing:border-box;
border:1px solid #000;
margin:20px 0;
border-radius:0;
}
.sideTtl {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
.sideNav p {
    padding: 0;
    color: #333;
    font-weight: bold;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
	margin-bottom:5px;
}
.sideNav p img {
	margin:0 0 0 10px;
}
.sideSrch {
    background: #fff;
    margin: 0;
    padding: 0;
}

.sideIpt {
    width: 175px;
    height: 25px;
	box-sizing:border-box;
    font-size: 105%;
    margin-right: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: solid 1px #dadada;
    padding: 0 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1c1c1+0,ffffff+29 */
background: #c1c1c1; /* Old browsers */
background: -moz-linear-gradient(top,  #c1c1c1 0%, #ffffff 29%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c1c1c1 0%,#ffffff 29%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c1c1c1 0%,#ffffff 29%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}


.sideSrch input[type="image"] {
    border: solid 1px #dadada;
	border-left:none;
	border-radius: 0 4px 4px 0;
	-moz-border-radius:  0 4px 4px 0;
	-webkit-border-radius:  0 4px 4px 0;
}


.sideRank1,.sideRank2,.sideRank3,.sideRank4 {
	border-bottom: solid 1px #e7e7e7;
}
.sideRank1 a,.sideRank2 a,.sideRank3 a,.sideRank4 a {
	display: block;
	padding: 13px 5px 12px 25px;
	line-height: 1.1;
	width: 190px;
	color: #333;
}
.sideRank1 a {
	background: url(../img/common/icon_rank.gif) 5px 10px no-repeat #fff;
}
.sideRank2 a {
	background: url(../img/common/icon_rank.gif) 5px -30px no-repeat #fff;
}
.sideRank3 a {
	background: url(../img/common/icon_rank.gif) 5px -70px no-repeat #fff;
}
.sideRank4 a {
	background: url(../img/common/icon_rank.gif) 5px -110px no-repeat #fff;
}
.sideRank1 a:hover {
	text-decoration: none;
	background: url(../img/common/icon_rank.gif) 5px 10px no-repeat #f5f5f5;
}
.sideRank2 a:hover {
	text-decoration: none;
	background: url(../img/common/icon_rank.gif) 5px -30px no-repeat #f5f5f5;
}
.sideRank3 a:hover {
	text-decoration: none;
	background: url(../img/common/icon_rank.gif) 5px -70px no-repeat #f5f5f5;
}
.sideRank4 a:hover {
	text-decoration: none;
	background: url(../img/common/icon_rank.gif) 5px -110px no-repeat #f5f5f5;
}

.sideNav p.ttl {
	margin:10px 0 3px;
	font-size:15px;
	color: #fff;
	padding:0 0 8px 0;
	text-align:center;
}
.sideNav p.ttl img{
	margin:0 5px 0 -8px;
}
/*
*/
.sideNav p.group01 {background-color: #f1f9ea;color:#8dc21f;}
/*.sideNav p.group01 a {background: url(../img/common/group01_icon.png) 5px center no-repeat;}*/
.sideNav p.group02 {background-color: #fff2f3;color:#eb0008;}
/*.sideNav p.group02 a {background: url(../img/common/group02_icon.png) 5px center no-repeat;}*/
.sideNav p.group03 {background-color: #f4f8fe;color:#0091e2;}
/*.sideNav p.group03 a {background: url(../img/common/group03_icon.png) 5px center no-repeat;}*/
.sideNav p.group04 {background-color: #fff1f8;color:#ff6cba;}  
/*.sideNav p.group04 a {background: url(../img/common/group04_icon.png) 5px center no-repeat;}*/
.sideNav p.group05 {background-color: #fffbf5;color:#fdb54c;}
/*.sideNav p.group05 a {background: url(../img/common/group06_icon.png) 5px center no-repeat;}*/
.sideNav p.group06 {background-color: #f4eff6;color:#9260af;}  
/*.sideNav p.group06 a {background: url(../img/common/group05_icon.png) 5px center no-repeat;}*/

.sideNav span.copy{
display:block;
color:#fff;
font-size:16px;
letter-spacing:0.05em;
font-weight:bold;
text-align:center;
padding:6px 0;
margin-bottom:8px;
}


.sideNav p.group01.ttl span.copy{
background-color: #8dc21f;}
.sideNav p.group02.ttl span.copy{
background-color: #eb0008;}
.sideNav p.group03.ttl span.copy{
background-color: #0091e2;}
.sideNav p.group04.ttl span.copy{
background-color: #ff6cba;}
.sideNav p.group05.ttl span.copy{
background-color: #fdb54c;}
.sideNav p.group06.ttl span.copy{
background-color: #9260af;}



.sideNav1 li {
	border-top: solid 3px #e7e7e7;
	border-bottom: solid 3px #e7e7e7;
	font-size:14px;
}
.sideNav1 li a {
	display: block;
	padding: 15px 5px 15px 55px;
	line-height: 1;
	width: 160px;
	background: url(../img/common/arrow.gif) 8px center no-repeat #fff;
	color: #333;
}
.sideNav1 li a:hover {
	text-decoration: none;
	color: #333;
	background: url(../img/common/arrow.gif) 8px center no-repeat #f5f5f5;
}

.sideNav1 li a.pb_bg {background: url(../img/common/priceboard_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.np_bg {background: url(../img/common/numberplate_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.pop_bg {background: url(../img/common/pop_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.kbx_bg {background: url(../img/common/keybox_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.ci_bg {background: url(../img/common/carinspection_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.stk_bg {background: url(../img/common/sticker_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.nbr_bg {background: url(../img/common/nobori_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.kmk_bg {background: url(../img/common/kouhakumaku_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.odm_bg {background: url(../img/common/banner_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.sdr_bg {background: url(../img/common/shidare_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.rzm_bg {background: url(../img/common/renzokumaku_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.rbm_bg {background: url(../img/common/rubbermat_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.swb_bg {background: url(../img/common/swingbanner_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.kbn_bg {background: url(../img/common/kanban_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.cts_bg {background: url(../img/common/catalogstand_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.tp_bg {background: url(../img/common/tapestry_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.pcp_bg {background: url(../img/common/popclip_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.rar_bg {background: url(../img/common/rack_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.hpi_bg {background: url(../img/common/happi_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.tnt_bg {background: url(../img/common/tent_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.pb2_bg {background: url(../img/common/priceboard2_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.np2_bg {background: url(../img/common/numberplate2_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.afw_bg {background: url(../img/common/archflower_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.cob_bg {background: url(../img/common/seiyakufuda_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.dc_bg {background: url(../img/common/deliverycar_supplies_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.stk2_bg {background: url(../img/common/sticker2_icon.png) 3px center no-repeat #fff;}


.sideNav1 li a.nsp_bg {background: url(../img/common/neckstrap_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.futo_bg {background: url(../img/common/futo_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.wb_bg {background: url(../img/common/whiteboard_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.lmn_bg {background: url(../img/common/laminate_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.tcp_bg {background: url(../img/common/chuckpouch_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.cfuto_bg {background: url(../img/common/clearfuto_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.stb_bg {background: url(../img/common/styreneboard_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.dmh_bg {background: url(../img/common/dmhagaki_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.meishi_bg {background: url(../img/common/meishisupplies_icon.png) 3px center no-repeat #fff;}


.sideNav1 li a.lkh_bg {background: url(../img/common/keyholder_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.ptf_bg {background: url(../img/common/photoframe_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.lgs_bg {background: url(../img/common/giftset_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.ot_bg {background: url(../img/common/towel_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a.aeb_bg {background: url(../img/common/aero_icon.png) 3px center no-repeat #fff;}

.sideNav1 li a:hover {background-color: #f5f5f5;}

.sideNav1 li a.ci2_bg {background: url(../img/common/naire_shakensho_icon.png) 3px center no-repeat #fff;}



.sideCale,.sideCnt {
	background: #fff;
	border: solid 1px #dadbde;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
}
.sideCaleTtl,.sideCntTtl {
	padding: 11px;
	color: #0075c1;
	font-weight: bold;
	line-height: 1;
	font-size: 131%;
	background: #e5e6e8;
	margin-bottom: 10px;
}
.sideCale table {
	width: 220px;
	margin: 0 auto 8px;
}
.sideCale th,.sideCale td {
	padding: 2px 0;
	line-height: 1.1;
	text-align: center;
}
.sideCale th,.sideCale td {
	padding: 3px 0;
	line-height: 1.1;
	text-align: center;
	border: solid 2px #fff;
}
.sideCale th {
	background: #e5e6e8;
}
.sideCale td {
	background: #f5f5f5;
}
.sideCale caption {
	background: #e5e6e8;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	border: solid 2px #fff;
}
.rest {
	background: #ffdfdf!important;
}
.holiTxt {
	padding: 0 10px 8px;
	font-size: 93%;
	line-height: 1.2;
}
.holiTxt span {
	color: #ffb7b7;
}
.sideCnt1 {
	padding: 0 10px 5px;
	line-height: 1.2;
	font-size: 116%;
}
.sideCnt dl {
	padding: 0 5px 0 10px;
}
.sideCnt2 {
	background: #0075c1;
	display: inline-block;
	float: left;
	font-size: 13px;
	margin-right: 3px;
	padding: 3px 4px 1px;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 3px;
}
.sideCnt3 {
	font-size: 25px;
	letter-spacing: 0;
	color: #0075c1;
	line-height: 1;
}
.sideCnt4 {
	font-size: 18px;
	letter-spacing: 0;
	color: #0075c1;
	line-height: 1;
	padding: 6px 0;
}
.sideCnt5 {
	display: inline-block;
	float: left;
	font-size: 11px;
	margin-right: 3px;
	padding: 3px 1px 1px;
	color: #666;
	border: solid 1px #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 3px;
}
.sideCnt6 {
	font-size: 11px;
	padding: 2px 0;
}
.sideTxts {
	font-size: 11px;
	padding: 2px 10px 6px;
}
.sideCntBtn {
	clear: both;
	width: 220px;
	padding: 5px 0 10px 9px;
}
.sideCntBtn a {
	clear: both;
	width: 175px;
	height: 27px;
	padding: 13px 0 0 45px;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background: url(../img/common/side_mail.png) 20px center no-repeat #0075c1;
	border-bottom: solid 4px #005a94;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sideCntBtn a:hover {
	border-bottom: solid 2px #005a94;
	margin-top: 2px;
	text-decoration: none;
	background: url(../img/common/side_mail.png) 20px center no-repeat #006aaf;
}
.formCntBtn {
	clear: both;
	width: 170px;
	padding: 5px 0 10px 9px;
	margin:0 auto;
}
.formCntBtn a {
	clear: both;
	width: 125px;
	height: 27px;
	padding: 13px 0 0 45px;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background: url(../img/common/side_mail.png) 20px center no-repeat #0075c1;
	border-bottom: solid 4px #005a94;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.formCntBtn a:hover {
	border-bottom: solid 2px #005a94;
	margin-top: 2px;
	text-decoration: none;
	background: url(../img/common/side_mail.png) 20px center no-repeat #006aaf;
}

div.faxorder {
	width: auto;
	background: #fff;
	border: solid 3px #FAB400;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 12px;
	margin-bottom: 20px;
	padding: 12px 10px 5px;
}
div.faxorder p{
	margin: 0;
	padding: 0;
	text-align:center;
}
div.faxorder ul {
	margin: 8px 0 0 30px;
}
div.faxorder ul li{
	font-size:22px;
	font-weight:bold;
}
div.faxorder ul li a,
div.faxorder ul li a:link,
div.faxorder ul li a:visited {
	color: #00A0E9;
	text-decoration: none;
	background: url(../img/common/fax_arrow.png) left 5px no-repeat;
    padding: 0 0 0 26px;
}
div.faxorder ul li a:hover{
	color: #957C52;
	text-decoration: none;
	background: url(../img/common/fax_arrow_h.png) left 5px no-repeat;
}



#dropmenu{
  list-style-type: none;
  width: 240px;
  height: 124px;
  margin: 0 0 0 0;
  padding: 0;
}

#dropmenu li{
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #3fa9f5;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  }
  
  #dropmenu li a.double{
  display: block;
  margin: 0;
  color: #3fa9f5;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  }
  
#dropmenu li ul{
  list-style: none;
  position: absolute;
  margin: 0;
  padding: 0;
  background: #fff;
  border:solid #008ec2 1px;
  z-index:100;
}
#dropmenu li:last-child ul{
  width:99%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #3fa9f5;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 15px 10px;
  margin:4px 8px;
  background: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  height: 46px;
  background:url(../img/common/fax_link_btn.png) 0 0 no-repeat;
}

#dropmenu li ul li a.double{
  padding: 10px;
  margin:4px 8px;
  background: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  height: 46px;
  background:url(../img/common/fax_link_btn.png) 0 0 no-repeat;
}

#dropmenu li:hover > a,#dropmenu li:hover > a.double{
  color: #fff;
  background: #00934d;
  height: 46px;
  background:url(../img/common/fax_link_btn_h.png) 0 0 no-repeat;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 50px;
}


/* FOOTER
----------------------------------------------- */

#footer .foot2In {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
  justify-content: flex-start;
display:flex;
flex-wrap: wrap;
}


#footer .invoice {
  background: #fff;
  padding: 15px;
  margin-left:20px;
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  border:solid 2px #333;
  height: auto;
  width:auto;
  vertical-alingn:middle;
}

#footer .invoice p.bold_number {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  line-height: 2;
}

.foot2In .contact-image img{
max-width:100%;
}


#pageTop {
	bottom: 20px;
	right: 20px;
	display: block;
	width: 50px;
	height: 50px;
	margin-left: 890px;
	position: fixed;
	z-index: 999;
}
.foot1 {
	width: 100%;
	background: #f0f0f1;
	border-top: solid 1px #e0e0e2;
	text-align: center;
	clear: both;
}
.foot1In {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}
.footLogo {
	width: 220px;
	float: left;
}
.footLogo img{
max-width:100%;
}

.foot1In ul {
	width: 180px;
	float: left;
	padding:0 0 0 15px;
}
.foot1In li {
	margin-bottom: 5px;
	font-size: 0.9em;
}
.foot1In li a {
	color: #666;
	line-height: 1.2;
}
.foot2 {
	width: 100%;
	background: #fff;
	border-top: solid 4px #ABCA37;
	text-align: center;
	clear: both;
}
.foot2 ul {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 0;
}
.foot2 li {
	width: 200px;
	display: inline-block;
	padding: 0 8px 20px;
}
.foot2 p.gs_title{
	margin:0;
	padding:2px 0 3px;
	width: 100%;
	background: #ABCA37;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
}
.copy {
	width: 100%;
	clear: both;
	background: #ABCA37;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/* CONTENTS
----------------------------------------------- */
#contents {
	width: 1000px;
	margin: 0 auto;
	padding:0 30px 10px 30px;
	background:#fff;
}
#main {
	width: 740px;
	float: right;
	text-align: left;
}
.breadcrumbs {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
}
.breadcrumbs li {
	float: left;
	line-height: 1.2;
}
.ttlCmn {
	font-size: 154%;
	color: #4D4D4D;
	line-height: 1.2;
	padding: 2px 5px 15px 0;
	clear: both;
/*font-family: "Rounded Mplus 1c";*/

}

#ttlg01,#ttlg02,#ttlg03,#ttlg04,#ttlg05,#ttlg06 {
	margin: 0 0 10px 0;
    padding: 5px 0 4px 0;
}
#ttlg01 {border-bottom:solid 4px #8CC451;}
#ttlg02 {border-bottom:solid 4px #ec0000;}
#ttlg03 {border-bottom:solid 4px #0091e2;}
#ttlg04 {border-bottom:solid 4px #fe95cd;}
#ttlg05 {border-bottom:solid  4px #FFCA39;}
#ttlg06 {border-bottom:solid 4px #9560ac;}



.mateCmn{
	padding: 2px 5px 8px 10px;
	clear: both;
}

.mateCmn a{
	font-size: 120%;
	font-weight:bold;
	color: #d2691e;
	line-height: 1.2;
}
.guide {
	width: 738px;
	background: #fff;
	border: solid 1px #dadbde;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top:15px;
	margin-bottom: 20px;
	padding: 15px 0;
	clear: both;
}
.guide h3 {
	font-size: 154%;
	color: #e75757;
	line-height: 1.2;
	padding: 0 0 10px 20px;
}
.guideDl1 {
	width: 340px;
	float: left;
	padding: 0 0 0 20px;
}
.guideDl1 dt,.guideDl2 dt {
	border-top: solid 1px #ccc;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
}
.guideDl1 dd,.guideDl2 dd {
	line-height: 1.4;
	color: #666;
	margin-bottom: 10px;
}
.guideDl1 dd a,.guideDl2 dd a {
	background: url(../img/common/arrow2.gif) left 3px no-repeat;
	padding-left: 12px;
}
.guideDl2 {
	clear: both;
	width: 698px;
	padding: 0 0 0 20px;
}


/* categories
----------------------------------------------- */

#cateTop{
	/*height:230px;*/
}

#type351_cate{background: url("../img/cate/type351.jpg") no-repeat;}
#type352_cate{background: url("../img/cate/type352.jpg") no-repeat;}
#type353_cate{background: url("../img/cate/type353.jpg") no-repeat;}
#type354_cate{background: url("../img/cate/type354.jpg") no-repeat;}
#type355_cate{background: url("../img/cate/type355.jpg") no-repeat;}
#type356_cate{background: url("../img/cate/type356.jpg") no-repeat;}
#type357_cate{background: url("../img/cate/type357.jpg") no-repeat;}
#type358_cate{background: url("../img/cate/type358.jpg") no-repeat;}
#type359_cate{background: url("../img/cate/type359.jpg") no-repeat;}
#type360_cate{background: url("../img/cate/type360.jpg") no-repeat;}
#type361_cate{background: url("../img/cate/type361.jpg") no-repeat;}
#type362_cate{background: url("../img/cate/type362.jpg") no-repeat;}
#type363_cate{background: url("../img/cate/type363.jpg") no-repeat;}
#type364_cate{background: url("../img/cate/type364.jpg") no-repeat;}
#type365_cate{background: url("../img/cate/type365.jpg") no-repeat;}
#type366_cate{background: url("../img/cate/type366.jpg") no-repeat;}
#type367_cate{background: url("../img/cate/type367.jpg") no-repeat;}
#type368_cate{background: url("../img/cate/type368.jpg") no-repeat;}
#type369_cate{background: url("../img/cate/type369.jpg") no-repeat;}
#type370_cate{background: url("../img/cate/type370.jpg") no-repeat;}
#type371_cate{background: url("../img/cate/type371.jpg") no-repeat;}
#type372_cate{background: url("../img/cate/type372.jpg") no-repeat;}
#type373_cate{background: url("../img/cate/type373.jpg") no-repeat;}
#type374_cate{background: url("../img/cate/type374.jpg") no-repeat;}
#type375_cate{background: url("../img/cate/type375.jpg") no-repeat;}
#type376_cate{background: url("../img/cate/type376.jpg") no-repeat;}
#type377_cate{background: url("../img/cate/type377.jpg") no-repeat;}
#type378_cate{background: url("../img/cate/type378.jpg") no-repeat;}
#type379_cate{background: url("../img/cate/type379.jpg") no-repeat;}
#type380_cate{background: url("../img/cate/type380.jpg") no-repeat;}
#type381_cate{background: url("../img/cate/type381.jpg") no-repeat;}
#type382_cate{background: url("../img/cate/type382.jpg") no-repeat;}
#type383_cate{background: url("../img/cate/type383.jpg") no-repeat;}
#type384_cate{background: url("../img/cate/type384.jpg") no-repeat;}
#type385_cate{background: url("../img/cate/type385.jpg") no-repeat;}
#type386_cate{background: url("../img/cate/type386.jpg") no-repeat;}
#type387_cate{background: url("../img/cate/type387.jpg") no-repeat;}
#type389_cate{background: url("../img/cate/type389.jpg") no-repeat;position:relative;}
#type390_cate{background: url("../img/cate/type390.jpg") no-repeat;}
#type391_cate{background: url("../img/cate/type391.jpg") no-repeat;}
#type393_cate{background: url("../img/cate/type393.jpg") no-repeat;}
#type394_cate{background: url("../img/cate/type394.jpg") no-repeat;}
#type395_cate{background: url("../img/cate/type395.jpg") no-repeat;}
#type396_cate{background: url("../img/cate/type396.jpg") no-repeat;}
#type397_cate{background: url("../img/cate/type397.jpg") no-repeat;}
#type398_cate{background: url("../img/cate/type398.jpg") no-repeat;}
#type399_cate{background: url("../img/cate/type399.jpg") no-repeat;}
#type494_cate{background: url("../img/cate/type494.jpg") no-repeat;}


div#type389_cate p{
width:450px;
padding-top:125px;
line-height:1.5;
}


/*

div#type389_cate a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
}

div#type389_cate:hover::before{
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.2);
}

*/

#cateTop p{
	width:430px;
	padding-top: 138px;
    padding-bottom: 30px;
	padding-left: 20px;
	line-height: 1.6;
}


#cateTop p span,
#original p span{
color:#E50011;
font-size:1em;
}

#original_cateTop p{
width:700px;
padding-top: 170px;
padding-bottom: 30px;
margin:0 auto;
line-height: 1.6;
}




/* point
----------------------------------------------- */
#itemPointBox {
margin:20px 0;
    /*display: flow-root;*/
}
.pbBase {
    margin:8px 0; 
}
.pbLeft {
vertical-align:top;
width:55px;
height:150px;
display:inline-block;
}
.pbCenter {
display:inline-block;
width:390px;
padding:12px 15px 0 0;
}

.pbCenter p{
text-align:justify;
}

.pbCenterwide {
display:inline-block;
width:661px;
padding:12px 0 ;
}

.pbCenter.clmn2 {
width:640px;
}

.pbCenter h3,
.pbCenterwide h3 {
font-size:24px;
font-weight:bold;
padding: 0 0 5px;
}

.pbCenter h3 span,
.pbCenterwide h3 span {
font-size:24px;
font-weight:bold;
color:#E50011;
}
.pbRight {
display:inline-block;
width:260px;
vertical-align:top;
text-align:right;

}

.pbCenter h3 span.small,
.pbCenterwide h3 span.small{
    font-size:14px;
    font-weight:bold;
    color:#333;
line-height:16px;
vertical-align:top;
}


.pbCenter h3 span.small_red{
    font-size:14px;
    font-weight:bold;
    color:#E50011;
line-height:16px;
}

.pbCenter .point-text {
	font-weight: bold;
	margin: -5px 0 5px 0;
}


.pbCenter h3,
.pbCenterwide h3 {
vertical-align:top;
line-height:0.9em;
margin-bottom:5px;
}


/* --- 価格表追加 2017/3/31 T.MORIYA ------------------------------------------------ */
div#price_box{
	width: 680px;
	float: left;
	padding:10px;
}

div#price_box h3{
	margin: 10px 0px;
	padding: 5px 0px 5px 10px;
	border-left: 5px solid #0000cd;
	font-size: 14px !important;
	font-weight:bold;
}

div#price_box table{
	border:#ccc solid 1px;
	border-collapse: collapse;
	width:100%;
	font-size: 12px !important;
	font-weight:bold;
}

div#price_box th {
    width:90px !important;
}
div#price_box p {
    font-size: 12px !important;
	font-weight:bold;
}

div#price_box table thead th{
	background:#ffa500;
	padding:5px 3px !important;
	border:#ccc solid 1px;
	text-align:center;
	color:#000;
}

div#price_box table tbody th{
	background:#dcdcdc;
	padding:5px 3px !important;
	text-align:center;
	border:#ccc solid 1px;
	/*width:auto;*/
}

div#price_box table tbody td{
	padding:5px 3px;
	text-align:center;
	color:#ff0000;
	line-height:2.0;
	border:#ccc solid 1px;
}

div#price_box input[type=text] {
    font-size:18px;
    font-weight: bold;
    text-align:right;
}

.price_input{
	font-size:13px;
	font-weight: normal;
	color:#000;
}

#tablefix td.selected{
    background-color:#87cefa;
}


/* 配送方法・送料について
----------------------------------------------- */
div#freepage1 div#delivery_fee{
background: url(../img/guide/delivery_fee.jpg) 0 center no-repeat;
width:740px;
height:731px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-bottom:10px;
}

h3.delivery_fee{
border-left: solid 7px #000;
font-size:1.4em;
font-weight:bold;
padding:2px 0 2px 10px;
width:100%;
background:#f2f2f2;
letter-spacing:0.05em;
margin:20px 0 10px 0;
box-sizing:border-box;
}



div.delivery table{
border-top: solid 1px #666;
border-left: solid 1px #666;
width:100%;
font-weight:bold;
margin:5px 0;
}

div.delivery table td.head{
background:#e6e6e6;
font-size:1.2em;
font-weight:bold;
}

div.delivery table span{
color:#E50011;
}
div.delivery table span.small{
color:#333;
font-size:0.85em;
font-weight:normal;
line-height:1.4;
display:block;
text-align:left;
}

div.delivery table ul{
list-style-type:disc;
font-size:0.9em;
text-align:left;
}

div.delivery table thead th{
border-right: solid 1px #666;
border-bottom: solid 1px #666;
background:#e6e6e6;
padding:10px 0;
text-align:center;
width:28%;
}

div.delivery table thead th:first-child{
width:16%;
}

div.delivery table tbody td{
border-right: solid 1px #666;
border-bottom: solid 1px #666;
background:#fff;
padding:10px;
text-align:center;
}

div.delivery_fee_list{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
 justify-content: space-around;
}

div.delivery_fee_list ul{
margin-bottom:10px;
}

div.delivery_fee_list ul li{
list-style-type: disc;
font-size:1.1em;
font-weight:bold;
margin-left:20px;
padding-bottom:5px;
}

/* トップページリニューアル
----------------------------------------------- */

ul.pickup{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-bottom:20px;
}

ul.pickup li{
width:357px;
}

ul.easytool{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-bottom:40px;
}

ul.easytool li:first-child{
width:520px;
height:170px;
}

ul.easytool li:first-child p:first-child{
margin-bottom:35px;
}

ul.easytool li:last-child{
width:192px;
}

p.top_lead{
display:inline-block;
vertical-align:top;
margin-right:10px;
font-size:14px;
line-height:1.6;
}

p.top_lead span.strong{
font-size:20px;
color:#00d445;
font-weight:bold;
}

p.top_lead span{
font-weight:bold;
color:#000;
}

p.top_lead_img{
display:inline-block;
vertical-align:top;
margin-bottom:20px;
}

/* サンプル請求について
----------------------------------------------- */

div#sample_free h3{
border-left: solid 7px #0075b8;
font-size:1.35em;
font-weight:bold;
padding:4px 0 4px 10px;
width:100%;
background:#f2f2f2;
color:#0075b8;
margin-bottom:20px;
box-sizing:border-box;
}

div#sample_order h3{
border-left: solid 7px #f2001f;
font-size:1.35em;
font-weight:bold;
padding:4px 0 4px 10px;
width:100%;
background:#f2f2f2;
color:#f2001f;
margin-bottom:20px;
box-sizing:border-box;
}

table.sample_list{
margin-bottom:30px;
}

div#sample_free table.sample_list th{
background:#e2eff8;
}
div#sample_order table.sample_list th{
background:#fee5e6;
}

table.sample_list th{
width:220px;
text-align: center;
padding:10px 0;
border-bottom:2px solid #fff;
}

table.sample_list tr{
margin-bottom:10px;
}

table.sample_list td{
width:490px;
box-sizing:border-box;
padding:10px 10px 0 30px;
}

table.sample_list ul{

}
table.sample_list ul li{
margin-bottom:5px;
list-style-type: disc!important;
}

table.sample_list ul li span.price{
color:#e50011;
padding-left:5px;
}

dl.sampleOrder_caution{
margin-bottom:30px;
}

dl.sampleOrder_caution dt{
display:inline-block;
vertical-align:top;
width:3%;
margin-bottom:5px;
}

dl.sampleOrder_caution dd{
display:inline-block;
vertical-align:top;
width:95%;
margin-bottom:5px;
}

/* 春の商戦応援特集
----------------------------------------------- */
div#springSale div.main{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 79%, #d7f4c6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 79%,#d7f4c6 100%); /* Chrome10-25,Safari5.1-6 */
background-image:url(../img/guide/spring_event_main.jpg) ,
linear-gradient(to bottom,  #ffffff 1%,#ffffff 79%,#d7f4c6 100%);
background-repeat:
    no-repeat,
    no-repeat;
background-position:
    top left,
	left;
	padding:220px 0 20px 0;
margin-bottom:20px;
}

div#springSale div.main dl{
padding:30px 10px;
background: url(../img/guide/sakura_top.png),
 url(../img/guide/sakura_bottom.png);
 background-position:
98% 10px,
10px 96%;
background-repeat:
    no-repeat,
    no-repeat;
background-color:#fffee5;
width:94%;
box-sizing:border-box;
padding:20px 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin:0 auto;
overflow:hidden;
}

div#springSale div.main dl dt{
width:180px;
}

div#springSale div.main dl dd{
width:440px;
font-size:14px;
margin-top:30px;
text-align:justify;
}

div#springSale div.main dl dt:nth-child(1),
div#springSale div.main dl dd:nth-child(4){
float:left;
}

div#springSale div.main dl dd:nth-child(2){
float:right;
}

div#springSale div.main dl dt:nth-child(3){
float:right;
margin-top:20px;
}


div#springSale div.main dl dd p span.underline{
border-bottom:1px dashed #ccc;
line-height:2;
}

div#springSale div.main dl dd span.attention{
color:#ff0000;
font-weight:bold;
}

div#springSale div#list{
width:100%;
overflow:hidden;
}

div#springSale div#list a{
width:220px;
float:left;
margin-right:35px;
margin-top:20px;
}

div#springSale div#list a:hover{
text-decoration:none;
}

div#springSale div#list a:nth-child(3n){
margin-right:0;
}


div#springSale div#list a div img{
border:4px solid #ececec
}

div#springSale div#list a div p{
margin-top:5px;
width:220px;
padding:5px 1px;
text-align:center;
border:3px solid #76c455;
color:#76c455;
font-size:16px;
font-weight:bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


div#pickupBox .bx-wrapper {
    max-width: 740px !important;
width:740px;
padding:0;
}

div#pickupBox .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow:none;
    border: 0;
    left: -5px;
    background: #fff;
}

div#pickupBox .bx-viewport{
width:730px!important;
margin:0 auto!important;
}

div#pickupBox .bx-wrapper .bx-controls-direction a {
z-index:0;
}


/* 車検証入れ（国内品）
----------------------------------------------- */
div.cate_productList div.gray_line{
border: solid 6px #ebebed;
padding:10px;
position:relative;
box-sizing:border-box;
margin-bottom:20px;
width:100%;

}

div.cate_productList div.gray_line:hover::before,
div.cate_productList div.highgradeBox:hover::before{
    z-index: 100;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(231,231,231,0.2);
}

div.cate_productList a:hover{
text-decoration:none;
}

div.cate_productList div.img{
    display: inline-block;
width:250px;
vertical-align:top;
}
div.cate_productList div.img img{
max-width:100%;
}

div.cate_productList div.text_area{
    display: inline-block;
    width: 440px;
    text-align: justify;
	position:relative;
	padding:0 0 0 10px;
	vertical-align:top;
}

div#main div.cate_productList dl.price#flex{
width:240px;
margin-bottom:15px;
}

div#main div.cate_productList dl.price#flex dt{
width:110px;
}

div.cate_productList div.text_area div.img2{
position:absolute;
right:5px;
top:12%;
z-index:0;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex{
width:100%;
overflow:hidden;
margin-bottom:5px;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dt{
width:70%;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dt br{
display:none;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dt{
margin-top:15px;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dd{
}


div.cate_productList div.text_area p.product_name {
    font-size: 2.2em;
    color: #FF0000;
    font-family: "Rounded Mplus 1c";
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1;
    padding: 5px 0;
}

div.cate_productList#naire_shakensho div.gray_line div.text_area p.product_name {
color:#00c7b4;
}


div.cate_productList div.highgradeBox div.text_area p.product_name {
color:#004ca8;
font-size:1.8em;
    padding: 15px 0 10px 0;
}

div.cate_productList div.text_area p{
font-size:12px;
color:#333;
}

div.cate_productList div.text_area .product_copy {
    font-size: 1.2em;
    line-height: 1.3;
    padding: 5px 0;
    font-weight: bold;
	display:block;
	color:#333;
}

div.cate_productList div.text_area p.btn{
width: 100%;
height: 100%;
padding: 8px 10px;
margin-top: 10px;
box-sizing: border-box;
display: block;
background: #00c7b4;
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align: center;
}

div.cate_productList div.highgradeBox div.text_area p.btn{
margin-top:0;
background:#004ca8;
}

div.cate_productList div.highgradeBox{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaebec+0,fffcea+25,e2ddd4+61,f3f3f3+85,e0dcc8+100 */
background: #eaebec; /* Old browsers */
background: -moz-linear-gradient(left,  #eaebec 0%, #fffcea 25%, #e2ddd4 61%, #f3f3f3 85%, #e0dcc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #eaebec 0%,#fffcea 25%,#e2ddd4 61%,#f3f3f3 85%,#e0dcc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #eaebec 0%,#fffcea 25%,#e2ddd4 61%,#f3f3f3 85%,#e0dcc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebec', endColorstr='#e0dcc8',GradientType=1 ); /* IE6-9 */
padding:8px;
position:relative;
box-sizing:border-box;
display:table;
margin-bottom:20px;
width:100%;
}

div.cate_productList div.highgradeBox .inside_box{
width:100%;
margin:0 auto;
background:#fff;
padding:8px;
box-sizing:border-box;
}


/* 車検証入れ（国内品）
----------------------------------------------- */
div.cate_productList div.gray_line{
border: solid 6px #ebebed;
padding:10px;
position:relative;
box-sizing:border-box;
margin-bottom:20px;
width:100%;

}

div.cate_productList div.gray_line:hover::before,
div.cate_productList div.highgradeBox:hover::before{
    z-index: 100;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(231,231,231,0.2);
}

div.cate_productList a:hover{
text-decoration:none;
}

div.cate_productList div.img{
    display: inline-block;
width:250px;
vertical-align:top;
}
div.cate_productList div.img img{
max-width:100%;
}

div.cate_productList div.text_area{
    display: inline-block;
    width: 440px;
    text-align: justify;
	position:relative;
	padding:0 0 0 10px;
	vertical-align:top;
}

div#main div.cate_productList dl.price#flex{
width:240px;
margin-bottom:15px;
}

div#main div.cate_productList dl.price#flex dt{
width:110px;
}

div.cate_productList div.text_area div.img2{
position:absolute;
right:5px;
top:12%;
z-index:0;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex{
width:100%;
overflow:hidden;
margin-bottom:5px;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dt{
width:70%;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dt br{
display:none;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dt{
margin-top:15px;
}

div#main div.cate_productList div.highgradeBox div.text_area dl.price#flex dd{
}


div.cate_productList div.text_area p.product_name {
    font-size: 2.2em;
    color: #FF0000;
    font-family: "Rounded Mplus 1c";
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1;
    padding: 5px 0;
}

div.cate_productList#naire_shakensho div.gray_line div.text_area p.product_name {
color:#00c7b4;
}


div.cate_productList div.highgradeBox div.text_area p.product_name {
color:#004ca8;
font-size:1.8em;
    padding: 15px 0 10px 0;
}

div.cate_productList div.text_area p{
font-size:12px;
color:#333;
}

div.cate_productList div.text_area .product_copy {
    font-size: 1.2em;
    line-height: 1.3;
    padding: 5px 0;
    font-weight: bold;
	display:block;
	color:#333;
}

div.cate_productList div.text_area p.btn{
width: 100%;
height: 100%;
padding: 8px 10px;
margin-top: 10px;
box-sizing: border-box;
display: block;
background: #00c7b4;
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align: center;
}

div.cate_productList div.highgradeBox div.text_area p.btn{
margin-top:0;
background:#004ca8;
}

div.cate_productList div.highgradeBox{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaebec+0,fffcea+25,e2ddd4+61,f3f3f3+85,e0dcc8+100 */
background: #eaebec; /* Old browsers */
background: -moz-linear-gradient(left,  #eaebec 0%, #fffcea 25%, #e2ddd4 61%, #f3f3f3 85%, #e0dcc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #eaebec 0%,#fffcea 25%,#e2ddd4 61%,#f3f3f3 85%,#e0dcc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #eaebec 0%,#fffcea 25%,#e2ddd4 61%,#f3f3f3 85%,#e0dcc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebec', endColorstr='#e0dcc8',GradientType=1 ); /* IE6-9 */
padding:8px;
position:relative;
box-sizing:border-box;
display:table;
margin-bottom:20px;
width:100%;
}

div.cate_productList div.highgradeBox .inside_box{
width:100%;
margin:0 auto;
background:#fff;
padding:8px;
box-sizing:border-box;
}

/* ---------- お客様の声 ---------- */

div#voice_box{
	margin:40px 0 0;
}

div.voice_detail h3{
	margin:15px 0 20px 10px;
	font-size:16px;
}

div.voice_detail h4{
	border-bottom:dotted 1px #999;
	margin:0 0 10px;
	padding:0 5px 5px;
	color:#666;
}

div.voice_detail{
	/*border-bottom:solid 1px #ccc;*/
	margin:0 10px 0;
	padding-bottom:15px;
}

div.voice_detail p{
	line-height:1.6;
}

div.voice_detail p.product_link{
	margin-left:10px;
	font-size:12px;
	text-align:left;
}

div.voice_detail p.product_link img{
	border:1px solid #999;
}

div.voice_detail p.contribution_date{
	font-size: 1.2em;
	font-weight: normal;
	margin:0;
	padding:0 12px 0 0;
	text-align: right;
}

div.voice_detail img{
	margin:0 0 0 0;
}

div.comment_box{
	float:right;
	width:500px;
	height:auto;
	margin:0 5px 0 0;
}

div.comment_box div.comment{
	/*margin-left:10px;
	float:left;
	width:330px;*/
}

div.comment_box div.comment p{
	margin:10px 0 15px 0;
	line-height:1.6;
}

div.comment_box div.evaluation{
	/*float:right;
	width:340px;
	margin-right:12px;*/
}

div.comment a:link{
	text-decoration: underline !important;
}

div.comment a:hover{
    text-decoration: none !important;
}


/* ---------- 大幅値下げ50%OFF ---------- */

div#pricedown ul{
padding:10px;
background:#e5e5e5;
box-sizing:border-box;
width:100%;
margin:15px 0 0 0;
}

div#pricedown ul li{
	border-radius: 6px;
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background:#fff;
box-sizing:border-box;
box-shadow:0px 2px 0px 0px #ccc;
padding:15px;
margin-bottom:15px;
}

div#pricedown ul li:last-child{
margin-bottom:0;
}

div#pricedown ul li:nth-child(4) p.featured{
letter-spacing:-0.05em;
}

div#pricedown ul li p.featured{
font-size: 2.2em;
color: #FF0000;
font-family: "Rounded Mplus 1c";
line-height:0;
font-weight:600;
vertical-align:top;
margin:0 0 15px 0;
}

div#pricedown ul li p.featured img{
margin-right:10px;
padding-bottom:5px;
}

div#pricedown ul li div.img{
display:inline-block;
vertical-align:top;
width:44%;
}

div#pricedown ul li div.description{
display:inline-block;
vertical-align:top;
width:55%;
}

div#pricedown ul li div.description p.off_number{
float:left;
}

div#pricedown ul li div.description dl.price{
float:left;
width:auto;
margin:15px 0;
}

div#pricedown ul li div.description dl.price dt{
font-size:16px;
}

div#pricedown ul li div.description dl.price dt span.strike{
text-decoration: line-through;
}

div#pricedown ul li div.description dl.price dd{
color:#ff0000;
position:relative;
font-size:25px;
padding-right:14px
}

div#pricedown ul li:nth-child(5) div.description dl.price dd{
padding-left:40px
}

div#pricedown ul li div.description dl.price dd span.number{
font-family: "Rounded Mplus 1c";
font-weight:600;
font-size:2.4em;
line-height:0.5;
padding-left:10px;
}
div#pricedown ul li div.description dl.price dd span.tax{
font-size:11px;
position:absolute;
right:5px;
top:10px;
}

div#pricedown ul li div.description dl.price + p{
clear:both;
font-size:12px;
}

div#pricedown ul li div.description a{
display:block;
width:100%;
background:#00b679;
padding:4px 0 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: "Rounded Mplus 1c";
font-size:1.2em;
text-align:center;
text-decoration:none;
color:#fff;
font-weight:bold;
position:relative;
margin:10px 0 0 0 
}

div#pricedown ul li div.description a::before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}

div#pricedown ul li div.description a:hover,
div#pricedown a.saleList:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	text-decoration:none;
}

div#pricedown a.saleList{
background:#ff0000;
padding:15px 0 18px ;
display:block;
width:70%;
margin:40px auto;
font-family: "Rounded Mplus 1c";
font-weight:bold;
border-bottom:2px solid #c4002b;
	border-radius: 3px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align:center;
color:#fff;
font-size:1.6em;
line-height:1;
}


/* ---------- 西濃送料について ---------- */

div#seinou_desc p{
line-height:1.6;
margin:8px 0;
}

div#seinou_desc h3.seinou_attention{
margin:20px 0 10px;
width:100%;
font-size:1.6em;
color:#000;
font-weight:bold;
padding:8px 0 8px 15px;
border:1px solid #ececec;
border-left:4px solid #004896;
box-sizing:border-box;
}

div#seinou_desc h4.seinou_attention{
display:inline-block;
border-bottom:2px solid #000;
font-size:16px;
font-weight:bold;
padding:4px 0;
margin:20px 0 5px;
}

div#seinou_desc span.txtb{
font-weight:bold;
}

div#seinou_desc ul{
margin:5px 0;
padding-left:30px;
}

div#seinou_desc ul li{
margin-bottom:10px;
list-style-type: disc;
}

div#seinou_desc table{
line-height:1.4;
width:100%;
font-size:12px;
box-sizing:border-box;
border:2px solid #ccc;
}

div#seinou_desc table thead tr:first-child th{
font-weight:bold;
letter-spacing:0.1em;
font-size:1.05em;
background:#fff;
text-align:center;
}

div#seinou_desc table thead tr:last-child th:first-child{
width:165px;
}

div#seinou_desc table tr{
border-bottom:1px solid #ccc;
}

div#seinou_desc table thead th{
background:#ececec;
border-right:1px solid #ccc;
}

div#seinou_desc table th{
border-right:1px solid #ccc;
padding:5px;
text-align:center;
}


div#seinou_desc table td{
padding:15px 2px;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
text-align:center;
border-right:1px solid #ccc;
}

div#seinou_desc .txtBig{
font-size:1.3em;
font-weight:bold;
}

div#seinou_desc .attention{
color:#ff0000;
}



/* ---------- テント組み立て方 ---------- */
#tent_setup{
width:700px;
}

#tent_setup dl{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

#tent_setup dl.setup dd.w210{
width:210px;
}

#tent_setup dl.setup dd.w310{
width:310px;
}

/* ---------- 買い替え応援プレゼントキャンペーン ---------- */

div#kaikae_campaign div#lead{
background: url(../img/lead_img.png)#f2f2f2 right 5px top 50% no-repeat;
padding:20px;
box-sizing:border-box;
line-height:1.6;
margin-bottom:30px;
}

div#kaikae_campaign div#lead span.strong{
color:#ff0000;
font-weight:bold;
font-size:1.2em;
line-height:1.3;
}

div#kaikae_campaign dl.detail{
margin-bottom:30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
border:2px solid #30aef1;
}


div#kaikae_campaign dl.detail > dt{
background:#30aef1;
color:#fff;
font-family: "Rounded Mplus 1c";
font-weight:600;
font-size:2.1em;
padding:6px 0 6px 80px;
position:relative;
}

div#kaikae_campaign dl.detail > dt p.number{
position:absolute;
left:5px;
top:-8px;
}

div#kaikae_campaign dl.detail > dd{
position:relative;
padding: 15px 20px;
line-height:1.65;
font-size:15px;
}

div#kaikae_campaign dl.detail > dd p.img{
position:absolute;
right:0;
top:-80px;
}

div#kaikae_campaign dl.detail:nth-of-type(1) p:nth-child(2){
color:#0075b8;
font-family: "Rounded Mplus 1c";
font-weight:600;
font-size:28px;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare{
color:#000;
font-size:22px;
margin-top:10px;
line-height:1.3;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare dt{
width:33%;
vertical-align:middle;
display:inline-block;
}
div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare dd{
width:66.5%;
vertical-align:middle;
display:inline-block;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare dd + dt{
margin-top:8px;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare span.deals{
color:#ff0000;
font-size:1.5em;
font-family: "Rounded Mplus 1c";
font-weight:600;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare span.small{
font-size:80%;
}

div#kaikae_campaign dl.detail:nth-of-type(2){
background: url(../img/kaikae_content2.png)right 0 bottom -10px no-repeat;
}
div#kaikae_campaign dl.detail:nth-of-type(3){
background: url(../img/kaikae_content3.png)right bottom no-repeat;
margin-bottom:10px;
}

div#kaikae_campaign dl.detail span.attention{
font-weight:bold;
color:#ff0000;
}



div#kaikae_campaign dl.detail span.attention{

}

div#kaikae_campaign p.caution{
font-size:90%;
margin-bottom:30px;
}
div#kaikae_campaign div#howtoreceive{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:15px 0;
}

div#kaikae_campaign dl.present{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:31%;
	position:relative;
}

div#kaikae_campaign dl.present:not(:last-child)::after{
  content: "\f0da";
  font-family: FontAwesome;
  color:#ff0000;
  font-size:2.3em;
position:absolute;
right:-20px;
top:50%;
}

div#kaikae_campaign dl.present dt{
background:#ff8a2f;
text-align:center;
box-sizing:border-box;
padding-right:8px;
}
div#kaikae_campaign dl.present img{
max-width:100%;
}

div#kaikae_campaign dl.present dd{
background:#fff3cf;
padding:6px;
height:385px;
}


div#kaikae_campaign dl.present dd p{
padding:10px;
}



p.repeat_caution{
padding:15px 20px;
box-sizing:border-box;
background:#fff;
color:#f14f4c;
border:2px solid #f14f4c;
margin:5px 0 15px;
}

p.repeat_caution span.lead{
display:block;
padding-bottom:4px;
border-bottom:1px solid #f14f4c;
margin-bottom:4px;
font-weight: bold;
}

.sp_head_tel{
display:none;
}

/* ---------- 左メニュー ---------- */

dl.leftmenu{
margin-bottom:20px;
}

dl.leftmenu dt{
border-bottom:3px solid #e5e5e5;
}

dl.leftmenu dd{
border:3px solid #e5e5e5;
border-top:none;
position:relative;
}

dl.leftmenu dd + dt{
margin-top:20px
}

dl.leftmenu dd img{
position:absolute;
left:0;
bottom:0;
}

dl.leftmenu dd a{
display:block;
color:#000;
font-size:14px;
padding:15px 0 0 90px;
height:50px;
box-sizing:border-box;
}

dl.leftmenu dd.twoline a{
line-height:1.3;
padding:8px 0 0 90px;
}

dl.leftmenu dd a:hover{
text-decoration:none;
background-color:#f7f7f7
}

/* ---------- メイン部分リニューアル ---------- */


div#topCont section h3.primary{
font-family: "Mplus 1p";
font-weight: 800;
font-size:35px;
line-height:1.3;
padding:5px 0 0 80px;
margin:20px 0 10px 0;
}

div#topCont section#ranking h3.primary{
border-bottom:3px solid #9b7f1a;
background: url(../img/top/icon_ranking.png)left bottom no-repeat;
}
div#topCont section#pickup h3.primary{
border-bottom:3px solid #ff0302;
background: url(../img/top/icon_pickup.png)left bottom no-repeat;
padding-left:95px;
}
div#topCont section#freetool h3.primary{
border-bottom:3px solid #120ffd;
background: url(../img/top/icon_freetool.png)left bottom no-repeat;
}
div#topCont section#lineup h3.primary{
border-bottom:3px solid #70d73e;
background: url(../img/top/icon_lineup.png)left bottom no-repeat;
padding-left:100px;
}


div#topCont section h3 span.ttl{
display:inline-block;
vertical-align:top;
color:#000
}

div#topCont section h3 span.copy{
display:inline-block;
vertical-align:top;
font-size:20px;
color:#666;
background:none;
padding: 10px 0 0 10px;
width: auto;
clear: none;
text-align: left;
font-family: "Mplus 1p";
font-weight:500;
}

div#topCont section#ranking ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-top:20px;
}

div#topCont section#ranking ul li{
width:23.85%;
box-sizing:border-box;
background:#fff;
-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8));
filter: drop-shadow(0px 0px 2px rgba(0,0,0,.3));
padding:30px 0 0 0 ;
position:relative;
}

div#topCont section#ranking ul li:hover{
background:#F8F8F8
}

div#topCont section#ranking a {
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
padding:170px 0 0 50px;
color:#000;
}

div#topCont section#ranking a:hover{
text-decoration:none;
}


div#topCont section#ranking ul li div.lead{
padding:3px 0;
background:#ec1d44;
height:25px;
box-sizing:border-box;
color:#fff;
font-size:11px;
font-weight:normal;
text-align:center;
position: relative;
margin:-35px 0 0 10px;
width:89%
}

div#topCont section#ranking ul li div.lead span.yellow{
font-size:1.2em;
color:#fff000;
font-weight:bold;
}

div#topCont section#ranking ul li div.lead::before{
content: '';
width: 11px;
height: 25px;
display: block;
position: absolute;
left:-11px;
top:0;
background: url(../img/top/ranking_copy_left.png) no-repeat;
}

div#topCont section#ranking ul li div.lead::after{
content: '';
width: 11px;
height: 25px;
display: block;
position: absolute;
right:-11px;
top:0;
background: url(../img/top/ranking_copy_right.png) no-repeat;
}

div#topCont section#ranking ul li p.img{
text-align:center;
height:140px;
position: relative;
}

div#topCont section#ranking ul li p.img img{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%)
}

div#topCont .narrow{
letter-spacing:-0.05em;
}

div#topCont section#ranking p.img + p{
border-bottom:1px dashed #666;
width:92%;
margin:5px auto;
font-size:11px;
line-height:1.3;
font-weight:bold;
box-sizing:border-box;
color:#000;
height:36px;
}

div#topCont section#ranking p.img + p.line1{
line-height:2.7;
}

div#topCont section#ranking p.img + p.no1{
background: url(../img/top/ranking_no1.png) left top no-repeat;
}
div#topCont section#ranking p.img + p.no2{
background: url(../img/top/ranking_no2.png) left top no-repeat;
}
div#topCont section#ranking p.img + p.no3{
background: url(../img/top/ranking_no3.png) left top no-repeat;
}
div#topCont section#ranking p.img + p.no4{
background: url(../img/top/ranking_no4.png) left top no-repeat;
}

div#topCont section#ranking dl.price{
width: 92%;
margin:0 auto;
color:#000;
}

div#topCont section#ranking dl dt{
font-size:10px;
}
div#topCont section#ranking dl dd{
font-size:12px;
padding-top:0;
margin-bottom: 4px;
}

div#topCont section#ranking dl dd span.number{
font-size:1.5em;
}

div#topCont div.site_desc{
margin:30px 0;
background: url(../img/top/top_desc_img.png) right top no-repeat;
font-size:12px;
line-height:1.6;
}

div#topCont div.site_desc span.strong{
font-family: "Mplus 1p";
font-size:1.7em;
font-weight:500;
color:#00a93d;
display:block;
line-height:1.3;
margin-bottom:4px;
}

div#topCont section#freetool ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-bottom:30px;
}


section#lineup ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

section#lineup ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

section#lineup ul li{
width:19.2%;
height:auto;
position:relative;
box-sizing:border-box;
margin-bottom:8px;
}

section#lineup div#lineup_tsukaeru ul li{
border:1px solid #70d73e;}
section#lineup div#lineup_originalgoods ul li{
border:1px solid #02b3ca;}
section#lineup div#lineup_sd ul li{
border:1px solid #ec1d44  ;}
section#lineup div#lineup_cd ul li{
border:1px solid #1163fd;}
section#lineup div#lineup_security ul li{
border:1px solid #ff57d9;}
section#lineup div#lineup_gift ul li{
border:1px solid #a158cb;}
section#lineup div#lineup_os ul li{
border:1px solid #fe890c;}
section#lineup div#lineup_tsukaeru ul li:hover{
background:#e2f7d8}
section#lineup div#lineup_originalgoods ul li:hover{
background:#e5f7fa}
section#lineup div#lineup_sd ul li:hover{
background:#fde8ec}
section#lineup div#lineup_cd ul li:hover{
background:#e7efff}
section#lineup div#lineup_security ul li:hover{
background:#ffeefb}
section#lineup div#lineup_gift ul li:hover{
background:#f5eefa}
section#lineup div#lineup_os ul li:hover{
background:#fff3e6}

section#lineup ul li.hidden{
visibility:hidden;
}
section#lineup ul li.sp_hidden{
display:none;
}


section#lineup ul li a{
display:block;
width:100%;
height:100%;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
padding:92px 0 0 0;
text-align:center;
color:#000;
font-size:13px;
font-weight:bold;
}

section#lineup ul li a.twoline{
padding-top:80px;
line-height:1.1;
}

section#lineup a:hover{
text-decoration:none;
}

section#lineup ul li p.img{
text-align:center;
height:115px;
box-sizing:border-box;
}

section#lineup ul li p.img.left{
text-align:left;
}
section#lineup ul li p.img.right{
text-align:right;
}

section#lineup ul li p.img img{
max-height:90%;
}

section#lineup ul li p.img.margin{
padding-top:5px;
}

section#lineup ul li a + p{
width:89%;
margin:0 auto 8px auto;
font-size:11px;
line-height:1.5;
text-align:justify;
letter-spacing:0.03em;
padding-top:6px;
}

section#lineup div#lineup_tsukaeru ul li a + p{
border-top:1px solid #70d73e;
}
section#lineup div#lineup_originalgoods ul li a + p{
border-top:1px solid #02b3ca;
}
section#lineup div#lineup_sd ul li a + p{
border-top:1px solid #ed1c45;
}
section#lineup div#lineup_cd ul li a + p{
border-top:1px solid #0062ff;
}
section#lineup div#lineup_security ul li a + p{
border-top:1px solid #ff58d7
}
section#lineup div#lineup_gift ul li a + p{
border-top:1px solid #a158cb
}
section#lineup div#lineup_os  ul li a + p{
border-top:1px solid #fe890c
}

div#topCont section#lineup h4{
font-family: "Mplus 1p";
font-weight: 800;
font-size:31px;
line-height:1.3;
padding:5px 0 0 60px;
margin:20px 0 10px 0;
height:50px;
box-sizing:border-box;
}

div#topCont section#lineup h4 span.ttl{
display:inline-block;
vertical-align:top;
color:#000
}

div#topCont section#lineup h4 span.copy{
display:inline-block;
vertical-align:top;
font-size:18px;
color:#000;
background:none;
padding: 7px 0 0 10px;
width: auto;
clear: none;
text-align: left;
font-family: "Mplus 1p";
font-weight:500;
}

div#topCont section#lineup div#lineup_tsukaeru h4{
background: url(../img/top/product_tsukaeru.png)#e2f7d8 left top no-repeat;
}
div#topCont section#lineup div#lineup_tsukaeru h4 span.ttl{
color:#70d73e;
}
div#topCont section#lineup div#lineup_originalgoods h4{
background: url(../img/top/product_originalgoods.png)#e5f7fa left top no-repeat;
}
div#topCont section#lineup div#lineup_originalgoods h4 span.ttl{
color:#02b3ca;
}  
div#topCont section#lineup div#lineup_sd h4{
background: url(../img/top/product_sd.png)#fde8ec left top no-repeat;
}
div#topCont section#lineup div#lineup_sd h4 span.ttl{
color:#ec1d44;
}
div#topCont section#lineup div#lineup_cd h4{
background: url(../img/top/product_cd.png)#e7efff left top no-repeat;
}
div#topCont section#lineup div#lineup_cd h4 span.ttl{
color:#1163fd;
}
div#topCont section#lineup div#lineup_security h4{
background: url(../img/top/product_security.png)#ffeefb left top no-repeat;
}
div#topCont section#lineup div#lineup_security h4 span.ttl{
color:#ff58d7;
}
div#topCont section#lineup div#lineup_gift h4{
background: url(../img/top/product_gift.png)#f5eefa left top no-repeat;
}
div#topCont section#lineup div#lineup_gift h4 span.ttl{
color:#a158cd;
}
div#topCont section#lineup div#lineup_os h4{
background: url(../img/top/product_os.png)#fff3e6 left top no-repeat;
}
div#topCont section#lineup div#lineup_os h4 span.ttl{
color:#fe890c;
}
div#topCont section#lineup .txtRed{
color:#ff0000;
}

div#topCont section#lineup h4 span.ttl.small{
font-size:28px
}

/* ---------- 超プライスボード ---------- */

div#superpriceboard div.intro{
background: url(../img/cate/superpriceboard/introduction_bg.png) left top no-repeat;
width:740px;
height:285px;
margin:0 0 10px;
overflow:hidden;
box-sizing:border-box;
padding:20px 0 0 15px;
}

div#superpriceboard div.intro img{
width:85%;
margin:0 0 0 5px;
}

div#superpriceboard div.intro p{
color:#000;
line-height:1.6;
margin:0 0 0 5px;
}

div#superpriceboard p.trouble{
margin:20px 0;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
}

div#superpriceboard div.lineupBox{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:5px solid #ebe8a0;
background:#fff4ef;
box-sizing:border-box;
padding:15px;
margin:20px 0 40px;
}

div#superpriceboard div.lineupBox ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin:15px 0 0 0!important;
padding:0!important;
}

div#superpriceboard div.lineupBox ul li{
width:24%;
text-align:center;
margin:0!important;
font-weight:bold;
color:#000;
}

div#superpriceboard div.lineupBox ul li dl{
margin-bottom:5px;
}

div#superpriceboard div.lineupBox ul li dl dt{
color:#fff;
background:#fe992a;
padding:3px 0;
font-weight:bold;
}

div#superpriceboard div.lineupBox ul li:last-child{
letter-spacing:-0.1em;
}

div#superpriceboard div.lineupBox ul li dl dd{
background:#fff;
border:2px solid #fe992a;
border-top:0;
box-sizing:border-box;
height:130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#cate_index div#superpriceboard ul li a{
width: auto;
padding: 0;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
display: inline;
position: relative;
}

section#cate_index div#superpriceboard div.lineupBox a.orderBtn{
display:block;
color:#fff;
font-weight:bold;
background:#f2b14d;
width:100%;
border-bottom:5px solid #ef982a;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:3px 0;
margin:0;
}

section#cate_index div#superpriceboard div.lineupBox a.orderBtn:hover{
margin-top:6px;
border-bottom:4px solid #ef982a;
}

div#superpriceboard div#video p.head{
background:#0d82eb;
padding:5px 0;
text-align:center;
}

div#superpriceboard div#video div.videoBox{
-webkit-background-size: 25px 25px;
-moz-background-size: 25px 25px;
background-size: 25px 25px;
background-color: #b0ddfc;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #9ed4f5), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #9ed4f5),
            color-stop(.75, #9ed4f5), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
padding:20px;
height:auto;
margin-bottom:20px;
}

div#superpriceboard div#video a.orderBtn{
display:block;
color:#fff;
font-weight:bold;
background:#0ba7f7;
width:100%;
border-bottom:8px solid #0d93f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:12px 20px 9px 20px;
margin:0 auto;
font-size:22px;
position: relative;
box-sizing:border-box;
width:60%;
text-align:center;
}


div#superpriceboard div#video a.orderBtn:after {
display: block;
content: "";
position: absolute;
top: 44%;
right: 40px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 15px solid #fff;
border-left: 15px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

div#superpriceboard div#video a.orderBtn:hover{
margin-top:22px;
border-bottom:6px solid #0d93f5;
text-decoration:none;
}

div#superpriceboard div#video div.wrapper{
margin:0 auto 20px;
border:9px solid #fff;
box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
width:560px;
height:315px;
}

div#superpriceboard div#point{
padding:120px 15px 15px 15px;
background:#e3ddcf;
position:relative;
}

div#superpriceboard div#point p.head{
position:absolute;
top:0;
left:0;
}

div#superpriceboard div#point .wrapper{
background:#fff;
padding:30px 10px 15px 10px;
box-sizing:border-box;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:15px;
text-align:center;
}

div#superpriceboard div#point .wrapper:nth-of-type(1){
padding-top:45px;
}

div#superpriceboard div#point .wrapper:last-child{
margin-bottom:0;
}

div#superpriceboard div.cartype_ex{
border-top:2px dashed #000;
padding-top:20px;
}

div#superpriceboard div.cartype_ex img{
margin:4px;
}


/* ---------- 超プライスボードver1.5 ---------- */


div#nw_superpriceboard{
    
}

div#nw_superpriceboard div.intro{
background: url(../img/cate/superpriceboard/nw_introduction_bg.png) right bottom no-repeat;
width:auto;
height:190px;
margin:0 0 10px;
overflow:hidden;
box-sizing:border-box;
padding:20px 0 0 15px;
}


div#nw_superpriceboard div.intro h3{
color:#0042B4;
font-size:170%;
}

div#nw_superpriceboard div.intro p{
color:#000;
line-height:1.6;
margin:0 0 0 5px;
}

div#nw_superpriceboard .trouble_box{
background:#E1F7FF;
padding:20px 0 10px 0;
}

div#nw_superpriceboard p.trouble{
margin:0 0 20px 0;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
}

div#nw_superpriceboard div.lineupBox{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:3px solid #FF8B00;
background:#fff;
box-sizing:border-box;
padding:0;
margin:20px 0 40px;
}


div#nw_superpriceboard div.lineupBox h3 {
    border: solid 1px #FF8B00;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: #FF8B00;
    text-align: center vertical-align: middle;
    color: #fff;
    margin: 0;
    font-size: 150%;
	padding: 4px 0 4px 7px;
	text-align:center;
}


div#nw_superpriceboard div.lineupBox ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
margin:15px 0 20px 0!important;
padding:0!important;
}

div#nw_superpriceboard div.lineupBox ul li{
width:33%;
text-align:center;
margin:0!important;
font-weight:bold;
color:#000;
}

div#nw_superpriceboard div.lineupBox ul li dl{
margin-bottom:5px;
}

div#nw_superpriceboard div.lineupBox ul li dl dt{
padding:3px 0;
}

div#nw_superpriceboard div.lineupBox ul li:last-child{
letter-spacing:-0.1em;
}

div#nw_superpriceboard div.lineupBox ul li dl dd{
background:#fff;
color:#333;
font-weight:bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#cate_index div#nw_superpriceboard ul li a{
width: auto;
padding: 0;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
display: inline;
position: relative;
}

section#cate_index div#nw_superpriceboard div.lineupBox a.orderBtn {
    display: block;
    color: #fff;
    font-weight: bold;
    background: #f2b14d;
    width: 80%;
    border-bottom: 5px solid #ef982a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 0;
    margin: 0 auto;
}

section#cate_index div#nw_superpriceboard div.lineupBox a.orderBtn:hover{
margin-top:6px;
border-bottom:4px solid #ef982a;
}

div#nw_superpriceboard div#video p.head{
background:#0d82eb;
padding:5px 0;
text-align:center;
}

div#nw_superpriceboard div#video div.videoBox{
-webkit-background-size: 25px 25px;
-moz-background-size: 25px 25px;
background-size: 25px 25px;
background-color: #b0ddfc;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #9ed4f5), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #9ed4f5),
            color-stop(.75, #9ed4f5), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
padding:20px;
height:auto;
margin-bottom:20px;
}

div#nw_superpriceboard div#video a.orderBtn{
display:block;
color:#fff;
font-weight:bold;
background:#0ba7f7;
width:100%;
border-bottom:8px solid #0d93f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:12px 20px 9px 20px;
margin:0 auto;
font-size:22px;
position: relative;
box-sizing:border-box;
width:60%;
text-align:center;
}


div#nw_superpriceboard div#video a.orderBtn:after {
display: block;
content: "";
position: absolute;
top: 44%;
right: 40px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 15px solid #fff;
border-left: 15px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

div#nw_superpriceboard div#video a.orderBtn:hover{
margin-top:22px;
border-bottom:6px solid #0d93f5;
text-decoration:none;
}

div#nw_superpriceboard div#video div.wrapper{
margin:0 auto 20px;
border:9px solid #fff;
box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
width:560px;
height:315px;
}

div#nw_superpriceboard div#point{
padding:130px 15px 15px 15px;
background:#EAEAEA;
position:relative;
}

div#nw_superpriceboard div#point p.head{
position:absolute;
top:-25px;
left:0;
}

div#nw_superpriceboard div#point .wrapper{
background:#fff;
padding:30px 10px 15px 10px;
box-sizing:border-box;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:15px;
text-align:center;
}

div#nw_superpriceboard div#point .wrapper:nth-of-type(1){
padding-top:45px;
}

div#nw_superpriceboard div#point .wrapper:last-child{
margin-bottom:0;
}

div#nw_superpriceboard div.cartype_ex{
border-top:2px dashed #000;
padding-top:20px;
}

div#nw_superpriceboard div.cartype_ex img{
margin:4px;
}



/* 商品ページ説明部分
----------------------------------------------- */


.seinou_caution{
box-sizing:border-box;
margin:5px 0 15px;
font-size:13px;
position: relative;
display: inline-block;
letter-spacing:0.1em;
border:2px solid #e7311b;
background:#fff;
}

.seinou_caution p.right{
text-align:right;
}

.seinou_caution.w100{
width:100%;
}

.seinou_caution.w100.detailpage{
padding:10px;
font-size:12px;
margin:5px 0!important;
}


.seinou_caution span.y_lead{
display:block;
padding:5px;
border-bottom:1px solid #fff;
margin-bottom:4px;
font-weight: bold;
color: #ffff00;
background:#e7311b;
}


.seinou_caution span.lead{
display:block;
padding-bottom:4px;
border-bottom:1px solid #fff;
margin-bottom:4px;
font-weight: bold;
}

.seinou_caution p{
padding:0 10px;
}


.seinou_caution:before{
content: "";
position: absolute;
top: -30px;
right: 8%;
margin-left: -15px;
border: 15px solid transparent;
border-bottom: 15px solid #e7311b;
}

.seinou_caution.w100:before{
display:none;
}


    div.footnotice {
        background: #fff0f0;
        padding: 20px ;
    }

     div.footnotice p {
        color: red;
        letter-spacing: 5px;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center;
    }

    div.footnotice li {
        font-size: 14px;
        text-align: left;
        margin-bottom: 5px;
    }

/* 緊急案内
----------------------------------------------- */

div.inventory_info{
margin:10px 0 15px;
padding:0 5px !important;
background-color:#fff;
border:#900 2px solid;
}

div.inventory_info h5{
margin:7px 5px 6px 5px;
color:#333 !important;
font-size:15px !important;
/*background-color:#ccc !important;*/
padding:0 10px !important;
background:none !important;
}

div.inventory_info p{
font-size:13px !important;
margin:0 !important;
padding:0 10px 10px 10px !important;
line-height:120%;
}

/* 超プライスボードリニューアルLP
----------------------------------------------- */
 div.inventory_info {
        margin: 10px 0 15px;
        padding: 0 5px !important;
        background-color: #fff;
        border: #900 2px solid;
    }

    div.inventory_info h5 {
        margin: 7px 5px 6px 5px;
        color: #333 !important;
        font-size: 15px !important;
        /*background-color:#ccc !important;*/
        padding: 0 10px !important;
        background: none !important;
    }

    div.inventory_info p {
        font-size: 13px !important;
        margin: 0 !important;
        padding: 0 10px 10px 10px !important;
        line-height: 120%;
    }
       div#spb15 {
    font-family: ''Noto sans'';
    }

    div#spb15 .lead {
    background: url(/img/lp/spb_main.png)no-repeat;
    width: 740px;
    height: 460px;
    margin-bottom: 20px;
    }

    div#spb15 .lead p.catch {
    padding: 280px 0 0 25px;
    font-size: 23px;
    font-weight: bold;
    color: #2e3190;
    line-height: 30px;
    }

    div#spb15 .lead p.txt {
    font-size: 14px;
    font-weight: lighter;
    color: #222;
    padding-left: 20px;
    margin-top: 10px;
    line-height: 22px;
    }

    div#spb15 div.tokkyo {
    margin: 30px 20px;
    padding: 20px 40px;
    background: #fffae9;
    border: 2px solid #d5c000;
    }

    div.row_between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    div#spb15 .row_between p.tokkyo_copy {  
        font-weight: bold;
  font-size: 18px;
  color: #db0000;
  line-height: 25px;
  margin-top: 10px;
    }

    div#spb15 .row_between p.tokkyo_txt {
          font-weight: 100;
  font-size: 15px;
  color: #222222;
  line-height: 27px;
  margin-top: 7px;
    }


    div#spb15 .btn {
    display: block;
    padding: 15px;
    background-color: #ff9b00;
    box-shadow: 0 5px 0 #d58f47;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    width: 250px;

    }

    div#spb15 .btn:hover {
    box-shadow: none;
    transform: translateY(5px);
    }

    div#spb15 div.points_ttl {
    background: url(/img/lp/spb_point_back.png)no-repeat;
    width: 740px%;
    height: 170px;
    }

    div#spb15 div.points_ttl p {
    color: #222;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-top: 60px;
    line-height: 25px;
    text-align: center;
    text-shadow:
    3px 3px 10px #ffffff,
    3px 0px 10px #ffffff,
    0px 3px 10px #ffffff,
    3px -3px 10px #ffffff,
    -3px 3px 10px #ffffff,
    -3px -3px 10px #ffffff,
    -3px -0px 10px #ffffff,
    -0px -3px 10px #ffffff;
    }

    div#spb15 div.points_ttl p span {
    font-size: 15px;
    color: #aaa;
    }

    div#spb15 div.points_lead_1 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_1:before {
    background: #2e3190;
    content: "1";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
	left: 350px;
    }


    div#spb15 div.points_lead_2 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_2:before {
    background: #2e3190;
    content: "2";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
	left: 350px;
    }


    div#spb15 div.points_lead_3 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_3:before {
    background: #2e3190;
    content: "3";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
	left: 350px;
    }


    div#spb15 div.points_lead_4 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_4:before {
    background: #2e3190;
    content: "4";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
	left: 350px;
    }

    div#spb15 p.or_cacth {
    color: orange;
    font-weight: bold;
    font-size: 16px;
    }

    div#spb15 p.bk_cacth {
    color: #000;
    font-weight: bold;
    font-size: 22px;
    }

    div#spb15 div.pointBox {
    padding: 20px 0 0 0 !important;
    }

    div#spb15 div.pointBox p.txt {
    text-align: center;
    font-size: 13px;
    font-weight: lighter;
    }

    div#spb15 div.pointBox p.txt_l {
    text-align: left;
    font-size: 13px;
    font-weight: lighter;
    }

    div#spb15 div.pointBox p.point1 {
    font-size: 16px;
    font-weight: bold;
    color: #2e3190;
    text-align: center;
    margin-top: 10px;
    }

    span.txt_red {
    color: #f00;
    font-weight: bold;
    font-size: 100%;
    }

    div#spb15 h5#lineup{
    background: linear-gradient(#0b1c34, #314576);
    padding: 10px;
    margin-top: 50px!important;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    }
    div.spb_lineupBox{
    padding: 10px;
    border: 5px solid #eee;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    div.spb_lineupBox div.text_area {
    width: 360px;
    }

    div.spb_lineupBox div.text_area p.product_copy{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    }

    div.spb_lineupBox div.text_area p.product_copy span{
    background: linear-gradient(transparent 60%, #FF0 40% 90%, transparent 90%);
    font-size: 100%;
    }


    div.spb_lineupBox div.text_area p.product_name{
    font-size: 20px;
    font-weight: bold;
    color: #2e318f;
    margin: 5px 0 10px 0;
    }
    div.spb_lineupBox div.text_area p.product_name span{
    font-size: 18px;
    font-weight: bold;
    color: #2e318f;
    }

    div.spb_lineupBox div.text_area p.product_text{
    font-size: 14px;
    font-weight: lighter;
    color: #222;
    }


    div.spb_lineupBox div.text_area a.linkbtn_or{
    display: block;
    border-radius: 5px;
    padding: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: orange;
    margin-top: 10px;
    text-decoration: none;
    }

    div.spb_lineupBox div.text_area a.linkbtn_or:hover{
    opacity: 0.6;
    }

 div.order_row{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 20px;
        margin-bottom: 30px;
        }

        div.order_row div{
        width: 330px;
        margin-bottom: 40px;
        }

        div.order_row div p.lead{
        font-weight: bold;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px;
        }

        div.order_row div p.txt{
        margin-top: 10px;
        text-align: justify;
        font-size: 13px;
        }    
		#order_attentionBox {
			margin-bottom:40px;
			background-color: rgb(252, 241, 241);
			border: 2px solid rgb(185, 0, 0);
		}
		#order_attentionBox p.ttl{
			padding: 8px; 
			background-color: rgb(185, 0, 0);
			color: #ff0;
			font-weight: bold;
			font-size: 16px;
			text-align: center;
		}
		#order_attentionBox p.txt{
			padding: 15px;
			color: #2b2b2b;
			font-weight: lighter;
			font-size: 13px;
			text-align: justify;
			line-height: 23px;
		}
		#order_attentionBox p.txt span{
			color:rgb(185, 0, 0);
			font-weight: bold;
		}
p.gloupsite_ttl {
  background: #545049;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
}

ul.gloupsite{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}


ul.gloupsite li{
    margin-bottom: 15px;
}

#sougaku p.read{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin: 30px auto 15px auto;
	color:#000;
}

#sougaku p.read span{
	color:#f00;
}
#sougaku div.readflex{
	display: flex;
	padding: 0 20px;
	justify-content: space-between;
}
#sougaku div.readflex div.txt{
	text-align: justify;
	font-weight: lighter;
	font-size: 13px;
	max-width: 400px;
	line-height: 1.8em;
}
#sougaku div.readflex div.img{
width: 280px;
}
#sougaku div.pricesheet_point{
	background: url(../img/sougaku_back.png)no-repeat;
	width: 740px;
	height: 320px;
}
#sougaku div.pricesheet_point p.ttl{
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
	color: #ff0;
	font-weight: bold;
}
#sougaku div.pricesheet_point p.txt_w{
	font-size: 13px;
	text-align: center;
	margin: 5px auto 0 auto;
	color: #fff;
	font-weight: lighter
	;
}

#sougaku div.pricesheet_point p.txt_bk{
	font-size: 13px;
	text-align: left;
	margin: 5px auto 0 auto;
	color: #000;  
	font-weight: lighter;
padding-top: 140px;
padding-left: 350px;
padding-right: 58px;
}


#sougaku a.button {
	display: block;
position: relative;
background: #18d28d;
width: 330px;
padding: 13px;
border-radius: .6rem;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
letter-spacing: .1rem;
transition: .5s;
font-size: 16px;
margin: 30px auto 10px auto;
line-height: 1.4em;
}


#sougaku a.button:hover {
text-decoration: none;
opacity: 0.6;
}

#sougaku a.button:before {
content: "";
position: absolute;
top: 46%;
right: 12px;
width: 10px;
height: 2px;
background: #fff;
transform: rotate(45deg);
}

#sougaku a.button:after {
content: "";
position: absolute;
top: 54%;
right: 12px;
width: 10px;
height: 2px;
background: #fff;
transform: rotate(-45deg);
}
#sougaku p.small{
font-size: 12px;
margin: 10px auto;
text-align: center;
color: #333;
}

#sougaku div.item_ttl{
width: 740px;
height: 112px;
background: url(../img/lp/sougaku_spb_ttlbk.png);
margin: 30px 0 20px 0;
}
#sougaku div.item_ttl p.sub{
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 auto;
padding-top: 35px;
}
#sougaku div.item_ttl p.main{
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 auto;
color: #0086c2;
}
#sougaku div.spb{
background: url(../img/lp/sougaku_spb.png)no-repeat;
width: 740px;
height: 200px;
}

#sougaku div.easy{
background: url(../img/lp/sougaku_easy.png)no-repeat;
width: 740px;
height: 200px;
}

#sougaku div.paper{
	background: url(../img/lp/sougaku_paper.png)no-repeat;
	width: 740px;
	height: 200px;
	}

#sougaku div.spb a,#sougaku div.easy a,#sougaku div.paper a{
display: block;
}
#sougaku div.spb a,#sougaku div.easy a,#sougaku div.paper a:hover{
opacity: 0.6;
text-decoration: none;
}

#sougaku .spb .txtbox {
padding: 15px 0 0 30px;
color: #000;
text-decoration: none;
}

#sougaku .easy .txtbox {
padding: 15px 0 0 330px;
color: #000;
text-decoration: none;
}
#sougaku .paper .txtbox {
padding: 15px 0 0 30px;
color: #000;
text-decoration: none;
}
#sougaku p.catch{
font-size: 18px;
font-weight: bold;
color: #f00;
}
#sougaku p.product{
font-size: 25px;
font-weight: bold;
color: #000;
}
#sougaku p.sentence{
margin-top: 20px;
 color: #000;
 font-size: 14px;
}
#sougaku p.price{
margin-top: 10px;
font-weight: bold;
margin-left: 120px;
color: #000;    
}

#sougaku p.price span.kakaku{
color: #f00;
font-size: 23px;
}
#sougaku p.price span.yen{
color: #f00;
}
#sougaku ul.row{
display: flex;
padding: 20px;
justify-content: space-between;
}
#sougaku ul.row li.item3{
list-style: none;
width: 220px;
}
#sougaku ul.row li.item2{
list-style: none;
width: 48%;
}
#sougaku ul.row li img{
width: 100%;
}
#sougaku p.line{
margin: 50px 0;
border-bottom: 1px dashed #333;
}

/* コラム */

.column p{
	font-size: 16px;
	line-height: 2.2;
	margin: 10px 0;
te
}

.column p span.marker{
	background-color: #FEE3E4;
	font-weight: bold;
}

.column h3{
	font-size: 24px;
	padding: 15px 0 15px 20px;
	border-left: 6px solid #FBB03B;
	margin: 30px 0 20px;
}

.column .fig{
	width: 94%;
	margin: 30px auto;
}

.column .fig img{
	max-width: 100%;
}

.column .underline{
	border-bottom: 1px solid #000;
}

.column .check li::before{
	content: "\f00c";
	font-family: fontawesome;
	margin-right: 4px;
	font-size: 120%;
	color: #FBB03B;
	margin-left: -1.2em;
  }

  .column ul{
	font-size: 16px;
	margin: 20px 0;
  }

  .column ul.check li{
	padding: 10px 2em;
	border-bottom: 1px dashed #ccc;
	box-sizing: border-box;
  }

/**/

.img-link{
	width: 80%;
	margin: 20px auto;
}

.img-link:hover{
	text-decoration: none;
}

.img-link > div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	position: relative;
}

.img-link:hover > div{
background: #f7f7ff;
}

.img-link .thumb{
	width: 50%;
	height: auto;
}

.img-link .detail{
	width: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	flex-wrap: wrap;
}

.img-link .ttl{
	color: #333;
}

.img-link div::after{
	content: "詳細はこちら?";
	display: block;
	text-align: right;
	font-size: 12px;
	color: #0075c1;
	position: absolute;
	right: 10px;
	bottom: 5px;
}


p.gloupsite_ttl {
  background: #545049;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
}

ul.gloupsite{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}


ul.gloupsite li{
    margin-bottom: 15px;
}

p.gloupsite_ttl {
    background: #545049;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;
  }
  
  ul.gloupsite{
      width: 100%;
      text-align: center;
  }
  
  
  ul.gloupsite li{
      margin-bottom: 15px;
      list-style: none;
      width: 100%;
  }
  
  
  ul.gloupsite li img{
      width: 100%;
  }
  
  .ft_groupsite{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 1000px;
	   margin: 20px auto 0;
         padding-bottom: 30px;
  }
  
  .ft_groupsite .inner{
      width: 24.5%;
  }
  
  .ft_groupsite .inner .ttl{
      font-size: 14px;
      font-weight: bold;
      margin:10px 0;
      margin: 10px 0 15px;
        text-align: left;
  }
  
  .ft_groupsite .inner > ul li{
    border-left: 2px solid #DDD;
    margin-bottom: 15px;
    width: auto;
    display: block;
    padding: 0 0 0 6px;
float: none;
  }
  
  .ft_groupsite .inner > ul li a{
      padding: 2px 4px;
      display: flex;
      align-items: center;
      color: #333;
      font-size: 12px;
  }
  
  
  .ft_groupsite .inner > ul li img{
      width: 34px;
      display: inline-block;
      text-align: center;
      height: auto;
      margin-right: 6px;
  }
  

  .foot2 .ft_groupsite ul{
    width: auto;
    padding-top: 0;
  }
            #kabekake-calendar img{
            width: 165px;
            border: solid 1px #9fa0a0;
            margin: 9px;
        }
        #kabekake-calendar .flex-box{
            display: flex;
            flex-wrap: wrap;
            justify-content:start;
            text-align: center;
            
        }
        #kabekake-calendar .text{
            margin: 5px 0 20px 0;
            font-size: 14px;
            font-weight: bold;
        }

        #kabekake-calendar .border_calendar{
           display: flex;
           align-items: center;
           font-size: 22px;
           font-weight: bold;
           color: #a158cd;
           margin-top: 40px;
        }
        #kabekake-calendar .border_calendar:before,
        #kabekake-calendar .border_calendar:after {
          content: "";
          height: 4px;
          flex-grow: 1;
          background-color: #a158cd;
       }

       #kabekake-calendar .border_calendar:before {
          margin-right: 1rem;
       }

     #kabekake-calendar .border_calendar:after {
          margin-left: 1rem;
       }
	   #kabekake-calendar .kabekake-btn a:hover{
		opacity: 0.5;
	}
	
	#kabekake-calendar .kabekake-btn a{
		 text-decoration: none;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		background-color: #a158cd;
		text-align: center;
		border-radius: 1.5em;
		width: 380px;
		padding: 10px;
		margin: 10px auto;
		display: block;
		margin-top: 40px;
			
	}


	/*------------------カレンダー注意事項------------------*/

.calendar-description {
    border: 1px solid #ececec;
    padding: 12px;
}

.calendar-description_icon {
    float: left;
    clear: left;
}

.calendar-description_color {
    width: 16px;
    height: 16px;
    background: #FFDFDF;
}

.calendar-description_text {
    margin-bottom: 8px;
    padding-left: 24px;
    font-size: 12px;
    line-height: 1.6em;
}

.company-info_timeBox {
    padding: 5px 0 0;
    /*border-bottom: dotted 1px #c8c8c8;*/
}

.company-info_timeBox {
    margin: 10px 0 0;
}

.company-info_time {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin: 0 8px 0 0;
    padding: 4px 8px 4px;
    color: #666;
    border: solid 1px #ccc;
    line-height: 1;
}

.company-info_timeNo {
    padding-top: 2px;
}

.company-info_timeNoText {
    font-size: 8px;
}

/*------------------カレンダー注意事項ここまで------------------*/