@charset "shift_jis";



/* ==================================================
 c2 Main Visual
================================================== */

/* src
------------------------------ */

#ht5_contents #c2MainVisual{
	max-width:2218px;
	height:320px;
	margin:20px auto 0px;
	overflow:hidden;
}
#ht5_contents #c2MainVisual .c2mvInner{
	position:relative;
	width:739px;
	height:270px;
	margin:0px auto;
}
#ht5_contents #c2MainVisual + *{
	margin-top:20px;
}
#ht5_contents #c2MainVisual-nocrsl{
	margin-top:20px;
}

/* list
------------------------------ */

#ht5_contents #c2MainVisual .carouselList{
}
#ht5_contents #c2MainVisual .carouselList ul:before,
#ht5_contents #c2MainVisual .carouselList ul:after{
	content:" ";
	display:table;
}
#ht5_contents #c2MainVisual .carouselList ul:after{
	clear:both;
}
#ht5_contents #c2MainVisual .carouselList ul{
	*zoom:1;
	position:relative;
	top:0px;
	height:268px;
	border-top:#d9d9d9 solid 1px;
	border-bottom:#d9d9d9 solid 1px;
	border-right:#d9d9d9 solid 1px;
	overflow:hidden
}
#ht5_contents #c2MainVisual .carouselList ul li{
	float:left;
	border-left:#d9d9d9 solid 1px;
}

/* control button
------------------------------ */

#ht5_contents #c2MainVisual .carouselControl{
	width:100%;
}
#ht5_contents #c2MainVisual .carouselControl ul{
	width:100%;
}
#ht5_contents #c2MainVisual .carouselControl ul li{
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#ht5_contents #c2MainVisual .carouselControl ul li.btn{
	top:50%;
	width:40px;
	height:71px;
	margin-top:-35px;
	background-image:url(/defaultMall/images/ht5/common/carousel_btn_control.png);
	background-repeat:no-repeat;
}
#ht5_contents #c2MainVisual .carouselControl ul li.btn.prev{
	left:0px;
	background-position:0px 0px;
}
#ht5_contents #c2MainVisual .carouselControl ul li.btn.next{
	right:0px;
	background-position:-40px 0px;
}
#ht5_contents #c2MainVisual .carouselControl ul li.btn.prev.hover{
	background-position:0px -71px;
}
#ht5_contents #c2MainVisual .carouselControl ul li.btn.next.hover{
	background-position:-40px -71px;
}
#ht5_contents #c2MainVisual .carouselControl ul li.field{
	top:1px;
	width:738px;
	height:268px;
	background-color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#ht5_contents #c2MainVisual .carouselControl ul li.field.prev{
	left:-738px;
}
#ht5_contents #c2MainVisual .carouselControl ul li.field.next{
	right:-739px;
}

/* pager
------------------------------ */

#ht5_contents #c2MainVisual .carouselPager{
	margin-top:5px;
}
#ht5_contents #c2MainVisual .carouselPager ol{
	width:740px;
	height:38px;
	overflow:hidden;
	text-align:center;
	background:url(/defaultMall/images/ht5/category_top/mainvisual_bg.png) no-repeat center bottom;
}
#ht5_contents #c2MainVisual .carouselPager ol li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-left:6px;
	padding:5px;
	cursor:pointer;
}
#ht5_contents #c2MainVisual .carouselPager ol li:first-child{
	margin-left:0px;
}
#ht5_contents #c2MainVisual .carouselPager ol li span{
	display:block;
	width:13px;
	height:13px;
	background-color:#808080;
	-webkit-border-radius:7px;
	border-radius:7px;
}

/* current */
#ht5_contents #c2MainVisual .carouselPager ol li.cur{
	cursor:default;
}
#ht5_contents #c2MainVisual .carouselPager ol li.cur span{
	background-color:#78ba1d;
}

/* bottom link
------------------------------ */

