ul,li {list-style:none;margin:0;padding:0;}
#tips_blu-ray {
    margin: 10px 0 20px auto;
    padding: 0;
}
#tips_blu-ray ul li {
    float: left;
    margin: 0 0 0 2%;
}
#tips_blu-ray ul li a {
    display: block;
    color: #ffffff;
    margin: 20px 0;
    padding: 10px 15px;
    border: 2px solid #0066cc;
    background-color: #0066cc;
    border-radius: 3px;
    transition-property: background-color,font-size,border;
    transition-duration: 1s;
    font-size: 1em;
}
/* .wrap_qa  add */
.wrap_qa {
	width: 100%;
	min-width: 780px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.result-zero {display:none;}

#top_osusume .tabContents .item_price {
	margin-top: 40px;
	text-align:right;
	font-size:3em;
	color:#d30000;
	font-weight: bold; font-style: italic;
	}
#osusume_list .item_stock{
	margin:0px;
}
/* 追記要素20230209 */

#osusume_title{
	
	padding:0px;
	font-family:"メイリオ","MSPゴシック","Arial";
	text-align: left;
	margin-bottom:20px;
	margin-left:0px;
	/* border-top:solid 2px #cccccc;
	background-color: #f2f2f2;
	border-bottom:solid 2px #cccccc; */

}

#osusume_list .item_price .txt-shadow::first-letter,
#osusume_list .item_price var::first-letter,
#osusume_list .item_price::first-letter{
	font-family: sans-serif;
	font-size:25px;
	font-weight:900;
}
#osusume_list {
	/* font-weight: bold; */
    display:flex;
    /* overflow: hidden;
    overflow-x:scroll ;
     */
  }
  #osusume_list .osusume{
	width: 230px;
	font-weight: bold;
  }
  #osusume_list li{
	margin-left:2em;
  }
  /* 画像のサイズ */
  #osusume_list li img{
	margin:0px;
    width: 230px;
    height: 230px;
  } 

/* 価格色 */
  #osusume_list  .item_price{
	position:relative;
    bottom: 1%;
    right: 19%;
    display: inline-block;
    font-family: '源の角ゴシック','MSゴシック' sans-serif;
    font-size: 35px;
    /* color: #EE3333; */
    color: #ef3332;
    /* letter-spacing: -0.04em; */
    letter-spacing: -0.025em;
    /* -webkit-text-stroke: 2px #fff; */
    padding: 0 0.3em;
    margin: -34px 0 0 24px;
    transform: skewX(360deg);
  }
  #osusume_list  .item_price var{
	display: inline-block;
    /* -webkit-text-stroke: 2px #cb2414; */
    /* background: -webkit-linear-gradient(#eee,#fc0, #fe7,#d90,#fc0,#fc0); */
    /* background: -webkit-linear-gradient(#ffdd60,#ffdd60, #fff2aa,#ffce33,#ffce33,#ffdd60); */
	background-color: red;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    z-index: 1;
	transform: skewX(-12deg);
  }
    /* 価格の影 */

  #osusume_list .txt-shadow{
	position: absolute;
    display: inline-block !important;
    top: inherit;
    left: 0.3em;
    /* -webkit-text-stroke: 2px #fff; */
    /* -webkit-text-stroke: 6px #fff; */
    /* content: attr(data-price); */
    text-shadow: 7px 7px 0px #333,
	6px 6px 1px #333,
	5px 5px 1px #333,
	4px 4px 1px #333,
	3px 3px 1px #333,
	2px 2px 1px #333,
	1px 1px 1px #333;
    z-index: -1;
	transform: skewX(-12deg);

  }
  /* 税込み非表示 */
  #osusume_list  .item_price .tax_notation_contents {
    /* font-size: 0.5em !important; */
    display: none;
}
#l_waku {
width:1000px;
border:0px #000 solid;
margin:0 auto;
position:relative;
}

#cat_title {
    margin: 5px 0;
    font-weight: bold;
    font-size: 30px;
    border-bottom: 1px #ccc solid;
    border-left: 5px #0066cc solid;
    padding: 5px;
    line-height: 35px;
    height: 80px;
}

#cat_sub_title {
    position: relative;
    top: -60px;
    left: 15px;
    color: #555;
    font-weight: normal;
    margin-bottom: -20px;
    font-size: 14px;
}


#main_title {
margin:6px 0;
border-bottom:5px #eee solid;
padding-bottom:10px;
font-size:1.5em;
line-height:1;
}
#sub_title {
font-size:0.8em;
font-weight:normal;
line-height:1.5;
color:#666;
margin-bottom:50px;
}
#head_title_area {
width:100%;
margin-top:20px;
}
.cat_main_title {
font-size:1.2em;
text-align:left;
margin:0;
line-height:1;
}




.tax_notation_contents {font-size:0.5em !important;}

#head_wrap {
width:100%;
min-width:780px;
overflow:hidden;

	background: #fff;
	box-shadow: 0 2.1rem 2rem -2rem hsl(200 0% 10% / 10%);
}

#wrapper {
width:100%;
min-width:780px;
max-width:1200px;
margin:0 auto;
padding:0;
}

.midashi {
font-size:2.4em;
margin:0;
margin-top:100px;
margin-bottom:20px;
text-align:center;
}

.midashi {
	font-size:2.4em;
	margin:0;
	margin-top:100px;
	margin-bottom:20px;
	text-align:center;
}

.m_midashi {
	/*font-weight:bold;font-size:1.6em;margin:10px;*/
	/* margin-top:70px; */
	margin:5% 0 0;
	padding: 12px 25px;
	box-sizing: border-box;
	background: #393a3f;
	font-size:1.5em;
	color:#fff;
}
.m_midashi span {font-size:0.8em;}

b {
background-image: linear-gradient(transparent 60%, #FEE500 60%);padding:0 10px;
}



#head_title_area {
width:100%;
margin-left:10px;
margin-top:20px;
}
.cat_main_title {
font-size:1.6em;
text-align:left;
margin:0;
padding:5px 0;
}
.cat_main_title span {
font-size:0.7em;
font-weight:normal;
margin-left:10px;
}
#head_title_area .color_01 {
float:left;
width:20%;
border-bottom:1px #0066cc solid;
margin:0;
margin-bottom:10px;
}
#head_title_area .color_02 {
float:left;
width:80%;
border-bottom:1px #ccc solid;
margin:0;
margin-bottom:10px;
}


.cate_top{
text-align:center;
max-width:1200px;
min-width:780px;
height:300px;
overflow:hidden;
z-index:1;
display:block;
margin:0 auto;
padding:0;
position:relative;
left:50%;
margin-left:-600px;
}

.cate_top h1 {
position:absolute;
width:100%;
text-align:center;
}
.cate_top h1 span {
display:block;
font-size:0.5em;
line-height:0.5;
}

.cate_top h2 {
position:absolute;
width:100%;
text-align:center;
font-size:0.75em;
line-height:1.7;
color:#333;
font-weight:normal;
margin-top:80px;
-moz-text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
-webkit-text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
-ms-text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
}

	.cate_top h2 span {
		display: inline-block;
		margin:0 auto;
		text-align: left;
	}

.top_nouhin_box {
position:absolute;
width:100%;
text-align:center;
margin-top:200px;
}
.top_nouhin_box strong {
font-size:1.2em;
}
.top_nouhin_box p {
display:inline-block;
font-size:0.7em;
margin:0;
margin-left:-110px;
border:3px #C8AC39 solid;
color:#C8AC39;
padding:5px;
background: rgba(255,255,255,0.2);
}

