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

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

=================================================================== */
/* -----------------------------------------------
mdbメニュー
----------------------------------------------- */
.mdb_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));*/
}
.mdb_top_menu ul{
margin:0 auto;
clear:both;
width:100%;
}
.mdb_top_menu ul li{
width:33%;
float:left;
text-align:center;
border-right:#E1E1D1 solid 1px;
font-size:10px;
}
.mdb_top_menu ul li img{
margin:0 auto 3px;
display:block;
clear:both;
width:30px;
height:25px;
}
.mdb_top_menu ul li a:link, .mdb_top_menu ul li a:visited{
color:#222;
padding:4px 0 3px;
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));*/
}
.mdb_top_menu ul li a:hover{
}
.mdb_top_menu li:first-child{
border-left:none;
}
.mdb_top_menu li:last-child{
border-right:none;
}
h1.detail {
padding:7px;
font-size:18px;
color:#111;
}
h2.mdbh2 {
padding:3px;
background:#f98286;
border-bottom:1px solid #ED5D62;
font-size:14px;
color:#FFFFFF;
}
h2.mdb_d_h2 {
padding:7px 5px;
margin:0;
border-top:1px solid #E76469;
border-bottom:1px solid #E76469;
background-color:#FBF0F1;
font-size:14px;
line-height:14px;
}
h3.mdbh3 {
padding:5px 3px;
background:#FBF0F1;
border-bottom:1px solid #f98286;
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.mdbh3 {
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.mdbh3 {
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 #ccc;
}
ul.mdata li{
padding:5px;
border-bottom:1px dotted #ccc;
}
ul.mdata li.tag{
border-bottom:none;
}
ul.mdata li.tag a{
text-align:center;
background:#FBF0F1;
color:#EB585D;
padding:3px;
margin-right:10px;
}

.mdbtop_d .more{
}

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

.mdbtop_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) {
.mdbtop_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) {
.mdbtop_d ul li.r_title{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.mdbtop_d ul li.rank{
width:10%;
padding:3px;
float:left;
text-align:center;
background:#FBF0F1;
color:#EB585D;
}

.mdbtop_d ul li.tags{
float:left;
text-align:center;
background:#FBF0F1;
color:#EB585D;
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:#FBF0F1;
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:#FBF0F1;
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 #FBF0F1;
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:#FBF0F1;
}
#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;
}
.tag_tabmenu{
margin-top:5px 0 5px 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:#FBF0F1;
color:#F96B71;
}
.tag_tabmenu li.right {
border-left:none;
width:49.4%;
float:left;
}
.tag_tabmenu li.bottom {
border-bottom:1px solid #F98287;
}
.tags_detail{
margin-bottom:10px;
padding:5px;
}
.tags_detail ul li{
float:left;
padding:3px 7px;
margin-right:7px;
margin-bottom:10px;
background:#FBF0F1;
}
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;
}
.tag_h2 {
background-color: #f7f8f2;
padding:4px;
font-size:14px;
}
#mdb_search_column_now h2{
background:#f7f7f7;
border-bottom:2px solid #CCC;
font-size:14px;
padding:3px;
}
#mdb_list_column {
background-color:#FBF0F1;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
padding: 4px 0;
}
#mdb_list_column ul li {
width:49.5%;
padding: 2px 0;
float:left;
text-align:center;
border-right:1px solid #DDD;
font-size:12px;
}
#mdb_list_column ul li:last-child {
border-right:none;
}

