@charset "utf-8";

/* ---------------------------------------------------------
TITLE　: le coq [recommend.css]
------------------------------------------------------------ 
------------------------------------------------------------
目次
-基本設定
-リンク設定
------------------------------------------------------------ */


/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
/*commonbase.cssから継承*/

/* ---------------------------------------------------------
リコメンド：トップ・中：共通
------------------------------------------------------------ */
/*
カテゴリフッタ：
------------------------------------------------------------ */
/*commmonpartsに記述*/
.categoryfooter{
	padding:0;
}


/* ---------------------------------------------------------
リコメンド：トップ
------------------------------------------------------------ */
.maincontents{
	clear:both;
	width:922px;
	padding:0;
	margin:0 auto;
}

.recommendlist{
	width:922px;
	
	padding:0;
	margin:0 auto;
}


.recommendlist ul{
	width:936px;

	padding:0;
	margin:0 0 0 -14px;
}

.recommendlist ul li{
	float:left;
	display:inline;
	height:297px;
	
	padding:0 0 14px 0;
	margin:0 0 0 14px;
}

.recommendlist ul li a{
	background:#ffffff;/*IE6バグ回避*/
}


.recommendlist ul li.pcts, ul.recommendlist li.pcts a{
	width:142px;
}

.recommendlist ul li.pcts a:hover{
}

.recommendlist ul li.pctm, ul.recommendlist li.pctm a{
	width:298px;
}

.recommendlist ul li.pctm a:hover{
}

.recommendlist ul li.pctl, ul.recommendlist li.pctl a{
	width:454px;
}

.recommendlist ul li.pctl a:hover{
}


.recommendlist p{
	padding:0 0 14px 0;
	margin:0;
}


/*タイトル画像
------------------------------------------------------------ */
.pctrecommend{
	position:relative;
	height:297px;

	display:block;
	overflow:hidden;
	
	padding:0;
	margin:0;
}

.itemphoto{
	position:absolute;
	top:0;
	left:0;	
}

a:hover .itemphoto{
	position:absolute;
	top:-300px;
	left:0;	
}



/*
ページナビゲーション：blog, catalog：
------------------------------------------------------------ */
/*上書き@commonparts*/
.pagebar {
	clear:none;
	float:right;
	width:400px;
	font-size:10px;
	line-height:1.1;
	color:#333333;
	font-family:verdana;
	
	padding:4px 2px 0 0;
	margin:0;
	
	text-align: right;
}


.pagebar a,.pageList .this-page {
	text-decoration: none;
	padding:0;
}

.pagebar a:visited {
	text-decoration: none;
}

.pagebar .break {
}

.pagebar .this-page {
	color:#999999;
}

.pagebar a:hover {
	color:#1d5a8d;
}

.pagebar .inactive{
}


.pagebar a.prev, .pagebar a.next{
	text-decoration:none;
	
}
.pagebar a.prev:hover, .pagebar a.next:hover{
	color:#1d5a8d;
}




/* ---------------------------------------------------------
リコメンド：中
------------------------------------------------------------ */
h2{
	font-size:23px;
	line-height:1.1;
	
	padding:0;
	margin:0;
}

.pctmain{
	width:610px;
	padding:0;
	margin:0;
}

.pctmain img{
	margin:0 0 20px 0;
}



/* 
2コラム：右
------------------------------------------------------------ */
.contentsright{
	padding:15px 0 0 0;
	background:transparent url(../images/line_halftone_l.gif) repeat-x left top;
}

.itemheader{
}

.itemcopy{
	font-weight:bold;
}

.itemdescription{
	padding:0 0 4px 0;/*bottom20*/
}



dl.itemdetail{
	clear:both;
	width:298px;
}

dl.itemdetail dt{
	clear:both;
	float:left;
	width:200px;
	
	font-size:14px;
	line-height:1.2;
	font-weight:bold;

	padding:10px 10px 10px 0;
	margin:0;
	
	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
}

