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

update:2009/1/22
----------------------------------------------- */

/*
===== CONTENTS =====

	1: home-p
	2: products-p
	3: eco-p
	4: about-p
	5: link-p
	6: sitemap-p

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

/* 1: home-p
----------------------------------------------- */

#home-p{	background:url(../img/home/body.jpg) top repeat-x #690000;}

#home-p #contents{
	width:849px;
	margin:12px 0 20px 49px;
	background:none;
}

#home-p .block{
	margin-bottom:0;
	width:280px;
	background:url(../img/home/block-bg.jpg) bottom no-repeat;
	float:left;
}

#home-p #block1{margin-right:24px;}

#home-p .block h2{
	height:34px;
	text-indent:-9000px;
}

#home-p #block1 h2{background-image:url(../img/home/block1-h2.jpg);}
#home-p #block2 h2{background-image:url(../img/home/block2-h2.jpg);}

#home-p .block div{
	padding:8px 12px 17px 12px;
}

#home-p .block img{margin-bottom:8px;}

#home-p .block .more{
	text-align:center;
	margin-top:10px;
}

#home-p .block .more a{
	text-align:left;
	background-image:url(../img/home/more.jpg);
	width:129px;
	height:24px;
	display:block;
	text-indent:-9000px;
	margin:0 auto;
}
#home-p .block .more a:hover{background-position:bottom;}

#home-p #banner{
	float:right;
	position:relative;
}

#home-p #b1{padding-top:3px;}
#home-p #b2{position:absolute;	bottom:3px;}


/* 2: products-p
----------------------------------------------- */

.h2-products{
	height:58px;
	width:617px;
	position:relative;
	left:-7px;
	top:-6px;
	margin-bottom:14px;
}


/* lineup */

.center{text-align:center;}

#products-index-p .lineup{
	margin-bottom:25px;
}

#products-index-p .lineup h3{display:none;}

.lineup h4{
	width:95px;
	height:18px;
	text-indent:-9000px;
	margin-bottom:18px;

}


#type-box{background-image: url(../img/products/index/lineup-h4-box.png);}
#type-cup{background-image: url(../img/products/index/lineup-h4-cup.png);}
#type-pillow{
	background-image: url(../img/products/index/lineup-h4-pillow.png);
	width:115px;
}

.lineup table{margin:0 auto;}

.lineup td{
	padding:0 15px;
	text-align:center;
}

.lineup td p{margin:5px 0 20px 0;}

/* cup-limited */

.cup-limited{
	border:1px solid #ccc;
	background-color:#eee;
	padding:10px;
	margin-bottom:25px;
}

.cup-limited h4{
	background-image: url(../img/products/index/limited-h4.jpg);
	width:154px;
	height:16px;
	text-indent:-9000px;
	overflow:hidden;
	margin-bottom:8px;
	margin-left:5px;
}

.cup-limited table{margin:0 auto;}
.cup-limited td{text-align:center;}


/* #sub */

#sub-yuuki{background-image:url(../img/products/sub-yuuki.jpg);}
#sub-gensen{background-image:url(../img/products/sub-gensen.jpg);}

.products-p #sub-navi h3{
	text-indent:-9000px;
	width:120px;
	height:12px;
	overflow:hidden;
	margin-bottom:10px;
	margin-left:6px;
}
.sub-h3-box{background-image:url(../img/products/sub-h3-box.jpg);}
.sub-h3-cup{background-image:url(../img/products/sub-h3-cup.jpg);}
.sub-h3-cup-limited{background-image:url(../img/products/sub-h3-cup-limited.jpg);}
.sub-h3-pillow{background-image:url(../img/products/sub-h3-pillow.jpg);}

#sub-navi .sub-limited li{	background:url(../img/products/sub-limited.jpg) left no-repeat;}



/*
===== .products-sub-p =====
*/

.products-sub-p .h2-products{margin-bottom:0;}
#organic-tomato .h2-products{background-image:url(../img/products/yuuki/tomato-h2.jpg);}

.hosoku{
	background-color:#fee48a;
	padding-left:23px;
	position:relative;
	top:-6px;
	margin-bottom:14px;
}

