#content{
	margin:0px;
	padding:0px;
	height:auto;
	width:100%;
	float:left;
}


/*****************/
/* おすすめバー　*/
/*****************/
#content_main .sp{
	margin:15px 15px 0px 3px;
	padding:0px;
	width:auto;
	height:auto;
	background:url("/img/sp_bg.gif") repeat-x 0 0;
	border-top:1px solid #000374;
	line-height:17pt;
	clear:both;
	}

#content_main .sp h3{
	margin:0px;
	padding:5px 0px 2px 15px;
	width:340px;
	height:23px;
	font-size:12pt;
	font-weight:600;
	background:url("/img/sp_bg4.gif") no-repeat;
	}

/*****************/
/* おすすめリスト*/
/*****************/
#content_main #sp_pickup{
	margin:0px 0px 0px 30px;
	padding:0px;
	width:auto;
	height:auto;
}
#content_main #sp_pickup ul{
	margin:5px 5px 0 5px;
	padding:0px;
	clear:both;
}

#content_main #sp_pickup li{
	width:42%;
	font-size:80%;
	margin:0px 10px 5px 0px;
	padding: 1px 0px 1px 23px;
	background: url("/img/special/sp_pickup.gif") no-repeat 4px 5px;
	list-style: none;
	float:left;
	border-bottom:1px #222 dotted;
}

#content_main #sp_pickup li.sp_pickup_special{
	width:90%;
	background-image:url("/img/special/sp_pickup_special.gif");
	border-bottom:2px dotted gray;
	font-weight:bold;
}

#content_main #sp_pickup li.sp_pickup_special img{
	vertical-align:bottom;
	padding:5px 0.5em;
}

/*************************************************
ジャンルリスト定義
*************************************************/

#genre ul{
	margin:1em auto;
	padding:0;
	text-align:center;
}

#genre li{
	display:inline;
}


/*********************/
/* スクロール設定 */
/*	#scroll			おすすめ
/*	#scroll_pnews	写真ニュース
/*	#scroll_syouhin	商品案内
/*********************/

/* スクロール部全体をdivで括る */
#scroll , #scroll_pnews , #scroll_syouhin {
	/* required settings */
	width: auto;
	height:108px;
	clear:both;
	margin:5px 0 20px 20px;
}

/* 送りボタンの定義 */
#scroll a.browse , #scroll_pnews a.browse , #scroll_syouhin a.browse {
	display:block;
	width:14px;
	height:110px;
	float:left;
	margin:0px;
	cursor:pointer;
	font-size:1px;
}

/* 右送りボタン */
#scroll a.right , #scroll_pnews a.right , #scroll_syouhin a.right{
	background:url("/img/special/sp_right.gif") no-repeat;
}
#scroll a.right:hover , #scroll_pnews a.right:hover , #scroll_syouhin a.right:hover{
	background:url("/img/special/sp_right_hover.gif") no-repeat;
}

/* 左送りボタン */
#scroll a.left , #scroll_pnews a.left , #scroll_syouhin a.left{
	background:url("/img/special/sp_left.gif") no-repeat;
} 
#scroll a.left:hover , #scroll_pnews a.left:hover , #scroll_syouhin a.left:hover{
	background:url("/img/special/sp_left_hover.gif") no-repeat;
}

/* 送りボタン不必要なら非表示 */
#scroll a.disabled , #scroll_pnews a.disabled , #scroll_syouhin a.disabled {
	visibility:hidden !important;
}

/* スクロール部枠を定義 */
#scroll .scrollable , #scroll_pnews .scrollable , #scroll_syouhin .scrollable {
	float:left;	
	position:relative;
	overflow:hidden;
	width: 90%;
	height:108px;
	border:1px solid #000374;
	background:url(/img/special/sp_bg.gif) repeat-x;
}

/* スクロール部内を定義 */
#scroll .scrollable .items , #scroll_pnews .scrollable .items , #scroll_syouhin .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#scroll .scrollable img , #scroll_syouhin .scrollable img {
	margin:0px 0px 3px 0px;
}
#scroll_pnews .scrollable img {
	margin:0px 0px 0px 0px;
}

#scroll .scrollable ul , #scroll_pnews .scrollable ul , #scroll_syouhin .scrollable ul {
	margin:0px;
	padding:0px;
}

#scroll .scrollable p , #scroll_pnews .scrollable p , #scroll_syouhin .scrollable p {
	float:left;
	width:auto;
}

#scroll .scrollable a {
	display:block;
	float:left;
	text-align:center;
	margin:5px 3px 5px 8px;
	background-color:#fff;
	padding:3px;
	border:1px solid #BBB;
	cursor:pointer;
	width:75px;
	height:90px;
	line-height:130%;
	font-size:9px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#scroll_pnews .scrollable a {
	display:block;
	float:left;
	text-align:center;
	margin:6px 3px 4px 8px;
	background-color:#fff;
	padding:3px;
	border:1px solid #BBB;
	cursor:pointer;
	width:auto;
	height:auto;
	line-height:130%;
	font-size:9px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#scroll_syouhin .scrollable a {
	display:block;
	float:left;
	text-align:left;
	margin:5px 3px 5px 8px;
	background-color:#fff;
	padding:3px 7px;
	border:1px solid #BBB;
	cursor:pointer;
	width:75px;
	height:90px;
	line-height:130%;
	font-size:12px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item                */
/*.scrollable .active {       */
/*	border:1px solid #173077; */
/*	z-index:9999;             */
/*	position:relative;        */
/*}                           */


#scroll .scrollable a:hover , #scroll_pnews .scrollable a:hover , #scroll_syouhin .scrollable a:hover {
	border:1px solid #000374;
	z-index:9999;
	position:relative;
}