.top_souryou_box {
position:absolute;
width:100%;
text-align:center;
margin-top:200px;
}
.top_souryou_box strong {
font-size:1.2em;
}
.top_souryou_box p {
display:inline-block;
font-size:0.7em;
margin:0;
margin-left:110px;
border:3px #C8AC39 solid;
color:#C8AC39;
padding:5px;
background: rgba(255,255,255,0.2);
}





/* 座デスク
--------------------------------------*/

#top_head_area {
	height:300px;
	width:100%;
}

.zadesk_head {
	background-image: url("https://www.esupply.co.jp/contents/category/desk/img/zadesk_top_pc.jpg");
	background-repeat: repeat-x;
	background-position: center bottom;
	height:300px;
	width:100%;
}

.side_desk_head {
	background-image: url("https://www.esupply.co.jp/contents/category/desk/img/side_desk_top_pc.jpg");
	background-repeat: repeat-x;
	background-position: center bottom;
	height:300px;
	width:100%;
}


#top_head_area .cate_pr {
	width:700px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0.7) 59%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,0.7) 59%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,0.7) 59%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
	
}

#top_head_area .cate_pr h1 {
	color:#000;
	margin:0;
	padding-top:15px;
	text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.75),
	-3px 5px 12px rgba(255, 255, 255, 0.75);
	line-height:1.3;
}

#top_head_area .cate_pr h1 span {
	display:block;
	font-size:0.5em;
}

#top_head_area .cate_pr h2 {
	color:#000;
	font-weight:normal;
	font-size:0.8em;
	text-shadow: 5px 5px 10px rgba(255, 255, 255, 1),
	-3px 5px 12px rgba(255, 255, 255, 1);
	margin-top:15px;
}

#top_head_area .cate_pr .box {
	margin:0;
	padding:0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

#top_head_area .cate_pr .box .top_box {
	color:#b99e00;
	border:3px #b99e00 solid;
	padding:1px 0;
	width:140px;
	margin:0 4px;
	text-align:center;
	line-height:1.3;
	z-index:1;
	transition:0.3s;
	background:rgba(255, 255, 255, 0.7);
	}
#top_head_area .cate_pr .box .top_box span {
	display:inline-block;
	font-size:0.7em;
	line-height:1.8;
	transition:0.3s;
	}

#top_head_area .cate_pr .box .top_box strong {
	font-size:1.2em;
	display:block;
}

#top_head_area .cate_pr .box .top_box .mini_text {
	font-size:0.7em;
}
















/*
TOP看板下リストボタン
---------------------------------*/
#cate_top_menu_underlist {
width:100%;
min-width:780px;
max-width:1200px;
float:left;
margin:0;
margin-top:20px;
padding:0;
}
#cate_top_menu_underlist:after {
clear:both;
}
#cate_top_menu_underlist div {
width:100%;
min-width:780px;
max-width:1200px;
margin:0 auto;
text-align:center;
}
#cate_top_menu_underlist li {
float:left;
width:20%;
}
#cate_top_menu_underlist li a {
display:block;
text-align:center;
color:#fff;
font-weight:bold;
background: rgb(95,96,96); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(95,96,96,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(95,96,96,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(95,96,96,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6060', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:10px 0;
font-size:0.9em;
transition:0.3s;
margin:10px;
border-radius:50px;
}
#cate_top_menu_underlist li a i {
margin-left:5px;
}


#cate_top_menu_underlist li .outlet {
background: #cf0404; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cf0404 0%, #ff3019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #cf0404 0%,#ff3019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #cf0404 0%,#ff3019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 ); 
}
#cate_top_menu_underlist li a:hover {
text-decoration:underline;
text-shadow:0px 0px 43px #fff;
}
#cate_top_menu_underlist li a small {
font-weight:normal;
font-size:0.7em;
margin-left:5px;
}





/*　TOP看板下リストボタン
-------------------------------*/

#top_menu_underlist {
	width:100%;
	max-width:1100px;
	min-width:780px;
	display:flex;
	margin:0;
	padding:0;
	margin:20px auto;
}

#top_menu_underlist li {
	width:100%;
	text-align:center;
}
#top_menu_underlist li a {
	border:2px #0066cc solid;
	background:#0066cc;
	display:block;
	width:90%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:15px 0;
	transition:0.3s;
	border-radius:3px;
	font-weight:bold;
}
#top_menu_underlist li .outlet {
	display:block;
	text-align:center;
	color:#fff;
	border:2px #B40404 solid;
	background:#B40404;
	padding:15px 0;
	transition:0.3s;
}
#top_menu_underlist li a:hover {
	background:#fff;
	color:#0066cc;
}
#top_menu_underlist li .outlet:hover {
	background:#fff !important;
	color:#B40404;
}

#top_menu_underlist li a span {
	font-weight:normal;
	font-size:0.7em;
	margin-left:3px;
}





/*　TOP看板下リストボタン（座デスク用）
------------------------------------*/

#top_menu_underlist_media_case {
	width:100%;
	max-width:1100px;
	min-width:780px;
	display:flex;
	margin:0;
	padding:0;
	margin:20px auto;
}

#top_menu_underlist_media_case li {
	width:100%;
	text-align:center;
}
#top_menu_underlist_media_case li a {
	border:2px #393a3f solid;
	background:#393a3f;
	display:block;
	width:90%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:15px 0;
	transition:0.3s;
	border-radius:3px;
	font-weight:bold;
}
#top_menu_underlist_media_case li .outlet {
	display:block;
	text-align:center;
	color:#fff;
	border:2px #B40404 solid;
	background:#B40404;
	padding:15px 0;
	transition:0.3s;
}
#top_menu_underlist_media_case li a:hover {
	background:#fff;
	color:#393a3f;
}
#top_menu_underlist_media_case li .outlet:hover {
	background:#fff !important;
	color:#B40404;
}

#top_menu_underlist_media_case li a span {
	font-weight:normal;
	font-size:0.7em;
	margin-left:3px;
}





/* おすすめエリア
--------------------------------------*/

#first_osusume_zadesk {
	width:100%;
	max-width:1100px;
	min-width:780px;
	overflow:hidden;
	margin-bottom:50px;
}

input[name="switch"] {
	display: none;
}

/* :::::: button :::::: */
.tabBtn {
	display: flex;
	justify-content: flex-end;
	list-style: none;
	width:100%;
	max-width:1020px;
	min-width:780px;
	margin: 0;
	padding: 0;
	text-align: left;
	position:absolute;
	z-index:5;
}
.tabBtn li {
	flex-basis: 150px;
	margin:0 10px;
	margin-top:10px;
}

.tabBtn li img {
	width:100%;
	border-radius:10px;
}
.tabBtn label {
	display: block;
	cursor: pointer;
	padding: 0;
	transition: .3s;
	border:5px #eee solid;
	border-radius:10px;
	background:#fff;
}

.tabBtn label span {
	position:absolute;
	margin-left:-135px;
	margin-top:120px;
	font-size:0.8em;
}

.tabBtn label:hover {
	border:5px #ccc solid;
}