dl.itemdetail dt span{
	font-size:10px;
	line-height:1.2;
	font-weight:normal;

	padding:8px 0 0 0;

	display:block;
}

dl.itemdetail dd{
	position:relative;
	float:left;
	width:78px;
		
	padding:0;
	margin:0;

	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
}



ul.itemdetail{
	clear:both;
	width:298px;
	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
	padding:12px 0 0 0;
}

ul.itemdetail li{
	position:relative;
	width:298px;

	font-size:14px;
	line-height:1.2;
	font-weight:bold;

	padding:12px 0 0 0;
	margin:0;

	background:transparent url(../images/line_h_dot.gif) repeat-x left bottom;
}

ul.itemdetail li span{
	font-size:10px;
	line-height:1.2;
	font-weight:normal;

	padding:0;

	display:block;
}

.itemname{
	width:210px;
	
	padding:0 0 10px 0;
}


/*ボタン：DETAIL*/
.btndetail{
	position:absolute;
	bottom:12px;
	right:0;
	width:73px;
	height:25px;

	overflow:hidden;

	padding:0;
	margin:0;
}

.detail{
	position:absolute;
	top:0;
	left:0;
}

a:hover .detail {
	position:absolute;
	top:-30px;
	left:0;
}

/*ボタン：カミングスーン*/
.btncoming{
	position:absolute;
	bottom:12px;
	right:0;
	width:73px;
	height:25px;

	overflow:hidden;

	padding:0;
	margin:0;
}

.pctcoming{
	position:absolute;
	top:0;
	left:0;
}

a:hover .pctcoming {
	position:absolute;
	top:-30px;
	left:0;
}


/*ボタン：レコメンドトップへ戻る*/
.btnrcmdtop{
	position:relative;
	width:297px;
	height:27px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0;
}

.pct2010sstop{
	position:absolute;
	top:0;
	left:0;
}

a:hover .pct2010sstop {
	position:absolute;
	top:-30px;
	left:0;
}


/*100721 add
------------------------------------------------------------ */
dl.itemdetail02{
	clear:both;
	width:298px;

	background:transparent url(../images/line_h_dot.gif) repeat-x left bottom;
	
	padding:0;
	margin:0 0 12px 0;
}

dl.itemdetail02 dt{
	clear:both;
	float:left;
	display:inline;
	width:72px;
	min-height:70px;
	height:70px;
		
	padding:8px 0 0 0;
	margin:0;

	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
}

dl.itemdetail02 dt img{
	border:solid 1px #e5e5e5;
}

dl.itemdetail02 dd{
	position:relative;
	float:left;
	display:inline;
	width:226px;
	min-height:70px;
	height:70px;
	
	font-size:14px;
	line-height:1.2;
	font-weight:bold;

	padding:8px 0 0 0;
	margin:0;
	
	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
}

dl.itemdetail02 dd span{
	font-size:10px;
	line-height:1.2;
	font-weight:normal;

	padding:0;
	margin:0;

	display:block;
}

dl.itemdetail02 dd span.pr{
	font-weight:bold;
	padding:3px 0 0 0;
}

dl.itemdetail02 dd span.no{
	position:absolute;
	left:0;
	bottom:0;
	
	padding:0;
	margin:0 0 8px 0;
}

/*ボタン：DETAIL*/
dl.itemdetail02 .btndetail{
	position:absolute;
	bottom:0;
	right:0;
	width:73px;
	height:25px;

	overflow:hidden;

	padding:0;
	margin:0 0 8px 0;
}

.detail{
	position:absolute;
	top:0;
	left:0;
}

a:hover .detail {
	position:absolute;
	top:-30px;
	left:0;
}

/*ボタン：レコメンドトップへ戻る*/
.btnrcmdtop{
	position:relative;
	width:297px;
	height:27px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0;
}

.pctrcmdtop{
	position:absolute;
	top:0;
	left:0;
}

a:hover .pctrcmdtop {
	position:absolute;
	top:-30px;
	left:0;
}

/**/