#ht5_contents #c2MainVisual .bottomLink{
	min-width:950px;
	max-width:1205px;
	width:950px; /* ie7&8 */
	margin:0px auto;
	padding:5px 20px 0px;
	text-align:right;
}
#ht5_contents #c2MainVisual .bottomLink a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0px 0px 0px 18px !important;
	background-image:url(/defaultMall/images/ht5/common/icn/arr_circle_darkgray_bottom.png);
	background-repeat:no-repeat;
	background-position:0px 0.25em;
	text-decoration:none;
	cursor:pointer;
	line-height:1.8 !important;
}
@media(min-width:0px){ /* modern browser */
	#ht5_contents #c2MainVisual .bottomLink{
		width:auto;
	}
	#ht5_contents #c2MainVisual .bottomLink a{
		background-position:0px 0.3em !important;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	#ht5_contents #c2MainVisual .bottomLink a{
		background-position:0px 0.2em !important;
	}
}
#ht5_contents #c2MainVisual .bottomLink a:hover{
	text-decoration:underline;
}
#ht5_contents #c2MainVisual .bottomLink a:visited{
	color:#333;
}



/* ==================================================
 category list
================================================== */

#ht5_contents .cate_cateList{
	width:100%;
	overflow:hidden;
}
#ht5_contents .cate_cateList ul:before,
#ht5_contents .cate_cateList ul:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_cateList ul:after{
	clear:both;
}
#ht5_contents .cate_cateList ul{
	*zoom:1;
	margin:-10px 0px 0px -12px;
}
#ht5_contents .cate_cateList ul li{
	float:left;
	width:20%;
	margin-top:10px;
}
#ht5_contents .cate_cateList ul li > p{
	margin-left:12px;
}
#ht5_contents .cate_cateList ul li > p a{
	display:block;
	width:130px;
	height:180px;
	margin:0px auto;
	padding:4px;
	background-color:#f0f0f0;
}
#ht5_contents .cate_cateList ul li > p a span{
	display:block;
}
#ht5_contents .cate_cateList ul li > p a .txt{
	margin-top:4px;
}
@media(min-width:1141px){
	#ht5_contents .cate_cateList ul li{
		width:16.6%;
	}
}


/* ==================================================
 hot item
================================================== */

#ht5_contents .cate_hotItem{
	border:#f0f0f0 solid 5px;
	padding:16px 10px;
}

/* list
------------------------------ */

#ht5_contents .cate_hotItem .mod_carouselList{
	padding:0px 42.5px;
}
#ht5_contents .cate_hotItem .mod_carouselList .ulSub{
}
#ht5_contents .cate_hotItem .mod_carouselList .ulSub ul:before,
#ht5_contents .cate_hotItem .mod_carouselList .ulSub ul:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_hotItem .mod_carouselList .ulSub ul:after{
	clear:both;
}
#ht5_contents .cate_hotItem .mod_carouselList .ulSub ul{
	*zoom:1;
}
#ht5_contents .cate_hotItem .mod_carouselList .ulSub ul li{
	float:left;
	width:20%;
	min-width:125px;
	text-align:center;
}
#ht5_contents .cate_hotItem .mod_carouselList .ulSub ul li a{
	display:inline;
}

/* control
------------------------------ */

#ht5_contents .cate_hotItem .mod_carouselControl{
}

/* pager
------------------------------ */

#ht5_contents .cate_hotItem .mod_carouselPager{
	top:-70px;
	right:-5px;
}



/* ==================================================
 tv shopping
================================================== */

#ht5_contents .cate_tvShopping:before,
#ht5_contents .cate_tvShopping:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_tvShopping:after{
	clear:both;
}
#ht5_contents .cate_tvShopping{
	*zoom:1;
}

/* item
------------------------------ */

#ht5_contents .cate_tvShopping .item{
	float:left;
	width:340px;
	margin-top:17px;
	padding-top:12px;
	border-top:#d9d9d9 solid 1px;
}
#ht5_contents .cate_tvShopping .item .mod_carouselBlock{
	padding:0px 30px;
}

