

/*
===============================================================================
| 			 each corner
===============================================================================
*/
/*----------------------------------------------------------------------
/			common 
/----------------------------------------------------------------------*/

div.cornerImage{

}

/*----------------------------------------------------------------------
/			products 
/----------------------------------------------------------------------*/

/* top */
div.main#products_top{
	background-image: url(/products/images/p_top_bg.jpg);
	height:378px;
}

div.main#products_top div.itemImage{
	position: absolute;
	top:100px;margin-left:350px;
}
div.main#products_top div.itemMenu{
	position: absolute;
	top:170px;
	margin-left:60px;
	width: 200px;
}
div.main#products_top div.itemMenu a.item{
	display:block;
	margin-bottom: 28px;
}


/* common */
div.main#products ul.menu{

}
div.main#products ul.menu img.icon{
	margin-right: 2px;
}
div.main#products ul.menu li{
	background-image: url(/images/common/line_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 2px 0;

}
div.main#products ul.menu li img{
	vertical-align: middle;
}
div.main#products div.inner div.rightBlock div.pagenavi{
	margin:0;
	padding:0;
}
div.main#products div.inner div.rightBlock div.pagenavi div.button{
	float :left;
	width: 400px;
}
div.main#products div.inner div.rightBlock div.pagenavi div.button a{
	margin-right: 16px;
	padding-right: 16px;
	border-right: 1px solid #cccccc;
}
div.main#products div.inner div.rightBlock div.pagenavi img{
	vertical-align: middle;
}
div.main#products div.inner div.rightBlock div.pagenavi{
	margin-bottom: 34px;
}
div.main#products div.inner div.rightBlock div.getSample{
	float :right;
	width: 114px;
}
div.main#products div.inner div.rightBlock{
	padding: 15px 20px 35px 0;
}

/*------common concept ------*/
div.main#products div.inner div.rightBlock#index{
	background-repeat: no-repeat;
	background-position:240px 140px;
}

/*------common fragrance ------*/
div.main#products div.inner div.rightBlock#fragrance div.fragrance{
	margin-top: 10px;
}
div.main#products div.inner div.rightBlock#fragrance div.fragrance div.drop{
	width: 85px;
	float: left;
}
div.main#products div.inner div.rightBlock#fragrance div.fragrance div.ex{
	margin-left: 90px;
}

/*------common package ------*/

div.main#products div.inner div.rightBlock#package div.package img.item{
	border:1px solid #cccccc;
	float: left;
}
div.main#products div.inner div.rightBlock#package div.package p{
	padding-left: 260px;
}
div.main#products div.inner div.rightBlock#package div.package p img{
	margin-bottom: 7px;
}
div.main#products div.inner div.rightBlock#package div.package{
	margin-bottom: 30px;
}

/*========== index ==========*/
div.inner.wide h1{
	text-align: center;
	margin: 30px 0 15px 0;
}
div.wide table.layout{
	width: 100%;
	margin : 10px 0;
}
div.wide table.layout td{
	width: 33%;
	text-align: center;
}
div.wide table.layout td#pink, 
div.wide table.layout td#rain{
	background-image: url(/products/images/index_separator.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/*========== rain ==========*/

div.main#products div.inner#rain div.rightBlock#index{
	background-image: url(/products/rain/images/bg_concept.jpg);
	background-position:240px 60px;
}


/*========== pink ==========*/
div.main#products div.inner#pink div.rightBlock#index{
	background-image: url(/products/pink/images/bg_concept.jpg);
	background-position:240px 60px;
}


/*========== two ==========*/

div.main#products div.inner#two div.rightBlock#index{
	background-image: url(/products/two/images/bg_concept.jpg);
	background-position:250px 70px;
}
div.main#products div.inner#two div.rightBlock#fragrance div#f1{

	padding-bottom:10px;
	margin-bottom: 10px;
}
div.main#products div.inner#two div.rightBlock#fragrance div#f2{

}


/*----------------------------------------------------------------------
/			brand
/----------------------------------------------------------------------*/
div.main#brand h3{
	margin: 0;
}
div.main#brand div.paragraph{

}
div.main#brand div.item#p1{
	width: 330px;
	float: left;
}
div.main#brand div.item#p2{
	width: 330px;
	float: right;
}
div.main#brand h4#t1{
	color :#ff6666;
	border-top: 1px solid #dddddd;
	padding-top: 4px;
	margin-top: 6px;
}
div.main#brand h4#t2{
	color :#3399CC;
	border-top: 1px solid #dddddd;
	padding-top: 4px;
	margin-top: 6px;
}

/*----------------------------------------------------------------------
/			news
/----------------------------------------------------------------------*/
div.main#news dl{
	border:1px solid #ffffff;
}
div.main#news dt{
	width: 80px;
	float: left;
	margin-bottom: 20px;
}
div.main#news dd{
	margin-left: 95px;
	background-image: url(/images/common/arrow_pink.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: 0 5px ; 
	margin-bottom: 20px;
}
/*----------------------------------------------------------------------
/			Corporate Data
/----------------------------------------------------------------------*/
div.main#corporate div.inner{

}
div.main#corporate table.line th{
	background-color: #ffffff;
	border: none;
	background-image: url(/images/common/line_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
div.main#corporate table.line td{
	background-color: #ffffff;
	border: none;
	background-image: url(/images/common/line_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
div.main#corporate table.line {
	background-color: #ffffff;
	border-left: none;
}

/*----------------------------------------------------------------------
/			getsample
/----------------------------------------------------------------------*/
div.main#getsample textarea.opinion{
	width: 500px;
	height: 140px;
}
div.main#getsample td,div.main#getsample th{
	padding: 4px 5px;
	line-height: 160%;
}
div.main#getsample table.line#basicinfo{
	margin-bottom: 30px;
}
div.main#getsample div.sendButton{
	text-align: center;
}
div.main#getsample div.sendButton input{
	width: 150px;
	height: 30px;
}
div.main#getsample input#name{
	width: 300px;
}
div.main#getsample input#birthyear{
	width: 4em;
}
div.main#getsample input#address{
	width: 400px;
}
div.main#getsample input#mail{
	width: 300px;
}
div.main#getsample table.line table.layout,div.main#getsample table.line table.layout td{
	border:none;
	text-align: center;
}
div.main#getsample table.line table.layout td{
	width: 33%;
	border-left: 1px solid #dddddd
}
div.main#getsample table.line table.layout td#pink{
	border-left: none;
}

/*----------------------------------------------------------------------
/			sitemap
/----------------------------------------------------------------------*/
div.main#sitemap ul{
	list-style-type:none;
	margin-left: 10px;
}
div.main#sitemap li{


}
div.main#sitemap ul.noArrow li{
	background-image: none;
	padding-left: 0;
}
div.main#sitemap div.title{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	font-weight:bold;
}
