@charset "utf-8";


/* 共通内容 */
*{ margin: 0;padding: 0;}
body { -webkit-text-size-adjust: 100%; }
html { font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Helvetica,Arial,Verdana,sans-serif; font-size : 75%; line-height : 1.5; }
h1,h2,h3,h4,h5,h6,p,dt,dd,li { background-image:url(/mall/img/transparent.gif); }
a { text-decoration : none;}
ul, ol { list-style : none;}
/* img { vertical-align : middle; max-width: 100%; } */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }



/*--- #mall
---------------------------------------------*/
#mall {
	line-height:1.5;
	font-size:16px;
	box-sizing:border-box !important;
}

#mall a:hover { color:#e47911; text-decoration:underline; }
#mall a:hover img {
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}

/*-- header,breadcrumb --*/
#mall #header {
	margin:0 auto;
}

#mall .breadcrumb {
    text-align: left;
    margin: .75em auto;
    padding-bottom: .5em;
    width: 840px;
     font-size: 12px;
    line-height: 1.5em;
}

#mall .breadcrumb a {
   color: #333333;
}

#mall .breadcrumb a:hover {
    text-align: left;
    margin: .75em auto;
    padding-bottom: .5em;
    width: 840px;
    color: #333333;
    font-size: 12px;
    line-height: 1.5em;
}

#mall h1 {
    margin: 33px 0 23px;
    padding: 0;
}

#mall h2 {
    margin: 0 auto 1em;
	padding: 0 0 .5em;
	border-bottom:1px solid #dedede;
    width: 100%;
	text-align:center !important;
	font-size:1.5em;
}

#mall section {
	clear: both !important;
	margin: 0 auto 3em;
	padding: 0;
	width: 100%;
	max-width: 840px;
	overflow: hidden;
}

/*---------------------- 150331Fix ----------------------*/
#mall section#slide {
	clear: both !important;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 610px;
	overflow: hidden;
}

/* キービジュアルエリア */
#topRight {
	margin: 0;
	padding: 0;
	float: right;
	width:610px;
}

#topRight #search {
	margin:0;
	padding:0;
	width:100%;
	max-width:640px;
	height:80px !important;
	overflow:hidden;
}


/* amazonへのリンクナビゲーションエリア */
#topLeft {
margin:0;
padding:0;
float:left;
width:200px;
}

#mall #categorySearch {
margin:0 auto;
padding:12px 9px !important;
width:178px;
background-color:#F4F4F4;
font-size:13px;
border:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
text-align:center;
}

#mall #categorySearch span {
font-weight:bold;
}


#mall ul.nav {
width: 198px;
margin: 0px auto;
border-top:1px solid #dedede;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
}

#mall ul.nav li {
list-style-type:none;
}

#mall .category {
color: #101010;
width:158px;
margin: 0 1px 1px;
padding: 14px 20px 10px;
cursor:pointer;
font-size:15px;
line-height:1.3;
}

#mall .category span {
/*padding:0 8px 0 0; */
/*font-size:16px; */
color:#333333;
font-size:11px;
margin:-3px 0 0;
padding:0px 0 0;
display:block;
}

#mall #amazon span {
color:#f59c38;
}

#mall #belluna span {
color:#22ad48;
}

#mall #ryuryu span {
color:#e73998;
}

#mall #interior span {
color:#4a1e13;
}


#mall #amazon {
background-image: url("/mall/img/ico_amazon_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
text-align:center;
padding:12px 20px 6px;
}

#mall #amazon.open {
background-image: url("/mall/img/ico_amazon_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
}

#mall #amazon a, #mall #belluna a, #mall #ryuryu a, #mall #interior a,#mall #amazon a:hover, #mall #belluna a:hover, #mall #ryuryu a:hover, #mall #interior a:hover {
color:#101010;
text-decoration:none;
}

#mall #belluna {
background-image: url("/mall/img/ico_belluna_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom:1px solid #dedede;
text-align:center;
padding:8px 20px 6px;
}

#mall #belluna.open {
background-image: url("/mall/img/ico_belluna_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
}

#mall #ryuryu {
background-image: url("/mall/img/ico_ryuryu_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom:1px solid #dedede;
text-align:center;
padding:6px 20px 6px;
}

#mall #ryuryu.open {
background-image: url("/mall/img/ico_ryuryu_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
}

