@charset "utf-8";

/* ******************************

	住友商事 FashionPress
	top.css
	
	* top-navigation
	
	
******************************** */


/* base
--------------------------------------------------- */
#containts{
	padding-top: 20px;
	}

/* header
--------------------------------------------------- */

#header-top{
	width: 100%;
	text-align: center;
	background: url(/img/common/bg-header.gif) left bottom repeat-x;
	padding-bottom: 2px;
	}
#header-top-in{
	width: 1000px;
	background: url(/img/common/bg-main.gif) center top repeat-y;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
	}
#header-top h1{
	width: 420px;
	height: 75px;
	background: url(/img/common/logo-fp.gif) left top no-repeat;
	text-indent: -9999px;
	float: left;
	}
#header-top-in #header-link{
	width: 500px;
	float: right;
	padding-right: 20px;
	}
#header-top-in #header-link p a{
	color: #81753d;
	}
#header-top-in #header-link ul{
	text-align: right;
	background: url(/img/common/icon01.gif) right center no-repeat;
	padding-right: 15px;
	}
#header-top-in #header-link ul li{
	display: inline;
	background: url(/img/common/icon01.gif) left center no-repeat;
	padding: 5px 18px 5px 33px;
	}

#header-top-in #header-link ul li a{
	color: #666;
	}


/* top navigation
--------------------------------------------------- */
img.main-visual{width: 720px; float:left;}

#top-nav{
	width: 212px;
	height: 444px;
	background: url(/img/top/bg-topnav.gif) left top no-repeat;
	float:right;
	padding: 16px 14px 0 14px;
	position: relative;
	}
#top-nav ul{
	width: 212px;
	}
	#top-nav ul li{
		margin-bottom: 8px;
		}
	#top-nav ul li a{
		display: block;
		color: #492e1d;
		font-weight: bold;
		font-size: 120%;
		margin-top: 7px;
		line-height: 1.2;
		}
	#top-nav ul li p{
		font-size: 85%;
		margin-top: 3px;
		}
	#top-nav ul li h3{
		width: 212px;
		}
		#top-nav ul li h3 a{
			display: block;
			width: 212px; height: 30px;
			background-image: url(/img/top/cap-topnav.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
			line-height: 1;
			margin-top: 0;
			}
		#top-nav ul li h3.special a{ background-position: 0 0;}
		#top-nav ul li h3.column a{ background-position: 0 -30px;}
		#top-nav ul li h3.pickup a{ background-position: 0 -60px;}
		
		#top-nav ul li h3.special a:hover{ background-position: -212px 0;}
		#top-nav ul li h3.column a:hover{ background-position: -212px -30px;}
		#top-nav ul li h3.pickup a:hover{ background-position: -212px -60px;}

#top-nav a.btn-backnumber{
	display: block;
	width: 104px; height: 20px;
	background: url(/img/top/btn-backnumber.gif) left top no-repeat;
	text-indent: -9999px;
	margin-left: 108px;
	}
	#top-nav a.btn-backnumber:hover{
		background-position: left bottom;
		}
#top-nav p.photo-txt{
	font-size: 85%;
	position: absolute;
	right: 14px; bottom: 5px;}
		



#containts-in{ background-color: transparent; }