@charset "utf-8";

/* main */
div#topMain {
	width: 570px;
	padding: 0 15px 0 0;
	float: right;
	font-size: 92%;
}

/* main_image */
p#mainImage {
	margin-bottom: 15px;
}

/* copyright */
div#catcyCopyText {
	background: url("../images_index/dotted_line01.gif") repeat-x 0 100%;
	padding: 7px 10px 10px 10px;
	margin-bottom: 20px;
}
div#catcyCopyText p {line-height: 1.4;}
div#catcyCopyText p.mrgB15 {margin-bottom: 15px;}

/* categorybox */
div#categoryBox {
	background: url("../images_index/category_bg_bottom.jpg") no-repeat 0 100%;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
div#categoryBoxL,
div#categoryBoxR {
	width: 270px;
	float: left;
	display: inline;
}
div#categoryBoxL {
	margin: 0 10px 5px 5px;
}
div#categoryBoxR {
	margin: 0 5px 5px 10px;
}
div#categoryBoxL ul,
div#categoryBoxR ul {
	width: 270px;
	padding-top: 20px;
}

div#categoryBoxL ul li,
div#categoryBoxR ul li {
	margin-bottom:20px;
}

div#categoryBoxL ul li a,
div#categoryBoxR ul li a {
	width:270px;
	height:171px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}

div#categoryBoxL li#category01 a {
	background:url("../images_index/category_pores.jpg") no-repeat 0 0;
}
div#categoryBoxL li#category01 a:hover {
	background:url("../images_index/category_pores_ov.jpg") no-repeat 0 0;
}
div#categoryBoxR li#category02 a {
	background:url("../images_index/category_ruddy_face.jpg") no-repeat 0 0;
}
div#categoryBoxR li#category02 a:hover {
	background:url("../images_index/category_ruddy_face_ov.jpg") no-repeat 0 0;
}
div#categoryBoxL li#category03 a {
	background:url("../images_index/category_dryskin.jpg") no-repeat 0 0;
}
div#categoryBoxL li#category03 a:hover {
	background:url("../images_index/category_dryskin_ov.jpg") no-repeat 0 0;
}
div#categoryBoxR li#category04 a {
	background:url("../images_index/category_atopy_allergy.jpg") no-repeat 0 0;
}
div#categoryBoxR li#category04 a:hover {
	background:url("../images_index/category_atopy_allergy_ov.jpg") no-repeat 0 0;
}
div#categoryBoxL li#category05 a {
	background:url("../images_index/category_smoothskin.jpg") no-repeat 0 0;
}
div#categoryBoxL li#category05 a:hover {
	background:url("../images_index/category_smoothskin_ov.jpg") no-repeat 0 0;
}
div#categoryBoxR li#category06 a {
	background:url("../images_index/category_pimple.jpg") no-repeat 0 0;
}
div#categoryBoxR li#category06 a:hover {
	background:url("../images_index/category_pimple_ov.jpg") no-repeat 0 0;
}



/* main bannerBox */
div#mainBannerBox {
	width: 570px;
	margin-bottom: 20px;
}

div#mainBannerBox #RightBanner a {
	background:url("../images_index/bn_director.jpg") no-repeat 0 0;
	width: 273px;
	height:94px;
	margin-left:22px;
	float:right;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
div#mainBannerBox #RightBanner a:hover {
	background:url("../images_index/bn_director_ov.jpg") no-repeat 0 0;
}

div#mainBannerBox #LeftBanner a {
	background:url("../images_index/bn_hospital.jpg") no-repeat 0 0;
	width: 273px;
	height:77px;
	margin-top:17px;
	float:left;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
div#mainBannerBox #LeftBanner a:hover {
	background:url("../images_index/bn_hospital_ov.jpg") no-repeat 0 0;
}