@charset "shift_jis";

/* category-header
------------------------------------------------------ */
.page-categorytop .categorytop-header {
 position: relative;
 width: 1180px;
height: 480px;
 margin: 30px auto 0;
text-align: left;
}

.categorytop-header a:hover img{ opacity: 0.8;}


.page-categorytop #newsList h2 {width:940px;}
.page-categorytop #newsList > ul {display: flex; justify-content: space-between; margin-bottom: 30px;
font-size: 12px; line-height: 1.4;}

.page-categorytop .topicline_li_ { width: 48%;}
.page-categorytop .topicline_li_ dl {display: flex; justify-content: space-between; }
.page-categorytop .topicline_li_ dt {width:16%; margin-bottom: 12px;}
.page-categorytop .topicline_li_ dd {width:81%; margin-bottom: 12px;}

.page-categorytop .topicline_dt_ { margin-bottom: 4px;
    line-height: 1.2; color: #888;}
.page-categorytop .topicline_comment_ { line-height: 1.6;}

/* sub-category_menu 
------------------------------------------------------ */
.categorytop-header #sub-category_menu {
position: absolute;	
top: 0px;
left: 0px;
width: 220px;
height:480px;
}
.page-categorytop .categorytop-header #sub-category_menu ul { position: absolute; bottom:0;  left: 0px;}

.page-categorytop .categorytop-header #sub-category_menu ul li {
	width: 220px;
	height: 30px;
	margin-top: 5px;
	display: block;
}
.page-categorytop .categorytop-header #sub-category_menu ul li#see-all { height: 40px; margin-bottom: 10px;}

.categoryMenu { position: absolute; top:0; left:0; width:220px; height:480px;}

.categoryMenu .subCat_list { position:absolute; bottom:0; left:0; border-top:1px solid #ddd;}
.categoryMenu .subCat_list li {width:220px;	border-bottom: 1px solid #f5f5f5;}
.categoryMenu .subCat_list li a {display: block; padding: 1.3em 0.8em;
 font-size: 11.5px; letter-spacing: 0.5px;	color:#111;
	text-decoration:none;
/*background: url("/common/mod_icon_arrow_black.png") no-repeat scroll left 20px rgba(0, 0, 0, 0);*/
}
.categoryMenu .subCat_list li a:before {margin-right: 7px; display: inline-block; 
  content: "\f105";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  color: #aaa; font-style: normal; font-variant: normal;
  text-rendering: auto; line-height: 1;} 
.categoryMenu .subCat_list li a:hover { background-color:#f9f9f9;}
.categoryMenu .subCat_list li#seeAll { font-weight:bold;}
.categoryTitle {font-family: gill-sans-nova, a-otf-midashi-go-mb31-pr6n, sans-serif;
font-size:24px; font-weight: 600; letter-spacing:1.5px;}
.categoryTitle span { display:block; margin-top:0.6em; 
font-size:55%; font-weight: normal;}


/* description_section 
------------------------------------------------------ */

.categorytop-header #description_section {
	width: 700px;
	position: absolute;
	left: 240px;
	top: 0px;
}

.categorytop-header img {max-width: 100%;}

.categorytop-header #description_section .description_txt {
	font-size: 13px;
	line-height: 1.6;
	width: 620px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 14px 20px;
	background: url(/images/categorytop/furniture/common/bg_white_50per.png) scroll repeat left top;
}


/*cabinet*/
#cabinet #description_section ul li {
	width: 340px;
	height: 230px;
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
}
#cabinet #description_section .description_txt {
	width: 300px;
	height: 65px;
	left: 0;
	bottom: 0;
	padding: 20px 20px 0;
}

/*fabric*/
.page-categorytop .categorytop-header#fabric, 
#fabric .categoryMenu {height:590px;}

/*fashion*/
.page-categorytop .categorytop-header#fashion, 
#fashion .categoryMenu {height:520px;}

/*jewelry*/
#jewelry #description_section {	
	width: 940px;
	position: absolute;
	left: 240px;
	top: 0px;
}

#jewelry #description_section .description_txt {
	line-height: 1.8;
	width: 700px;
	position: absolute;
	left: 1px;
	bottom: 1px;
	padding: 12px 18px 14px;
	box-sizing:border-box;
}
#jewelry #description_section .description_txt span { font-size: 12px; line-height: 20px;	}


.categorytop-header #main_visual_section {
	width: 700px;
	position: absolute;
	left: 240px;
	top: 0px;
}
.categorytop-header #main_visual_section ul { position: relative;}
.categorytop-header #main_visual_section ul li { position: absolute;}

