@charset "utf-8";
/* ===================================================================
CSS information

file name  :contents.css
style info :コンテンツ用(商品一覧/検索結果/商品詳細)

=================================================================== */
/* -----------------------------------------------
hdbメニュー
----------------------------------------------- */
.hdb_top_menu{
background: #f7f8f2;
border-top:#DDD solid 1px;
border-bottom:#DDD solid 1px;
/*background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#f18994 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #f18994));*/
}
.hdb_top_menu ul{
}
.hdb_top_menu ul li{
width:19.8%;
float:left;
text-align:center;
border-right:#E1E1D1 solid 1px;
font-size:10px;
}
.hdb_top_menu ul li img{
margin:0 auto 3px;
display:block;
clear:both;
width:30px;
height:25px;
}
.hdb_top_menu ul li a{
color:#222;
padding:7px 0 6px 0;
display:block;
font-weight:normal;
background: #f7f8f2;
/*background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));*/
}
.hdb_top_menu ul li a:hover{
}
.hdb_top_menu li:first-child{
border-left:none;
}
.hdb_top_menu li:last-child{
border-right:none;
}

.popup_hdb_menu{
width:99%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_hdb_menu ul li{
padding:10px;
border-bottom:1px dotted #DDD;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_hdb_menu ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_hdb_menu ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_hdb_menu ul li.on_orderby{
background:#E8F7D2;
}
.popup_hdb_menu ul li:first-child{
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	position:relative;
}
.popup_hdb_menu ul li:last-child{
	border-bottom:none;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	position:relative;
}
.hdb_menu_bubbleBox{
width:98%;
margin:5px auto 20px auto;
position:relative;
background-color:#fff;
border:1px solid #DDD;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-moz-box-shadow:inset 1px 1px 1px #FFF;
-webkit-box-shadow:inset 1px 1px 1px #FFF;
box-shadow: 3px 3px 3px #AAA;
-webkit-box-shadow: 3px 3px 3px #AAA;
-moz-box-shadow: 3px 3px 3px #AAA;
cursor:pointer;
}

.hdb_menu_bubble_top_arrow_line{
width:0;
height:0;
border-color: transparent transparent #C5C4C0 transparent;
border-style: solid;
border-width: 8px;
position:absolute;
top:-17px;
left:7%;
}
.hdb_menu_bubble_top_arrow{
width:0;
height:0;
border-color: transparent transparent #FFF transparent;
border-style: solid;
border-width: 8px;
position:absolute;
top:-15px;
left:7%;
}
.hdb_menu_bubble02{
left:28%;
}
.hdb_menu_bubble03{
left:48%;
}
h1.detail {
padding:7px;
font-size:18px;
color:#111;
}
h2.hdbh2 {
padding:3px;
background:#74BC0D;
border-bottom:1px solid #598F0D;
font-size:14px;
color:#FFFFFF;
}

h2.hdb_d_h2 {
padding:7px 5px;
margin:0;
border-top:1px solid #74BC0D;
border-bottom:1px solid #74BC0D;
background-color:#E8F7D2;
font-size:14px;
line-height:14px;
}
h3.hdbh3 {
padding:5px 3px;
background:#E8F7D2;
border-bottom:1px solid #74BC0D;
font-size:14px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
h3.hdbh3 {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
h3.hdbh3 {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
h3.link {
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
h3.link {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
h3.link {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
ul.mdata {
margin:5px;
border:1px solid #DDD;
}
ul.mdata li{
padding:5px;
border-bottom:1px dotted #DDD;
}
ul.mdata li.tag{
border-bottom:none;
}
ul.mdata li.tag a{
text-align:center;
background:#FEF2F2;
color:#EB585D;
padding:3px;
margin-right:10px;
}

.hdbtop_d {
}

.hdbtop_d ul{
float:none;
clear:both;
padding:5px;
border-bottom:1px solid #e0dfcb;
}

.hdbtop_d ul li.r_title{
width:85%;
padding:3px;
float:right;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.hdbtop_d ul li.r_title{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.hdbtop_d ul li.r_title{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.hdbtop_d ul li.rank{
width:10%;
padding:3px;
float:left;
text-align:center;
background:#E8F7D2;
color:#74BC0D;
}

.hdbtop_d ul li.tags{
float:left;
text-align:center;
background:#E8F7D2;
color:#74BC0D;
padding:3px;
margin-right:10px;
margin:6px 10px 6px 0;
}
.aiueo_tabmenu {
margin-top:15px;
}
.aiueo_tabmenu li{
float:left;
width:48%;
padding:5px 0;
background:#FEF2F2;
border:1px solid #F96B71;
text-align:center;
}
.aiueo_tabmenu li.on {
background:#F98287;
border-bottom:1px solid #F98287;
margin-bottom:-1px;
z-index:30;
}
.aiueo_tabmenu li.on a{
color:#FFFFFF;
}
.aiueo_tabmenu li:last-child{
float:right;
}
#list_type_aiueo, #list_type_alpha {
z-index:20;
background:#FEF2F2;
border:1px solid #F96B71;
padding:6px;
margin-top:-1px;
}
#list_type_aiueo ul{
background:#FFF;
padding:6px;
}
#list_type_aiueo ul li{
border-bottom:2px solid #FEF2F2;
padding:6px;
	background-image: url(../img/common/ico_arrowB_P3.png);
	background-repeat: no-repeat;
	background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#list_type_aiueo ul li{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#list_type_aiueo ul li{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#list_type_aiueo ul li.last{
border-bottom:none;
}
#list_type_aiueo ul ul{
background:#FEF2F2;
}
#list_type_aiueo ul ul li{
float:left;
margin-right:8px;
padding:7px 9px;
border:1px solid #F98287;
background:#FFF;
}
#list_type_alpha ul{
background:#FFF;
padding:6px;
}
#list_type_alpha ul li{
float:left;
margin-right:8px;
margin-bottom:10px;
padding:4px 0;
width:12%;
text-align:center;
border:1px solid #F98287;
background:#FFF;
}
#list_type_aiueo_hdb {
z-index:20;
background:#EBFAD7;
border:1px solid #598F0D;
padding:6px;
}
#list_type_aiueo_hdb ul{
background:#FFF;
padding:6px;
}
#list_type_aiueo_hdb ul li{
border-bottom:2px solid #EBFAD7;
padding:6px;
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#list_type_aiueo_hdb ul li{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#list_type_aiueo_hdb ul li{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#list_type_aiueo_hdb ul li.last{
border-bottom:none;
}
#list_type_aiueo_hdb ul ul{
background:#EBFAD7;
}
#list_type_aiueo_hdb ul ul li{
float:left;
margin-right:8px;
padding:7px 9px;
border:1px solid #74BC0D;
background:#FFF;
}
.tag_tabmenu{
margin-top:5px;
margin-left:1px;
}
.tag_tabmenu li{
border:1px solid #F98287;
border-bottom:none;
width:49.4%;
padding:6px 0;
float:left;
text-align:center;
}
.tag_tabmenu li.on{
background:#FEF2F2;
color:#F96B71;
}
.tag_tabmenu li.right {
border-left:none;
width:49.4%;
float:left;
}
.tag_tabmenu li.bottom {
border-bottom:1px solid #F98287;
}

