@charset "UTF-8";

/* 1) common
=========================*/
body {
background: #FAF7F0 url(../img/background.gif) no-repeat center top;
}
#main {
float: left;
width: 573px;
}
#side2 {
float: right;
width: 186px;
text-align: left;
}

#noratv img,
.categories img {
border: 1px solid #CAC9C3;
}
h1,
.g-nav,
.g-nav h2,
#noratv h3,
#main-image p,
#main-image h2,
.categories h3,
#shop-info h2,
#shop-info dl,
#shop-info ul,
#information h2,
h3#tit-space,
h3#tit-book_music {
text-indent: -9999em;
overflow: hidden;
_font-size: 1px;
}
	*:first-child+html h1,
	*:first-child+html .g-nav,
	*:first-child+html .g-nav h2,
	*:first-child+html #noratv h3,
	*:first-child+html #main-image p,
	*:first-child+html #main-image h2,
	*:first-child+html .categories h3,
	*:first-child+html #shop-info h2,
	*:first-child+html #shop-info dl,
	*:first-child+html #shop-info ul,
	*:first-child+html #information h2,
	*:first-child+html h3#tit-space,
	*:first-child+html h3#tit-book_music {
	font-size: 1px;
	}
h1,
.g-nav,
#main-image,
#noratv,
#shop-info,
#information {
margin-bottom: 5px;
overflow: hidden;
}
#noratv p,
.block-middle p,
.block-large p,
.block-small p,
#information li {
font-size: 9px;
line-height: 1.44;
}

/* 2) side
=========================*/
h1 {
width: 186px;
height: 312px;
background: url(../img/logo.gif) no-repeat left top;
}

.g-nav {
width: 186px;
height: 342px;
background: url(../img/nav.gif) no-repeat left top;
}
.g-nav h2 {
height: 14px;
margin: 34px 0 30px 0;
}
.g-nav ul {
width: 115px;
height: 246px;
margin-left: 19px;
}
	.g-nav li {
	width: 116px;
	height: 12px;
	margin-bottom: 14px;
	line-height: 0;
	}
	.g-nav li.nav-privacy {
	margin-bottom: 0;
	}
	.g-nav li a {
	display: block;
	width: 166px;
	height: 12px;
	}
	.g-nav li.nav-home a {
	background: url(../img/nav.gif) no-repeat -19px -78px;
	}
	.g-nav li.nav-home a:hover {
	background: url(../img/nav.gif) no-repeat -19px -420px;
	}
	.g-nav li.nav-information a {
	background: url(../img/nav.gif) no-repeat -19px -104px;
	}
	.g-nav li.nav-information a:hover {
	background: url(../img/nav.gif) no-repeat -19px -446px;
	}
	.g-nav li.nav-salon a {
	background: url(../img/nav.gif) no-repeat -19px -130px;
	}
	.g-nav li.nav-salon a:hover {
	background: url(../img/nav.gif) no-repeat -19px -472px;
	}
	.g-nav li.nav-price a {
	background: url(../img/nav.gif) no-repeat -19px -156px;
	}
	.g-nav li.nav-price a:hover {
	background: url(../img/nav.gif) no-repeat -19px -498px;
	}
	.g-nav li.nav-hairstyle a {
	background: url(../img/nav.gif) no-repeat -19px -182px;
	}
	.g-nav li.nav-hairstyle a:hover {
	background: url(../img/nav.gif) no-repeat -19px -524px;
	}
	.g-nav li.nav-noratv a {
	background: url(../img/nav.gif) no-repeat -19px -208px;
	}
	.g-nav li.nav-noratv a:hover {
	background: url(../img/nav.gif) no-repeat -19px -550px;
	}
	.g-nav li.nav-campaign a {
	background: url(../img/nav.gif) no-repeat -19px -234px;
	}
	.g-nav li.nav-campaign a:hover {
	background: url(../img/nav.gif) no-repeat -19px -576px;
	}
	.g-nav li.nav-recruit a {
	background: url(../img/nav.gif) no-repeat -19px -260px;
	}
	.g-nav li.nav-recruit a:hover {
	background: url(../img/nav.gif) no-repeat -19px -602px;
	}
	.g-nav li.nav-contact a {
	background: url(../img/nav.gif) no-repeat -19px -286px;
	}
	.g-nav li.nav-contact a:hover {
	background: url(../img/nav.gif) no-repeat -19px -628px;
	}
	.g-nav li.nav-privacy a {
	background: url(../img/nav.gif) no-repeat -19px -312px;
	}
	.g-nav li.nav-privacy a:hover {
	background: url(../img/nav.gif) no-repeat -19px -654px;
	}

