@charset "Shift_JIS";

/*----------------------------------------------------------------------------- 
 ■Common
----------------------------------------------------------------------------- */

/* clearfix */
.cf { zoom:1; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

/* f image */
.fi img { width:100%; height:auto;	}

/* 背景透明&フィルターの解除 */
a img.noFilter, .noFilter {	background-color:rgba(0,0,255,0);	}
a:hover img.noFilter, .noFilter {	filter:none;	opacity :1;}
a img.transfer, img.transfer {	background-color:rgba(0,0,255,0) !important;	}

/* Font */
.bold {	font-weight:bold;	}
.ls-25 {	letter-spacing:-0.0025em !important;	}
.ls0 {	letter-spacing:0!important;	}
.ls50 {	letter-spacing:0.005em !important;	}

.limitArea {
	max-width:1200px;
	/* min-width:950px; ★一時的に解除*/
	width:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	zoom:1;
}
.limitArea:before, .limitArea:after {
	content:"";
	display:table;
}
.limitArea:after {
	clear:both;
}

/*----------------------------------------------------------------------------- 
 ■loccitane
----------------------------------------------------------------------------- */

#loccitane {
	margin:0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* IEの画像隙間をなくす */
#loccitane img {
	max-width:100%;
	height:auto;
	display:block;
	border:0;
	vertical-align:bottom;
	padding:0;
	margin:0;
	box-shadow:#000 0 0 0;
}
#loccitane p {
	text-align:justify;
}


/*----------------------------------------------------------------------------- 
 ■mainVisual
----------------------------------------------------------------------------- */

#mainVisual {
	width:100%;
	margin:0 auto;
	background:url(../images/mainvisual_bg.jpg) no-repeat left top;
	-webkit-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}
#mainVisual h1 {
	width:22.5%;
	float:left;
}
#mainVisual .textArea {
	width:77.5%;
	float:left;
}
#mainVisual p {
	padding:3.548387096774194% 36.5% 0 1.075268817204301%;
	letter-spacing:0.125em !important;
}


/*----------------------------------------------------------------------------- 
 ■mainContents 
----------------------------------------------------------------------------- */

#mainContents {
	width:100%;
	background:url(../images/bg.jpg) top left repeat-y;
}
#mainContents #leftLine {
	width:75%;
	float:left;
}
#mainContents #rightLine {
	width:25%;
	float:left;
}
#mainContents #leftLine .innerArea {
	width:94%;
	margin:0 5% 0 1%;
}
/*----------------------------------------------------------------------------- 
 ■slider
----------------------------------------------------------------------------- */

#slider {
	width:100%;
}

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

#slider #sliderMainVisual{
	max-width:2004px;
	height:314px;
	margin:0 auto;
	overflow:hidden;
}
#slider #sliderMainVisual .smvInner{
	position:relative;
	width:670px;
	height:244px;
	margin:0px auto;
}
#slider #sliderMainVisual + *{
	margin-top:20px;
}
#slider #sliderMainVisual-nocrsl{
	margin-top:20px;
}

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

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

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

#slider #sliderMainVisual .carouselControl{
	width:100%;
}
#slider #sliderMainVisual .carouselControl ul{
	width:100%;
}
#slider #sliderMainVisual .carouselControl ul li{
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#slider #sliderMainVisual .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;
}
#slider #sliderMainVisual .carouselControl ul li.btn.prev{
	left:0px;
	background-position:0px 0px;
}
#slider #sliderMainVisual .carouselControl ul li.btn.next{
	right:0px;
	background-position:-40px 0px;
}
#slider #sliderMainVisual .carouselControl ul li.btn.prev.hover{
	background-position:0px -71px;
}
#slider #sliderMainVisual .carouselControl ul li.btn.next.hover{
	background-position:-40px -71px;
}
#slider #sliderMainVisual .carouselControl ul li.field{
	top:1px;
	width:668px;
	height:242px;
	background-color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#slider #sliderMainVisual .carouselControl ul li.field.prev{
	left:-668px;
}
#slider #sliderMainVisual .carouselControl ul li.field.next{
	right:-668px;
}

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

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

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


/*----------------------------------------------------------------------------- 
 ■search 
----------------------------------------------------------------------------- */

.search {
	width:100%;
	background-image:url(../images/search_bg.jpg);
	background-size:100% auto;
}
.search .BGBottom {
	width:100%;
	background-image:url(../images/search_bg_btm.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	padding-bottom:5%;
}
.searchInner {
	padding:20px;
}
.search h2 {
	width:100%;
	background-image:url(../images/search_bg_line.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
}
.search h2 img {
	margin-bottom:10px;
}
.search .list {
	margin:15px 0 0 0;
}
.search ul {
	*zoom:1;
	margin:0 0 20px -15px;
	overflow:hidden;
}

.search ul li {
	float:left;
	width:33.33333333333333%;
}

.search ul li a {
	display:block;
	min-height:60px;
	position:relative;
	margin:0 0 0 18px;
	padding:9px 0 0 70px;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
}
.search ul li img {
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	left:0;
	top:10px;
}

#series ul li h3 {
	font-size:100%;
	font-weight:bold;
	color:#432e11;
	background:url(../images/series_arrow.png) 0 5px no-repeat;
	padding:0 0 0 15px;
}

#category ul li h3 {
font-size:100%;
font-weight:bold;
color:#432e11;
background:url(../images/category_arrow.png) 0 5px no-repeat;
padding:0 0 0 15px;
}

.search ul li p {
font-size:100%;
letter-spacing:0.05em;
}
.search ul li a:hover h3 {
color: #e14107 !important;
}
.search ul li a:hover p {
color:#909090 !important;
}