/* :::::: contents :::::: */
.tabContents section {
	padding: 0;
	background: rgb(247, 247, 241);
}
.tabContents h2 {
	margin: 200px 0 0 0;
	font-size: 18px;
}
.tabContents p {
	font-size: 1em;
}
.tabContents p a {
	color: lightseagreen;
	text-decoration: underline;
	font-size: 0.8em;
}
.tabContents figure {
	float: left;
	width: 40%;
	min-width: 120px;
	margin: 0;
	margin-right:10px;
}
.tabContents figure img {
	max-width: 100%;
	vertical-align: middle;
}
.tabContents section::after {
	content: "";
	display: block;
	clear: left;
}

/* :::::: mechanism :::::: */
.tabContents section {
	opacity: .1;
}
.tabContents section {
	transition: opacity .3s;
}
#tab-1:checked ~ .tabBtn label[for="tab-1"],
#tab-2:checked ~ .tabBtn label[for="tab-2"],
#tab-3:checked ~ .tabBtn label[for="tab-3"] {
	border: 5px indianred solid;
	border-radius:10px;
}
#tab-1:checked ~ .tabContents #section-1,
#tab-2:checked ~ .tabContents #section-2,
#tab-3:checked ~ .tabContents #section-3 {
	opacity: 1;
}

/* :::::: slide :::::: */

.tabContents {
	display: flex;
	width: 300%;
	transition: transform .6s;
	text-align: left;
}
.tabContents section {
	flex-basis: 33.33333%;
	opacity: .1;
	transition: opacity .3s;
	padding:10px;
}
#tab-1:checked ~ .tabContents {
	transform: translateX(0);
}
#tab-2:checked ~ .tabContents {
	transform: translateX(-33.3333%);
}
#tab-3:checked ~ .tabContents {
	transform: translateX(-66.6666%);
}


#top_osusume .tabContents .item_price {
margin-top: 40px;
text-align:right;
font-size:3em;
color:#d30000;
font-weight: bold; font-style: italic;
}
#top_osusume .tabContents .item_price .tax_notation_contents {
font-size:0.3em !important;
color:#666 !important;
}


#top_osusume .tabContents .item_price a {
	display: inline-block;
}

#top_osusume .tabContents .item_price a .item_page_btn {
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-shadow: none;
	background: rgb(255,211,15); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,211,15,1) 0%, rgba(255,103,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,211,15,1) 0%,rgba(255,103,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,211,15,1) 0%,rgba(255,103,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd30f', endColorstr='#ff670f',GradientType=0 );
	padding:10px 20px;
	padding-top:12px;
	border-radius:5px;
	position:relative;
	top:10px;
	float:right;
	font-style: normal;
	font-family: "???C???I" ;
	letter-spacing: 1px;
	margin-right:15px;
}

#top_osusume .tabContents .item_price a .item_page_btn:hover {
	background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}















#top_osusume {
width:100%;
max-width:1030px;
margin:0 auto;
text-align:center;
}
#top_osusume li {
float:left;
width:50%;
}
#top_osusume li a {
display:block;
position:relative;
margin:10px;
}
#top_osusume li a img {
display:block;
width:100%;
max-width:500px;
}

#top_osusume li a .point {
margin:0 10px;
color:#fff;
font-weight:bold;
text-align:left;
font-size:0.9em;
text-decoration:underline;
display:block;
}

#top_osusume li a .point span {
	display:inline-block;
	margin:0;
	background:#DF0101;
	font-size:0.75em;
	font-weight: bold;
	padding:5px 10px;
	line-height:.1.2;
	color:#fff;
	text-decoration:none;
	border-radius: 50px;
	}

#top_osusume li a .point_text {
margin:10px;
color:#000;
background:rgba(255,255,255,0.6);
border-radius:10px;
font-size:0.8em;
padding:10px;
vertical-align:bottom;
text-align:left;
}
#top_osusume li a .point_area {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0;
width:100%;
max-width:500px;
padding-top:100px;
}
#top_osusume li a:hover .point_area {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}


#top_osusume li a .point_area .item_price {
margin:0;
text-align:left;
font-size:2.5em;
color:#F1D92A;
font-weight: bold; font-style: italic; font-family: "Times New Roman" ;
text-shadow: 2px 2px 8px black;
}
#top_osusume li a .point_area .item_price .tax_notation_contents {
font-size:0.3em !important;
color:#fff !important;
}





#wrapper_desk {
width:995px;
margin:0 auto;
text-align:center;
}
.midashi02 {text-align:left;}
#top_nav {
float:left;
margin:0;
padding:0;
width:995px;
list-style:none;
margin-bottom:50px;
margin-left:10px;
border:1px #ccc solid;
border-bottom:none;
border-radius:5px;
box-shadow: 0 9px 12px -9px #222;
}
#top_nav li {
float:left;
margin:0;
padding:0;
width:199px;
text-align:center;
}
#top_nav li a {
display:block;
padding:20px 0;
border-right:1px #eee solid;
border-bottom:3px #0066cc solid;
color:#333;
font-size:0.95em;
transition:0.5s;
}
#top_nav li a:hover {
border-bottom:3px red solid;
color:red;
background:#FFFAD5;
}
#top_img_wrap {
width:100%;
margin:0;
padding:0;
background:#24476F;
height:280px;
margin-bottom:20px;
margin-left:0;
}
#top_img_wrap .top_img_main {
width:995px;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_img_main h1 {
position:absolute;
margin-top:30px;
margin-left:10px;
font-size:2.5em;
color:#000;
z-index:1;
line-height:54%;
}
#top_img_wrap .top_img_main h2 {
position:absolute;
margin-top:65px;
margin-left:10px;
font-weight:normal;
text-align:left;
color:#333;
font-size:0.8em;
line-height:1.7;
z-index:1;
}
#top_img_wrap .top_img {
position:absolute;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_back {
width:100%;
background:#F1DE74;
height:280px;
}
#top_img_wrap .top_nouhin_box {
position:absolute;
color:#0066cc;
border:1px #0066cc solid;
padding:8px 15px;
font-size:0.9em;
margin-top:165px;
margin-left:10px;
z-index:3;
border-radius:3px;
}
#top_img_wrap .top_nouhin_box02 {
position:absolute;
color:#fff;
border:1px #DF0101 solid;
background:#DF0101;
padding:8px 7px;
font-size:0.9em;
margin-top:215px;
margin-left:10px;
width:233px;
z-index:3;
border-radius:3px;
}






#head_title_area {
width:100%;
margin-left:10px;
}
.cat_main_title {
font-size:1.6em;
text-align:left;
margin:0;
line-height:1;
}
#head_title_area .color_01 {
float:left;
width:20%;
border-bottom:1px #0066cc solid;
}
#head_title_area .color_02 {
float:left;
width:80%;
border-bottom:1px #ccc solid;
}

/*種類から選ぶ
------------------------------------------------------*/
#shurui_area {}
/* #shurui_area  upd */

#shurui_area  {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	/*max-width:1060px;*/
	max-width:1140px;
	margin:3% auto 0;
	text-align:center;
	overflow:hidden;
}


#shurui_area li {
	/*float:left;*/
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	/*width:32%;*/
	width:31.5%;
	position:relative;
	margin:0 0.5% 2%;
	padding-bottom:20px;
	overflow:hidden;
	border-top:5px solid #393a3f;
	filter: drop-shadow(0 3px 3px #cfcfcf);
}
#shurui_area li a {
	display:flex;
	flex: 1 auto;
	flex-flow: wrap;
	position:relative;
	padding:0;
	/*margin-top:-4px;*/
	/*z-index:10;*/
	text-decoration:none;
}


