@charset "utf-8";

/* ----------------------

css for : collection > casual

------------------------- */

div#nav,
div#content {
	height: 642px;
}

div#nav h2 {
	position: absolute;
	bottom: 15px;
	left: 60px;
}

div#content {
	position: relative;	
}

/*  商品 */
.text {
	font-size: 10px;
	line-height: 1.2;
	color: #bbbb88
}

body#index li#item1 {
	position: absolute;
	top: 340px;
	left: 100px;
}

body#index li#item2 {
	position: absolute;
	top: 235px;
	left: 485px;
}


/* 2ページ目 */
body#page02 .text {
	color: #999;
}

body#page02 li#item1 {
	position: absolute;
	top: 255px;
	left: 50px;
}

body#page02 li#item2 {
	position: absolute;
	top: 315px;
	left: 50px;	
}

body#page02 li#item3 {
	position: absolute;
	top: 360px;
	left: 50px;
}

body#page02 li#item4 {	
	position: absolute;
	top: 405px;
	left: 50px;
}

body#page02 li#item5 {	
	position: absolute;
	top: 453px;
	left: 50px;
}

body#page02 p {
	position: absolute;
	top: 500px;
	left: 50px;
}


/*yokozeki*/
/* 3ページ目 */
body#page03 ul.text {
	color:#b5b5b5; 
}

body#page03 li#item1{
	position: absolute;
	top: 190px;
	left: 390px;
}

body#page03 li#item2{
	position: absolute;
	top: 275px;
	left: 150px;
}

body#page03 li#item3{
	position: absolute;
	top: 380px;
	left: 560px;
}

body#page03 li#item4{
	position: absolute;
	top: 430px;
	left: 325px;
}

/* 4ページ目 */
body#page04 .text {
color:#bbba84;
}

body#page04 li#item1{
	position: absolute;
	top: 185px;
	left: 520px;
}

body#page04 li#item2{
	position: absolute;
	top: 205px;
	left: 150px;
}

body#page04 li#item3{
	position: absolute;
	top: 365px;
	left: 460px;
}

body#page04 li#item4{
	position: absolute;
	top: 445px;
	left: 100px;
}
/*yokozeki END*/


/*  メニュー */
li#menu_index {
	position: absolute;
	top: 575px;
	left: 130px;
}

li#menu_page02 {
	position: absolute;
	top: 575px;
	left: 185px;
}

li#menu_page03 {
	position: absolute;
	top: 575px;
	left: 240px;
}

li#menu_page04 {
	position: absolute;
	top: 575px;
	left: 295px;
}

/*  背景画像 個別css　*/
body#index div#nav {
	background: url("../images/nav_bg_index.jpg") no-repeat;
}

body#index div#content {
	background: url("../images/content_bg_index.jpg") no-repeat;
}

body#page02 div#nav {
	/* height: 00000px */
	background: url("../images/nav_bg_page02.jpg") no-repeat;
}

body#page02 div#content {
	 /* height: 00000px  */
	background: url("../images/content_bg_page02.jpg") no-repeat;
}

/*yokozeki*/
body#page03 div#nav {
	background: url("../images/nav_bg_page03.jpg") no-repeat;
}

body#page03 div#content {
	background: url("../images/content_bg_page03.jpg") no-repeat;
}

body#page04 div#nav {
	background: url("../images/nav_bg_page04.jpg") no-repeat;
}

body#page04 div#content {
	background: url("../images/content_bg_page04.jpg") no-repeat;
}
/*yokozeki END*/