@charset "utf-8";


/*
	#side
*/
#side{
	font:12px/18px 'Century Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	float:none;
}
#side a{
	color:#000000;
}


#side h2{
	font:bold 12px/20px 'Century Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#fff;
	background-color:#313131;
	margin-bottom:10px;
	padding:5px;
}
#side h2 em{
	font:normal 18px/20px m-black, sans-serif;
	margin-right:10px;
}
#side h2 time{
	display:block;
	text-align:right;
	padding-right:10px;
	font:normal 16px/21px 'Open Sans Condensed', 'sans-serif';
}
#side h2 time span{
	display:inline-block;
	vertical-align:top;
	font:normal 14px/21px 'Century Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#side h2 time::after{
	content:" UP";
	font-weight:bold;
}

#side{
	width:220px;
	float:left;
}
#side > a{
	display:block;
	margin:0 auto 15px;
}
#side > a img{
	display:block;
	width:100%;
}
#side > a img:hover{
	opacity:0.7;
}
#side > a.menu{
	border:1px #102878 solid;
}



/*
	サイドのカテゴリ一覧リンク
*/
#cg-list{
	padding-top:0px;
	margin-bottom:15px;
}
#cg-list dt{
	margin:15px 0 0;
	font-size:10px;
}
#cg-list dt:nth-of-type(1){
	margin-top:0;
}
#cg-list dt a{
	color:#313131;
	display:block;
	padding:5px;
}
#cg-list dt a:hover{
	background:url('../img/index/arrow.gif') right center no-repeat;
}
#cg-list dt em{
	font-weight:bold;
	font-size:14px;
}
#cg-list dd{
	font-size:12px;
}
#cg-list dd a{
	display:block;
	padding:5px 10px;
	color:#313131;
	background-color:#f5f5f5;
}
#cg-list dd a:hover{
	background-color:#313131;
	color:#FFFFFF;
}

/*
	商品・カテゴリ・特集へのリンク
*/

#side .pick li{
	margin-bottom:15px;
}
#side .pick li a{
	display:block;
}
#side .pick li a img{
	display:block;
	margin-bottom:5px;
}
#side .pick li em{
	font-weight:normal;
	display:block;
}
#side .pick li b{
	font-weight:normal;
	display:block;
	padding:0 8px 5px;
	font-size:11px;
}
#side .pick li:hover{
	background-color:#ebebeb;
}
#side .pick li a:hover{
	opacity:0.7;
}


/* ------------------------------
 レコメンド
------------------------------ */

div.recommend {
	width:220px;
	margin:0 0 20px 0;}

.recommend ul{
	margin:0;
	padding:0;
}

.recommend ul li{
	width:200px;
	background-color:#f2f2f2;
	margin-bottom:15px;
	padding:10px;
}

.recommend li a{
	display:block;
}
.recommend li a img{
	width:200px;
	margin:0px;
}
.recommend li a div{
	margin:10px 0;
	font-size:75%;
	line-height:150%;
	color:#313131;
}


.recommend li a span{
	display:block;
	width:160px;
	height:25px;
	margin:0px auto;
	text-align:center;
	text-decoration: none;
	color:#FFF;
	background-color:#999999;
	font:bold 10px/25px 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing:1px;
	border-radius:15px;
}
.recommend li a:hover span{
	background-color: #FF9900;
}



	
/* ------------------------------
 楽天キャンペーン
------------------------------ */

.rakuten{
	width:220px;
	margin-bottom:20px;
	background-color:#f1f1f1;
	}
	
.rakuten > div{
	width:100%;
	text-align:center;
	padding:15px 0;
	}
	
.rakuten p{
	background-color:#000;
	padding:5px;
	color:#FFF;
	font-size:80%;
	font-weight:bold;
	margin-bottom:0;}

.rakuten img{
	margin:15px auto 0;}

	
/* ------------------------------
 アライバル
------------------------------ */

.arrival_sd{
	width:220px;
	margin-bottom:20px;
	border-top:3px #666 solid;
	background-color:#FFFFFF;}
	
.arrival_sd a{
	width:210px;
	display:block;
	overflow:hidden;
	padding:5px;
	font-size:90%;}
	
.arrival_sd a img{
	width:120px;
	height:120px;
	float:left;}
	
.arrival_sd a em{
	padding-left:125px;
	display:block;
	}
	
.arrival_sd a b{
	padding-left:125px;
	font-size:80%;
	display:block;}
	
.arrival_sd a span{
	font-size:80%;
	padding-left:135px;
	display:block;}
	
	
a.btn{
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 180px;
	padding: 10px 0;
		text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	margin:0 auto 10px;
}