#shurui_area li img {
	display:block;
	width:100%;
	max-width:500px;
}
#shurui_area li a .point span {
	display:inline-block;
	background:#DF0101;
	font-size:0.8em;
	padding:5px;
	line-height:.1.2;
	color:#fff;
	text-decoration:none;

}
#shurui_area li a .point {
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:0.9em;
	text-decoration:underline;
	display:block;
	margin:0 10px;
	margin-bottom:10px;
	display:block;
	line-height:1.7;
}

#shurui_area li a .point_title {
	margin:0;
	color:#fff;
	/*font-size:1.375em;*/
	font-size:1.285em;
	font-weight: bold;
	padding:10px 25px 10px 10px;
	vertical-align:bottom;
	text-align:center;
}
#shurui_area li a .point_text {
	margin:0;
	color:#fff;
	/*font-size:0.8em;*/
	font-size:0.825em;
	padding:10px 25px 10px 10px;
	vertical-align:bottom;
	text-align:left;
}
#shurui_area li a .point_area {
	background: #393a3f;
	/*-webkit-clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);*/
	/*clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);*/
	/*background-color:#58ACFA;*/
	color:#fff;
	margin-top: -4px;/* add */
	padding: 15px 10px 10px;
	box-sizing: border-box;
	/*position:absolute;*/
	/*left:0;*/
	/*bottom:0;*/
	width:100%;
	/*max-width:500px;*/
	min-height: 138px;/* add */
	transition:0.3s;
	position:relative;
}
#shurui_area li a .point_area::before {
	content:"";
	position: absolute;
	/*top:calc(50% - 4px);*/
	bottom:calc(5% + 5px);
	right:5px;
	display:block;
	width: 0;
	height: 0;
	border-top: solid 7px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 7px transparent;
	/*border-left: solid 9px #fff;*/
	border-left: solid 9px #fff;
	transition:0.3s;
}
#shurui_area li a:hover .point_area::before {
	/*top:calc(50% - 3px);*/
	bottom:calc(5% + 4px);
	right:1px;
	border-top: solid 6px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 6px transparent;
	border-left: solid 8px #fff;
	transition:0.4s;
}
#shurui_area li a .point_area .child{

}

#shurui_area li a:hover .point_area {
	/*background:#0066cc;*/
	/*background:#cc3333;*/
	/*background:#C8BCAD;*/
	background:#393a3f;
}


#shurui_area li a .point_area .item_price {
	margin:0;
	text-align:left;
	font-size:2em;
	/*color:#F1D92A;*/
	color:#000;
	font-weight: bold; font-style: normal; font-family: Arial;
	/*text-shadow: 2px 2px 8px black;*/
}
#shurui_area li a .point_area .item_price:first-letter {
	font-size:0.9em;
	font-weight:normal;
}
#shurui_area li a .point_area .item_price .tax_notation_contents {
	font-size:0.3em !important;
	/*color:#fff !important;*/
	color:#000 !important;
}

#shurui_area li a .item_price .item_page_btn {
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-shadow: none;
	background: rgb(255,211,15); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,211,15,1) 0%, rgba(255,103,15,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,211,15,1) 0%,rgba(255,103,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,211,15,1) 0%,rgba(255,103,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd30f', endColorstr='#ff670f',GradientType=0 );
	padding:10px 20px;
	padding-top:12px;
	border-radius:5px;
	position:relative;
	top:30px;
	right:;
	float:right;
	font-style: normal;
	font-family: "メイリオ" ;
	letter-spacing: 1px;
	margin-right:15px;
}
#top_osusume li a:hover .item_price .item_page_btn {
	background: rgb(111,239,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(111,239,0,1) 0%, rgba(53,178,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(111,239,0,1) 0%,rgba(53,178,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(111,239,0,1) 0%,rgba(53,178,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fef00', endColorstr='#35b200',GradientType=0 ); /* IE6-9 */
}






.img_hover img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_hover a:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}



/*
関連カテゴリ エリア add
--------------------------*/
#related_cat_area ul , #related_cat_area li {list-style:none;padding:0;}

#related_cat_area ul {
	display: flex;
	flex-wrap: wrap;
	list-style:none;
	margin:3% auto 0;
	padding:0;
	width:100%;
	max-width: 1140px;
	position:relative;
	z-index:1;
}
#related_cat_area li {
	/*float:left;*/
	display: block;
	margin:0 2% 2% 0;
	width:23.5%;
}
#related_cat_area li:nth-child(4n) {
	margin:0 0 2% 0;
}
#related_cat_area li a {
	display:block;
	height: 100%;
	color:#666;
	margin:0;
	padding:10px 0;
	box-sizing: border-box;
	border-radius:3px;
	text-align:center;
	text-decoration: none;
	transition-property: all;
	transition: 0.3s linear;
	background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.1));
}
#related_cat_area li a:hover {
	background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.3));
	color:red;
}
#related_cat_area li a img {
	padding:10px;
	padding-bottom:0;
	position:relative;
	top:1px;
	transition:0.5s;
	width:80%;
	z-index:-1;
}
#related_cat_area li a:hover > img {
	position:relative;
	top:-7px;
}
#related_cat_area li a h4 {
	font-size:1.4em;
	margin:0;
	margin-top:0px;
	padding:10px;
	padding-top:0;
	/*height:75px;*/
}
#related_cat_area li a p , #related_cat_area li a h4 {
	line-height:1.5;
	font-weight:normal;
	font-size:0.7em;
	margin:5px 0;
}
#related_cat_area li a h4 span {
	font-size:1.3em;
	display:block;
	font-weight:bold;
	color:#000;
}



/* info add */
.info {
	width: 100%;
	margin: 10% auto 0;
	text-align: center;
	background: #eee;
	border-radius: 10px;
	padding: 10px;
	/*float: left;*/
	padding-bottom: 40px;
	box-sizing: border-box;
}
.info .midashi {
	font-size: 1.6em;
	color: #08298A;
	font-weight: bold;
	border-bottom: 3px #ccc dotted;
	margin: 30px 0 0;
	padding: 10px 0;
	padding-top: 0;
}
.info .sub-midashi {
	font-size: .8em;
}
.info ul {
	display: flex;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 800px;
}
.info ul li {
	margin: 0;
	padding: 0 1%;
	width: 31%;
}
.info ul li a {
	display: block;
}
.info ul li img {
	width: 100%;
	max-width: 250px;
}


/* .related_terms  add */
.related_terms {
	width:77%;
	max-width: 1140px;
	margin:10% auto 0;
	padding: 40px;
	box-sizing: border-box;
	border: 1px solid #C7C7C7;
}
.related_terms .rt-title {
	font-size: 1.125em;
	font-weight: bold;
}
.related_terms ul {
	position:relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin:20px auto 0;
	padding:0;
	list-style: disc;
	z-index:1;
}
.related_terms ul li {
	width:32.5%;
	margin:0 0 0.25%;
	font-size: 0.875em;
}



/* about_area  add */
.about_area {
	width:77%;
	margin:5% auto 0;
	padding:40px;
	box-sizing:border-box;
	background:#F8F5F0;
	border-radius:10px;
}
.about_area .about_area-title {
	font-size:1.625em;
	font-weight:bold;
	color:#674316;
}
.about_area .about_area-desc {
	font-size: 0.875em;
}
.about_area .about_area-desc b {
	padding:0;
	background-image: none;
}
.about_area .about_area-howto {
	margin:5% auto 0;
	padding:40px;
	box-sizing:border-box;
	background:#fff;
	font-size: 0.875em;
}
.about_area .about_area-howto b {
	padding:0;
	background-image: none;

	font-size: 1.285em;;
	font-weight:bold;
	color:#674316;
}
.about_area .about_area-closing {
	margin:5% auto 0;
	font-size: 0.875em;
}







