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

/*==============================

Style You Up!

==============================*/

#stu {
	width:960px;
	background: url(../images/common/bg_main.gif) left 287px no-repeat #e8dfd2;
}

#stu a{
	color:#619EB2;
	text-decoration:underline;
	outline: none;
}

#stu a:hover{
	color:#619EB2;
	text-decoration:none;
}

#stu #menu {
	position: relative;
	background: #ffffff;
	height: 250px;
}

#stu #menu h1 {
	margin-top: 6px;
}

#main-read {
	padding: 10px;
	margin-bottom: 13px;
	font-size: 12px;
	line-height: 1.4em;
	width: 427px;
}

#item-nav {
	position: absolute;
	width: 503px;
	height: 246px;
	top: 0;
	left: 477px;
}

/*=====================
	Item Navigation
=====================*/

.inav {width: 250px;}

.inav dt { margin-top: 6px; margin-bottom: 15px; }

.inav dd {
	width: 224px;
	height: 60px;
	margin: 0 5px;
	text-indent: -9999em;
}

.inav dd a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/common/bg_item_nav.jpg);
}

.inav dd.inav1 a { background-position: 0 0; }
.inav dd.inav2 a { background-position: -224px 0; }
.inav dd.inav3 a { background-position: -448px 0; }
.inav dd.inav4 a { background-position: -672px 0; }
.inav dd.inav5 a { background-position: -896px 0; }
.inav dd.inav6 a { background-position: -1120px 0; }
.inav dd.inav7 a { background-position: -1344px 0; }

.inav dd.inav1 a:hover { background-position: 0 -60px; }
.inav dd.inav2 a:hover { background-position: -224px -60px; }
.inav dd.inav3 a:hover { background-position: -448px -60px; }
.inav dd.inav4 a:hover { background-position: -672px -60px; }
.inav dd.inav5 a:hover { background-position: -896px -60px; }
.inav dd.inav6 a:hover { background-position: -1120px -60px; }
.inav dd.inav7 a:hover { background-position: -1344px -60px; }


/*=====================
	Brand Navigation
=====================*/

#bnav {
	width: 960px;
	height: 37px;
	background: url(../images/common/bg_bnav.gif) repeat-x;
}

#bnav li {
	height: 37px;
	float: left;
	display: inline;
	margin: 0 11px;
	text-indent: -9999em;
}

#bnav li.bnav1 { width: 73px; margin-left: 21px; }
#bnav li.bnav2 { width: 135px; }
#bnav li.bnav3 { width: 70px; }
#bnav li.bnav4 { width: 211px; }
#bnav li.bnav5 { width: 60px; }
#bnav li.bnav6 { width: 86px; }
#bnav li.bnav7 { width: 142px; }

#bnav li a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/common/bg_brand_nav.gif);
 }

#bnav li.bnav1 a { background-position: -24px 0; }
#bnav li.bnav2 a { background-position: -117px 0; }
#bnav li.bnav3 a { background-position: -269px 0; }
#bnav li.bnav4 a { background-position: -366px 0; }
#bnav li.bnav5 a { background-position: -606px 0; }
#bnav li.bnav6 a { background-position: -693px 0; }
#bnav li.bnav7 a { background-position: -804px 0; }

#bnav li.bnav1 a:hover { background-position: -24px -37px; }
#bnav li.bnav2 a:hover { background-position: -117px -37px;} 
#bnav li.bnav3 a:hover { background-position: -269px -37px; }
#bnav li.bnav4 a:hover { background-position: -366px -37px; }
#bnav li.bnav5 a:hover { background-position: -606px -37px; }
#bnav li.bnav6 a:hover { background-position: -693px -37px; }
#bnav li.bnav7 a:hover { background-position: -804px -37px; }

/* 表示中のページ */
.marella #bnav li.bnav1 a { background-position: -24px -74px; }
.ugg #bnav li.bnav2 a { background-position: -117px -74px; }
.swatch #bnav li.bnav3 a { background-position: -269px -74px; }
.cdc #bnav li.bnav4 a { background-position: -366px -74px; }
.sorel #bnav li.bnav5 a { background-position: -606px -74px; }
.cacharel #bnav li.bnav6 a { background-position: -693px -74px; }
.andrea #bnav li.bnav7 a { background-position: -804px -74px; }


/*=====================
	Page Navigation
=====================*/

#pnav {
	position: relative;
	width: 960px;
	height: 146px;
	background: url(../images/common/bg_pnav.gif) repeat-x;
}