#products-data{
	width:610px;
	margin-bottom:20px;
}

#products-data .left{width:312px;}
#products-data .right{width:270px;}

#products-data .right p{
	text-align:center;
	color:#ff0f0f;
}

/* pan */

#pan{
	background:url(../img/products/yuuki/pan-bg.jpg) bottom no-repeat;
	padding-bottom:13px;
	margin-bottom:30px;
}

#pan h3{
	text-indent:-9000px;
	margin-bottom:16px;
}

#h3-france-box{
	background-image:url(../img/products/yuuki/set-france-h3-box.jpg);
	height:49px;
}

#h3-france-cup{
	background-image:url(../img/products/yuuki/set-france-h3-cup.jpg);
	height:49px;
}

#h3-rusk-cup{
	background-image:url(../img/products/gensen/set-rusk-h3-cup.jpg);
	height:34px;
}

#h3-rusk-pillow{
	background-image:url(../img/products/gensen/set-rusk-h3-pillow.jpg);
	height:34px;
}

#pan .case{width:580px; margin-left:16px;}
#pan .left{width:139px;}
#pan .right{width:429px;}

#pan p a{
	background-image:url(../img/products/yuuki/pan-more.jpg);
	height:24px;
	width:129px;
	display:block;
	text-indent:-9000px;
}
#pan p a:hover{background-position:bottom;}

/* buy */

.buy{
	text-align:center;
	margin-bottom:25px;
}

.buy a{
	background-image:url(../img/products/yuuki/buy.jpg);
	width:201px;
	height:38px;
	text-align:left;
	display:block;
	text-indent:-9000px;
	margin:0 auto;
}

.buy a:hover{ background-position:bottom;}

/* .products-sub-p  lineup */

.products-sub-p .lineup{
	background:url(../img/products/yuuki/lineup-bg.jpg) bottom no-repeat;
	margin-top:25px;
}

.products-sub-p .lineup h3{
	background-image:url(../img/products/yuuki/lineup-h3.jpg);
	height:31px;
	text-indent:-9000px;
	margin-bottom:20px;
}
.products-sub-p .lineup h4{
	margin-left:16px;
}

/* 3: eco-p
----------------------------------------------- */

#eco-p #main h3{margin-bottom:18px;}


/* case */

#eco-p .case{width:610px; margin-bottom:28px;}
#eco-p .left{width:380px;}
#eco-p .right{width:202px;}


/* 4: about-p
----------------------------------------------- */

#about-p .case{width:610px; margin-bottom:20px;}
#about-p .left{width:385px;}
#about-p .right{width:202px;}

#about-p #table1{
	width:100%;
	margin-bottom:20px;
}

#about-p #table1 .col2{text-align:right;}
#about-p #table1 .col3{text-align:right; vertical-align:bottom;}


/* history */

.dl-list{
	background:url(../img/about/history-bg.jpg) bottom no-repeat;
}

.dl-list dl{
	background-image:url(../img/about/history-top.jpg);
	padding:15px 15px 1px 15px;
	position:relative;
}
.dl-list dt{
	position:absolute;
	font-weight:bold;
	color:#690000;
}

.dl-list dd{padding:0 0 10px 70px;}

/* 5: link-p
----------------------------------------------- */

.frame{
	border-width:0 1px 1px 1px;
	border-color:#690000;
	background-color:#f8ebda;
	padding:20px 15px;
}

.frame h2{
	border-left:4px solid #690000;
	color:#690000;
	line-height:1;
	padding-left:10px;
	margin-bottom:18px;
	font-size:120%;
}

.frame ul{margin-bottom:28px;}
.frame li{margin-bottom:5px;}

.frame li a{
	background: url(../img/other/frame-link.jpg) left no-repeat;
	padding-left:10px;
}



/* 6: sitemap-p
----------------------------------------------- */

#sitemap-p .frame{
	padding:30px 0px 30px 30px;
}

#sitemap-p .frame .case{width:575px;}
#sitemap-p .frame .left{width:293px;}
#sitemap-p .frame .right{width:282px;}