@charset "UTF-8";
@import "/lib/cmn_css/component.css"; 

/* CSS Document */
#contents {
	margin: 0 14px 0 20px;
	width: 866px;
}

#flashArea {
	clear: both;
	font-size: 0 !important;
	line-height: 100%;
	display: block;
	height: 365px;
	margin: 0 4px 0 3px;
	padding: 0;
	width: 900px;
}

#flashArea h1 span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contentsWrap {
	background: url(/images/bg_index_right.jpg) right top no-repeat;
	clear: both;
	margin: 0 4px 0 3px;
	padding: 8px 0 0 0;
	width: 900px;
}

#leftArea {
	float: left;
	margin-right: 39px;
	width: 430px;
}

#rightArea {
	float: right;
	width: 395px;
}

#contents .h2Head {
	background: url(/images/h_whats_news.gif) left top no-repeat;
	display: block;
	height: 22px;
	margin-bottom: 25px;
	width: 418px;
}

#contents h2 span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contents div.leftBnrTop {
	margin-bottom:5px;
	width: 430px;
}

#contents div.leftBnr {
	margin-bottom:30px;
	width: 430px;
}

#contents div.release {
	border-bottom: 1px solid #EEEEEE;
	clear: both;
	padding: 5px 0 0 0;
	width: 418px;
}

#contents div.day {
	float: left;
	margin-right: 20px;
	width: 70px;
}

#contents div.day p {
	color:#999;
}

#contents div.news {
	color:#666;
	float: left;
	width: 325px;
}

#contents div.news span,
#contents div.news a span {
	color: #FD7700;
}

#rightArea div.uv {
	background: url(/images/p_users_voice_btm.gif) left bottom no-repeat;
	color:#666;
	float: left;
	margin-right: 21px;
	padding-bottom: 5px;
	width: 186px;
}

#rightArea div.se {
	float: left;
	width: 188px;
}

#rightArea div.seBtm {
	background: url(/images/bg_self_esthe_btm.jpg) left bottom no-repeat;
	float: left;
	padding-bottom: 15px;
	width: 186px;
}

#rightArea div.seBtm p img {
	margin-bottom:3px;
	line-height:100%;
}

#contents div.uvBlk {
	background: url(/images/bg_orange_dott.gif) left bottom repeat-x;
	margin: 0 11px 7px 11px;
	padding: 0 0 2px 0;
	width: 164px;
}

#contents p.readMore {
	text-align: right;
	margin: 0 8px;
}

#rightArea div.se p.link {
	margin: 0 0 0 24px;
}

#contents div.sePack {
	background: url(/images/bg_self_esthe_top.jpg) left top no-repeat;
	padding-top: 11px;
	width: 186px;
}


/* banner */
#contents div.se div#cmG,
#contents div.se div#cmM {
	margin-bottom:1px;
	width: 188px;
}

#contents div.se div#cmG p,
#contents div.se div#cmM p {
	line-height: 100%;
	height: 92px;
	padding: 0;
	width: 188px;
}

#contents div.se div#cmG a,
#contents div.se div#cmM a {
	display: block;
	height: 92px;
	width: 188px;
}

#contents div.se div#cmG img,
#contents div.se div#cmM img {
	vertical-align: top;
}

#contents div.se div#cmG p a:hover,
#contents div.se div#cmM p a:hover {
	background-color: transparent;
}

#contents div.se div#cmG p a:hover img,
#contents div.se div#cmM p a:hover img {
	visibility: hidden;
}

#contents div.se div#cmG p{ background: url(/images/bnn_esthe_h.jpg); }
#contents div.se div#cmM p{ background: url(/images/bnn_cm_h.jpg); }