/* list */
#ht5_contents .cate_tvShopping .item .mod_carouselList{
}
#ht5_contents .cate_tvShopping .item .mod_carouselList ul{
}
#ht5_contents .cate_tvShopping .item .mod_carouselList ul li:before,
#ht5_contents .cate_tvShopping .item .mod_carouselList ul li:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_tvShopping .item .mod_carouselList ul li:after{
	clear:both;
}
#ht5_contents .cate_tvShopping .item .mod_carouselList ul li{
	*zoom:1;
	width:280px;
}
#ht5_contents .cate_tvShopping .item .mod_carouselList ul li .pic{
	float:left;
	width:100px;
}
#ht5_contents .cate_tvShopping .item .mod_carouselList ul li .txt{
	float:right;
	width:168px;
}

/* control */
#ht5_contents .cate_tvShopping .item .mod_carouselControl{
}

/* pager */
#ht5_contents .cate_tvShopping .item .mod_carouselPager{
	top:-35px;
}

/* program
------------------------------ */

#ht5_contents .cate_tvShopping .program{
	float:right;
	width:100%;
	margin-left:-340px;
}
#ht5_contents .cate_tvShopping .program > .inner{
	margin-left:360px;
	background:url(/defaultMall/images/ht5/category_top/ribbon_tvshopping.png) no-repeat right 0px;
	background-color:#f0f0f0;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#ht5_contents .cate_tvShopping .program > .inner > a:before,
#ht5_contents .cate_tvShopping .program > .inner > a:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_tvShopping .program > .inner > a:after{
	clear:both;
}
#ht5_contents .cate_tvShopping .program > .inner > a{
	*zoom:1;
	display:block;
	padding:15px;
}

/* pic */
#ht5_contents .cate_tvShopping .program .pic{
	float:left;
	width:120px;
	border:#d9d9d9 solid 1px;
}

/* txt */
#ht5_contents .cate_tvShopping .program .txt{
	float:right;
	width:100%;
	margin-left:-122px;
}
#ht5_contents .cate_tvShopping .program .txt > .inner{
	margin-left:137px;
}
#ht5_contents .cate_tvShopping .program .txt > *{
	text-decoration:none;
}
#ht5_contents .cate_tvShopping .program .txt h3{
	text-decoration:underline;
	font-weight:bold;
}
#ht5_contents .cate_tvShopping .program a:hover .txt h3{
	text-decoration:none;
}
#ht5_contents .cate_tvShopping .program .txt h3 + *{
	margin-top:3px;
}
#ht5_contents .cate_tvShopping .program .txt .lead{
	font-weight:bold;
}
#ht5_contents .cate_tvShopping .program .txt .content{
	font-size:92%; /* 11px; */
}


/* ==================================================
 voice list
================================================== */

#ht5_contents .cate_voiceList:before,
#ht5_contents .cate_voiceList:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_voiceList:after{
	clear:both;
}
#ht5_contents .cate_voiceList{
	*zoom:1;
	padding:15px 10px;
	border:#f0f0f0 solid 5px;
}

/* title */
#ht5_contents .cate_voiceList h2{
	float:left;
	width:110px;
	margin-top:23px;
}

/* list */
#ht5_contents .cate_voiceList .list{
	float:right;
	width:100%;
	margin-left:-125px;
}
#ht5_contents .cate_voiceList .list > .inner{
	margin-left:125px;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock{
	padding:0px 45px;
}

/* carousel list
------------------------------ */