h2.h22 {
padding:4px;
font-size:14px;
margin-top:15px;
}
h2.tag1_h22 {
background:#FAE0D2;
border-bottom:2px solid #FA6E21;
}
h2.tag2_h22 {
background:#EDDEFA;
border-bottom:2px solid #510C8B;
}
h2.tag3_h22 {
background:#EEFEFF;
border-bottom:2px solid #058489;
}
h2.tag4_h22 {
background:#FEEBDC;
border-bottom:2px solid #7C3E0C;
}
h2.tag5_h22 {
background:#E2F0F9;
border-bottom:2px solid #086FB0;
}
h2.tag6_h22 {
background:#E8FADE;
border-bottom:2px solid #348205;
}
#hdb_search_column_now{
border:1px solid #DDD;
margin:5px;
}
#hdb_search_column_now h2{
background:#f7f8f2;
border-bottom:2px solid #DDD;
font-size:14px;
padding:3px;
}
#hdb_search_column_now ul li{
border-bottom:1px dotted #DDD;
font-size:14px;
padding:3px;
}
#hdb_search_column_now ul li:last-child{
border-bottom:none;
}
#hdb_list_column{
background:#F2F8E9;
border:1px solid #DDD;
padding:5px 0;
margin:0;
}
#hdb_list_column ul li{
width:49.5%;
float:left;
text-align:center;
border-right:1px solid #DDD;
}
#hdb_list_column ul li a{
color:#5B930A;
}
#hdb_list_column ul li:last-child{
border-right:none;
float:right;
}
#hdb_list {
padding:0 3px;
}
#hdb_list .linemax {
   padding:3px 5px;
   background:#f7f8f2;
   margin:0;
}
.hdb_list {
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
padding:8px 4px;
border-bottom:1px solid #DDD;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.hdb_list {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.hdb_list {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.topline {
border-top:1px solid #DDD;
}
.hdb_list h3{
font-size:16px;
line-height:1.4;
padding-bottom:3px;
}
.hdb_list ul{
font-size:12px;
}
.hdb_list ul li span{
}
.popup_orderby_hdb{
width:99%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_orderby_hdb ul li{
padding:10px;
border-bottom:1px dotted #DDD;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_orderby_hdb ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_orderby_hdb ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_orderby_hdb ul li.on_orderby{
background:#E8F7D2;
}
.popup_orderby_hdb ul li:first-child{
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	position:relative;
}
.popup_orderby_hdb ul li:last-child{
	border-bottom:none;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	position:relative;
}
.popcolumn {
padding:3px;
clear:both;
}
.popcolumn li.center{
margin:1px 5px 0;
list-style:none;
}
.popcolumn li.center input.hdb{
width:80%;
margin:0 auto;
}
.popcolumn p{
background:#f7f8f2;
padding:1px 2px;
margin-bottom:3px;
}
.popcolumn_bt{
text-align:center;
margin:7px 0;
}
.popcolumn_bt input {
width:50%;
padding:3px;
}
.popcolumn_aiueo {
clear:both;
padding:7px 3px;
margin:3px;
background:#fff;
}
select.aiueo_select {
width:28%;
float:left;
}
#aiulist_hdb {
float:right;
width:71%;
margin-top:3px;
}
#aiulist_hdb a{
padding:4px;
background:#fff;
border:1px solid #F98287;
margin-right:3px;
}
#aiulist_hdb a.selected{
background:#FFE0E1;
}

.rev1{
background:#f0f0f0;
	width:95%;
	margin:-10px auto 5px;
	padding:8px 4px;
}
canvas#c1 {
}

#recent table.hdbhrp_menu{
width:100%;
background:#fff;
margin:0;
}
#recent table.hdbhrp_menu td{
width:33%;
padding:5px 0;
line-height:14px;
font-size:12px;
}
#recent table.hdbhrp_menu td.selected{
background:#E8F7D2;
}
#productsarea_box p.listcat_hdb {
position:absolute;
top:7px;
left:0;
background:#E8F7D2;
border:1px solid #598F0D;
padding:2px 6px;
font-size:11px;
}