/*
シーンエリア
--------------------------*/
#scene_area {
display:flex;
margin:50px auto;
width:100%;
max-width:1200px;
min-width:780px;  
}
#scene_area li {
float:left;
width:25%;
padding:0;
margin:0;
list-style:none;
font-size:0.8em;
}
#scene_area li .inbox {
padding:15px;
margin:0;
height:240px;
}
#scene_area li .inTopImg {
margin:0;}
#scene_area h3 {
color:#DF0101;
margin:10px 0;
}
#scene_area h4 {
margin:5px 0;
color:#666;
font-weight:normal;
line-height:1.5;
}





/*
基本バナー
---------------------------*/
#default_set_bnr:before , #default_set_bnr:after {width:100%;clear:both;display:inline-block;content:"";margin:10px 0;margin-bottom:60px;}
#default_set_bnr {margin:0;padding:0;float:left;list-style:none;width:100%;}
#default_set_bnr li {margin:0;padding:0;float:left;width:49%;}
#default_set_bnr li a {float:left;display:block;border:1px #000 solid;padding:30px 0;text-align:center;font-size:2em;color:#333;width:100%;}
#default_set_bnr li a .area_left {display:inline-block;}
#default_set_bnr li a .area_left .up_text {display:inline-block;margin:0;font-size:0.5em;background:#fff;padding:5px;text-align:center;color:#666;position:relative;z-index:1;}
#default_set_bnr li a .area_left .line {display:block;border-bottom:1px #666 solid;position:relative;top:-18px;}
#default_set_bnr li a .area_left .down_text{margin:0;}
#default_set_bnr li a .area_left .blue {color:#0066cc;}
#default_set_bnr li a .area_left .red {color:#DF0101;}
#default_set_bnr li a .area_right {display:inline-block;margin-left:20px;}
#default_set_bnr li a .area_right i {font-size:100px;position:relative;top:-10px;}
#default_set_bnr li a .area_right .fa-calculator {color:#0066cc;}
#default_set_bnr li a .area_right .fa-tags {color:#DF0101;}






/*種類から選ぶ（旧）
------------------------------------------------------*/
#shurui_table {width:995px;margin:0;padding:0;float:left;list-style:none;margin-left:13px;}
#shurui_table .sub_cat {width:320px;margin:0;padding:0;float:left;margin:5px;}
#shurui_table .sub_cat a {float:left;width:100%;display:block;border:1px #ccc solid;padding:10px 0;border-radius:3px;transition:0.3s;}
#shurui_table .sub_cat a:hover {box-shadow:0px 1px 14px -8px #000000;}
#shurui_table .sub_cat a img {float:left;margin-left:10px;}
#shurui_table .sub_cat a h4 {text-align:left;position:absolute;color:#0066cc;font-size:0.95em;line-height:1;margin-top:5px;margin-left:120px;transition:0.3s;}
#shurui_table .sub_cat a h5 {text-align:left;position:absolute;color:#777;font-size:0.75em;line-height:1.3;margin-top:45px;margin-left:120px;width:200px;font-weight:normal;transition:0.3s;}
#shurui_table a:hover > h3 {color:#DF0101;text-decoration:underline;}
#shurui_table .sub_cat a:hover > h4 {color:#DF0101;text-decoration:underline;}
#shurui_table .sub_cat a:hover > h5 {color:#000;}
#shurui_table .pickup {border:3px #0066cc solid;transition:0.3s;}
#shurui_table .pickup:hover {border:3px red solid;}
/*ピックアップバナー
------------------------------------------------------*/
#pickup_bnr {width:880px;margin:0 auto;padding:0;list-style:none;text-align:center;}
#pickup_bnr li {float:left;margin:10px auto;padding:0;text-align:center;}
#pickup_bnr li a {display:block;margin:5px 13px;}
#pickup_bnr li a img {border-radius:10px;}
/*
サイズから選ぶ
--------------------------------------------------------------*/
#size_area {
margin-bottom:40px;
float:left;
margin:0;
padding:0;
list-style:none;
width:995px;
margin-left:10px;
margin-bottom:40px;
}
#size_area li {
float:left;
width:30%;
margin:5px;
width:325px;
}
#size_area li a {
display:block;
border:1px #ddd solid;
border-radius:3px;
padding:0;
padding:5px 0;
color:#0066cc;
transition:0.5s;
}
#size_area li a:hover {
color:red;
border:1px red solid;
}
#size_area li img {
width:70%;
text-align:center;
}
#size_area li a i {
position:absolute;
margin-top:60px;
margin-left:27px;
font-size:1.2em;
}
/*
kaから選ぶ
--------------------------------------------------------------*/
#price_area {
margin-bottom:40px;
float:left;
margin:0;
padding:0;
list-style:none;
width:995px;
margin-left:10px;
margin-bottom:40px;
}
#price_area li {
float:left;
width:30%;
margin:5px;
width:325px;
}
#price_area li a {
display:block;
border:1px #ddd solid;
border-radius:3px;
padding:0;
padding:10px 0;
color:#0066cc;
transition:0.5s;
font-size:1.2em;
}
#price_area li a i {
float:right;
position:relative;
right:10px;
top:2px;
}
#price_area li a:hover {
color:red;
border:1px red solid;
}
/*
関連エリア
--------------------------------------------------------------*/
#kanren_area {
margin-bottom:40px;
margin:0 auto;
padding:0;
list-style:none;
width:100%;
min-width:780px;
max-width:1200px;
display: block;
margin-left: auto;
margin-right: auto
}
#kanren_area li {
float:left;
width:25%;
}
#kanren_area li a {
display:block;
border:1px #999 solid;
padding:0;
margin:10px;
color:#333;
transition:0.5s;
font-size:0.95em;
text-align:center;
transition:0.3s;
}
#kanren_area li a img {
display:inline-block;
width:100%;
max-width:300px;
text-align:center;
}
#kanren_area li a p {
font-weight:bold;
margin:10px auto;
margin-bottom:0;
padding-bottom:10px;
}
#kanren_area li a i {
float:right;
position:relative;
right:5px;
top:0px;
font-size:1.4em;
}
#kanren_area li a:hover {
box-shadow: 1px 1px 12px rgba(0,0,0,.40);
}
.Bnr_Area {
margin:50px auto;
text-align:center;
width:1000px;
}
.Bnr_Area p {
float:left;
margin:0;
margin-right:20px;
margin-bottom:20px;
border:1px #ccc solid;
}






/*
絞り込み検索
----------------------------*/
#search_area_cate {
	width:90%;
	margin:50px auto;
}

#search_form input[type="checkbox"]:checked + label {
color: #3275bc;
font-weight:bold;
border: 3px solid #0066cc;
background:rgba(208, 230, 253,0.3);
}
#search_form input[type="checkbox"]:checked + label img {
position:relative;
z-index:-1;
}


#search_form {width:100%;min-width:780px;max-width:1200px;margin:0 auto;border:6px #F2F2F2 solid !important;position:relative;z-index:2;}
#search_form , #search_form td, #search_form th {
border: 1px solid #ddd;
border-collapse: collapse;
}
#search_form td {padding:10px 0 !important;}
#search_form td, #search_form th {
padding: 2px;
min-width: 150px;
height: 20px;
}

