@charset "UTF-8";
@import url("common.css");
@import url("pages.css");
/* cintent1 */
#content1 {
	float:left;
	width:570px;
	padding-right:29px;
	border-right:1px dotted #CCCCCC;
	}
#content1 h1 {margin-bottom:20px;}
#content1 h2 {margin-top:30px;}

/* left */
.topImg1{
	margin-top:15px;
	position:relative;
}
.topImg2{
	margin-bottom:25px;
}
.exciaLink{
	width:570px;
	margin-top:5px;
}
.exciaLink a {
	float:right;
	display:block;
	width:auto;
	padding:2px 0 2px 15px;
	text-align:left;
	line-height:1em;
	background:url(../images/topics/top/mark_btn.gif) no-repeat left center;
}
.topImg3{
	margin-top:10px;
	position:relative;
}
.topBtn3 {/* add080412 */
	position:absolute;
	left:65px;
	top:88px;
	}
	
/*
.topBtn3 {
	position:absolute;
	left:130px;
	top:79px;
	}
*/
.topBtn4 {
	position:absolute;
	left:351px;
	top:79px;
	}
.item1{
	margin-top:25px;
}
.itemRight{
	float:right;
	width:350px;
	padding-top:3px;
}
.itemRight p{
	padding-top:15px;
}
.itemLeft{
	float:left;
	width:220px;
}
.syousai{	
	text-align:right;
	padding-top:13px;
}
.notes{
	text-align:right;
	padding-top:13px;
}
/* content2 */
#content2 {
	float:right;
	width:180px;
	}
#content2 h2 {
	margin-bottom:15px;
	}
#content2 dl {
	margin-bottom:20px;
	}
#content2 dd {
	margin-top:5px;
	padding-left:6px;
	background-image:url(../images/topics/side_mark.gif);
	background-repeat:no-repeat;
	background-position:0 0.7em;
	font-size:77%;
	line-height:1.4em;
	}
html>/**/body #content2 dd {
	background-position:0 0.5em;
	font-size:10px;
	}
#content2 .nav li {
	margin-bottom: 18px;
}
#content2 .nav li .bnr{
	margin-bottom: 5px;
}
#content2 .nav li li{
	margin: 2px 0 0;
	padding-left: 20px;
}

/* exage */
.exage1{
	width:790px;
	margin-top:20px;
	margin-bottom:0;
}
.exage1 li.exageText1{
	margin-top:64px;
}
.exage1 li.exageText2{
	margin-top:26px;
}
.exage1 li.exageText3{
	margin-top:33px;
}
.exage1Rigt{
	float:right;
	width:437px;
	padding-right:34px;
	margin:0;
}
.exage1left{
	float:left;
	width:236px;
	margin:0;
}
.exage2{
	width:790px;
	margin:0;
}
.exage2 li.exage2Text1{
	margin-top:0;
}
.exage2 li.exage2Text2{
	margin-top:35px;
}
.exage2 li.exage2Text3{
	margin-top:33px;
}
.exage2Rigt{
	float:right;
	width:288px;
	padding-right:26px;
}
.exage2left{
	float:left;
	width:389px;
}
/* cap */
p.cap { 
	font-size:80%;
	}
#pageBody #content1 h3.albionmilk {
	height: 260px;
	width: 570px;
	position: relative;
	background-image: url(../images/topics/top/new0812/milk_bg.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 15px;
}
#pageBody #content1 .albionmilk  #spbanner {
	height: 85px;
	width: 85px;
	position: absolute;
	top: 53px;
	right: 8px;
	margin: 0px;
	padding: 0px;
}
#pageBody #content1 .albionmilk  #spbanner a  {
	display: block;
	overflow: hidden;
	width: 85px;
	height: 0 !important;
	height /**/: 85px;
	padding-top: 85px;
	background-image: url(../images/topics/top/new0812/milk_sp_banner.jpg);
	background-repeat: no-repeat;
}
#pageBody #content1 .albionmilk  #spbanner a:hover { background-position: right top;}
#pageBody #content1 .albionmilk  #samplebanner {
	height: 87px;
	width: 329px;
	position: absolute;
	bottom: 17px;
	right: 5px;
	margin: 0px;
	padding: 0px;
}
#pageBody #content1 .albionmilk  #samplebanner a  {
	display: block;
	overflow: hidden;
	width: 329px;
	height: 0 !important;
	height /**/: 87px;
	padding-top: 87px;
	background-image: url(../images/topics/top/new0812/milk_sample_banner.jpg);
	background-repeat: no-repeat;
}
#pageBody #content1 .albionmilk  #samplebanner a:hover { background-position: right top;}


/* 20090302up 
#pureSkin{
	width: 570px;
	height: 260px;
	margin: 0 0 20px;
	color: #333;
	background: transparent url(../images/topics/top/new0903/pureskin_bg.jpg) no-repeat left top;
	position: relative;
}
#pureSkin h2,
#pureSkin p{
	margin: 0;
	font-size: 12px;
	text-align: right;
	visibility: hidden;
}
#pureSkin .btnSpecial{
	width: 95px;
	height: 100px;
	position: absolute;
	top: 25px;
	left: 10px;
}
#pureSkin .btnPresent{
	width: 260px;
	height: 85px;
	position: absolute;
	top: 165px;
	left: 10px;
}*/
/* 20090424up
#skicon{
	width: 570px;
	height: 150px;
	position: relative;
}
#skicon #cam{
	width: 290px;
	height: 90px;
	position: absolute;
	top: 60px;
	left: 280px;
}
#exawBihaku{
	width: 570px;
	height: 260px;
	margin: 0 0 20px;
}
#exawBihaku .leftbox{width:283px;float:left;}
#exawBihaku .rightbox{width:287px;float:right;}
*/
/*20090801
#exaChiffon {
	margin-top: 10px;
}*/
/*200901001
#milkLotion{
	margin-top: 20px;
}*/