@charset "Shift_JIS";

*{
	margin: 0px;
	padding: 0px;
	border:0;
}


/* ---------- body ---------- */

body {
	margin: 0 auto;
	margin-left:auto;
	margin-right:auto;
	background: #FEFEFE url(../img/bgall.gif) repeat-x top;
	color: #333333;
	font-size: 11px;
	text-align: center;
	overflow:scroll;	
}

img{	margin: 0px;	border:0; }

p,ul,li{	margin: 0px;	padding: 0px; }

a {	text-decoration:none; }



/* ---------- top ---------- */

#top {
	width: 797px;
	height: 26px;	
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#top p {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 6px;
}

/* ---------- navigation ---------- */
/* ---------- logo ---------- */

#nav {	height: 100px;}

#logoarea {
	width: 797px;
	margin-right: auto;
	margin-left: auto;			
	padding-top: 17px;
	padding-bottom: 12px;	
	text-align: left;
	position:relative;
}

#logoarea #logo { 
vertical-align: middle;
	margin-right: 15px;
}

#logoarea span {
	font-size: 10px;	
	color: #999999;
}
#logoarea span.gohome {
	position:absolute;
	top:20px;
	left:290px;
	cursor:pointer;
}

#logoarea  a:link {	color: #999999;}
#logoarea  a:hover {	color: #999999;	text-decoration: underline;}
#logoarea  a:visited {	color: #999999;}

#logoarea a:hover span {	color: #999999;	text-decoration: underline;}


#logoarea #maintenanceBtn {
	position:absolute;
	top:11px;
	left:701px;
	display:block;
	width:96px;
	height:31px;
}


/* ---------- menu ---------- */

#menu td {
	text-align: left;		
	color: #FFFFFF;
	font-size: 13px;		
	line-height: 19px;	
	white-space:nowrap;		
}

#menu .sp{		padding-right: 23px;}

#menu  a:link {	color: #FFFFFF;}
#menu  a:hover {	color: #FFFFFF;	text-decoration: underline;}
#menu  a:visited {	color: #FFFFFF;}

#menu span  {	color: #999999;}


/* ---------- content ---------- */

#content {
	width: 797px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}



/* ---------- footer ---------- */


.ftbg {
	background: url(../img/foot_bg.gif) repeat-x top;
	height: 81px;
	width: 100%;
	border-top: 3px solid #404040;
}


#footer {
	width: 797px;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	font-size: 10px;		
	text-align: right;
}

#footer img {
	margin-top: 11px;	
	margin-bottom: 11px;	
}



/* ---------- top page style ---------- */
/* ---------- main photo ---------- */

#main {
	width: 797px;
	height: 268px;
	background: url(../img/top_mains.jpg) no-repeat;
}

#main h1 {	display: none;}

#main p {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	padding-top: 180px;
	padding-left: 20px;	
}


/* ---------- about downjacket ---------- */

#first {
	width: 797px;
	padding-top: 13px;
	margin-bottom: 16px;
	color: #000000;
	font-size: 12px;	
	line-height: 18px;
}

#first h2 {	margin-bottom: 10px;}

#first .pic img {
	margin-right: 14px;
	margin-left: 3px;
}

#first .line {	margin-top: 11px;}

/* ---------- recommend item ---------- */

#rec h2 {	margin-bottom: 9px;}

#rec .item {
	width: 259px;
	height: 110px;
	background: url(../img/itembox.gif) no-repeat;
}

/*#rec .item.hover {
	cursor:pointer;
	background: url(../img/itembox_o.gif) no-repeat;
}*/


#rec .item .pic img {
	float: left;
	margin: 10px;
}

#rec .item .spec {
	width: 138px;
	float: left;
	font-size: 10px;	
	line-height: 1.3em;	
	padding-top: 10px;		
}


#rec .item .spec .name {
	width: 138px;
	height: 50px;	
}

#rec .item .spec .brand {
	padding-bottom: 6px;
	margin-bottom: 6px;
	background: url(../img/dotline_s.gif) no-repeat bottom;
}


#rec .item .spec .price {
	height: 16px;	
	font-size: 11px;	
	text-align: right;
}

#topicsArea p {
	margin-top:8px;
	margin-right:13px;
	padding:8px;
	background-color:#E9E9E9;
}
#topicsArea p a {
	padding-left:10px;
	font-size:12px;
	color:#333333;
	background:url(../img/pointer1.gif) no-repeat left center;
}

/* ---------- ad ---------- */

#adArea {
	background:url(../img/ad_bk.gif) no-repeat 0 0;
	width:797px;
	height:70px;
	margin:15px 0;
	position:relative;
}
#adArea a {
	position:absolute;
	top:6px;
	text-align:center;
	color:#333333;
}
#adArea a img {
	display:block;
	margin:0 auto 3px;
}
#adArea a.uk {
	left:318px;
	_left:-240px;
}
*:first-child + html #adArea a.uk {
	left:-240px;
}
#adArea a.st {
	left:440px;
	_left:235px;
}
*:first-child + html #adArea a.st {
	left:235px;
}