#search_form th {
background: #0066cc;
width:3%;
max-width:10px;
text-align:center;
color:#fff;
}

.search_home th {
background: #393a3f !important;
width:3%;
max-width:10px;
text-align:center;
color:#fff;
}

#search_form th span {
display:block;
font-size:0.6em;
font-weight:normal;
text-align:center;
margin:5px 10px;
color:#ffff00;
clear:both;
}

#search_form th img {
	width:45%;
	border-radius:50%;
	margin-bottom:5px;
}

#search_form td p {
font-weight:bold;
color:#000;
font-size:1.2em;
margin:2px 5px;
}



#search_form input {
display: none;
}
#search_form input[type="radio"]:checked + label {
color: #3275bc;
font-weight:bold;
border: 3px solid #0066cc;
background:rgba(208, 230, 253,0.3);
}
#search_form input[type="radio"]:checked + label img {
position:relative;
z-index:-1;
}
#search_form label {
color: #333;
border: 3px solid #ddd;
margin: 3px 5px;
text-align: center;
display: inline-block;
padding: 5px 0px;
width: 100px;
height:20px;
font-size:0.9em;
font-weight:bold;
border-radius:3px;
vertical-align:top;
}
#search_form label:hover {
	color: #aaa;
	border: 3px solid #aaa;
	cursor: pointer;
}
#search_form label span {
display:block;
}
#search_form label span img {
width:55px;
position:relative;
z-index:-1;
}
#search_form label .all {position:relative;top:25px;}



#search_form label.big {
color: #333;
border: 3px solid #ddd;
margin: 3px 5px;
text-align: center;
display: inline-block;
padding: 5px 0px;
width: 120px;
height:135px;
font-size:0.85em;
font-weight:bold;
border-radius:3px;
vertical-align:top;
}
#search_form label.big:hover {
	color: #aaa;
	border: 3px solid #aaa;
	cursor: pointer;
}
#search_form label.big span {
display:block;
}
#search_form label.big span img {
width:110px;
position:relative;
z-index:-1;
margin-bottom:5px;
}
#search_form label.big img {
width:110px;
position:relative;
z-index:-1;
}
#search_form label.big .all {position:relative;top:50px;}


#search_form label.text {
color: #999;
border: 3px solid #ddd;
margin: 3px 4px;
text-align: center;
display: inline-block;
padding: 5px 0px;
width: 103px;
height:22px;
font-size:1em;
border-radius:3px;
vertical-align:top;
}
#search_form label.text:hover {
	color: #aaa;
	border: 3px solid #aaa;
	cursor: pointer;
}
#search_form label.text span {
display:block;
line-height:1.3;
}


#search_form label span b {
color:#000;
font-weight:bold;
font-size:1.2em;
background:none;
padding:0 5px;
}


/* Hide Default Checkbox */
#search_form input[type="checkbox"] {
opacity:0;
-webkit-appearance: none;
appearance: none;
position: absolute;
}

/* Create a Box */
#search_form input[type="checkbox"] + span::before {
display: inline-block;
content: '';
width: 1rem;
height: 1rem;
border: 2px solid #ccc;
border-radius: 3px;
margin:0 5px;
position:relative;top:2px;
}

/* Checked Style */
#search_form input[type="checkbox"]:checked + span::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%230066cc' stroke-width='3' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 2px;
}


/*#form_count:before {content:"224?????A";font-weight:normal;font-size:0.7em;color:#333;}*/
#form_count {width:100%;margin:20px auto;padding-bottom:20px;text-align:center;font-size:1.6em;color:#FF4000;font-weight:bold;border-bottom:1px #eee solid;}
#form_count i {color:#000;}
#form_count span {font-size:1.5em;text-shadow:0px 0px 38px #fcff7c;}





#item_list_tap {margin:0;padding:0;width:100%;float:left;list-style:none;}
#item_list_tap li {margin:10px 0;padding:0;width:20%;float:left;}
#item_list_tap li a {display:block;padding:10px;padding-bottom:20px;border-bottom:1px #eee solid;}
#item_list_tap li a .item_img {margin:0;}
#item_list_tap li a .item_img img {width:100%;}
#item_list_tap li a .item_sku {margin:3px 0;color:#666;font-size:0.6em;}
#item_list_tap li a .item_name {margin:0;color:#333;font-size:0.8em;height:35px;overflow:hidden;}
#item_list_tap li a .item_stock {margin:0;}
#item_list_tap li a .item_price {color:#DF0101;font-size:1.2em;}
#item_list_tap li a:hover .item_name {color:#E54F09;text-decoration:underline;}



/*
?y?[?W???O
----------------------------------------------------*/
.pager .pagination {
text-align: right;
margin:100px auto;
}

.pager .pagination li {
display: inline;
margin: 0 2px;
padding: 0;
padding-bottom:5px;
display: inline-block;
background:#fff;
border:2px #0066cc solid;
width: 30px;
height: 30px;
text-align: center;
position: relative;
border-radius: 5px;
line-height:1;
}

.pager .pagination li.pre,
.pager .pagination li.next{
display: inline-block;
width: 40px;
height: 30px;
text-align: center;
}

.pager .pagination li a{
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display:table;
color: #0066cc;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all0.3s ease;
}

.pager .pagination li a span{
display:table-cell;
vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
color: #fff;
background: #0066cc;
border-color: #0066cc;
border-radius: 1px;
}






#desk_serease {
float:left;
margin:0;
padding:0;
list-style:none;
width:100%;
margin:10px 0;
}
#desk_serease li {
float:left;
width:33.33333%;
text-align:center;
}


#desk_serease li a img {
width:250px;
}
/*
最安万能デスクエリア
---------------------------------------------------------*/
.img_area_title {
font-size:1.2em;
color:#0066cc;
}
.img_area_text {
color:#666;
font-weight:normal;
font-size:0.8em;
width:670px;
margin:0;
}
.img_left_area {
float:left;
}
.img_left_area img {
width:300px;
height:300px;
}
.img_right_area {
float:right;
}
.img_right_area p {margin:0;}
.img_area_sum_text {
margin-top:50px;
padding-top:10px;
border-top:1px #999 dashed;
}
.thumb , .thumb2 {
 border: 2px solid #ccc;
}
/*
最安万能デスクエリア（表）
---------------------------------------------------------*/
.v_list_wrap {float:left;width:230px;}
.v_list_wrap li p img {border-radius:5px;}
.v_list_wrap li {float:left;width:230px;height:80px;text-align:center;}


