@charset "UTF-8";
/* CSS Document */

@import "default.css";


/*-------------------------container-------------------------*/
div#container {margin-left: auto;
			   margin-right: auto;
			   width: 961px;
			   height: 700px;
			   background-image: url(../img/top_BG.jpg);
}
/*-------------------------header-------------------------*/
div#header {width: 961px;
			height: 95px;
}

div#header li {margin-top: 15px;
			   float: left;
}
div#header img.logo {margin-left: 22px;
}
div#header img.lineup_a {margin-left: 196px;
}
/*-------------------------contents-------------------------*/
div#contents { margin-right: 0px;
			   float: right;
}
div#group_A {
	width: 438px;
	height: 330px;
	margin-bottom: 24px;
}
div#contents ul { margin-right: 6px;
}
div#h2o_button { 
	margin-top: -5px;
	margin-left: 190px;
	margin-bottom: 33px;
}
/*-------------------------Whats new-------------------------*/
div#contents #whatsnew { 
	margin-right: 6px;
	padding-top: 20px;
	width: 438px;
	height: 130px;
	background-image: url(../img/top_img_c_BG.jpg);
	background-repeat: no-repeat;
}
#group_news_1 { 
	padding-top: 12px;
	margin-left: 38px;
	width: 362px;
	padding-bottom: 8px;
	background-image: url(../img/top_img_new_BG.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#group_news_2 { 
	padding-top: 12px;
	margin-left: 38px;
	width: 362px;
	padding-bottom: 8px;
}
#whatsnew  a {
	color: #30373A;
}
#whatsnew  a:hover{
	text-decoration: underline;
}

#whatsnew  div.date {
	margin-right: 12px;
	font-size: 10px;
	color: #D35F74;
}
#whatsnew  div.title {
	width: 290px;
	margin-top: -5px;
	margin-right: 8px;
	font-size: 11px;
	line-height: 150%;
	color: #30373A;
}
#whatsnew  .new {
	margin-left: 15px;
}
#group_more {
	text-align: right;
	margin-right: 42px;
	margin-bottom: 4px;
}
#group_more .img_more {
	margin-top: 2px;
	margin-right: 3px;
}
#group_more .text_more a{
	font-size: 10.6px;
	color: #E21844;
}
#group_more .text_more a:hover{
	text-decoration: underline;
}

/*-------------------------sidepanel-------------------------*/
div#sidepanel {width: 197px;
			   height: 507px;
			   float: left;
}
div#sidepanel ul {margin-left: 5px;
}
div#sidepanel img.cosmeshop {margin-top: 155px;
							 margin-left: 17px;
}
/*-------------------------footer-------------------------*/
div#footer {width: 950px;
			height: 30px;
			margin-left:5px;
			background-color: #EF8596;
			clear: both;
}
div#footer div.copyright { float: left;
						   margin-top: 8px;
						   padding-left: 17px;
}
div#footer ul { margin-top: 8px;
				padding-right: 20px;
				float: right;
}
div#footer li {margin-left: 4px;
			   float: left;
			   font-size: 12px;
			   color: #FFFFFF;
}

/*-------------------------tool-------------------------*/

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

.clearfix { 
	display: inline-table;
} 

/* IE7 */
.clearfix {
	display:inline-block;
}

/*\*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/**/ 

.fL {
	display: inline;
	float: left;
}

.fR {
	display: inline;
	float: right;
}


.clear{
clear:both;
}