#mall #interior {
background-image: url("/mall/img/ico_interior_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom:1px solid #dedede;
text-align:center;
padding:6px 20px 6px;
}

#mall #interior.open {
background-image: url("/mall/img/ico_interior_close.gif");
background-position: 178px center;
background-repeat: no-repeat;
background-size: auto auto;
}

#mall ul.menu,#mall ul.menu0 {
border-top:1px soid #dedede;
}


/*
↓↓　表示調整前　↓↓

#mall ul.menu li {
border-bottom:1px solid #dedede;
width: 178px;
margin:0 auto;
background-image:url(/mall/img/ico_arrowright.gif);
background-repeat:no-repeat;
background-position:right center;
font-size:13px;
height: 35px;
line-height:35px;
display:block;
text-decoration:none;
color:#333333;
}
#mall ul.menu0 li {
border-bottom:1px solid #dedede;
width: 178px;
margin:0 auto;
background-image:url(/mall/img/ico_arrowright.gif);
background-repeat:no-repeat;
background-position:right center;
font-size:13px;
height: 35px;
line-height:35px;
display:block;
text-decoration:none;
color:#333333;
}

*/

/*
↓↓　表示調整前　↓↓

#mall ul.menu0 li a,
#mall ul.menu li a {
line-height:35px;
text-decoration:none;
color:#333333;
}

*/



/* ↓↓　表示調整後　↓↓ */

#mall ul.menu li, #mall ul.menu0 li {
list-style:none;
border-bottom:1px solid #dedede;
height: 44px;/* 35px */
line-height:44px;/* 35px */
width:178px;
margin:0 auto;
}

#mall ul.menu li a,
#mall ul.menu0 li a,
#mall #amazon li a {
/*height: 35px;
line-height:35px; */
display:block;
text-decoration:none;
color:#333333;
width: 178px;
margin:4px auto 6px;
padding:0 0 15px;
background-image:url("/mall/img/ico_arrowright.gif");
background-repeat:no-repeat;
background-position:right 15px;
font-size:13px;
outline:none;
}




#mall ul.amazon li a:hover {
color:#f59c38;
text-decoration:underline;
}
#mall ul.belluna li a:hover {
color:#22ad48;
text-decoration:underline;
}
#mall ul.ryuryu li a:hover {
color:#e73998;
text-decoration:underline;
}
#mall ul.interior li a:hover {
color:#4a1e13;
text-decoration:underline;
}
#mall .allCategory {
width:178px !important;
padding:0 10px !important;
background-position:182px !important;
}






/*---------------------- ピックアップコンテンツ（mall02.php） ----------------------*/
#key {
	margin:24px 0 14px !important;
}

.featureList {
	margin: 0;
	padding:0;
}

.featureListItem {
	display:block;
	overflow:hidden;
	margin: 0 -17px 0 0;
	padding:0;
	width:627px;
	clear:both;
}
.featureListItem li {
	float:left;
	margin:0 17px -13px 0;
	padding:0;
	width:192px;
}



/*--------- mall03.php -----------*/

#pickup li p {
	font-size:14px;
	font-weight:bold;
	color:#101010;
	text-align:center;
	line-height:1.4;
	width: 192px;
    display: block;
    margin: 0 auto;
}

#pickup li a {
	display:block !important;
	text-decoration:none;
}

#pickup li {
	position:relative;
}

#pickup li a span img {
	position:absolute;
	top:0;
	left:0;
}




#pickup li a:hover {
	text-decoration:none;
}

#pickup li.new a {
	background-repeat: no-repeat;
	margin: 0 17px 17px 0;
	padding: 0;
	text-align: center;
}

#pickup li.amazon a {
/*	background-color:#F0F0F0;
	background-image:url(/mall/img/pickup/bg_pickup_amazon.jpg);
	width:162px;
	height:190px; */
	background-repeat: no-repeat;
	margin: 0 17px 17px 0;
	padding: 0;/* 15px 15px 0 */
	text-align: center;
}


