@charset "utf-8";
/* CSS Document */

body{
background:url(../dress/images/back.jpg) repeat-x;
background-position:0 100px;
}

h3{
	background:url(../dress/images/title_bar.jpg) no-repeat;
	height:72px;
	text-indent:-9999px;
	}
	
.tobira_flash4{
	float:left;	
	margin:50px 80px 20px 0;
	border:1px solid #ccc;
	padding:2px;
	width:220px;
	}


.tobira_flash_right4{
	float:right;	
margin:50px 0 20px 0;
	border:1px solid #ccc;
	padding:2px;
	width:220px;
	}	
	

#flashall{
	margin:40px;}

#menstaxido{
	margin-left:280px;
	}

#flash_contents{
	padding-left:60px;
	}

#flash_contents img{
	margin-left:10px;
	}

#flash_contents_long{
	background:url(../dress/images/flame_long.jpg) no-repeat;
	height:725px;
	margin:30px 0;
	padding:80px 0 0 60px;
	}

#flash_contents_long_ayana{
	background:url(../dress/ayana/images/flame_long_ayana.jpg) no-repeat;
	height:880px;
	margin:30px 0;
	padding:80px 0 0 60px;
	}

#uno{
	background:url(../dress/uno/images/title_bar.jpg) no-repeat;}
	
#u{
	background:url(../dress/u/images/title_bar.jpg) no-repeat;}
	
#ayana{
	background:url(../dress/ayana/images/title_bar.jpg) no-repeat;}	
	
#mens{
	background:url(../dress/mens/images/title_bar.jpg) no-repeat;}	
	
#new{
	background:url(../dress/new/images/title_bar.jpg) no-repeat;}	
	
#dress_banner{
	margin-left:20px;
	padding:0 26px;
	}

#dress_banner a{
		margin-right:28px;
		width:250px;
	height:140px;;
	}
	
#dress_banner .margin_none{
	margin:0;
	}
	
.dress_kanban{
	height:260px;
	margin:20px 0 30px 14px;
	}	




.new_dress_banner{
	text-align:center;
	margin:40px auto -30px;
}

.new_dress{
	margin:40px auto 120px;
}

.new_dress p{
	margin:10px 0 15px;
}

.viewer {
	margin: 0 auto;
	width: 820px;
	text-align: left;
}

.viewer p{
	margin:0 0 6px 215px;
	padding:0;
}

.viewer div {
	float:left;
	width: 500px;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.viewer div img {
	top: 0;
	left: 0;
	position: absolute;
}

.viewer ul {
	float:right;
	width: 310px;
}

.viewer ul li {
	width: 85px;
	border:solid 1px #CCC;
	margin:0 5px 5px 0;
	padding:5px;
	float: left;
	display: inline;
}

.viewer .active {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}