#noratv {	}
#noratv .bl-hot {
width: 186px;
padding: 30px 0 0 0;
background: url(../img/block.gif) no-repeat left top;
}
#noratv .bl-hover {
background: url(../img/block_ov.gif) no-repeat left top;
}
#noratv .bl-hot .inner-block {
padding-bottom: 13px;
background: url(../img/block_bottom.gif) no-repeat left bottom;
}
#noratv .bl-hover .inner-block {
background: url(../img/block_ov_bottom.gif) no-repeat left bottom;
}
	#noratv h3 {
	height: 14px;
	margin: 0 0 27px 16px;
	background: url(../img/tit_noratv.png) no-repeat left top;
	}
	#noratv p {
	margin: 0 10px 0 14px;
	}
	#noratv .block .inner-block div {
	margin: 6px 13px 0 13px;
	position: relative;
	}
	#noratv .block .inner-block div img {
	z-index: 1;
	}
	#noratv .block .inner-block div h4 {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 100;
	}
		#noratv .block .inner-block div h4 img {
		border: none;
		}

/* 3) main
=========================*/
#main-image {
width: 568px;
height: 363px;
background: url(../img/main_image.jpg) no-repeat left top;
}
	#main-image p {
	height: 42px;
	}
	#main-image h2 {
	height: 33px;
	}
	#main-image img {
	margin-left: 16px;
	}

.categories {
zoom: 1;
padding-bottom: 5px;
}
	.categories:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	}

.categories .block-middle,
.categories .block-large,
.categories .block-small {
float: left;
margin-right: 5px;
}
.categories .last {
margin-right: 0;
}

	.block-middle {	}
		.block-middle .bl-hot,
		.block-large .bl-hot,
		.block-small .bl-hot {
		width: 186px;
		padding-top: 30px;
		background: url(../img/block.gif) no-repeat left top;
		}
		.block-middle .bl-hover,
		.block-large .bl-hover,
		.block-small .bl-hover {
		background: url(../img/block_ov.gif) no-repeat left top;
		}
		.block-middle .bl-hot .inner-block,
		.block-large .bl-hot .inner-block,
		.block-small .bl-hot .inner-block {
		padding-bottom: 13px;
		background: url(../img/block_bottom.gif) no-repeat left bottom;
		}
		.block-middle .bl-hover .inner-block,
		.block-large .bl-hover .inner-block,
		.block-small .bl-hover .inner-block {
		padding-bottom: 13px;
		background: url(../img/block_ov_bottom.gif) no-repeat left bottom;
		}
	.block-small {
	background: url(../img/center_small.gif) no-repeat left top;
	}
.block-small .inner-block {
	zoom: 1;
}
		.block-small .inner-block:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
		overflow: hidden;
		}

.categories h3 {
height: 34px;
margin: 0 0 0 15px;
text-indent: -9999em;
}
	.categories .block-middle h3 {
	height: 38px;
	}
		h3#tit-concept {
		background: url(../img/tit_concept.png) no-repeat left top;
		}
		h3#tit-technique {
		background: url(../img/tit_technique.png) no-repeat left top;
		}
		h3#tit-service {
		background: url(../img/tit_service.png) no-repeat left top;
		}
		h3#tit-campaign {
		background: url(../img/tit_campaign.png) no-repeat left top;
		}
		h3#tit-hairstyle {
		background: url(../img/tit_hairstyle.png) no-repeat left top;
		}
		h3#tit-blog {
		background: url(../img/tit_blog.png) no-repeat left top;
		}
		h3#tit-flower {
		background: url(../img/tit_flower.png) no-repeat left top;
		}
		h3#tit-nail {
		background: url(../img/tit_nail.png) no-repeat left top;
		}
		h3#tit-wedding {
		background: url(../img/tit_wedding.png) no-repeat left top;
		}

