@charset "utf-8";

/*headPart*/
/*subPart*/
@import url("/css/blocks/searchBlock.css");
@import url("/css/blocks/suggest.css");
@import url("/css/blocks/hotspotBlock.css");
/*contentPart*/
@import url("/css/blocks/pannavi.css");
@import url("/css/blocks/sponsorBlock.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;
	background:transparent url(/img/grid/ttl_product.gif) no-repeat;
	font-weight:bold;
	font-size:123%;
	padding:15px 0px 5px 45px;
	margin:0px 0px 1px 0px;
}
#contentsBlock h2 span{
	font-weight:normal;
	font-size:82%;
	padding:0px 0px 0px 5px;
}



/*------------------------------
viewbox
------------------------------*/
#contentsBlock .viewbox{
	width:590px;
	background-color:#FDE8F1;
	padding:4px 0px 3px 0px;
}
#contentsBlock .viewbox p{font-size:93%;}
#contentsBlock .viewbox p.leftbox{float:left;padding:0px 0px 0px 5px;}
#contentsBlock .viewbox p.rightbox{float:right;padding:0px 5px 0px 0px;}
#contentsBlock .viewbox p span{font-weight:bold;color:#E92078;margin:0px 3px;}
#contentsBlock .viewbox p a{margin:0px 3px;}



/*------------------------------
pageBlock
------------------------------*/
#contentsBlock .pageBlock{
	width:590px;
	text-align:right;
	padding:2px 5px 0px 0px;
}
#contentsBlock .pageBlock a{padding:0px 3px;}
#contentsBlock .pageBlock span{font-weight:bold;padding:0px 3px;}



/*------------------------------
gridBlock
------------------------------*/
#gridBlock{width:580px;padding:10px 0px 10px 10px;}
#gridBlock .productBlock{
	float:left;
	width:130px;
	height:260px;
	position:relative;
	text-align:center;
	padding:0px 15px 0px 0px;
	margin:0px 0px 15px 0px;
}
#gridBlock .productBlock .photo{
	background:transparent url(/img/grid/bg_image.gif) no-repeat 0px 0px;
	width:100px;
	padding:10px 10px 15px 10px;
	margin:0px 0px 0px 5px;
}
#gridBlock .productBlock h3{
	font-weight:bold;
	height:2.5em;
	overflow:hidden;
	line-height:1.3em;
	padding:0px 0px 0px 5px;
	margin:0px 0px 3px 0px;
}
#gridBlock .productBlock p.fee{
	font-weight:bold;
	font-size:110%;
	margin:0px 0px 3px 0px;
}
#gridBlock .productBlock p.description{
	width:120px;
	font-size:86%;
	text-align:right;
	margin:0px 0px 3px 0px;
}
#gridBlock .productBlock a.merchantbox{
	display:block;
	width:122px;
	height:22px;
	background:transparent url(/img/grid/btn_direct.gif) no-repeat 0px 0px;
	text-decoration:none;
	margin:5px 0px 3px 5px;
}
#gridBlock .productBlock a.merchantbox:hover{background:transparent url(/img/grid/btn_direct.gif) no-repeat 0px -22px;}
#gridBlock .productBlock a.merchantbox span{visibility:hidden;font-size:1%;}
#gridBlock .productBlock h4{
	font-size:86%;
	height:2.5em;
	overflow:hidden;
	line-height:1.3em;
	padding:0px 0px 0px 5px;
	margin:0px 0px 3px 0px;
}
#gridBlock .productBlock h4 a{text-decoration:none;}



/*------------------------------
popupBlock
------------------------------*/
#gridBlock .popupBlockHide{display:none;}
#gridBlock .productBlock .popupBlockShow{}
#gridBlock .popup p.closePopup{
	text-align:right;
	margin:0px 0px 5px 0px;
}

/* 主なブラウザ */
#gridBlock .popup{
	position:absolute;
	top:5px;
	left:-215px;
	display:block;
	z-index:99;
	width:200px;
	background-color:#FFFFFF;
	border:5px solid #E92078;
	text-align:left;
	padding:5px;
}

/* less than IE6 */
* html body #gridBlock .popup{left:-195px;}