@charset "UTF-8"

/* clearfix */
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}


/* ---------------------------------------------------------------------------------
   Brand Top
--------------------------------------------------------------------------------- */

#brand-body {
	width: 732px;
	line-height: 2.0em;
	margin-top: 50px;
	margin-right: -32px;
	float: right;
	display: none;
}

#brand-body li {
	float: left;
	margin: 0 34px 15px 0;
}

#logo-setomono a {
 display: block;
 width: 210px;
 height: 150px;
 background: url(../brand/images/logo_setomono_on.gif) 0 0 no-repeat;
}
#logo-setomono a:hover {
	background-color: #FFF;
}
#logo-setomono a:hover img {
	visibility: hidden;
}


#logo-sshome a {
 display: block;
 width: 210px;
 height: 150px;
 background: url(../brand/images/logo_sshome_on.gif) 0 0 no-repeat;
}
#logo-sshome a:hover {
	background-color: #FFF;
}
#logo-sshome a:hover img {
	visibility: hidden;
}


#logo-raffine a {
 display: block;
 width: 210px;
 height: 150px;
 background: url(../brand/images/logo_raffine_on.gif) 0 0 no-repeat;
}
#logo-raffine a:hover {
	background-color: #FFF;
}
#logo-raffine a:hover img {
	visibility: hidden;
}


#logo-bijou a {
 display: block;
 width: 210px;
 height: 150px;
 background: url(../brand/images/logo_bijou_on.gif) 0 0 no-repeat;
}
#logo-bijou a:hover {
	background-color: #FFF;
}
#logo-bijou a:hover img {
	visibility: hidden;
}


#logo-setorita a {
 display: block;
 width: 210px;
 height: 150px;
 background: url(../brand/images/logo_setorita_on.gif) 0 0 no-repeat;
}
#logo-setorita a:hover {
	background-color: #FFF;
}
#logo-setorita a:hover img {
	visibility: hidden;
}



/* ---------------------------------------------------------------------------------
   Brand共通
--------------------------------------------------------------------------------- */

#title-area {
	position: absolute;
	top: 124px;
	z-index: 2;
	display: none;
}

.brand-pages-pict {
	width: 380px;
	height: 320px;
	position: absolute;
	top: 70px;
	left: 180px;
}

.brand-pages-txt {
	width: 290px;
	height: 320px;
	position: absolute;
	top: 192px;
	left: 590px;
}



/* Brand Navigation
--------------------------------------------------------------------------------- */

#brand-nav {
	margin: 15px 0;
	position: absolute;
	z-index: 1;
}

#brand-nav li {
	float:left;
	margin-right: 23px;
	padding: 0;
}


#bt-brandtop a {
 display: block;
	width: 68px;
	height: 15px;
	background: url(../brand/images/bt_brandtop_on.gif) 0 0 no-repeat;
	margin-right: 89px;
}
#bt-brandtop a:hover {
	background-color: #FFF;
}
#bt-brandtop a:hover img {
	visibility: hidden;
}


#bt-sshome a {
 display: block;
	width: 111px;
	height: 15px;
	background: url(../brand/images/bt_sshome_on.gif) 0 0 no-repeat;
}
#bt-sshome a:hover {
	background-color: #FFF;
}
#bt-sshome a:hover img {
	visibility: hidden;
}

#bt-setomono a {
 display: block;
	width: 68px;
	height: 15px;
	background: url(../brand/images/bt_setomono_on.gif) 0 0 no-repeat;
}
#bt-setomono a:hover {
	background-color: #FFF;
}
#bt-setomono a:hover img {
	visibility: hidden;
}


#bt-raffine a {
 display: block;
	width: 66px;
	height: 15px;
	background: url(../brand/images/bt_raffine_on.gif) 0 0 no-repeat;
}
#bt-raffine a:hover {
	background-color: #FFF;
}
#bt-raffine a:hover img {
	visibility: hidden;
}


#bt-bijou a {
 display: block;
	width: 40px;
	height: 15px;
	background: url(../brand/images/bt_bijou_on.gif) 0 0 no-repeat;
}
#bt-bijou a:hover {
	background-color: #FFF;
}
#bt-bijou a:hover img {
	visibility: hidden;
}


#bt-setorita a {
 display: block;
	width: 55px;
	height: 15px;
	background: url(../brand/images/bt_setorita_on.gif) 0 0 no-repeat;
}
#bt-setorita a:hover {
	background-color: #FFF;
}
#bt-setorita a:hover img {
	visibility: hidden;
}


#bt-onlineshop a {
 display: block;
	width: 80px;
	height: 15px;
	background: url(../brand/images/bt_onlineshop_on.gif) 0 0 no-repeat;
	top: 130px;
	left: 6px;
	position: relative;
}
#bt-onlineshop a:hover {
	background-color: #FFF;
}
#bt-onlineshop a:hover img {
	visibility: hidden;
}



/* Contents Pages
--------------------------------------------------------------------------------- */

#page-nav {
	top: 540px;
	left: 180px;
	position: absolute;
	z-index: 2;
}

#page-nav li {
	float:left;
	margin-right: 20px;
	padding: 0;
}


.bt-page1 a {
 display: block;
	width: 10px;
	height: 10px;
 background: url(../brand/images/bt_marker_on.gif) 0 0 no-repeat;
}
.bt-page1 a:hover {
	background: url(../brand/images/bt_marker_on.gif) 0 0 no-repeat;
}


.bt-page2 a, .bt-page3 a, .bt-page4 a, .bt-page5 a, .bt-page6 a {
 display: block;
	width: 10px;
	height: 10px;
 background: url(../brand/images/bt_marker.gif) 0 0 no-repeat;
}
.bt-page2 a:hover, .bt-page3 a:hover, .bt-page4 a:hover, .bt-page5 a:hover, .bt-page6 a:hover {
	background: url(../brand/images/bt_marker_on.gif) 0 0 no-repeat;
}