.block-middle p,
.block-large p {
margin: 0 8px 5px 14px;
}
.block-middle img,
.block-large img {
margin: 0 0 5px 13px;
}
.block-small .bl-hot .inner-block div {
float: left;
width: 75px;
margin: 0 5px 0 13px;
_margin: 0 5px 0 6px;
overflow: hidden;
}
	.block-small h4 {
	font-size: 11px;
	line-height: 1.25;
	}
	.block-small p {
	margin: 0;
	}
	.block-small img {
	float: left;
	width: 64px;
	margin: 0;
	}

.block-large .block .inner-block div {
position: relative;
}
.block-large .block .inner-block div h4 {
position: absolute;
left: 1px;
top: 1px;
}
	.block-large .block .inner-block div h4 img {
	border: none;
	}

/* new(100408’Ç‹L)
=========================*/

.block-small .bl-hot .inner-block .new {
position: relative;
float:right;
}

.block-small .bl-hot .inner-block .new h4 {
position: absolute;
left: 1px;
top: 1px;
}

.block-small .bl-hot .inner-block h4 img {
border: none;
width: 37px;
}

/* 4) side2
=========================*/
#shop-info {
width: 186px;
height: 312px;
background: url(../img/shop_info.gif) no-repeat left top;
}
#shop-info h2 {
height: 13px;
margin-top: 76px;
}
#shop-info dl {
height: 150px;
margin-bottom: 18px;
}
#shop-info ul {
height: 48px;
margin-left: 17px;
}
	#shop-info li {
	width: 55px;
	height: 10px;
	margin-bottom: 6px;
	line-height: 0;
	}
	#shop-info li a {
	display: block;
	overflow: hidden;
	width: 55px;
	height: 10px;
	}
		#shop-info li.nav-price a {
		background: url(../img/shop_info.gif) no-repeat -17px -257px;
		}
		#shop-info li.nav-price a:hover {
		background: url(../img/shop_info.gif) no-repeat -17px -569px;
		}
		#shop-info li.nav-access a {
		background: url(../img/shop_info.gif) no-repeat -17px -273px;
		}
		#shop-info li.nav-access a:hover {
		background: url(../img/shop_info.gif) no-repeat -17px -585px;
		}
		#shop-info li.nav-staff a {
		background: url(../img/shop_info.gif) no-repeat -17px -289px;
		}
		#shop-info li.nav-staff a:hover {
		background: url(../img/shop_info.gif) no-repeat -17px -601px;
		}

#information {
width: 186px;
background: url(../img/block.gif) no-repeat left top;
}
#information .inner-block {
padding-bottom: 13px;
background: url(../img/block_bottom.gif) no-repeat left bottom;
}
#information h2 {
height: 23px;
margin: 31px 0 30px 15px;
background: url(../img/tit_information.gif) no-repeat left top;
}
#information ul {
margin: 0 17px;
}
	#information li {
	margin-bottom: 10px;
	}
	#information li a {
	background: url(../common/img/arrow.gif) no-repeat left top;
	_background: url(../common/img/arrow.gif) no-repeat left 4px;
	}
	#information li a:hover {
	background: url(../common/img/arrow_ov.gif) no-repeat left top;
	_background: url(../common/img/arrow_ov.gif) no-repeat left 4px;
	}
	*:first-child+html #information li a {
	background: url(../common/img/arrow.gif) no-repeat left 4px;
	}
	*:first-child+html #information li a:hover {
	background: url(../common/img/arrow_ov.gif) no-repeat left 4px;
	}
	#information li em {
	margin-left: 12px;
	font-size: 12px;
	font-family: Gill Sans, sans-serif;
	}

#side2 .block-small {
_margin-bottom: 1px;
margin-bottom: 5px;
}
#side2 .block-small .block .inner-block div {
float: left;
width: 75px;
margin: 0 5px 0 13px;
_margin: 0 5px 0 6px;
overflow: hidden;
}

#side2 .block-small h3 {
height: 34px;
margin-left: 15px;
}
	h3#tit-space {
	background: url(../img/tit_space.png) no-repeat left top;
	}
	h3#tit-book_music {
	background: url(../img/tit_book_music.png) no-repeat left top;
	}