.search ul li a:hover img {
	filter: alpha(style=0, opacity=80);
	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}

.fontEnglish {
	font-family:verdana, Sans-Serif !important;
	font-size:100%;
	font-weight:bold;
	color:#432e11 !important;
	padding:0 0 0 15px;
}

/*----------------------------------------------------------------------------- 
 ■allItemsBtn
----------------------------------------------------------------------------- */

#allItemsBtn {
	width:100%;
}
#allItemsBtn img {
	width:100%;
	height:auto;
}


/*----------------------------------------------------------------------------- 
 ■what's new
----------------------------------------------------------------------------- */

#whatsnew {
	width:97%;
}
#whatsnew h2 img {
	width:100%;
	height:auto;
}
#whatsnewBG {
	width:100%;
	background-image:url(../images/wr_bg_mdl.jpg);
	background-size:100% auto;
}
.whatsnewTextArea {
	width:100%;
	min-height:70px;
	font-size:91%;
}

.whatsnewTextArea dl.news {
	padding: 3.5% 7%;
}

.whatsnewTextArea dl.news dt {
	width: 100%;
	color: #432b13;
}

.whatsnewTextArea dl.news dd {
	width: 100%;
	line-height:1.6em;
	border-bottom: 1px dotted #dcdcdc;
}

.whatsnewTextArea dl.news dd a {
	color: #e14107;
	text-decoration: underline;
}

.whatsnewTextArea dl.news dd a:hover {
	text-decoration: none;
}
#whatsnew .BGBottom {
	width:100%;
	background-image:url(../images/wr_bg_btm.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	padding-bottom:10.30927835051546%;
}


/*----------------------------------------------------------------------------- 
 ■ranking
----------------------------------------------------------------------------- */

#ranking {
	width:97%;
	margin:7% 0 0 0;
}
#ranking h2 img {
	width:100%;
	height:auto;
}
#parts_ranking {
	width:100%;
	background:url(../images/wr_bg_mdl.jpg);
	background-size:100% auto;
}
#parts_ranking a{
	color:#dc4800;
}
#parts_ranking h3 {
	width:100%;
	padding:14px 0 0 0;
}
#parts_ranking .update {
	margin:10px 20px 0 15px;
	text-align:right;
	font-size:91%;
	line-height:1.5em;
}
#parts_ranking div.rankingArea {
	position:relative;
	width:100%;
}
#parts_ranking .fLeft {
	float:left;
}
#parts_ranking div.top5 {
	min-height: 670px;
	overflow:hidden;
}
#parts_ranking div.top5 ol {
	width: 90%;
	overflow:hidden;
	zoom:1;
	margin:0 0 0 15px; 
}
#parts_ranking div.top5 li {
	width: 100%;
	overflow:hidden;
}
#parts_ranking div.top5 li p {
	font-size:100%;
	line-height:1.5em;
}
#parts_ranking div.top5 li p.image {
	padding:10px 10px 0 0;
}

#parts_ranking div.top5 li p.image img {
	width:80px;
	height:80px;
	border:1px #f2f3e6 solid;
	margin:0 10px 14px 0;
}
#parts_ranking .rank01, #parts_ranking .rank02, #parts_ranking .rank03, #parts_ranking .rank04, #parts_ranking .rank05 {
	border-bottom: 1px dotted #dcdcdc;
}

#parts_ranking .btnTop50 {
	margin:10px 20px 10px 10px;
	font-size:12px;
	line-height:1.5em;
	text-align: right;
}
#parts_ranking .arrow1 {
  display: inline-block;
  position: relative;
  margin: 0 0 0 0;
  padding: 0;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color:#dc4800;
}

#ranking .BGBottom {
	width:100%;
	background-image:url(../images/wr_bg_btm.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	padding-bottom:10.30927835051546%;
}

/*----------------------------------------------------------------------------- 
 ■present
----------------------------------------------------------------------------- */
#present {
	margin:0 0 3.546099290780142% 0;
}
/*----------------------------------------------------------------------------- 
 ■font
----------------------------------------------------------------------------- */

.rf08 {	font-size:66%;	}
.rf09 {	font-size:75%;	}
.rf10 {	font-size:83%;	}
.rf11 {	font-size:91%;	}
.rf12 {	font-size:100%;	}
.rf13 {	font-size:108%;	}
.rf14 {	font-size:116%;	}
.rf15 {	font-size:125%;	}
.rf16 {	font-size:133%;	}
.rf17 {	font-size:141%;	}
.rf18 {	font-size:150%;	}
.rf19 {	font-size:158%;	}
.rf20 {	font-size:166%;	}
.rf21 {	font-size:175%;	}



/*=========================================================================== 
 ワイドPC
=========================================================================== */

@media only screen and (min-width: 1150px) {

#mainVisual p {
	letter-spacing:0.05em !important;
}
.whatsnewTextArea {
	height:140px;
}

/*----------------------------------------------------------------------------- 
 ■font
----------------------------------------------------------------------------- */

.rf08 {	font-size:83%;	}
.rf09 {	font-size:91%;	}
.rf10 {	font-size:108%;	}
.rf11 {	font-size:116%;	}
.rf12 {	font-size:125%;	}
.rf13 {	font-size:133%;	}
.rf14 {	font-size:141%;	}
.rf15 {	font-size:158%;	}
.rf16 {	font-size:166%;	}
.rf17 {	font-size:175%;	}
.rf18 {	font-size:183%;	}
.rf19 {	font-size:200%;	}
.rf20 {	font-size:208%;	}
.rf21 {	font-size:216%;	}


}