@charset "utf-8";

/* #topImage
============================================================== */
#topImage {
width:950px;
height:383px;
margin:0 0 8px 0;
}

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

#topImage {
display:inline-block;
}

/* Hides from IE-mac \*/
* html #topImage {
height:1%;
}

#topImage {
display:block;
}
/* End hide from IE-mac */

#topImage div#flash {
float:left;
display:inline;
width:612px;
height:313px;
margin-top:7px;
}

#topImage div#topBanner {
float:left;
display:inline;
width:338px;
height:383px;
padding-top:7px;
}

#topImage div#topBanner div{
margin:0;
padding:0;
}

/* #top-category
============================================================== */
/* title
------------------------------------------------------------ */
#top-category h2 {
clear:both;
width:950px;
height:26px;
text-align:left;
}

#top-category div#category-petit {
background-image:url(../images/index/top-category_01.jpg);
width:310px;
height:116px;
text-align:left;
float:left;
margin:0;
padding:0;
}

#top-category div#category-face {
background-image:url(../images/index/top-category_02.jpg);
width:224px;
height:116px;
float:left;
margin:0;
padding:0;
}

#top-category div#category-body {
background-image:url(../images/index/top-category_03.jpg);
width:151px;
height:116px;
float:left;
margin:0;
padding:0;
}

#top-category div#category-skin {
background-image:url(../images/index/top-category_04.gif);
width:258px;
height:116px;
float:left;
margin:0;
padding:0;
}

/* contents
------------------------------------------------------------ */

#top-category div#category-petit ul{
margin-top:37px;
margin-left:16px;
font-size:12px;
width:286px;
margin-right:0;
}


.w_s{
width:30px;
}

.w_m{
width:60px;
}

.w_l{
width:90px;
}

#top-category div#category-face ul{
margin-top:37px;
margin-left:16px;
font-size:12px;
width:192px;
margin-right:0;
}

#top-category div#category-body ul{
margin-top:37px;
margin-left:16px;
font-size:12px;
width:124px;
margin-right:0;
}

#top-category div#category-skin ul{
margin-top:37px;
margin-left:16px;
font-size:12px;
width:230px;
margin-right:0;
}

#top-category div#category-petit ul li,#top-category div#category-face ul li,#top-category div#category-body ul li,#top-category div#category-skin ul li {
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
padding-left:12px;
padding-right:16px;
background:url(../images/index/arrow-category.gif) no-repeat left 4px;
}


/* new
============================================================== */

#new span{
	color: #ff0000;
}

#new {
width:262px;
text-align:left;
float:left;
margin-top:14px;
}

#new h2
{
	width: 250px;
	height: 24px;
	padding-left: 12px;
	border-bottom: 4px solid #e9e8d4;
	background:#fff;
	float: left;
	clear: both;
	text-align: left;
}

#new STRONG
{
	font-weight: bold;
}


#new .newsList
{
	width: 262px;
	font-size: 11px;
	margin-bottom: 10px;
}

#new .newsList p.day{
font-weight:bold;
color:#000;
padding:3px 0 3px 20px;
background:#f5f3e8;
}

#new .newsList p.naiyo{
padding:4px 0 4px 20px;
color:#555;
}

#new .newsList p.naiyo a{
color:#555;
}

/* doctor
============================================================== */

#doctor {
	width:341px;
	float:left;
	margin-top:14px;
	margin-left:20px;
}

#doctor h2 a{
	display:block;
	overflow:hidden;
	background: url(../images/index/doctor/doctor.jpg) no-repeat;
	width: 340px;
	height: 215px;
	text-indent: -9999px;
}

/*@doctorŽΚ^1ŒΒ‚Μ‰ζ‘œ‚ɕύX‚ΜˆΧ‰B‚΅‚ά‚·090710

#doctor {
width:341px;
text-align:left;
float:left;
margin-top:14px;
margin-left:20px;
}


#doctor h2 {
clear:both;
text-align:left;
float:left;
width:341px;
height:28px;
border-bottom:4px solid #c5ba8e;
background:#fff;
}

#doctor div#geka{
float:left;
width:206px;
margin-top:4px;
}

#doctor div#geka dl dt{
float:left;
}

#doctor div#geka dl dd{
float:right;
}


#doctor div#hihuka{
float:right;
border-left:1px solid #ddd;
width:103px;
margin-top:3px;
padding-left:13px;
}
*/

#doctor div#mobile {
width:341px;
clear:both;
}



h2#ttl_campaign
{
	width: 340px;
	height: 28px;
	margin-top: 50px;
	background: url(../images/index/top-ttl-campaign.gif);
	text-indent: -9999px;
}

dl#campaignBox
{
	margin-bottom: 20px;
}


dl#campaignBox DT
{
	padding: 5px 13px;
	font-weight: bold;
	background: #F5F3E8;
}


dl#campaignBox DD
{
	padding: 10px 0 20px 13px;
}





/* Banner
============================================================== */
#banner2 {
width:305px;
float:right;
margin-top:14px;

}

#banner2 div.half-left{
float:left;
}

#banner2 div.half-right{
float:right;

}



/*=============== wƒmƒGƒ‹‰Hͺ•ε‹ΰxƒvƒƒWƒFƒNƒg ===============*/
a#haneProject
{
	display: block;
	width: 394px;
	height: 92px;
	background: url(../images/index/haneProjectBtn.jpg);
	text-indent: -9999px;
	outline: none;
	position: absolute;
	top: 28px;
	right: 34px;
}

a#haneProject:hover
{
	background-position: 0 -92px;
}


ul#haneProjectList
{
	position: absolute;
	top: 127px;
	right: 58px;
	line-height: 170%;
}

ul#haneProjectList a
{
	color: #6D632B;
	padding-left: 15px;
	background: url(../special/haneProject/img/arrow1.gif) no-repeat left center;
}