/* ---------- rollover button ---------- */

 .btn_detail {
		text-indent: -9999px;
		float: right;
}

 .btn_detail a {
	display:block;
	background: url(../img/btn_top_detail.gif) top;
	height: 20px;
	width: 111px;
}

#rec .item .btn_detail a:hover {
	display:block;
	background: url(../img/btn_top_detail.gif) bottom;
	height: 20px;
	width: 111px;
}
/*#rec .item.hover .btn_detail a:hover {
	display:block;
	background: url(../img/btn_top_detail.gif) bottom;
	height: 20px;
	width: 111px;
}*/

/* ---------- other page style ---------- */


/* ---------- txt link ---------- */

a:link {	color: #666666;}
a:hover {	color: #666666;	text-decoration: underline;}
a:visited {	color: #666666;}

/* ---------- common style ---------- */

#topicpath {
	background: url(../img/topicpath_bg.gif) no-repeat;
	width: 797px;
	height: 31px;
	margin-top: 15px;
	margin-bottom: 18px;
}

#topicpath p {
	color: #333333;
	font-size: 10px;	
	padding-left: 12px;	
	padding-top: 9px;		
}

#topicpath a:link {	color: #333333;}
#topicpath a:hover {	color: #333333;	text-decoration: underline;}
#topicpath a:visited {	color: #333333;}

#topicpath2 {
	width: 797px;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #333333;
	font-size: 10px;
	background: url(../img/dotline666.gif) no-repeat top;
}

#topicpath2 a:link {	color: #333333;}
#topicpath2 a:hover {	color: #333333;	text-decoration: underline;}
#topicpath2 a:visited {	color: #333333;}

#topicpath2 .left {	float: left;}

#topicpath2 .tp {	float: right;}
#topicpath2 .tp img {	
margin-left: 6px;
vertical-align: top;
}


#rbox {
	width: 797px;
	padding-bottom: 15px;	
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	background: #FFFFFF url(../img/topcorner.gif) no-repeat top;
}

#rbox .topcorner {
	background: url(../img/topcorner.gif) no-repeat;
	width: 797px;
	height: 4px;
}

#titlebox {
	padding-top: 17px;
	width: 752px;
}

.beginning {	margin: 30px 0px 30px 0px;	}

	
.buy {	
	font-size: 12px;
	color: #000000;
	text-align: center;
	}
	
.buy img {	margin-bottom: 2px; }

.buy  a:link {	color: #000000;}
.buy  a:hover {	color: #000000;	text-decoration: underline;}
.buy  a:visited {	color: #000000;}

.buy a:hover span {	color: #000000;	text-decoration: underline;}


.sp_r {	
	margin-right: 22px;
 	border-radius: 8px;
}
.sp_l {	
	margin-left: 22px;
	border-radius: 8px;
}

.official {
	text-align: right;
	padding: 10px 0;
}


/* ---------- maintenance page---------- */

#maintenance  {	padding: 0px 22px 0px 23px;}

#maintenance h2 {
	background: url(../maintenance/img/head_bg_dot.gif) no-repeat;
	width: 752px;
	height: 15px;
	margin-bottom: 11px;	
}

#maintenance .sp {	margin-bottom: 24px;	}


/* ---------- canada goose page---------- */


	#canada  {	padding: 0px 22px 0px 23px;}

	#canada .beginning {
	margin-top: 20px;
	margin-bottom: 24px;	
	}
	
	
	#canada h2 {
	margin-top: 24px;
	margin-bottom: 10px;	
	}
	
	#canada .pic {	margin-top: 24px;	}
	
	#canada .name {
	font-size: 14px;
	color: #003366;
	margin-bottom: 5px;
	font-weight: bold;
	}
	
	#canada .user {
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
	#canada .user .center {
	margin-top: 24px;
	margin-bottom: 24px;
	}
	
	
	/* ---------- duvetica page---------- */
	
	#duvetica  {	padding: 0px 22px 0px 23px;}
		
	#duvetica .beginning {
	margin-top: 20px;
	margin-bottom: 24px;	
	}
	
	#duvetica h2 {
	margin-top: 27px;
	margin-bottom: 17px;
	}
	
	#duvetica .sp {	margin-bottom: 18px;	}
	

	/* ---------- P.H design page---------- */
	
	#phdesign  {	padding: 0px 22px 0px 23px;}
		
	#phdesign .beginning {
	margin-top: 20px;
	margin-bottom: 24px;	
	}
	
	#phdesign h2 {
	margin-top: 30px;
	margin-bottom: 17px;	
	}

	#phdesign .btmbox {	margin-bottom: 27px;	}
	
	
		/* ---------- moncler,patagonia, northface page---------- */
	
	#other  {	padding: 0px 22px 0px 23px;}
	
	#other .beginning {	margin-top: 27px;	}
	
	#other h2 {
	margin-top:25px;
	margin-bottom: 17px;
	}