.categorytop-header #main_visual_section  li.ss-size { width: 160px; height: 230px;}
.categorytop-header #main_visual_section  li.s-size { width: 220px;	height: 230px;}
.categorytop-header #main_visual_section  li.w-size { width: 460px;	height: 230px;}
.categorytop-header #main_visual_section  li.l-size { width: 220px;	height: 480px;}
.categorytop-header #main_visual_section  li#p_01 {	top: 0px; left: 0px;}
.categorytop-header #main_visual_section  li#p_02 {	top: 0px; left: 240px;}
.categorytop-header #main_visual_section  li#p_03 {	top: 0px; left: 480px;}
.categorytop-header #main_visual_section  li#p_04 {	top: 250px;	left: 0px;}
.categorytop-header #main_visual_section  li#p_05 {	top: 250px;	left: 240px;}
.categorytop-header #main_visual_section  li#p_06 {	top: 250px;	left: 480px;}
/*art*/
#art-objects #main_visual_section  li#p_02 { top: 0px; left: 180px;}
#art-objects #main_visual_section  li#p_03 { top: 0px; left: 360px;}
#art-objects #main_visual_section  li#p_04 { top: 0px; left: 540px;}
#art-objects #main_visual_section  li#p_05 { top: 250px; left: 0px;}
#art-objects #main_visual_section  li#p_06 { top: 250px; left: 180px;}
#art-objects #main_visual_section  li#p_07 { top: 250px; left: 360px;}
#art-objects #main_visual_section  li#p_08 { top: 250px; left: 540px;} 
/*fragrance*/
#fragrance #main_visual_section li#p_01 { top: 250px; left: 0px;}
#fragrance #main_visual_section li#p_02 { top: 250px; left: 240px;}
#fragrance #main_visual_section li#p_04 { top: 0px; left: 0px;}
#fragrance #main_visual_section li#p_06 { top: 0px; left: 480px;}

/* right-side_banner 
------------------------------------------------------ */
.categorytop-header #right-side_banner {
	width: 220px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.categorytop-header .feature_01 { padding-top: 60px;}
.categorytop-header .feature_none {	padding-top: 170px;}
.categorytop-header #right-side_banner h2 {
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	height: 15px;	
}
.categorytop-header #right-side_banner #guide_banner { margin-bottom: 15px;}
.categorytop-header #right-side_banner #feature_banner { margin-bottom: 35px;}
.categorytop-header.goods #right-side_banner #feature_banner { margin-bottom: 5px;}
.categorytop-header #right-side_banner .ctop_cpnbnr {margin-bottom: 5px;}
.categorytop-header #right-side_banner .ctop_cpnbnr ul  { margin-bottom:20px;}

.categorytop-header #right-side_banner #guide_banner ul li,
.categorytop-header #right-side_banner #feature_banner ul li { width: 220px; }

.categorytop-header #right-side_banner #article_banner ul li { width: 220px; margin-bottom: 5px;	}
.categorytop-header #right-side_banner #article_banner ul li.last {	margin-bottom: 0;}



.categorytop-header .right_banner {	width: 220px;
	position: absolute;	right: 0px;	top: 0px;}
.categorytop-header .right_banner .ctop_cpnbnr {margin-bottom: 20px;}
.categorytop-header .right_banner .ctop_cpnbnr li img {padding-top: 0; margin-bottom: 10px;}
.categorytop-header .guide ul {border-top:1px solid #ddd; margin-bottom: 30px;}
.categorytop-header .guide li {border-bottom: 1px solid #f5f5f5;}
.categorytop-header .guide li a {display: block; padding: 1.3em 0.8em 1.3em 1.2em;
  font-size: 11.5px; text-decoration: none; color: #111; line-height: 1.2; letter-spacing: 0.5px;}
.categorytop-header .guide li a:before {
  margin-right: 7px; display: inline-block; content: "\f101";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  color: #aaa;
  font-style: normal; font-variant: normal;
  text-rendering: auto; line-height: 1;} 
.categorytop-header .guide li a:hover { background-color:#f9f9f9;}  
.categorytop-header .guide h3 { margin:0px 0 6px;
font-size:10px; font-weight: normal; letter-spacing: 0.5px; color: #555;}

.categorytop-header .guide {margin-bottom: 20px;}



/*ranking
-------------------------------------*/
#category_ranking {}
#category_ranking h3 { margin-bottom: 12px; font-size: 16px; letter-spacing: 0.8px;}
#category_ranking h3 span { font-size: 70%; margin-left: 1em;}

#category_ranking h4 {margin-bottom: 2px;}

#category_ranking .itemList .itemBox .ribbon { top:183px;}
#category_ranking .itemList  .itemBox .icon {top:43px;}




.page-categorytop  .navistyle_ {display:none;}