#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList{
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li:before,
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li:after{
	clear:both;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li{
	*zoom:1;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li{
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li a{
	width:100%;
	text-decoration:none;
}

/* pic */
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .pic{
	float:left;
	width:100px;
}

/* txt */
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt{
	float:right;
	width:100%;
	margin-left:-102px;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt > .inner{
	margin-left:112px;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt > .inner > *{
	margin-top:5px;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt > .inner > *:first-child{
	margin-top:0px;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt p .name{
	text-decoration:underline;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li a:hover .txt p .name{
	text-decoration:none;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt p .price{
	margin-left:1.5em;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt .star{
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList li .txt .lead{
	height:4.8em;
	overflow:hidden;
}
#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselList .link{
	text-align:right;
}

/* carousel control
------------------------------ */

#ht5_contents .cate_voiceList .list .mod_carouselBlock .mod_carouselControl{
}


/* ==================================================
 multi banner
================================================== */

#ht5_contents .cate_multiBnrColumn:before,
#ht5_contents .cate_multiBnrColumn:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_multiBnrColumn:after{
	clear:both;
}
#ht5_contents .cate_multiBnrColumn{
	*zoom:1;
}
#ht5_contents .cate_multiBnrColumn .mbcSub{
	position:relative;
	float:right;
	width:190px;
}
#ht5_contents .cate_multiBnrColumn .mbcMain{
	float:left;
	width:100%;
	margin-right:-190px;
}
#ht5_contents .cate_multiBnrColumn .mbcMain > .inner{
	margin-right:210px;
}

/* sub column banner
------------------------------ */

#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList{
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li{
	margin-top:20px;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li:first-child{
	margin-top:0px;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li a{
	display:block;
	text-decoration:none;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li a span{
	display:block;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li a .pic{
	border:#d9d9d9 solid 1px;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li a .txt{
	margin-top:5px;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li a .txt .lnk{
	text-decoration:underline;
}
#ht5_contents .cate_multiBnrColumn .mbcSub .subBnrList li a:hover .txt .lnk{
	text-decoration:none;
}

/* main column catalog
------------------------------ */

#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList{
	width:100%;
	overflow:hidden;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul{
	margin:-20px 0px 0px -24px;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:33%;
	margin-top:20px;
	vertical-align:top;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a:before,
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a:after{
	content:" ";
	display:table;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a:after{
	clear:both;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a{
	*zoom:1;
	display:block;
	margin-left:24px;
	text-decoration:none;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a > *{
	display:block;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a .pic{
	float:left;
	width:88px;
	border:#d9d9d9 solid 1px;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a .txt{
	float:right;
	margin-left:-90px;
	width:100%;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a .txt > .inner{
	margin-left:100px;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a .txt .lnk{
	text-decoration:underline;
}
#ht5_contents .cate_multiBnrColumn .mbcMain .mainCatalogList ul li a:hover .txt .lnk{
	text-decoration:none;
}



/* ==================================================
 c3 banner
================================================== */

#ht5_contents .cate_c3Bnr{
}
#ht5_contents .cate_c3Bnr li{
	margin-top:10px;
	text-align:center;
}
#ht5_contents .cate_c3Bnr li.first-child{
	margin-top:0px;
}



/* ==================================================
 c3 category list
================================================== */

#ht5_contents .cate_cateListC3{
	width:100%;
	overflow:hidden;
}
#ht5_contents .cate_cateListC3 ul{
	margin:-15px 0px 0px -25px;
}
#ht5_contents .cate_cateListC3 ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:16.66%;
	margin-top:15px;
	vertical-align:top;
}
#ht5_contents .cate_cateListC3 ul li p{
	margin-left:25px;
}
#ht5_contents .cate_cateListC3 ul li p a{
	display:block;
	width:102px;
	margin:0px auto;
}
#ht5_contents .cate_cateListC3 ul li p a .pic{
	display:block;
	border:#d9d9d9 solid 1px;
}
#ht5_contents .cate_cateListC3 ul li p a .txt{
	display:block;
	margin-top:5px;
	text-align:center;
}

@media(min-width:1117px){
	#ht5_contents .cate_cateListC3 ul li{
		width:14.28%;
	}
}
@media(min-width:1244px){
	#ht5_contents .cate_cateListC3 ul li{
		width:12.5%;
	}
}



/* ==================================================
 c3 mainvisual
================================================== */

#ht5_contents #c3MainVisual{
}
#ht5_contents #c3MainVisual{
}

/* type A
------------------------------ */

#ht5_contents #c3MainVisual.typeA{
}

/* type B
------------------------------ */

