@charset "utf-8";

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

/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
/*commonlayout.cssから継承*/
#contents {
	padding:0;/*フッタ部の高さ*/
}

#main{
	margin:0;
	padding:0;
}

/* ---------------------------------------------------------
オープニングswf設定
------------------------------------------------------------ */
#wrapper{
	display:none;
}

#opening-wrapper{
	position:relative; 
	width:100%;
	height:100%;
	background: #333333;
	display:none;
}



/* ---------------------------------------------------------
オープニングjs 100715 add by div1
------------------------------------------------------------ */
.opouter{
	position:absolute; 
	top:50%;
	left:50%;

	width:855px;
	height:500px;

	margin-top:-270px;
	margin-left:-427px;
	xtext-align:center;
}

#oppctlist{
	width:855px;
	height:500px;
}

#oppctlist ul{
	width:855px;
	height:500px;
	
	overflow:hidden;
}

#oppctlist ul li{
	width:855px;
	height:500px;
}

.btnskip{
	color:#ffffff;

	font-size:14px;
	line-height:1.2;
	text-align:right;
	
	padding:10px 14px 0 0;
	margin:0;
}

#oppctlist li, #oppctlist li img{
	float:left;
}

#oppctlist li.scene1{
	position:absolute; 
	z-index:1;
}
#oppctlist li.scene2{
	position:absolute; 
	z-index:2;
	display:none;
}
#oppctlist li.scene3{
	position:absolute; 
	z-index:3;
	display:none;
}
#oppctlist li.scene4{
	position:absolute; 
	z-index:4;
	display:none;
}

/*flash altimage*/
ul.altimglist{
	width:950px;
	/*height:494px;366px;*/
}

ul.altimglist li{
	float:left;
	display:inline-block;
	background:#ffffff;
	/*height:494px;366px;*/
}


/*
リンク設定
------------------------------------------------------------ */
.btnskip a:link {
	color:#ffffff;
	text-decoration:none;
}

.btnskip a:visited {
	color:#ffffff;
	text-decoration:none;
}

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

.btnskip a:active {
	color:#ffffff;
	text-decoration:none;
}


/* ---------------------------------------------------------
フッタ
------------------------------------------------------------ */
/*commonnavi.cssから上書き*/
#footer{
	clear:both;
	position:relative;
	height:270px;

	margin:0;
	padding:0;
}


/* ---------------------------------------------------------
メインコラム
------------------------------------------------------------ */
/*commonlayout.cssから継承*/
.maincontents{
	background:#ffffff;
	padding:14px 14px 0 14px;
	margin:0 auto;
}

#flashcontents{
	width:950px;
	/*height:494px;366px;*/
	padding:0 0 10px 0;
	margin:0;
	background:#e9e9e9;
}


/*.outer{
	padding:14px 14px 30px 14px;
	margin:0 auto;
	margin-bottom:10px;
}*/

.innerleft{
	float:left;
	width:220px;
	
	padding:0;
	margin:0 14px 0 0;
}

/*画像とボタン下のマージン*/
.innerleft p{
	padding:0;
	margin:0 0 12px 0;
}

.innerleft img{
	display:block;
}

/*.innerleft p{
	width:219px;
	height:148px;
	
	vertical-align:top;
	display:block;
	overflow:hidden;
	
	padding:0;
	margin:0;
	border:solid 1px;
}*/



/*ニュース：blog.cssから上書き*/
ul.newslist{
	clear:both;
	width:220px;
	
	padding:0;
	margin:0;
}

ul.newslist li,ul.newslist li a{
	font-weight:bold;
	line-height:1.2;
	
	padding:0;
	margin:0 0 12px 0;
}

ul.newslist li a:hover{
	padding:0;
	margin:0 0 12px 0;
}


ul.newslist li span{
	font-size:10px;
	line-height:1.1;
	font-family:verdana;
	font-weight:normal;

	padding:0;
	margin:0;
}



/*ボタン：MORE*/
.btnmore{
	float:right;
	position:relative;
	width:55px;
	height:21px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0 0 10px 0;
}

.imgmore{
	position:absolute;
	top:-26px;
	left:0;
}

a:hover .imgmore {
	position:absolute;
	top:0;
	left:0;
}

/*ボタン：ONLINESHOP*/
.btnonlineshop{
	clear:both;
	position:relative;
	width:219px;
	height:25px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0 0 10px 0;
}

.imgonlineshop{
	position:absolute;
	top:-30px;
	left:0;
}

a:hover .imgonlineshop {
	position:absolute;
	top:0;
	left:0;
}