.v_list_wrap li ul li a {background:#FAFAFA;display:inline-block;width:170px;padding:7px;padding-right:16px;border:1px #ddd solid;border-radius:5px;transition:0.3s;}
.v_list_wrap li ul li a .item_price {color:#DF0101;font-size:1.3em;margin:2px 0;}
.v_list_wrap li ul li a .item_stock {margin:0;}
.v_list_wrap li ul li a span {position:relative;}
.v_list_wrap li ul li a span i {position:absolute;font-size:1.2em;color:#ccc;left:80px;margin-top:-41px;transition:0.3s;}
.v_list_wrap li ul li a:hover {background:#FEF7BC;border:1px #DF0101 solid;}
.v_list_wrap li ul li a:hover > span i {color:#DF0101;}
.v_list_wrap hr {display:none;position:absolute;border:none;box-shadow:0px 0px 40px 40px #FDFABE;margin-left:110px;margin-top:0px;z-index:-1;}
.v_list_wrap li ul li a:hover > hr {display:block;}
.size_list_wrap {float:left;width:100px;margin-top:48px;}
.size_list_wrap li {height:80px;font-size:1.15em;}
.size_list_wrap li .line {position:relative;width:600px;display:block;border-bottom:1px #ccc solid;z-index:-1;}
.size_list_wrap .leftup_text {position:relative;top:-10px;left:5px;font-size:0.7em;}
.size_list_wrap .center {position:absolute;margin-top:-26px;margin-left:-70px;font-size:2.6em;color:#ddd;}
/*
Aデスク
---------------------------------------------------------*/
#adesk_menu_top {
float:left;
margin:0;
padding:0;
width:100%;
background:#555;
margin-top:20px;
}
#adesk_menu_top li {
float:left;
margin:0;
padding:0;
width:33.33333333333%;
text-align:center;
}
#adesk_menu_top li a {
display:inline-block;
background:#eee;
color:#000;
font-size:1.2em;
font-weight:bold;
text-align:center;
padding:15px 0;
width:265.66666px;
position:relative;
z-index:2;
transition:0.5s;
}
#adesk_menu_top li a:hover {
background:#222;
color:#fff;
}
#adesk_top_img_midashi {
background:#222;
color:#eee;
font-size:2em;
line-height:1.5;
text-align:center;
padding:20px;
margin:0;
}
.adesk_img_area {
background:#222;
padding:5px 0;
}
.adesk_img_area p {
margin:0;
text-align:center;
}

/*-------------------------
オプション一覧フォントサイズ
--------------------------*/
.option-list {
	width: 800px;
	max-width:800px;
	min-width:800px;
}
.option-list th {
	padding: 5px 5px 5px 5px;
	font-size: 12px;
}
.option-list td {
	padding: 5px 2px 2px 5px;
	text-align:center;
}
.option-list p {
	font-size: 12px;
	line-height: 16px;
	margin:0px;
	padding:0px;
}
.option-list a {
	font-weight:bold;
	font-size:0.9em;
}
.option-list .comment{
	font-size: 0.7em;
}
.option-list .item_price {
color:red;
text-align:center;
font-size:1em;
font-weight:bold;
margin:5px 0;
}
.option-list .item_stock {
text-align:center;
}
.kyoutsu_midashi {
background:#eee;
padding:5px;
margin:0;
}
/*
特注エリア
--------------------------------------------------------------*/
#desk_serease {
float:left;
margin:0;
padding:0;
list-style:none;
width:100%;
margin:20px 0;
}
#desk_serease li {
float:left;
width:33.33333%;
text-align:center;
margin-bottom:20px;
}
#desk_serease li a {
display:block;
}
.btn_ichiran i {
font-size:1.2em;
padding-left:5px;
}
#desk_serease li a:hover > .btn_ichiran {
background:#0066cc;
color:#fff;
}
.btn_ichiran {
display:inline-block;
color:#0066cc;
border:1px #0066cc solid;
padding:5px 20px;
border-radius:50px;
text-align:center;
margin:5px auto;
transition:0.5s;
font-size:0.8em;
}
.uresuji_price {
color:#333;
font-size:1em;
}
.uresuji_price span {
color:red;
font-weight:bold;
}
#desk_serease li a img {
width:250px;
}
/*
GEデスク
---------------------------------------------------------*/
/* サイズ別オプション */
.top_line {
	border-top:1px dotted #8D8D8D;
	margin:20px 0;
	padding-top:20px;
}
.middleArea .floatArea {
	float:left;
}
.middleArea .rightArea {
	float:right;
}
.middleArea .topArea {
	width:300px;
}
.middleArea .topArea350 {
	width:350px;
}
.middleArea .topArea450 {
	width:450px;
}
.middleArea .topAreaw {
	width:500px;
}
.middleArea .topArea500 {
	width:543px;
}
.middleArea .topArea600 {
	width:600px;
}
.middleArea.backArea {
	background-color:#FFFDE6;
	padding-bottom:20px;
}
.middleArea .subtitle {
	margin:0 0 8px 0;
	padding:10px 0 10px 10px;
	background-color:#EDEDED;
	width:290px;
	color:#025372;
	font-weight:bold;
	font-size:1em;
}
.middleArea .subtitle2 {
	margin:0 0 8px 0;
	padding:10px 0 10px 10px;
	background-color:#EDEDED;
	width:590px;
	color:#025372;
	font-weight:bold;
	font-size:1em;
}
.middleArea .subtitlew {
	margin:0 0 8px 0;
	padding:10px 10px 10px 10px;
	background-color:#EDEDED;
	width:480px;
	color:#025372;
	font-weight:bold;
	font-size:1em;
}
.middleArea .subtitle3 {
	margin:0 0 8px 0;
	padding:10px 0 10px 10px;
	background-color:#EDEDED;
	color:#025372;
	font-weight:bold;
	font-size:1em;
}
.middleArea .green_title {
	font-weight:bold;
	font-size:0.95em;
	line-height:1.2;
	color:#00506D;
}
.middleArea .description {
	font-size:0.9em;
	line-height:1.2;
}
.middleArea .description_85 {
	font-size:0.84em;
	line-height:1.2;
}
table.size_option th.size_w {
	padding:10px 0 10px 0;
	width:100px;
	background-color:#C2F588;
	text-align:center;
	vertical-align:middle;
	color:#DC0000;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.size_option th.name,
table.size_option td.name {
	padding:10px 0 10px 0;
	width:90px;
	background-color:#C2F588;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:1.2;
}
table.size_option td.desk {
	padding:10px 0 10px 0;
	width:100px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.size_option td.number {
	padding:10px 0 10px 0;
	width:110px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.size_option td.price {
	padding:10px 0 10px 0;
	width:120px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
	color:red;
}
table.size_option td.size {
	padding:10px 0 10px 20px;
	width:460px;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
}
table.option th.name3-1 {
	padding:10px 0 10px 0;
	width:350px;
	background-color:#EDEDED;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:1.2;
}
table.option th.name3,
table.option td.name3 {
	padding:10px 0 10px 0;
	width:100px;
	background-color:#EDEDED;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:1.2;
}
table.option td.number3 {
	padding:10px 0 10px 0;
	width:175px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.option td.price3 {
	padding:10px 0 10px 0;
	width:175px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
	color:red;
}
table.option td.size3 {
	padding:10px 0 10px 0;
	width:175px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
}
table.option td.box3 {
	padding:10px 0 10px 0;
	width:175px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
}
table.option td.name4 {
	padding:10px 0 10px 0;
	width:95px;
	background-color:#EDEDED;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:1.2;
}
table.option td.size4 {
	padding:10px 0 10px 20px;
	width:335px;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.2;
}
.middleArea p.number {
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.option .line-none {
	border:none;
	background-color:#FFFFFF;
}
.middleArea p.price {
	font-size:0.9em;
	line-height:1.2;
	color:red;
}
.middleArea p.description2 {
	font-size:0.84em;
	line-height:1.2;
	color:#1BB2E7;
	text-indent:-1em;
	margin-left:1em;
}
.middleArea span.description {
	color:#1BB2E7;
}
.middleArea p.description3 {
	font-size:0.84em;
	line-height:1.2;
	color:#1BB2E7;
	text-indent:-16px;
	margin-left:32px;
}
.middleArea p.description3_90 {
	font-size:0.9em;
	line-height:1.2;
	color:#1BB2E7;
	text-indent:-16px;
	margin-left:32px;
}
.middleArea p.description4 {
	font-size:0.84em;
	line-height:1.2;
	color:#DC0000;
	text-indent:-1em;
	margin-left:1em;
}
table.size_option th.name2 {
	padding:10px 0 10px 0;
	width:70px;
	background-color:#C2F588;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:1.2;
}
table.size_option td.name2 {
	padding:10px 0 10px 0;
	width:70px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:1.2;
}
table.size_option th.size_w2 {
	padding:10px 0 10px 0;
	width:185px;
	background-color:#C2F588;
	text-align:center;
	vertical-align:middle;
	color:#DC0000;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.size_option td.desk2 {
	padding:10px 0 10px 0;
	width:100px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.2;
}
table.size_option td.image2 {
	padding:10px 0 10px 0;
	width:185px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}
.middleArea .pore {
	position:relative;
}
.middleArea .h488 {
	height:488px;
}
.middleArea .bottom_left_image {
	position:absolute;
	bottom:0px;
	left:0px;
}
.middleArea .top_right_image {
	position:absolute;
	top:0px;
	right:0px;
}
.image_line {
	border:1px solid #CDCDCD;
}
/************* ラインナップ *************/
.lineup,
.size_option,
.option {
	border-collapse: collapse;
}
.lineup th,
.size_option th,
.option th {
	border: 1px solid #A9A9A9;
	background-color: #E3CCD7;
	font-weight: normal;
	font-size: 0.8em;
	text-align: center;
}
.lineup td,
.size_option td,
.option td {
	border: 1px solid #A9A9A9;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 0.8em;
}
/*
パーティションデスク
---------------------------------------------------------*/
/* 特長
----------------------------------------*/
.cate-ft h2{
	width:736px;
	height:46px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.cate-ft h3.ft-title{
	font-size:16px;
	color:#333333;
	width:736px;
	height:32px;
	letter-spacing:0.1em;
	background: url(../images/ptd_toku03.png) left bottom no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.cate-ft div.ft1{
	margin: 0px 0px 16px 0px;
}
.cate-ft div.ft1 ul{
	width: 736px;
}
.cate-ft div.ft1 li{
	float:left;
	width:176px;
	font-size:0.7em;
}
.cate-ft div.ft1 li.photo-right{
	float:right;
}
li img{
	margin: 0px 0px 4px 0px;
}
li.yohaku {
	margin: 0px 10px 0px 0px;
}
li.yohaku-l {
	margin: 0px 0px 0px 10px;
}
/*----------------
特長2
----------------*/
.block-row2 {
	font-size:0.8em;
	line-height:1.4em;
	width: 736px;
	margin: 0px 0px 16px 0px;
}
.block-l2{
	width: 495px;
	float:left;
}
.block-r2{
	width:240px;
	float:right;
}
.block-l2 p.last{
	margin: 0px 0px 4px 0px;
}
.cate-ft div.ft2 ul{
	width: 495px;
}
.cate-ft div.ft2 li{
	float:left;
	width:155px;
}
/*----------------
特長3
----------------*/
.block-row3 {
	font-size:0.8em;
	line-height:1.4em;
	width: 736px;
	margin: 0px 0px 16px 0px;
}
.block-l3{
	float:left;
	width:260px;
}
.block-r3{
	float:right;
	width: 468px;
}
.block-l3 p.last{
	margin: 0px 0px 4px 0px;
}
.cate-ft div.ft3 ul{
	width: 468px;
}
.cate-ft div.ft3 li{
	float:left;
	width:229px;
}
.atten-text{
	color:#0099FF;
}
/* 商品ラインナップ
----------------------------------------*/
.cate-wrap h2{
	width:736px;
	height:46px;
	margin: 0px 0px 16px 0px;
	padding: 0;
}
.cate-wrap {
	width: 752px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	font-size: 0;
}
.cate-box {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	display: inline; /*for ie5〜7*/
	zoom: 1; /*for ie5〜7*/
	width: 342px;
	margin: 0px 16px 16px 0px;
	padding:8px;
	font-size: 16px;
	vertical-align: top;
	border: 1px solid #999999;
}
div.cate-box h4{
	margin: 0px;
	padding: 0px;
}
.item-box{
	margin: 6px 0px;
}
div.cate-box li{
	font-size:0.8em;
	line-height:1.4em;
	text-indent:-1em;
	padding: 0px 0px 0px 1em;
}
#lineup .detail .price {
color:red;
font-weight:bold;
}
/* 写真 */
.photo {
	float: left;
	width: 180px;
	margin: 0px 8px 0px 0px;
}




/* 組み合わせ例
----------------------------------------*/
.cate-set h2{
	width:736px;
	height:46px;
	margin: 0px 0px 24px 0px;
	padding: 0;
}
.cate-set h3.set-title{
	font-size:16px;
	color:#333333;
	width:736px;
	height:32px;
	letter-spacing:0.1em;
	line-height:16px;
	background: url(../images/ptd_toku03.png) left bottom no-repeat;
	margin: 0px 0px 8px 0px;
	padding: 0;
}
.cate-set h4{
	margin: 0px 0px 8px 0px;
	padding: 0;
}
.title-small{
	font-size:14px;
}
.block-row-set {
	width: 718px;
	margin: 0px 0px 16px 0px;
	padding:8px;
	border: 1px solid #999999;
}
.block-l-set{
	float:left;
	width: 212px;
}
.block-r-set{
	float:right;
	width: 488px;
}
div.block-r-set table.item-list{
	width:100%;
	border:1px solid #9A9A9A;
	border-collapse: collapse;
}
div.block-r-set table.item-list .price {
color:red;
font-weight:bold;
font-size:1.2em;
}
div.block-r-set table.item-list th{
	padding: 6px;
	font-size:0.8em;
	border:1px solid #9A9A9A;
	background-color: #E6E6E6;
}
div.block-r-set table.item-list td{
	padding: 6px;
	font-size:0.8em;
	border:1px solid #9A9A9A;
}
div.block-r-set table.item-list tr.zebra{
	background-color: #F7F7F7;
}
div.block-r-set table.item-list td.center{
	text-align:center;
}
div.block-r-set table.item-list td.right{
	text-align:right;
}
/*
タブメニュー
-----------------------------------------------------------*/
ul.tab {
	float:left;
    list-style: none;
    border-bottom:3px red solid;
    width:995px;
    margin:0;
    padding:0;
    margin-top:20px;
}
ul.tab li {
    float: left;
    width:133px;
    margin:0 3px;
    padding: 10px 0;
    background-color: #fff;
    color: red;
    cursor: pointer;
    text-align:center;
    border:1px red solid;
    border-bottom:none;
    border-radius:5px 5px 0 0;
    font-size:0.7em;
}
ul.tab li p {
margin:0;
}
ul.tab li:hover {
border:1px red solid;
border-bottom:none;
background:red;
}
ul.tab li p {
font-size:1.5em;
text-align:center;
}
ul.tab li:hover {
    color: #fff;
}
ul.tab li.active {
    background-color: red;
    border:1px red solid;
    color: #fff;
    font-weight:bold;
    border-bottom:none;
}
div.tabContent {
    clear: both;
    padding:0;
    width: 995px;
    display: none;
    background:#FFFDD2;
    margin-bottom:20px;
}
div.active {
    display: block;
}





#cate01 {
	margin:50px auto;
	width:100%;
	max-width:1100px;
	min-width:780px;  
}
#body_wrap{
	width:100%;
	max-width:1300px;
	min-width:780px; 
}