@charset "Shift_JIS";

/*--------------ヘッダー--------------*/

#head{
	background-color:#F7F7F7;
	padding:7px 0 3px 0;
}
h1{
	width:980px;
	color: #B89C5D;
	margin:0 auto;
	font-size:10px;
	letter-spacing:0.1em;
}

/*--------------トップコンテンツ--------------*/

.c_cotent{
	padding-bottom:28px;
	clear:both;
}

.c_left{
	width:655px;
	float:left;
}

.c_right{
	width:300px;
	float:right;
}


/*--------------下部キャンペーン--------------*/

.pickup-box {
  width: 100%;
  margin-left:10px;
}

.itembox-2l li {
  width: 310px;
  float:left;
  margin-left:5px;
  margin-bottom:5px;
  min-height:240px;
}

.itembox-2l li img{
  width: 310px;
  margin-bottom:5px;
}

.pickup-box a {
	text-decoration: none;
}


/*--------------トピックス--------------*/

#bg_topics{
	width: 980px;
	height: 45px;
	background:url(../img/ticker.jpg) no-repeat;
	margin-bottom:15px;
}

#topics_r{
	padding: 14px 4px 0px 0px;
	float: right;
	width: 822px;
	height: 40px;
}

ul#topics{
	padding:0px 0px 0px 5px;
}


#login{
	width:266px;
	height:127px;
	background:url(../img/member_bg.jpg) no-repeat;
	padding:15px 17px;
	margin-bottom:8px;
}


/*--------------商品ラインアップ--------------*/

#lineup{
	width: 980px;
	padding:15px 0 0 0;
	clear:both;
	margin-bottom:22px;
}

#step{
	width: 970px;
	height:215px;
	margin:0 auto 14px auto;
	background:url(../img/bg_step.jpg) no-repeat;
	padding:20px 0 0 20px;
}

#step li{
	float:left;
	margin-right:5px;
}

#other{
	width: 980px;
	height:182px;
	clear:both;
	margin:0 auto;
}

#other li{
	height:170px;
	float:left;
	margin:0 12px 14px 0;
}

#other_b{
	height:28px;
	width:283px;
	float:right;
	clear:both;
	margin-bottom:26px;
}

#other_b li{
	float:left;
}

/*--------------ランキング--------------*/


.more{
	background:url(../img/common/jicon.jpg) no-repeat;
	background-position:0 3px;
	padding-left:20px;
	float:right;

}

#ranking{
	margin-bottom:35px;
}


#ranking li{
	margin-bottom:9px;
	height:70px;
	display:block;
	clear:both;
}


.product_name{
	height:70px;
	width:200px;
	padding:8px 0 0 0;
	float:right;
}

.product_name span{
	font-size:10px;
	padding-top:2px;
}

#rank_all{
	width:300px;
	margin-top:10px;
	text-align:right;
	display:block;
}
#rank_all a{
	background:url(../img/common/jicon.jpg) no-repeat 0 0.3em;
	padding-left:15px;
}

/*--------------キーワード--------------*/

.keyword{
	width:275px;
	margin:0 auto 26px auto;
}


.keyword td{
	background:url(../img/common/jicon.jpg) no-repeat;
	background-position:0 3px;
	padding-left:20px;
}



/*--------------コラム--------------*/


#colum{
	width:635px;
	margin:0 auto 25px auto;
}
#colum li{
	float:left;
	width:315px;
}



#colum3{
}
#colum3{
 text-align:center;
}
#colum3 .box_a,
#colum3 .box_b{
width: 324px;
}
#colum3 .box_a ul,
#colum3 .box_b ul{
 width:285px;
 margin:0 auto;
 padding-bottom:10px;
 background-color:#662734;
}
#colum3 .box_b ul{
 background-color:#FCE5E8;
}

/*--------------企業情報--------------*/

#group{
	width:280px;
	/* height:214px; */
	padding:12px 10px;
	background-color:#F3F3F3;
	margin-bottom:20px;
}

/*--------------アドバイス--------------*/


#advice{
	width:627px;
	height:149px;
	background:url(../img/advice_bg.jpg) no-repeat;
	padding:91px 0 0 28px;
	margin-bottom:5px;
}


