@charset "EUC-JP";
/*___________ 基本設定 ___________ */
body {
margin: 0;
padding: 0;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #333333;
}
div {
margin: 0;
padding: 0;
text-align:left;
}
p,pre {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing: 1px;
font-size: 14px;
line-height: 140%;
margin: 2px 5px 8px 5px;
padding: 5px;
}
ol, ul {
margin: 0;
padding: 0;
}
li {
margin: 0;
list-style-type: none;
}
/* ____ リンク ____ */
a {
color: #0088CC;
text-decoration: underline;
}
a:visited {
color: #0088CC;
text-decoration: underline;
}
a:hover,
a:active,
a:focus {
color: #CC0000;
text-decoration: none;
}
/* ____ テキストカラー ____ */
.red {
color: #CC0000;
}
.blue {
color: #0066CC;
}
.grn {
color: #008000;
}
.ora {
color: #FF9900;
}
.gry {
color: #999999;
}
.yell {
color: #000000;
background-color: #F7FF72;
}
.yell-bg {
background-color: #FFFFF4;
}
.yell-bdr {
border: 1px solid #CCCC00;
margin: 10px;
padding: 10px;
}
.price {
color: #ff2600;
font-weight: bold;
font-family: Verdana;
}
/*___________ レイアウト設計 ___________ */
/*___________ 【h1】 ___________ */
#WRAP-H1 {
margin: 0;
padding: 0;
}
h1 {
width: 980px;
margin:0 auto;
font-size:11px;
font-weight: normal;
padding: 2px 10px 2px 0;
/* padding: 12px 10px 2px 0; */
text-align: right;
color: #fcfcfc;
}
/*___________ 【TOP】 ___________ */
#WRAP-TOP {
margin: 0;
padding: 0;
}
#wrap-h1-outer {
color: #fcfcfc;
background: #6c6a6a;
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
#WRAP-TOP a:hover img {
filter: alpha(opacity=70);
opacity:0.7;
}
#TOP {
width: 980px;
margin:0 auto;
position: relative;
height: 107px;
}
#LOGO {
margin:0;
padding:0;
margin-top: 10px;
}
#LOGO a {
font-size: 28px;
line-height: 240%;
text-decoration: none;
font-style: italic;
font-weight: bold;
}
.btn-top01 {
position: absolute;
top: 0px;
right: 5px;
text-align: right;
}
.btn-top02 {
position: absolute;
top: 26px;
right: 10px;
}
/*___________ 【MENU】 ___________ */
#WRAP-MENU {
margin: 0 0 5px 0;
padding: 0;
}
#WRAP-MENU a:hover img {
filter: alpha(opacity=70);
opacity:0.7;
}
.menu {
float: left;
margin: 0;
}
/*___________ 【MAIN】 ___________ */
#WRAP-MAIN {
margin: 0;
padding: 16px 0 0 0;
/* background: url('背景画像URLを指定') no-repeat center center; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#MAIN {
width:980px;
margin:0 auto;
background-color: #ffffff;
padding-top: 10px;
}
#MAIN-PAD {
margin: 7px 15px 25px 0px;
padding: 0 15px 20px 10px;
}
/*___________ 【CONTENTS】基本設計 ___________ */
.pan {
color: #666666;
background-color: #F2F2F2;
margin: 2px 5px 8px 0px;
font-size:11px;
}
#CONTENTS {
margin-left: 5px;
width:665px;
float: right;
padding-top: 10px;
}
#CONTENTS h2 {
background: url(https://img21.shop-pro.jp/PA01398/749/etc/underbarkitchenaid01.png?cmsp_timestamp=20170917004918) no-repeat; 
letter-spacing: 1px;
clear:both;
color: #4B4B4B;
font-size:18px;
margin: 30px 0 0 0;
padding: 1px  0 15px;
line-height: 25px;
background-position-y: bottom
}
#CONTENTS h2 a {
display: block;
color: #4B4B4B;
text-decoration: none;
}
#CONTENTS h2 a:visited {
color: #4B4B4B;
text-decoration: none;
}
#CONTENTS h2 a:hover,
#CONTENTS h2 a:active,
#CONTENTS h2 a:focus {
color: #4B4B4B;
text-decoration: none;
}
.con_h2 {
background: url(https://img07.shop-pro.jp/PA01263/944/etc/contents_h2.gif) no-repeat; 
letter-spacing: 1px;
clear:both;
color: #4B4B4B;
font-size:14px;
margin: 30px 0 0 0;
padding: 1px 0 0 15px;
line-height: 32px;
font-weight: bold;
}
#CONTENTS h3 {
letter-spacing: 1px;
text-decoration: underline
}
#CONTENTS h3 a {
display: block;
color: #333333;
text-decoration: none;
}
#CONTENTS h3 a:visited {
color: #333333;
text-decoration: none;
}
#CONTENTS h3 a:hover,
#CONTENTS h3 a:active,
#CONTENTS h3 a:focus {
color: #333333;
text-decoration: none;
}
#CONTENTS h4 {
letter-spacing: 1px;
clear:both;
color: #333333;
background-color: #F2F2F2;
font-size:12px;
margin: 20px 10px 0 0;
padding: 6px 0 6px 10px;
}
.pagetop {
text-align: right;
margin-top: 40px;
}
/*___________ 【INDEX-CONTENTS】 ___________ */
#INDEX-CONTENTS {
width:540px;
float:left;
}
/*___________ 【CONTENTS】ページ送り ___________ */
.bute {
font-size: 12px;
line-height: 120%;
text-align: center;
}
.bute a {
text-decoration: none;
margin: 0;
color: #0066CC;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px 6px 4px 6px;
}
.bute a:hover,
.bute a:active,
.bute a:focus {
color: #FFFFFF;
background-color: #0066CC;
border: 1px solid #CCCCCC;
}
/*___________ 【CONTENTS】表設計 ___________ */
.main-table table {
margin: 10px auto 10px auto;
padding: 0;
background-color: #CCCCCC;
font-size: 12px;
}
.main-table tr,.main-table th,.main-table td {
padding: 8px;
}
.main-table th {
color: #000000;
background-color: #EBEBEB;
font-weight: normal;
}
.main-table td {
background-color: #ffffff;
}
.main-table2 table {
margin: 10px auto 10px auto;
padding: 0;
border-collapse:separate;
border-spacing: 1px;
width:92%;
background-color: #CCCCCC;
font-size: 12px;
}
.main-table2 tr,.main-table2 th,.main-table2 td {
padding: 8px;
}
.main-table2 th {
color: #000000;
background-color: #EBEBEB;
font-weight: normal;
}
.main-table2 td {
background-color: #ffffff;
}
.main-table2 table div {
float:left;
}
.w50 {
width:50px;
}
.w120 {
width:120px;
}
.w140 {
width:140px;
}
.w180 {
width:180px;
}
/*___________ 【SIDE】 ___________ */
#SIDE {
width:208px;
float:left;
}
.cat01 li {
margin: 0;
padding: 0;
}
.cat01 li a {
display: block;
margin: 0;
padding: 0 0 0 18px;
color: #504A46;
text-decoration: none;
line-height: 22px;
}
.cat01 li a:visited {
color: #504A46;
text-decoration: none;
}
.cat01 li a:hover,
.cat01 li a:active,
.cat01 li a:focus {
background-position: 4px center;
color: #CC0000;
background-color: #F7F7F7;
}
.side-cat {
margin: 0 0 8px 0;
padding: 0;
}
.cat02 li {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 140%;
}
.cat02 li a {
display: block;
padding: 5px 6px 4px 9px;
border-left: solid 1px #E4E4E4;
border-bottom: solid 1px #E4E4E4;
border-right: solid 1px #E4E4E4;
color: #504A46;
text-decoration: none;
}
.cat02 li a:hover,
.cat02 li a:active,
.cat02 li a:focus {
color: #CC0000;
background-color: #F7F7F7;
}
/*___________ 【カートの中身を表示】 ___________ */
#CART {
margin: 0 0 8px 0;
padding: 0;
}
#CART p {
line-height: 140%;
margin: 2px 3px 2px 3px;
padding: 2px 5px 2px 5px;
}
.cart-side {
margin: 0;
padding: 8px 8px 10px 8px;
border-left: solid 2px #E84E4E;
border-bottom: solid 2px #E84E4E;
border-right: solid 2px #E84E4E;
}
/*___________ 【FOOTER】 ___________ */
#F-MENU {
margin: 0;
padding: 20px 0 0 20px;
/* background-color: #523327; */
background-color: #666;
color: #ffffff;
}
.f-menu {
width:950px;
margin:0 auto;
}
f-menu p {
font-size: 11px;
line-height: 140%;
}
.a-li03 a {
display: block;
margin: 4px 0 0 0;
padding: 2px 0 1px 18px;
color: #ffffff;
text-decoration: none;
}
.a-li03 a:visited {
color: #ffffff;
text-decoration: none;
}
.a-li03 a:hover,
.a-li03 a:active,
.a-li03 a:focus {
color: #CC0000;
text-decoration: underline;
}
#FOOTER {
margin: 0;
padding: 10px 0 10px 0;
color: #ffffff;
background-color: #412C23;
}
#FOOTER p {
font-size: 10px;
margin: 0;
padding: 0;
text-align: center;
}
/*___________ 固定設定 ___________ */
.clear {
clear:both;
}
/* ____ テキスト設定 ____ */
em {
font-style: normal;
font-weight: bold;
}
.b {
font-weight: bold;
}
.s {
text-decoration: line-through;
}
.u {
text-decoration: underline;
}
.f11 {
font-size: 11px;
line-height:130%;
}
.f12 {
font-size: 12px;
line-height:140%;
}
.f14 {
font-size: 14px;
line-height:140%;
}
.f16 {
font-size: 16px;
line-height:140%;
}
.f18 {
font-size: 18px;
line-height:140%;
}
.f24 {
font-size: 24px;
line-height:140%;
}
.f28 {
font-size: 28px;
line-height:140%;
}
.txt-r {
text-align: right;
}
.txt-l {
text-align: left;
}
.center {
text-align: center;
}
/* ____ 画像設定 ____ */
img {
border:0;
}
.flo-l {
float: left;
margin-right: 6px;
}
.flo-r {
float: right;
margin-left: 6px;
}
.img-m {
vertical-align: middle;
}
.img-o a:hover img {
filter: alpha(opacity=70);
opacity:0.7;
}
/* ____ 余白設定 ____ */
.ma10 {
margin: 10px;
}
.ma20 {
margin: 20px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt40 {
margin-top: 40px;
}
.mt60 {
margin-top: 60px;
}
.mr8 {
margin-right: 8px;
}
.mr10 {
margin-right: 10px;
}
.mr16 {
margin-right: 16px;
}
.mr20 {
margin-right: 20px;
}
.mr30 {
margin-right: 30px;
}
.mr40 {
margin-right: 40px;
}
.mb20 {
margin-bottom: 20px;
}
.ml01 {
margin-left: 1px;
}
.ml10 {
margin-left: 5px;
}
.ml16 {
margin-left: 16px;
}
.ml20 {
margin-left: 20px;
}
.ml21 {
margin-left: 21px;
}
.ml25 {
margin-left: 25px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
/*___________ box設定 ___________ */
.box80 {
width:80px;
float:left;
}
.box80 a img {
border: solid 1px #E8E8E8;
}
.box80 a:visited img {
border: solid 1px #E8E8E8;
}
.box80 a:hover img,
.box80 a:active img,
.box80 a:focus img {
border: solid 1px #C3C3C3;
}
.box110 {
text-align:center;
width:220px;
float:left;
}
.box110 a img {
width:200px;
border: solid 1px #E8E8E8;
}
.box110 a:visited img {
border: solid 1px #E8E8E8;
}
.box110 a:hover img,
.box110 a:active img,
.box110 a:focus img {
border: solid 1px #C3C3C3;
}
.box120 {
width:120px;
float:left;
}
.box120 a img {
border: solid 1px #E8E8E8;
}
.box120 a:visited img {
border: solid 1px #E8E8E8;
}
.box120 a:hover img,
.box120 a:active img,
.box120 a:focus img {
border: solid 1px #C3C3C3;
}
.box140 {
width:140px;
float:left;
}
.box160 {
width:160px;
float:left;
}
.box160 a img {
border: solid 1px #E8E8E8;
}
.box160 a:visited img {
border: solid 1px #E8E8E8;
}
.box160 a:hover img,
.box160 a:active img,
.box160 a:focus img {
border: solid 1px #C3C3C3;
}
.box180 {
width:180px;
float:left;
}
.box200 {
width:200px;
float:left;
}
.box220 {
width:220px;
float:left;
}
.box240 {
width:240px;
float:left;
}
.box300 {
width:300px;
float:left;
}
.box320 {
width:320px;
float:left;
}
.box360 {
width:360px;
float:left;
}
.box420 {
width:420px;
float:left;
}
.box460 {
width:460px;
float:left;
}
.boxh200 {
height: 200px;
}
.boxh260 {
height: 260px;
}
.boxh360 {
height: 360px;
}
/*___________ 【ichange】 ___________ */
.ichange li{
display:inline;
}
/*___________ blog【CONTENTS】 ___________ */
.entry hr {
margin: 0 10px;
}
.entry_body {
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}


/*___________ カスタマイズ設定  ___________ */
#LOGO img {
 margin: 0px 0px 10px 0px;
}
.btn-top01 a {
 margin-left: 10px;
}
.cart_check {
 float: right;
}
#WRAP-MENU {
 margin: 0;
}
#MENU img {
 border-left: 1px solid #ccc;
}
#MENU img.last {
 border-right: 1px solid #ccc;
}
#MENU {
 width: 980px;
 height: 55px;
 margin: 0 auto;
}
#MAIN {
 padding-top: 2px;
}
.cat02 li div {
display: block;
padding: 5px 6px 4px 9px;
border-left: solid 1px #E4E4E4;
border-bottom: solid 1px #E4E4E4;
border-right: solid 1px #E4E4E4;
background-color: #F7F7F7;
color: #504A46;
}
.cat02 li:first-child div {
 border-top: solid 1px #E4E4E4;
}
#SIDE {
 padding-top: 20px;
 width: 250px;
}
#SIDE .side {
 background:none;
}
.souryou {
 margin-bottom: 10px;
}
.flo-r {
 margin-bottom: 10px;
}
.cat02 li {
font-size: 13px;
}
.cat02 li a.catgroup {
padding:0;
margin-bottom: 2px;
border: none;
}
.cat_model {
 margin-top: 10px;
}
.cat02 li a.model {
 margin-top: 2px;
 padding: 0;
 border: none;
}
.cat02 li a.info {
 margin-top: 4px;
 padding: 0;
 border: none;
}
.cat02 li a.blog {
 margin-top: 10px;
 padding: 0;
 border: none;
}
#MANAGER {
 background-color: #f3f0fc;
}
.cat_model {
margin-top: 20px;
}
#F-MENU {
margin: 0;
padding: 20px 0px 0px 0px;
color: #dad7d7;
background: #6c6a6a;
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/foot_grange-min.png?cmsp_timestamp=2039065546), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-repeat: repeat, no-repeat;
border-top: 1px solid rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .3);
text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
overflow: hidden;
}
#F-MENU .box180 a {
color: #dad7d7;
}
#F-MENU .box180 a:hover {
color: #FFF;
}
#F-MENU hr {
margin: 20px auto;
width: 100%;
height: 0;
border: 0;
border-top: 1px solid rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(255,255,255,0.2);
}
#FOOTER {
margin: 0;
padding: 0;
color: #dad7d7;
background:none;
}
.a-li03 a {
background: url(https://img07.shop-pro.jp/PA01263/172/etc/arrow.gif?202507070806) no-repeat 2px 5px;
text-decoration: none;
}
.a-li03 a:hover {
text-decoration:none;
}
#VIDEO ul li {
list-style:none;
float: right;
margin: -100px 0 15px 0px;
}
#VIDEO li a {
background: none;
text-decoration:none;
}

