@charset "utf-8";

/*headPart*/
/*subPart*/
@import url("/css/blocks/searchBlock.css");
@import url("/css/blocks/suggest.css");
/*contentPart*/
@import url("/css/blocks/pannavi.css");
/*footPart*/
@import url("/css/blocks/liftBlock.css");



/*------------------------------
カラム分け
------------------------------*/
/* メインブロック */
#mainBlock{width:860px;margin:10px 0px 10px 0px;}

/* サブブロック */
#subBlock{float:left;width:220px;}

/* コンテンツブロック */
#contentsBlock{float:right;width:590px;}



/*------------------------------
コンテンツブロック
------------------------------*/
/* h2 title */
#contentsBlock h2{width:590px;}
#contentsBlock h2 span{visibility:hidden;font-size:1%;}
#contentsBlock h2#ttlBrand{background:transparent url(/img/home/ttl_brand.gif) no-repeat;height:53px;}
#contentsBlock h2#ttlRanking{background:transparent url(/img/home/ttl_ranking.gif) no-repeat;height:42px;}
#contentsBlock h2#ttlMust{background:transparent url(/img/home/ttl_must.gif) no-repeat;height:47px;}

/* brand search */
#contentsBlock #brandBlock{width:580px;padding:0px 0px 0px 10px;margin:0px 0px 10px 0px;}
#contentsBlock #brandBlock ul{}
#contentsBlock #brandBlock ul li{
	float:left;
	width:120px;
	line-height:20px;
	background:transparent url(/img/home/arrow_brand.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 20px;
	margin:5px 0px;
}

/* item ranking */
#contentsBlock #rankingBlock{width:580px;padding:0px 0px 0px 10px;margin:5px 0px 10px 0px;}
#contentsBlock #rankingBlock ol{}
#contentsBlock #rankingBlock ol li{float:left;}
#contentsBlock #rankingBlock ol li#rankingBg1{background:transparent url(/img/home/bg_rank1.gif) no-repeat right bottom;margin:0px 15px 0px 0px;}
#contentsBlock #rankingBlock ol li#rankingBg2{background:transparent url(/img/home/bg_rank2.gif) no-repeat right bottom;margin:0px 15px 0px 0px;}
#contentsBlock #rankingBlock ol li#rankingBg3{background:transparent url(/img/home/bg_rank3.gif) no-repeat right bottom;}
#contentsBlock #rankingBlock ol li .rankingBox{
	width:175px;
	border:1px dotted #999999;
	margin:1px 0px 0px 0px;
}
#contentsBlock #rankingBlock ol li .rankingBox img{float:left;margin:1px 5px 1px 1px;}
#contentsBlock #rankingBlock ol li p{margin:15px 0px 0px 0px;}

/* must item */
#contentsBlock #mustBlock{width:580px;padding:0px 0px 0px 10px;margin:5px 0px 10px 0px;}
#contentsBlock #mustBlock ul{}
#contentsBlock #mustBlock ul li{
	float:left;
	width:185px;
	font-size:95%;
	margin:2px 3px 2px 0px;
}
#contentsBlock #mustBlock ul li img{float:left;margin:0px 1px 0px 0px;}
#contentsBlock #mustBlock ul li p{margin:18px 0px 0px 0px;}