#contents {
	width: 900px;
	margin: 0 auto;
}


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

keyvisual

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

#keyvisual {
	background: url(../img/bath_top_illust.jpg) bottom left no-repeat;
	margin:0px 0px 0px 0px;
	text-align:left;
	width:900px;
	min-height:261px;
}

#keyvisual h1 {
	text-indent:-9999px;
	background: url(../img/bath_top_title1.gif) top left no-repeat;
	width:900px;
	height:130px;
}

#keyvisual h2 {
	text-indent:-9999px;
	background: url(../img/bath_top_title2.gif) top left no-repeat;
	width:550px;
	height:20px;
}

#keyvisual p {
	width:600px;
	padding:20px 0px 0px 28px;
}



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

bath_top

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


.boxbath1 {
	background: url(../img/box_bottom.gif) bottom left no-repeat;
	width:900px;
	padding:0px 0px 5px 0px;
	margin:0px;
}

.boxbath1_middle {
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding:15px 17px 10px 18px;
	width:863px;
	float:left;
	background-color:#ffffff;
}





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

button(bathtop,bath2)

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

ul.bathtop{
	width:863px;
}
ul.bathtop li{
	text-indent:-10000px;
	width:163px;
	height:100px;
	float:left;

}

ul.bathtop li.effect{margin-right:12px;}
ul.bathtop li.history{margin-right:12px;}
ul.bathtop li.additive{margin-right:12px;}
ul.bathtop li.memo{margin-right:12px;}

ul.bathtop li a{
	background:url(../img/btn.gif) no-repeat;
	display:block;
	width:163px;
	height:100px;
}

ul.bathtop li.effect a		{background-position:0px 0px;}
ul.bathtop li.history a	{background-position:-200px 0px;}
ul.bathtop li.additive a	{background-position:-400px 0px;}
ul.bathtop li.memo a		{background-position:-600px 0px;}
ul.bathtop li.how a		{background-position:-800px 0px;}

ul.bathtop li.effect a:hover		{background-position:0px -150px;}
ul.bathtop li.history a:hover	{background-position:-200px -150px;}
ul.bathtop li.additive a:hover	{background-position:-400px -150px;}
ul.bathtop li.memo a:hover	{background-position:-600px -150px;}
ul.bathtop li.how a:hover		{background-position:-800px -150px;}


ul.bathbanner1		{text-align:right;margin-left:730px;_margin-left:720px;width:900px;}
ul.bathbanner1 li	{float:left;margin:0 0 0 10px;}








ul.bath2{
	width:163px;
}
ul.bath2 li{
	text-indent:-10000px;
	width:163px;
	height:100px;
	float:left;

}
ul.bath2 li.top{height:47px;}

ul.bath2 li.top{margin-bottom:8px;}
ul.bath2 li.effect{margin-bottom:8px;}
ul.bath2 li.history{margin-bottom:8px;}
ul.bath2 li.additive{margin-bottom:8px;}
ul.bath2 li.memo{margin-bottom:8px;}
ul.bath2 li.how{margin-bottom:8px;}

ul.bath2 li a{
	background:url(../img/btn.gif) no-repeat;
	display:block;
	width:163px;
	height:100px;
}


ul.bath2 li.top a			{background-position:-1000px 0px;height:47px;}
ul.bath2 li.effect a		{background-position:0px 0px;}
ul.bath2 li.history a		{background-position:-200px 0px;}
ul.bath2 li.additive a		{background-position:-400px 0px;}
ul.bath2 li.memo a		{background-position:-600px 0px;}
ul.bath2 li.how a		{background-position:-800px 0px;}

ul.bath2 li.top a:hover	{background-position:-1000px -150px;}
ul.bath2 li.effect a:hover	{background-position:0px -150px;}
ul.bath2 li.history a:hover	{background-position:-200px -150px;}
ul.bath2 li.additive a:hover	{background-position:-400px -150px;}
ul.bath2 li.memo a:hover	{background-position:-600px -150px;}
ul.bath2 li.how a:hover	{background-position:-800px -150px;}

ul.bathbanner2		{width:163px;}
ul.bathbanner2 li	{float:left;margin:10px 0 0 0;}







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

bath_effect
bath_history
bath_additive
bath_memo
bath_how

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

#bath2contents{
	float:left;
	width:724px;
}

#boxbath2button{
	float:right;
	padding-left:13px;
	width:163px;
	text-align:left;
}




.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* except Mac IE5 \*/

*html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}