@charset "utf-8";
/* CSS Document */

/*基本*/
body{}
a{}
/*p{margin:0;}*/
ul, li, dt, dl, dd{list-style:none;padding:0;}


/*小見出し（タイプ名）*/
.tabContent li dl dt{font-size:16px;color:#fff;}

.motor3 ul li dl dt{background-color:#5EBABA;}
.motor2 ul li dl dt{background-color:#F58E7E;}
.motor1 ul li dl dt{background-color:#BDB7AE;}


/*商品リンク*/
.tabContent li dl dd{width:100%;margin:0;display:table;}

.tabContent li dl dd div{display:table-cell;}

.tabContent li dl dd div a{
text-align:center;
/*角丸*/
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;}


.tabContent li dl dd div:last-child a:first-child{margin-bottom:10px;}


/*値段*/
.price{
padding-left:5px;
font-size:12px;
text-align:center;
color:#990000;
}


/* ------------------------------

タブメニュー

------------------------------ */

ul.tab{display:table;width:100%;padding:0;}

/* 楽匠Z */
ul.tab li {
background-color:#fff;
font-size:16px;
display:table-cell;
width:32%;
margin-right:2%;
padding:15px 5px;
cursor:pointer;
text-align:center;
/* 上のみborder-radius */
border-top-left-radius: 3px; border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
border:1px #DBC9BB solid;}


/* 楽匠Z */
ul.tab li.active{
/*background-color:#003366;*/
color:#ffffff;
border:none;}

li.active>div.tab3m{background-color:#5EBABA;}
li.active>div.tab2m{background-color:#F58E7E;}
li.active>div.tab1m{background-color:#BDB7AE;}


div.tabContent{margin-bottom:20px;clear:both;display:none;}

div.active{
display:block;
width:100%;
background-color:#fff;
/*角丸*/
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}


/*3点セット*/
div.set3{width:60%;padding-top:10px;text-align:center;}
/*6点セット・本体のみ*/
div.other{width:40%;vertical-align:top;padding-top:10px;}
p.only{padding:6px 0;border:1px solid #DBC9BB;}
p.set6{margin-top:10px;padding:6px 0;border:1px solid #DBC9BB;}
/*スマートハンドル付き*/
a.set-sh{font-size:12px;text-decoration:underline;}

/*セット共通*/
.btn_title{padding:6px 8px;background-color:#333;color:#fff;border-radius:6px;}


/*共通*/
.margin-t10{margin-top:30px;}


/*おすすめ*/
.rec-frame{margin:0;display:inline-block;font-size:14px;}
.rec-frame li{width:254px;margin-right:5px;text-align:center;float:left;border:1px solid #ccc;line-height:1.4;}
.rec-frame li:last-child{margin-right:0;}

.rec-frame li a{text-decoration:none;}

.rec-frame li:hover{color:#002f5f;border:1px solid #002f5f;}
.rec-frame li:hover .rec-btn{border:1px solid #002f5f;background-color:#002f5f;color:#fff;}

.rec-btn{width:60%;margin:10px auto;padding:6px;border:1px solid #ccc;border-radius:6px;}



/*商品一覧*/
.rec-frame-list{margin:0;display:inline-block;font-size:14px;}
.rec-frame-list li{width:185px;margin-right:5px;text-align:center;float:left;border:1px solid #ccc;line-height:1.4;}
.rec-frame-list li:last-child{margin-right:0;}

.rec-frame-list li a{text-decoration:none;}

.rec-frame-list li:hover{color:#002f5f;border:1px solid #002f5f;}
.rec-frame-list li:hover .rec-btn{border:1px solid #002f5f;background-color:#002f5f;color:#fff;}