#pnav a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#pnav div.prev, #pnav div.next {
	position: absolute;
	top: 27px;
}

#pnav div.prev { left: 0; }
#pnav div.next { right: 0; }


/*=====================
	Brand Area
=====================*/

.brand-main {
	position: relative;
}

.brand-main p {
	font-size: 11px;
	line-height: 1.2em;
}

.brand-title, .brand-item, .brand-item p, .brand-model p, .brand-shop {
	position: absolute;
}

.brand-shop h3 { font-weight: bold; }
.brand-shop p.info {  font-size: 12px; }
.brand-shop p.comment {  font-size: 11px; }


/* 01 Marella
=====================*/
/* background */
#brand01 {
	height: 1650px;
}

/* title */
#title01 { left: 0; top: 0; }

/* item */
#item01 {
	background: url(../images/01marella/item.png) 0 184px no-repeat;
	width: 960px;
	height: 1650px;
	left: 0; top:0;
}

#item01 p.caption{ width: 200px; }

#item01 p#cap01 { left: 701px; top: 495px; }
#item01 p#cap02 { left: 67px; top: 856px; }
#item01 p#cap03 { left: 388px; top: 856px; }
#item01 p#cap04 { left: 701px; top: 856px; }
#item01 p#cap05 { left: 67px; top: 1208px; }
#item01 p#cap06 { left: 388px; top: 1208px; }
#item01 p#cap07 { left: 67px; top: 1558px; }

/* model */
#model01 p#thumb01 { left: 20px; top: 20px; }
#model01 p#cap01 { left: 433px; top: 433px; width: 220px; }
#model01 p#thumb02 { right: 20px; top: 953px; }
#model01 p#cap02 { left: 324px; top: 1294px; width: 290px; }

/* shop */
#shop01 {
	left: 318px; top: 1416px;
	width: 621px; height: 186px;
	background: url(../images/01marella/bg_shop.png) no-repeat;
}

#shop01 div.inner { padding: 10px 20px 10px 220px; }

/* 02 UGG
=====================*/
/* background */
#brand02 {
	height: 1845px;
}

/* title */
#title02 { left: 0; top: 0; }

/* item */
#item02 {
	background: url(../images/02ugg/item.png) 0 184px no-repeat;
	width: 960px;
	height: 1845px;
	left: 0; top:0;
}

#item02 p.caption{ width: 200px; }

#item02 p#cap01 { left: 698px; top: 496px; }
#item02 p#cap02 { left: 68px; top: 858px; }
#item02 p#cap03 { left: 386px; top: 858px; }
#item02 p#cap04 { left: 705px; top: 858px; }
#item02 p#cap05 { left: 68px; top: 1208px; }
#item02 p#cap06 { left: 386px; top: 1208px; }
#item02 p#cap07 { left: 705px; top: 1208px; }
#item02 p#cap08 { left: 300px; top: 1496px; }

/* model */
#model02 p#thumb01 { left: 20px; top: 20px; }
#model02 p#cap01 { left: 405px; top: 394px; width: 220px; }
#model02 p#thumb02 { right: 20px; top: 1283px; }
#model02 p#cap02 { left: 615px; top: 1723px; width: 323px; }

/* shop */
#shop02 {
	left: 20px; top: 1617px;
	width: 580px; height: 187px;
	background: url(../images/02ugg/bg_shop.png) no-repeat;
}

#shop02 div.inner { padding: 10px 20px 10px 220px; }


/* 03 Swatch
=====================*/
/* background */
#brand03 {
	height: 1090px;
}

/* title */
#title03 { left: 0; top: 0; }

/* item */
#item03 {
	background: url(../images/03swatch/item.png) 0 184px no-repeat;
	width: 960px;
	height: 1090px;
	left: 0; top:0;
}

#item03 p.caption{ width: 200px; }

#item03 p#cap01 { left: 68px; top: 828px; }
#item03 p#cap02 { left: 386px; top: 828px; }
#item03 p#cap03 { left: 705px; top: 828px; }

/* model */
#model03 p#thumb01 { left: 20px; top: 20px; }
#model03 p#cap01 { left: 396px; top: 360px; width: 473px; }

/* shop */
#shop03 {
	left: 20px; top: 887px;
	width: 918px; height: 157px;
	background: url(../images/03swatch/bg_shop.png) no-repeat;
}

#shop03 div.inner { padding: 10px 20px 10px 220px; }


/* 04 CDC
=====================*/
/* background */
#brand04 {
	height: 895px;
}

/* title */
#title04 { left: 0; top: 0; }