/*
 * Free page
 */
.freepage_heading{
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0 0;
    padding-bottom: 10px;
    letter-spacing: 0.1em;
    background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/underbarkitchenaid01.png?cmsp_timestamp=20170917003757);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-bottom: 20px; 
    padding-left: 10px;
}


/* フリーページ */
.indexbox01 {
  color: #1e366a;
    border-top: solid #1e366a 1px;/*上のボーダー*/
    border-bottom: solid #1e366a 1px;/*下のボーダー*/
    padding: 0.5em 0 0.5em 1.5em;
    display:inline-block
}

.box8 {
padding: 0.5em 1em;
margin: 2em 0;
color: #232323;
background: #fff8e8;
border-left: solid 10px #ffc06e;
}
.box8 p {
margin: 0;
padding: 0;
} 

#qa_q {
	font-weight: bold;
	background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/question.png?cmsp_timestamp=20170916233645);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 10px;
	margin-top: 25px;
}
#qa_a {
	background-image: url(https://img21.shop-pro.jp/PA01398/749/etc/answer.png?cmsp_timestamp=20170916233701);
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: left center;
    background-position: left 3px;
    padding-left: 40px;
}
  .title-wrap{
	position: relative;
	display: block;
	background-image: url(https://img21.shop-pro.jp/PA01348/954/etc/title-border.png?cmsp_timestamp=20160325115116);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 15px;
	}
  
#USERVOICE .review {
 margin-top: 20px;
 height: 520px;
 background: url('https://img07.shop-pro.jp/PA01263/172/etc/hd_voiceh3_bg.png?2037090559') no-repeat;
}
#USERVOICE img {
 width: 340px;
 margin-left: 10px;
 border: solid 1px #ccc;
 float: left;
}
#USERVOICE .buy_info img.btn {
 margin: 20px auto;
 width: 220px;
 height: 53px;
}
#USERVOICE .buy_info {
 margin-left: 10px;
 padding-left: 20px;
 width: 300px;
 float: left;
}
#USERVOICE .buy_info img {
 margin: 0 auto;
 border: none;
 width: 200px;
 height: 200px;
}
.hd :before, .hd:after {
content: "";
display: block;
overflow: hidden;
}
#CONTENTS .hd {
 height: 50px;
 margin-bottom: 10px;
 padding: 10px 0px 0px 40px;
}
#CONTENTS .review h3 {
 color: #d7443f;
 font-size: 16px;