#mdb_list {
padding:0 3px;
}
#mdb_list .linemax {
   padding:3px 5px;
   background:#f7f7f7;
   margin:0;
}
.mdb_list {
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
padding:8px 4px;
border-bottom:1px solid #CCC;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.mdb_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) {
.mdb_list {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.topline {
border-top:1px solid #CCC;
}
.mdb_list div.l_list2{
	width:65px;
	height:72px;
	background-image: url(../img/mdb/watch_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	text-align:center;
	font-weight:bolder;
	font-size:18px;
	line-height:50px;
	margin-right:10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.mdb_list div.l_list2{
	background-image: url(../img/mdb/watch_bg2.png);
	background-repeat: no-repeat;
	background-position: center center;
-webkit-background-size: 65px 72px;
background-size: 65px 72px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.mdb_list div.l_list2{
	background-image: url(../img/mdb/watch_bg2.png);
	background-repeat: no-repeat;
	background-position: center center;
-webkit-background-size: 65px 72px;
background-size: 65px 72px;
}
}
.mdb_list div.r_list h3{
font-size:16px;
line-height:1.4;
padding:3px 0;
}
.mdb_list div.r_list ul.author li{
font-size:12px;
}
.popup_orderby_mdb{
width:99%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_orderby_mdb ul li{
padding:10px;
border-bottom:1px dotted #CCC;
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_mdb 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_mdb ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_orderby_mdb ul li.on_orderby{
background:#FBE7E7;
}
.popup_orderby_mdb 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_mdb 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;
}
.popup_detailsearch_mdb{
width:99%;
display: none;
position: absolute;
z-index: 1;
}
.popup_detailsearch_mdb ul li{
padding:10px;
border-bottom:1px dotted #CCC;
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_detailsearch_mdb 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_detailsearch_mdb ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popcolumn {
padding:3px;
clear:both;
}
.popcolumn li.center{
margin:1px 5px 0;
list-style:none;
}
.popcolumn li.center input{
width:100%;
margin:0 auto;
}
.popcolumn p{
background:#f2f2f2;
padding:1px 2px;
margin-bottom:3px;
}
.popcolumn_bt{
text-align:center;
}
.popcolumn_bt input {
width:50%;
padding:3px;
}
.popcolumn_aiueo {
clear:both;
padding:3px;
margin:3px;
background:#fff;
}
select.aiueo_select {
width:28%;
float:left;
}
#aiulist {
float:right;
width:71%;
margin-top:3px;
}
#aiulist a{
padding:4px;
background:#FFE0E1;
background:#fff;
border:1px solid #F98287;
margin-right:3px;
}
#aiulist a.selected{
background:#FFE0E1;
}
#recent{
padding:5px;
background-color: #f7f8f2;
margin-bottom:15px;
border:#E1E1D1 solid 1px;
}
#recent table.hdbrp_menu{
width:100%;
background:#fff;
margin:0;
}
#recent table.hdbrp_menu td{
width:33%;
padding:5px 0;
line-height:14px;
font-size:12px;
}
#recent table.hdbrp_menu td.selected{
background:#FFE0E1;
}
#productsarea_box {
position:relative;
border-bottom:1px dotted #DDD;
padding:35px 0 15px;
}
#productsarea_box:last-child{
border-bottom:none;
}
#productsarea_box p.listcat {
position:absolute;
top:7px;
left:0;
background:#FFE0E1;
border:1px solid #F98287;
padding:2px 6px;
font-size:11px;
}

#productsarea_box img{
width:65px;
height:65px;
float:left;
}
.linemax_mdb {
padding:7px 0;
}
.arrmdata {
width:75%;
float:left;
margin-left:10px;
}
.arrmdata h3{
font-size:14px;
line-height:14px;
margin-bottom:5px;
}
.arrmdata ul{
font-size:12px;
}
.arrmdata p.listlink{
position:absolute;
bottom:3px;
right:0;
font-size:12px;
}
.mdb_relate li{
padding:5px;
border-bottom:1px dotted #CCC;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
font-size:14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.mdb_relate 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) {
.mdb_relate li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.mdb_relate li:last-child{
border-bottom:none;
}
.rev1{
background:#f0f0f0;
	width:95%;
	margin:-10px auto 5px;
	padding:8px 4px;
}
canvas#c1 {
}
.mdbtop_key ul li{
padding:5px;
border-bottom:1px dotted #CCC;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
font-size:14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.mdbtop_key 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) {
.mdbtop_key ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.mdbtop_key ul li:last-child{
border-bottom:none;
}
.youtube_detail{
padding:10px 5px;
border-bottom:1px dotted #EEE;
}
.youtube_detail ul{
text-align:center;
}
.sample_detail{
padding:10px 5px;
border-bottom:1px dotted #EEE;
}
.sample_detail:last-child{
border-bottom:none;
}
.sample_detail img{
float:left;
}
.sample_detail_d {
float:left;
width:75%;
margin-left:10px;
}
.sample_detail_d li{
list-style:none;
}

#mdb_sample_hide, #mdb_movie_hide{
padding:10px;
margin:5px;
font-weight:bold;
text-align:center;
background-color:#f2f2f2;
background-image: url(../img/common/ico_arrowT3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#mdb_sample_hide, #mdb_movie_hide{
background-image: url(../img/common/ico_arrowT4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mdb_sample_hide, #mdb_movie_hide{
background-image: url(../img/common/ico_arrowT4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}

#mdb_sample_disp, #mdb_movie_disp{
padding:10px;
margin:5px;
font-weight:bold;
text-align:center;
background-color:#f2f2f2;
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) {
#mdb_sample_disp, #mdb_movie_disp{
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) {
#mdb_sample_disp, #mdb_movie_disp{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}