/* 150624
#topLeft nav {
	overflow:hidden;
	margin:0;
	padding:0 7px;
	width:184px;
	border-top:3px solid #F59C38;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	border-radius:4px;
	background-color:#ffffff !important;
}

#topLeft nav p {
    margin-bottom:1.1em;
    padding:.9em 0;
	border-bottom:1px solid #dedede;
}

#topLeft nav ul {
	margin:0 .1em;
	padding: 1.1em 0 0;
	border-top: 1px solid #dedede;
}

#topLeft nav ul li {
	list-style:none;
	margin: 0 0 0 .1em;
	font-size:.825em;
	float:none !important;
	width:100%;
	height:32px;
}

#topLeft nav ul li a {
	color:#333333;
	display:block !important;
    padding: 0;
	background-image:url("/mall/img/ico_blank.gif");
	background-size:12px 11px;
	background-repeat:no-repeat;
	background-position:166px 5px;
}

#topLeft nav ul li a:hover {
	color:#E47911;
	display:block !important;
    padding: 0;
	background-image:url("/mall/img/ico_blank_hover.gif");
	background-size:12px 11px;
	background-repeat:no-repeat;
	background-position:166px 5px;
}

nav dl dt {
  word-wrap:break-word;
  padding:0.9em 0.25em;
  display: block;
  color: #333333;
}

#topLeft nav dt span {
	font-weight:bold;
	padding-right:.25em;
}

nav dl dd {
  word-wrap:break-word;
}
nav dl dd ul li {
  list-style: none;
}
nav dl dd ul li a {
  color: #333333;
  display: block;
  padding: 10px 30px 10px 15px;
}
*/


/* ローテバナー */
#mall .featureList #thmb {
    margin:0 auto !important;
	padding: 0;
	width:560px !important;
}




/*---------------------- 150331Fix ----------------------*/

/*
ローテの○ポチの表示／非表示
#mall .owl-page {
	display:none !important;
}
*/

/* ローテバナー */
#mall #feature {
    margin: 0;
	padding: 0;
	width:840px;
	clear: both;
}

#mall #feature ul {
    margin: 0 -14px 0 0;
	padding: 0;
	width:858px;
	clear: both;
}

#mall #feature ul li {
    margin:0 14px 8px 0;
	padding: 0;
	float:left;
}

#mall #feature ul li a {
	margin:0;
	padding:0;
}

#mall #feature ul li a img {
	width:270px;
	height:224px;
}



/* ローテバナー無_frame */
#mall #feature_frame {
    margin: 0;
	padding: 0;
	width:840px;
	clear: both;
}

#mall #feature_frame ul {
    margin: 0 -14px 0 0;
    margin:0 0 0 112px;
	padding: 0;
	width:636px;
	clear: both;
}

#mall #feature_frame ul li {
    margin:0 14px 8px 0;
	padding: 0;
	float:left;
}

#mall #feature_frame ul li a {
	margin:0;
	padding:0;
}





/* -----end 実験
---------------------------------- */
#mall .wide {
	clear: both !important;
	margin: 0 auto 2em !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 920px !important;
}

#mall .wide h2 {
	width:840px !important;
	margin: 0 auto 1em !important;
	padding:0 !important;
}

#mall .wide #feature_frame {
    margin: 0 !important;
	padding: 0 !important;
	width:930px !important;
	clear: both !important;
}

#mall .wide #feature_frame ul {
    margin: 0 -20px 0 0 !important;
	padding: 0 !important;
	width:920px !important;
	clear: both !important;
}

#mall .wide #feature_frame ul li {
    margin:0 6px 4px 0 !important;
	padding: 0 !important;
	float:left !important;
}

#mall #feature_frame ul li a {
	margin:0 !important;
	padding:0 !important;
}


/* -----end 実験
---------------------------------- */






/* サイドバナー */
#sideArea {
	float:left;
	margin: 0 0 0 32px !important;
	padding:0;
	position:relative;
}

#sideArea #bnr01 {
    margin: 0 12px 0 0;
	padding: 0;
	float:left;
}

/* iframeの場合 */
#sideArea iframe[style] {
    background-color: #cccccc;
    padding: 10px;
}

/* 画像の場合 */
#sideArea .bnrPc {
    background-color: #cccccc;
    padding: 10px;
}

#mall #widgetBig {
	margin:0 auto !important;
	position:relative;
}

#mall #widgetBig iframe {
    margin: 0;
	padding: 0;
	border: 1px solid #dedede;
	width: 600px;
    float: right;
	background-image:url(/mall/img/load.jpg);
	background-repeat:no-repeat;
}