text-indent: 10px;
width: 480px;
}
.review .hd h3 , .review .hd p {
display: table-cell;
vertical-align: middle;
margin: 0;
}

#CONTENTS .review .hd p {
 width: 170px;
 color: #d7443f;
 font-size: 14px;
} 
.buy_info span.name {
 display: block;
 font-size: 18px;
}
.buy_info p {
display: table-cell;
vertical-align: middle;
font-size: 20px;
margin: 0;
}
.buy_info p span {
 font-size: 14px;
}

.leftNav,
.rightNav {
	background: url(https://img07.shop-pro.jp/PA01263/172/etc/slider_bg.png?2097);
	outline: none;
}

.leftNav:before,
.rightNav:before {
	content:"";
	width:100%;
	height:100%;
	display: block;

}

.leftNav {
	background: url(https://img07.shop-pro.jp/PA01263/172/etc/left_nav.png?20460715) right center no-repeat  rgba(255, 255, 255, 0.7);
}


.rightNav {
	background: url(https://img07.shop-pro.jp/PA01263/172/etc/right_nav.png?20460740) left center no-repeat  rgba(255, 255, 255, 0.7);
}

.leftNav:hover:before,
.rightNav:hover:before {
	background: url(bg2.png)
}

a:hover img.rollover {
filter: alpha(opacity=70);
opacity:0.7;
}
 
/*___________ 【フリーページ用】 ___________ */
  
  ul {
list-style:none;
}

.ulFree1 ul {
 list-style-type:disc;
}

.olFree1 ol {
 list-style-type:decimal;
}
  
span.dan {
float:left;
}

span.dan2 {
display: block;
margin-left: 110px;
}
  
  
  
  .fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}