/*ボタン：ONLINESHOPLARGE*/
.btnonlineshoplarge{
	clear:both;
	position:relative;
	width:219px;
	height:72px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0 0 10px 0;
}

.imgonlineshoplarge{
	position:absolute;
	top:-78px;
	left:0;
}

a:hover .imgonlineshoplarge {
	position:absolute;
	top:0;
	left:0;
}



/*ボタン：SHOPLIST*/
.btnshoplist{
	position:relative;
	width:219px;
	height:25px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0;
}

.imgshoplist{
	position:absolute;
	top:-30px;
	left:0;
}

a:hover .imgshoplist {
	position:absolute;
	top:0;
	left:0;
}

/*ボタン：ITEMLIST*/
.btnitemlist{
	position:relative;
	width:219px;
	height:25px;

	overflow:hidden;
	display:block;

	padding:0;
	margin:0;
}

.imgitemlist{
	position:absolute;
	top:-30px;
	left:0;
}

a:hover .imgitemlist {
	position:absolute;
	top:0;
	left:0;
}


/* 中央バナー大 */

.innercenter{
	float:left;
	width:454px;

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




/*タイトル*/
h2{
	position:relative;
	padding:12px 0 14px 0;
	margin:0 0 12px 0;
	background:transparent url(../images/line_halftone_l.gif) repeat-x left bottom;
}

h2 span{
	position:relative;
	width:80px;
	height:15px;

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


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

.imgblog{
	position:absolute;
	top:-20px;
	left:0;	
}

.imgspecial{
	position:absolute;
	top:-40px;
	left:0;	
}






/* ---------------------------------------------------------
blog.cssから上書き
------------------------------------------------------------ */
/*ブログ別最新ニュース一覧：blog.cssから上書き*/
ul.bloglist{
	clear:both;
	width:454px;
	
	padding:0;
	margin:0 0 24px 0;
}

ul.bloglist li{
	float:left;
	width:227px;
	
	vertical-align:top;
	line-height:1.4;

	padding:0;
	margin:0;
}

ul.bloglist li a{
	padding:0;
	margin:0;
}

ul.bloglist li a:hover{
	padding:0;
	margin:0;
}

ul.bloglist li p{
	float:left;
	
	padding:0;
	margin:0;
}

/*画像*/
ul.bloglist li p.pct{
	width:60px;
}

/*テキスト*/
ul.bloglist li p.txt{
	width:160px;/*227-12-7*/
}

ul.bloglist li p.pct img{
	padding:1px;
	border:solid 1px #c2c2c2;
}

.ttlblog{
	position:relative;
	width:80px;
	height:8px;

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

.pctcycling{
	position:absolute;
	top:-40px;
	left:0;	
}

.pcttraining{
	position:absolute;
	top:-50px;
	left:0;	
}

.pctharajuku{
	position:absolute;
	top:-60px;
	left:0;	
}

.pctsneaker{
	position:absolute;
	top:-70px;
	left:0;	
}

dl.bloglist li .date{
	font-size:10px;
	font-family:verdana;
	font-weight:normal;
	padding:0 0 0 3px;
}



/*バナーリスト；commonnaviから上書き
------------------------------------------------------------ */
.bannerlist{
	width:454px;
	padding:14px 0;
	margin:0;
	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
}

.bannerlist ul{
	width:468px;
	margin:0 0 0 -14px;
}

.bannerlist ul li{
	float:left;
	display:inline;
	width:142px;
	height:92px;
	
	padding:0;
	margin:0 0 12px 14px;
}

.bannerlist ul li a{
	padding:0;
	margin:0;
}

.bannerlist ul li a:hover{
	padding:0;
	margin:0;
}



/*コラム右：SPECIAL
------------------------------------------------------------ */
.innerright{
	float:left;
	width:220px;
	
	padding:0;
	margin:0;
}


/*2010SS*/
.sp2010ss{
	position:relative;
	width:220px;
	height:220px;

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

.imgBox{
width:220px;
height: 214px;
}
.imgBox2{
width:220px;
height: 200px;
}
.imgBoxH{
width:220px;
height: 333px;
}

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

a:hover .imgss{
	position:absolute;
	top:-225px;
	left:0;	
}


/*history*/
#flashcontents2{
	width:220px;
	height:138px;
	padding:0 0 28px 0;
	margin:0;
}

/*.sphistory{
	position:relative;
	width:220px;
	height:137px;

	display:block;
	overflow:hidden;
	
	padding:0;
	margin:0 0 12px 0;
	border:solid 1px;
}

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

a:hover .imghistory{
	position:absolute;
	top:-143px;
	left:0;	
}*/