/* ============================================================================================		PROMOTION
----------------------------------------------------------------------------------------------------------------- */
#promotion {
	background:url(../images/promotion_bk.gif) no-repeat 0 0;
	width:884px;/*900*/
	height:254px;/*262*/
	padding: 8px 8px 0 8px;
	margin-bottom:3px;
}
#promotion p {
	width:630px;
	height:240px;
	float:left;
	margin-right:1px;
}
#promotion ul {
	width:242px;
	float:right;
}
#promotion ul li {
	margin-bottom:3px;
}
#promotion ul li img {
	vertical-align:bottom;
}
#promotion ul li.none {
	margin-bottom:0px;
}
/* ============================================================================================		information
----------------------------------------------------------------------------------------------------------------- */
#information {
	padding:0 8px;
	margin:0 0 30px 0;
}
/* --------------------------------------- */
#information .news {
	width:100%;
	padding-right:9px;
	margin-right:6px;
	float:left;
}
#information .service {
	width:242px;
	float:right;
}

#information2 .service dt {
	position:relative;
	padding:8px 0 9px 0;
	margin-bottom:8px;
	border-bottom:2px solid #000000;
}

#information .news dt {
	position:relative;
	padding:8px 0 9px 0;
	margin-bottom:8px;
	border-bottom:2px solid #000000;
}
#information .news dt span {
	position:absolute;
	top:8px;
	right:0px;
}
/* \*/
*html #information .news dt span {
	right: 9px;
}
/* */
#information .news dt span a {
	background-position:0px 2px;
}
#information .news dd ul {
	margin-bottom:1px;
}
#information .news dd ul li {
	padding:7px 0 7px 0;
}
#information .news dd ul li.even {
	background-color:#F3F3F3;
	padding:7px 0 7px 0;
}
#information .news dd ul li strong {
	letter-spacing:-1px;
	color:#A6936F;
	margin-right:10px;
	display:block;
	float:left;
	padding-left:24px;
	background:url(../common/images/pointer02.gif) no-repeat 7px center;
}
#information .news dd ul li a,
#information .news dd ul li span {
	margin-left:120px;
	display:block;
}
/* \*/
*html #information .news dd ul li {
	padding:6px 0;
}
*html #information .news dd ul li.even {
	padding:6px 0;
}
*html #information .news dd ul li a,
*html #information .news dd ul li span {
	padding-top:1px;
}
/* */

*:first-child+html #information .news dd ul li a,
*:first-child+html #information .news dd ul li span {  
	padding-top:2px;
} 
*:first-child+html #information .news dd ul li {
	padding:2px 0 2px;
}
*:first-child+html #information .news dd ul li.even {
	padding:3px 0 3px;
}

#information .news dd ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#information .news dd ul li {display: inline-table;}
#information .news dd ul li {display: inline-block;}
/* Hides from IE-mac \*/
*html #information .news dd ul li {height: 1%;}
#information .news dd ul li {display: block;}
/* */


/* --------------------------------------- */
#information2 .service {
	margin:0;
}
#information2 .service dd {
	float:left;
}

#information2 .service img { vertical-align:bottom; }
#information2 .service .shopping a {
	background:url(../images/service_shopping.gif) no-repeat 0 0;
	width:225px;
	height:84px;
	display:block;
	text-indent:-9999px;
}

#information2 .service .color a {
	background:url(../images/service_color.gif) no-repeat 0 0;
	width:225px;
	height:84px;
	display:block;
	text-indent:-9999px;
}

#information2 .service .consulting a {
	background:url(../images/service_consulting.gif) no-repeat 0 0;
	width:225px;
	height:84px;
	display:block;
	text-indent:-9999px;
}
#information2 .service .wordrobe a {
	background:url(../images/service_wordrobe.gif) no-repeat 0 0;
	width:225px;
	height:84px;
	display:block;
	text-indent:-9999px;
}


/* ============================================================================================		opt_banner
----------------------------------------------------------------------------------------------------------------- */

#opt_banner {
	height:163px;
	width:884px;
	margin-left:8px;
	margin-bottom:20px;
	position:relative;
	background:url(../images/bk01.gif) repeat-x left top;
}
#opt_banner .media {
	width:623px;
	height:120px;
	position:absolute;
	top:19px;
	left:0px;
}
#opt_banner .contact {
	width:242px;
	height:120px;
	position:absolute;
	top:19px;
	left: 642px;
}

/* ============================================================================================		stylist_office - 0812/17 掲載中止
----------------------------------------------------------------------------------------------------------------- */
#stylist_office {
	margin:0 0 32px 0;
	padding:0 8px;
}

#stylist_office dt {
	margin-bottom:8px;
	border-bottom:2px solid #000000;
}
#stylist_office dd.img {
	width:183px;
	height:183px;
	margin-right:13px;
	float:left;	
}
#stylist_office dd.txt {
	width:688px;
	float:left;
}
#stylist_office dd.txt img.area {
	margin-bottom:14px;
}
#stylist_office dd.txt p a.name {
	font-size: 1.42em;
	font-weight:bold;
}
#stylist_office dd.txt .comment {
	margin:10px 0 17px;
}
#stylist_office dd.txt .comment a {	text-decoration:none; }
#stylist_office dd.txt .comment a:hover { text-decoration:underline; }

/* ============================================================================================		stylistlist
----------------------------------------------------------------------------------------------------------------- */
#stylistlist {
	margin:30px 0 0;
	padding:0;
}
#stylistlist dt {
	margin-bottom:8px;
	border-bottom:2px solid #000000;
}
#stylistlist dd {
	padding-left:0;
	width:740px;
	margin:0 auto;
}
#stylistlist dd ul {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #999999;
}
#stylistlist dd ul.none { border:none; }

#stylistlist dd ul li {
	width:189px;
	height:24em;
	float:left;
	margin-right:86px;/*5列2行の場合 25px*/
	padding-bottom:25px;
	text-align:center;
	position:relative;
}
#stylistlist dd ul li.none {
	margin-right:0;
}

#stylistlist dd ul li strong {
	background-color:#F0F0F0;
	font-size:1.42em;
	padding:3px 0 2px;
	display:block;
	margin:2px 5px 5px;
}
#stylistlist dd ul li p.comment {
	text-align:left;
	margin:10px 5px 0;
	text-decoration:none;
}
#stylistlist dd ul li p.comment a { text-decoration:none;}
#stylistlist dd ul li p.comment a:hover { text-decoration:underline;}
#stylistlist dd ul li .detailLink {
	position:absolute;
	bottom:0px;
	left:5px;
	width:160px;
}