/* item */
#item04 {
	background: url(../images/04cdc/item.png) 0 184px no-repeat;
	width: 960px;
	height: 895px;
	left: 0; top:0;
}

#item04 p.caption{ width: 200px; }

#item04 p#cap01 { left: 705px; top: 500px; }
#item04 p#cap02 { left: 386px; top: 828px; }
#item04 p#cap03 { left: 660px; top: 828px; }

/* model */
#model04 p#thumb01 { left: 20px; top: 20px; }
#model04 p#cap01 { left: 400px; top: 425px; width: 230px; }

/* shop */
#shop04 {
	left: 20px; top: 547px;
	width: 267px; height: 297px;
	background: url(../images/04cdc/bg_shop.png) no-repeat;
}

#shop04 div.inner { padding: 125px 0px 0px 20px; }


/* 05 SOREL
=====================*/
/* background */
#brand05 {
	height: 1075px;	
}

/* title */
#title05 { left: 0; top: 332px; }

/* item */
#item05 {
	background: url(../images/05sorel/item.png) 0 0 no-repeat;
	width: 960px;
	height: 845px;
	left 0; top:0;
}
#item05 p.caption{ width: 200px; }

#item05 p#cap01 { left: 30px; top: 248px; }
#item05 p#cap02 { left: 262px; top: 248px; }
#item05 p#cap03 { left: 491px; top: 248px; }
#item05 p#cap04 { left: 722px; top: 248px; }
#item05 p#cap05 { left: 30px; top: 524px; }
#item05 p#cap06 { left: 722px; top: 524px; }
#item05 p#cap07 { left: 30px; top: 807px; }
#item05 p#cap08 { left: 262px; top: 807px; }
#item05 p#cap09 { left: 491px; top: 807px; }
#item05 p#cap10 { left: 722px; top: 807px; }

/* shop */
#shop05 {
	left: 361px; top: 889px;
	width: 579px; height: 136px;
	background: url(../images/05sorel/bg_shop.png) no-repeat;
}

#shop05 div.inner { padding: 40px 10px 0 190px; }

/* 06 Cacharel
=====================*/
/* background */
#brand06 {
	height: 1075px;
}

/* title */
#title06 { left: 0; top: 332px; }

/* item */
#item06 {
	background: url(../images/06cacharel/item.png) 0 0 no-repeat;
	width: 960px;
	height: 845px;
	left: 0; top:0;
}

#item06 p.caption{ width: 200px; }

#item06 p#cap01 { left: 30px; top: 248px; }
#item06 p#cap02 { left: 262px; top: 248px; }
#item06 p#cap03 { left: 491px; top: 248px; }
#item06 p#cap04 { left: 722px; top: 248px; }
#item06 p#cap05 { left: 30px; top: 524px; }
#item06 p#cap06 { left: 722px; top: 524px; }
#item06 p#cap07 { left: 30px; top: 807px; }
#item06 p#cap08 { left: 262px; top: 807px; }
#item06 p#cap09 { left: 491px; top: 807px; }
#item06 p#cap10 { left: 722px; top: 807px; }

/* shop */
#shop06 {
	left: 361px; top: 889px;
	width: 579px; height: 136px;
	background: url(../images/06cacharel/bg_shop.png) no-repeat;
}

#shop06 div.inner { padding: 40px 10px 0 190px; }

/* 07 Andrea Mabiani
=====================*/
/* background */
#brand07 {
	height: 1075px;
}

/* title */
#title07 { left: 0; top: 332px; }

/* item */
#item07 {
	background: url(../images/07andrea/item.png) 0 0 no-repeat;
	width: 960px;
	height: 845px;
	left: 0; top:0;
}

#item07 p.caption{ width: 200px; }

#item07 p#cap01 { left: 30px; top: 248px; }
#item07 p#cap02 { left: 262px; top: 248px; }
#item07 p#cap03 { left: 491px; top: 248px; }
#item07 p#cap04 { left: 722px; top: 248px; }
#item07 p#cap05 { left: 362px; top: 524px; }
#item07 p#cap06 { left: 30px; top: 807px; }
#item07 p#cap07 { left: 262px; top: 807px; }
#item07 p#cap08 { left: 491px; top: 807px; }
#item07 p#cap09 { left: 722px; top: 807px; }

/* shop */
#shop07 {
	left: 251px; top: 889px;
	width: 690px; height: 136px;
	background: url(../images/07andrea/bg_shop.png) no-repeat;
}

#shop07 div.inner { padding: 40px 10px 0 200px; }



/*=====================
	Clearfix
=====================*/


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}