@charset "utf-8";

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

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


/* ---------------------------------------------------------
リンク設定
------------------------------------------------------------ */
/*カテゴリリンク*/
.maincontents a:link {
	color:#333333;
	text-decoration:none;
}

.maincontents a:visited {
	color:#333333;
	text-decoration:none;
}

.maincontents a:hover {
	color:#999999;
	text-decoration:none;
	padding:0 0 1px 0;/*Macで下線を安定して表示*/
}

.maincontents a:active {
	color:#333333;
	text-decoration:none;
}



/* ---------------------------------------------------------
メインコラム
------------------------------------------------------------ */
/*
ぱんくず
------------------------------------------------------------ */
/*上書き@commonlayout*/
ul#pagepath{
	width:919px;
	font-size:23px;

	padding:18px 0 18px 0;
	margin:0 auto;
}


.maincontents{
	width:930px;
}


/*大カテゴリビジュアル＆コピー*/
.pctmain{
	width:922px;
	
	text-align:center;
	padding:0 0 18px 0;
	margin:0 auto;
}

.pctmain p{
	padding:0;
	margin:0;
}

/*.pctmain p.line{
	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
	padding:1px 0 0 0;
	margin:0;
}*/



/* ---------------------------------------------------------
ピックアップリスト
------------------------------------------------------------ */
.itemlist{
	/*z-index:1;*/
	position:relative;
	clear:both;
	width:930px;

	background:transparent url(../images/bg_category_hline_l.gif) no-repeat center bottom;
	
	padding:0;
	margin:0;
}

h3{
	width:919px;
	height:22px;
	
	padding:0;
	margin:0 auto;
}


.itemlist ul{
	clear:both;
	width:930px;
	/*background:transparent url(../images/bg_catalog.gif) repeat-y center top;*/
	background:transparent url(../images/bg_category_vline.gif) repeat-y center 0;
	padding:0;
	margin:0 0 1px 0;
}

.itemlist ul li{
	float:left;
	display:inline;
	width:155px;
	height:190px;
	text-align:center;
	background:transparent url(../images/bg_category_hline.gif) no-repeat center top;
	
	padding:6px 0 0 0;
	margin:0;
	
	border-bottom:solid 5px #ffffff;
}

.itemlist ul li img{
	xborder:solid 1px #cccccc;
}

.itemlist ul li p{
	width:143px;
	
	font-size:11px;
	line-height:1.1;
	text-align:center;
		
	padding:0 6px;
	margin:0 0 2px 0;
}

/*大カテゴリのランダム表示用*/
ul#items{
	_height:400px;/*for IE6*/
}

ul#items li{
	display:none;
}


/*ボタン：DETAIL*/
.btndetail{
	position:relative;
	width:73px;
	height:25px;

	overflow:hidden;

	padding:0;
	margin:0 auto;
}

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

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


/*
football：グランパスロゴ
------------------------------------------------------------ */
.grouter{
	position:relative;
	width:922px;
	height:139px;

	/*background:transparent url(../../products/images/football_grampuslogo.gif) no-repeat 0 0;*/
	overflow:hidden;

	padding:0;
	margin:18px 0 0 0;
}

.grlogo{
	position:absolute;
	top:0;
	left:0;
	width:922px;
	height:139px;

}

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


ul.grnavi{
	position:absolute;
	top:95px;
	left:267px;
	height:13px;
}

ul.grnavi li{
	position:relative;
	float:left;
	height:13px;

	display:block;
	overflow:hidden;
}

ul.grnavi li.grsite, ul.grnavi li.grsite a{
	width:198px;
	
	margin:0 266px 0 0;
}

ul.grnavi li.grplayer, ul.grnavi li.grplayer a{
	width:86px;
	
	margin:0;
}


.imggrsite{
	position:absolute;
	top:-95px;
	left:-267px;
}
a:hover .imggrsite{
	position:absolute;
	top:-235px;
	left:-267px;
}

.imggrplayer{
	position:absolute;
	top:-95px;
	left:-731px;
}
a:hover .imggrplayer{
	position:absolute;
	top:-235px;
	left:-731px;
}





/*
カテゴリフッタ：
------------------------------------------------------------ */
/*commmonpartsに記述*/
.categoryfooter{
	width:922px;
}

/*
カテゴリナビ：
------------------------------------------------------------ */
ul.categorynavi{
	float:left;
	width:800px;
	height:auto;
	
	font-size:0px;
	font-family:Verdana;

	padding:0;
	margin:0;
}

ul.categorynavi li{
	display:inline;

	font-size:10px;
	line-height:1.4;
	color:#999999;

	background:transparent url(../images/line_v_9px.gif) no-repeat center left;

	padding:0 0 0 6px;
	margin:0 0 0 5px;
}

ul.categorynavi li.left{
	background:none;
	padding:0;
	margin:0;
}

ul.categorynavi li a{	
	color:#333333;
	margin:0;
	padding:0;
}

ul.categorynavi li a:hover{
	color:#999999;
	text-decoration:none;
}



/*
ページナビゲーション：blog, catalog：
------------------------------------------------------------ */
/*上書き@commonparts*/
.pagebar {
	clear:none;
	float:right;
	width:120px;
	font-size:10px;
	line-height:1.4;
	color:#333333;
	font-family:verdana;
	
	padding:0 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 {
	/*padding: 2px 6px 2px 6px;*/
}

.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;
}




/* ---------------------------------------------------------
PRODUCT TOP add100721
------------------------------------------------------------ */
/*カテゴリリンク*/
ul#gridlayout a:link {
	color:#333333;
	text-decoration:none;
}

ul#gridlayout a:visited {
	color:#333333;
	text-decoration:none;
}

ul#gridlayout a:hover {
	color:#333333;
	text-decoration:underline;
	padding:0 0 1px 0;/*Macで下線を安定して表示*/
}

ul#gridlayout a:active {
	color:#333333;
	text-decoration:none;
}



/*上書き*/
body.products .maincontents{
	width:936px;
	
	padding:0;
	margin:0 0 0 14px;
}


/*カテゴリリスト Ajaxにて整列*/
ul#gridlayout{
}

ul#gridlayout li.inner{
	width:296px;
	
	padding:0;
	margin:0 16px 14px 0;

	border:solid 1px #c2c2c2;
}


h3.categoryttl{
	width:276px;
	height:36px;

	font-family:Garamond, Georgia, serif;
	font-size:18px;
	line-height:36px;
	
	background:transparent url(../images/line_h_dot.gif) repeat-x left bottom;

	padding:0;
	margin:0 auto;
	margin-bottom:10px;
}

ul.subcategorylist{
	width:276px;
	
	padding:0;
	margin:0 auto;
	margin-bottom:10px;
}

ul.subcategorylist li{
	float:left;
	display:inline;
	width:138px;

	font-family:Garamond, Georgia, serif;
	font-size:14px;
	line-height:1.1;
	
	padding:0;
	margin:0 0 8px 0;
	
	border:none;
}

.outline{
	width:276px;

	font-size:12px;
	line-height:1.4;
	
	padding:0 0 10px 0;
	margin:0 auto;
}