#advice dl{
	float:left;
	margin-right:20px;
}

#advice dl dt{
	margin-bottom:10px;
}

#advice dl dd{
	background:url(../img/common/jicon.jpg) no-repeat;
	background-position:0 3px;
	padding-left:20px;
	margin-bottom:3px;
}


/*--------------お知らせ--------------*/

#news{
	width:630px;
	margin:0 auto;
}


#news li{
	background:url(../img/common/icon2.jpg) no-repeat;
	background-position:0 5px;
	padding:0 0 10px 10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #E1E1E1;
}

#news li a{
	text-decoration:none;
}





.news_box{
	background:url(../img/news_bg.jpg) 0 0 no-repeat;
	padding:15px 0 17px 230px;
	}

.lineup_box{

	}

.lineup_box p{
	margin:0 0 15px 0;
	}

.lineup_box li{
	float:left;
	margin:0 12px 5px 0;
	}
li.nm{
	margin-right:0 !important;
}

.reccomend_box{
	margin:0 0 20px 0;
	border-left:1px dotted #D6D6D6;
	}

.reccomend_box li{
	float:left;
	border-right:1px dotted #D6D6D6;
	width:187px;
	padding:15px;
}
.reccomend_box li h3{
	font-size:12px;
	margin:0 0 10px 0;
	font-weight:bold;
}

.series_box{
	margin:0 0 20px 0;
	}

.series_box li{
	float:left;
	margin-right:11px;
	}

.cp_box{
	font-size:11px;
	margin-bottom:20px;
	}
.cp_box li{
	width:320px;
}




.list_carousel {
	margin: 0 0 20px 0;
	background:url(../img/clm_bg.png);
	border:1px solid #FEF2D5;
	padding:15px 0 10px 46px;
	position:relative;
}
.list_carousel ul {
	display: block;
}
.list_carousel li {
	display: block;
	float: left;
	width:180px;
	margin:0 10px 0 0;
	font-size:11px;
	height:255px;
	position:relative;

}

.list_carousel li .more{
	position:absolute;
	bottom:0;
	right:0;
	}

.clm_boxinner{
	background:#fff;
	border:1px solid #ECEDDB;
	margin:0 0 10px 0;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
	}

.clm_boxinner h3{
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 5px;
}

.clm_prev {
	position:absolute;
	top:15px;
	left:15px;
}
.clm_next {
	position:absolute;
	top:15px;
	right:15px;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}

.clickbox{
	cursor:pointer;
	}

.clickbox:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;

	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

.clm_boxinner:hover h3{
	color:#FF9017;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
	}

/*===============================*/
/*//スライドショー//*/
/*===============================*/
#slider_wrap{
background:url(../img/mainimage_bg.png) left bottom no-repeat;
width: 998px;
height:469px;
margin:0 auto 15px auto;
}
#slider_inner{
padding-top: 8px;
}
#slider{
padding: 0 0 0 18px;
position: relative;
}
#galleria{
width: 961pxpx;
overflow: hidden;
}
#slider .prev,
#slider .next{
display: block;
position: absolute;
}
#slider .prev{
left: 5px;
top: 50%;
margin-top: 50px;
z-index: 999;
}
#slider .next{
right: 5px;
top: 50%;
margin-top: 50px;
z-index: 999;
}
/*メインイメージ表示エリア*/
.galleria-stage{
width: 961px;
height: 251px;
position: relative;
overflow: hidden;
margin-bottom: 5px;
}

.galleria-thumbnails{left:4px;}
.galleria-thumbnails-container{
	padding:4px 0 0 0;
	/height: 175px;/*IE7対策*/
}
.galleria-image{
float: left;
margin-right: 7px;/*サムネイルが5枚以上の時*/
margin-right: 9px;/*サムネイルが4枚以下の時（枚数に合せて調整の必要あり）*/
cursor: pointer;
/width: 232px;/*IE7対策（バナーサイズが変更になった場合こちらも併せて変更してください）*/
/height: 175px;/*IE7対策（バナーサイズが変更になった場合こちらも併せて変更してください）*/
}
.galleria-image.last{ margin-right: 0;}

#sidebar {
	width: 112px;
	position: absolute;
	top: 140px;
	right: 0px;
	z-index: 11111;
}