#mall #instantWidget .otherRecommend {
	overflow:hidden;
	clear:both;
	margin:0 -30px 0 0;
	padding:30px 0;
	width:870px;
}

#mall #instantWidget .otherRecommend li {
	float:left;
}

#mall #instantWidget .otherRecommend li a {
	margin:0 30px 0 0;
	padding:4px 24px 24px;
	width:212px;
	height:224px;
	background-color:#F0F0F0;
	color:#101010;
	display:block !important;
}

#mall #instantWidget .otherRecommend li p {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding:8px 0 18px;
	line-height:1.0;
}

#mall #instantWidget .otherRecommend li img {
	text-align:center;
	margin:0 auto;
	padding:0;
	width:212px;
}

#mall #instantWidget .otherRecommend li a:hover {
	text-decoration:none;
	color:#555555;
}



/* デジタルカタログについて */
#mall #catalog {
	color:#101010;
}

#mall #catalog h3 {
	text-align:center;
	font-size:22px;
	line-height:70px;
	height:70px;
	margin:0 0 15px 35px;
	padding:0;
	color:#F99248;
	background-image:url(/mall/img/bg_mark_catalog.jpg);
	background-repeat:no-repeat;
	background-position:190px center;
}


#mall #catalog #leadtxt {
	text-align:center;
	font-size:16px;
	line-height:1.6;
	margin:0;
	padding:0;
}


#mall #catalog #catalogList {
	margin:40px -30px 10px 0;
	padding:0;
	border-bottom:1px solid #dedede;
	width:870px;
	overflow:hidden;
	position:relative;
	clear:both;
}

#mall #catalog #catalogList li {
	float:left;
	margin:0 30px 30px 0;
	padding:0;
	width:390px;
}

/*カタログのサムネイル(左)*/
#catalog #catalogList .catalogThmb {
	float:left;
	width:88px;
	margin:0 15px 0 0;
	padding:0;
}

/*カタログのサムネイル(右)*/
#catalog #catalogList .catalogListInfo {
	float:right;
	margin:0;
	padding:0;
	width:287px;
}

/*リスト内のボタン2つ*/
#mall #catalog #catalogList .catalogListInfo dl {
	margin:0;
	padding:0;
	width:287px;
}

#mall #catalog #catalogList .catalogListInfo dl dt{
	margin:0;
	padding:0;
	color:#006CD8;
	font-size:15px;
}

#mall #catalog #catalogList .catalogListInfo dl dd{
	margin:0 0 12px;
	padding:0;
	color:#101010;
	font-size:14px;
}

/*リスト内のボタン2つ*/
#mall #catalog #catalogList .catalogListInfo ul {
	clear:left;
	margin:0 -15px 0 0;
	padding:0;
	width:302px;
}

#mall #catalog #catalogList .catalogListInfo ul li {
	 float:left;
	 margin:0 14px 0 0 !important;
	 padding:0;
	 width:auto !important;
}

#mall #catalog #catalogList .catalogListInfo ul li a {
	border:1px solid #D6D6AB;
    display: block !important;
    font-size: 12px;
    padding: 8px 0;
    text-align: center;
    width: 134px !important;
}

#mall #catalog #catalogList .catalogListInfo .btnDetail a {
	color:#101010;
	text-align:center;
	border:1px solid #D6D6AB;
	background-color:#F0F0E1;
	background-image:url(/mall/img/ico_arrowblack.gif);
	background-repeat:no-repeat;
	background-position:124px center;
}

#mall #catalog #catalogList .catalogListInfo .btnCatalog a {
	color:#ffffff;
	text-align:center;
	border:1px solid #ED6907;
	background-color:#F99248;
	background-image:url(/mall/img/ico_arrowwhite.gif);
	background-repeat:no-repeat;
	background-position:124px center;
}



/* デジタルカタログへのボタン */
.btnCatalogManual {
    clear: both;
	display: block;
	margin: 3em auto;
	padding: 0;
	width:800px;
	height:172px;
	background-image:url(/mall/img/bg_btncatalog.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.btnCatalogManual .catalog {
	display:block;
	position:absolute;
	bottom:18px;
	right:26px;
}

/* 店舗情報ページにボタン */
.btnShop {
    clear: both;
	display: block;
	margin: 3em auto;
	padding: 0;
	width:90%;
	max-width:800px;
}