#ht5_contents #c3MainVisual.typeB:before,
#ht5_contents #c3MainVisual.typeB:after{
	content:" ";
	display:table;
}
#ht5_contents #c3MainVisual.typeB:after{
	clear:both;
}
#ht5_contents #c3MainVisual.typeB{
	*zoom:1;
	background-color:#f0f0f0;
	border-top:#5e1b3c solid 2px;
}
#ht5_contents #c3MainVisual.typeB > .pic{
	float:left;
}
#ht5_contents #c3MainVisual.typeB > .txt{
	float:right;
	margin-left:-282px;
	width:100%;
}
#ht5_contents #c3MainVisual.typeB > .txt > .inner{
	margin:0px 10px 0px 282px;
}
/* c3 category list */
#ht5_contents #c3MainVisual.typeB > .txt .cate_cateListC3{
	/*height:495px;*/
}
#ht5_contents #c3MainVisual.typeB > .txt .cate_cateListC3 ul{
	margin:0px;
}
#ht5_contents #c3MainVisual.typeB > .txt .cate_cateListC3 ul li{
	margin-top:20px;
	width:25%;
	height:145px;
}
#ht5_contents #c3MainVisual.typeB > .txt .cate_cateListC3 ul li p{
	margin-left:10px;
}

@media(min-width:1117px){
	#ht5_contents #c3MainVisual.typeB > .txt .cate_cateListC3 ul li{
		width:20%;
	}
}
@media(min-width:1244px){
	#ht5_contents #c3MainVisual.typeB > .txt .cate_cateListC3 ul li{
		width:16.66%;
	}
}

/* bottom link */
#ht5_contents #c3MainVisual.typeB > .txt .mod_bottomLink{
	margin-top:30px;
}



/* ==================================================
 c3 link list
================================================== */

#ht5_contents .cate_linkList{
	width:100%;
	overflow:hidden;
}
#ht5_contents .cate_linkList ul{
	margin-left:-10px;
}
#ht5_contents .cate_linkList ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	overflow:hidden;
}
#ht5_contents .cate_linkList ul li a{
	text-decoration:none;
	cursor:pointer;
	transition:all 200ms linear;
}
#ht5_contents .cate_linkList ul li a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* type A
------------------------------ */

#ht5_contents .cate_linkList.typeA{
}
#ht5_contents .cate_linkList.typeA ul{
	margin-top:-10px;
}
#ht5_contents .cate_linkList.typeA ul li{
	margin:10px 0px 0px 10px;
}
#ht5_contents .cate_linkList.typeA ul li a{
	display:block;
	padding:8px 10px;
	border:#b4b4b4 solid 1px;
	background-color:#fff;
	white-space:nowrap;
}

/* type B
------------------------------ */

#ht5_contents .cate_linkList.typeB{
}
#ht5_contents .cate_linkList.typeB ul{
	margin-top:10px;
}
#ht5_contents .cate_linkList.typeB ul:first-child{
	margin-top:0px;
}
#ht5_contents .cate_linkList.typeB ul li{
}
#ht5_contents .cate_linkList.typeB ul li > a{
	display:block;
	margin-left:10px;
	padding:9px 15px;
	background:#ececec url(/defaultMall/images/ht5/common/icn/arr_normal_darkgray_small_right.png) no-repeat 10px center;
}
#ht5_contents .cate_linkList.typeB ul li > a > span{
	display:table;
	*display:block;
	width:100%;
}
#ht5_contents .cate_linkList.typeB ul li > a > span > span{
	display:table-cell;
	*display:block;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

/* height */
#ht5_contents .cate_linkList.typeB ul.single li > a > span > span{
	height:1.6em;
}
#ht5_contents .cate_linkList.typeB ul.double li > a > span > span{
	height:3.2em;
}

/* width */
#ht5_contents .cate_linkList.typeB ul.col1 li{ width:100%; }
#ht5_contents .cate_linkList.typeB ul.col2 li{ width:50%; }
#ht5_contents .cate_linkList.typeB ul.col3 li{ width:33.33%; }
#ht5_contents .cate_linkList.typeB ul.col4 li{ width:25%; *width:187.5px; }
#ht5_contents .cate_linkList.typeB ul.col5 li{ width:20%; }
#ht5_contents .cate_linkList.typeB ul.col6 li{ width:16.66%; }

/* category_top wander link */
#ht5_contents .mod_wanderLinkList .wllBlock{
	width:25%!important;
}
#ht5_contents .mod_wanderLinkList .wllBlock .box:first-child .title {
	min-height: 1.2em!important;
	text-decoration:none!important;
}

.main-slider {
	margin-top:20px;
}