@charset "utf-8";

.c_clear {
	clear: both;
}

div#area-header p,div#area-billboard p,div#area-footer p {
	margin: 0;
	padding: 0;
}

/*-- ↓ IE7でのhasLayoutがらみのバグに対するハッキング ↓ --*/

*:first-child+html div#area-main div {
	zoom: 1;
}

/*-- ↓ IE6（以下）でのエリアのズレに対するハッキング ↓ --*/

* html body div#area-contents {
	position: relative;
	top: 0;
	left: 1px;
}



/*-- ####### 背景 ###### --*/

body {
	background: url("images/bg_hair.jpg") repeat;
	background-position: 0 0;
	height: auto !important;
}

div.layout_bg {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: -20px;
}

div.contents_bg {
	margin: 0;
	padding: 0;
	width: 898px;
	font-size: 10px;
	_font-size: 62.5%;
}

/*-- ↓ IE6（以下）に対するハッキング ↓ --*/

* html body div.contents_bg {
	font-size: 80%;
}


/*-- ###### ヘッダ ###### --*/

#c_bg01 {
	height: 40px;
	background: url("images/ob_contents_bg01.png") no-repeat;
	background-position: 0 0;
	border-style: none;
}

#c_bg01 a {
	border-style: none;
}


/*-- サブメニュー --*/

ul#c_subMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	top: 23px;
	left: 500px;
}

/*-- ↓ IE6（以下）に対するハッキング ↓ --*/

* html body ul#c_subMenu {
	left: 400px;
}

ul#c_subMenu li {
	list-style-type: none;
	float: left;
}

li#subM01 a {
	display: block;
	width: 38px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_home_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

li#subM01 a:hover {
	background-position: 0px -12px;
	text-decoration: none;
}

li#subM02 a {
	display: block;
	width: 62px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_otoi_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 58px;
}

li#subM02 a:hover {
	background-position: 0px -12px;
	text-decoration: none;
}

li#subM03 a {
	display: block;
	width: 102px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_privacy_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 140px;
}

li#subM03 a:hover {
	background-position: 0px -12px;
	text-decoration: none;
}

li#subM04 a {
	display: block;
	width: 62px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_sitemap_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 262px;
}

li#subM04 a:hover {
	background-position: 0px -12px;
	text-decoration: none;
}


/*-- ####### ビルボード ###### --*/

#c_bg02 {
	height: 68px;
	background: url("images/ob_contents_bg02.png") no-repeat;
	background-position: 0 0;
	border-style: none;
}

#c_bg02 a {
	border-style: none;
}

/*-- メニュー --*/

#c_menu_box {
	margin: 0;
	padding: 0;
	height: 52px;
	position: relative;
	top: 8px;
	left: 200px;
}

/*-- ↓ IE6（以下）に対するハッキング ↓ --*/

* html body div#c_menu_box {
	left: 188px;
}

#c_menu_box ul,ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#imgMenu {
	overflow: hidden;
}

#imgMenu li {
	float: left;
	width: 130px;
	overflow: hidden;
	position: relative;
}

div.level_m01 {
	width: 120px;
	height: 48px;
	margin: 0;
	padding: 4px 0 0 8px;
	border-left: 4px solid #ffffff;
	font-size: 1.3em;
	color: #ffffff;
}

div.level_m02 {
	width: 100px;
	height: 52px;
	font-size: 1.0em;
	color: #ffffff;
	line-height: 1.3em;
	position: absolute;
	top: 0;
	left: 150px;
}

div.level_m02 a {
	display: block;
	padding-left: 15px;
	color: #ffffff;
	text-decoration: none;
	background: url("images/ob_arrow01.png") no-repeat;
	background-position: 0 3px;
}

div.level_m02 a:visited {
	display: block;
	padding-left: 15px;
	color: #ffffff;
	text-decoration: none;
	background: url("images/ob_arrow01.png") no-repeat;
	background-position: 0 3px;
}

div.level_m02 a:hover {
	color: #ad3333;
	background: url("images/ob_arrow01_r.png") no-repeat;
	background-position: 0 3px;
}

/*-- ↓ IE6（以下）に対するハッキング ↓ --*/

* html body div.level_m02 a {
	color: #ffffff !important;
}

* html body div.level_m02 a:visited {
	color: #ffffff !important;
}

* html body div.level_m02 a:hover {
	color: #ad3333 !important;
}

#c_bg03 {
	height: 20px;
	background: url("images/ob_contents_bg03.png") no-repeat;
	background-position: 0 0;
	border-style: none;
}

#c_bg04 {
	background: url("images/ob_contents_bg04.png") repeat-y;
	background-position: 0 0;
	border-style: none;
}


/*-- ####### メイン ###### --*/

#area-contents {
	position: relative;
	top: 0;
	left: -20px;
}

/*-- ↓ IE6（以下）に対するハッキング ↓ --*/

* html body div#area-contents {
	left: 17px;
}

#main-group {
	width: 898px;
	background: url("images/ob_contents_bg04.png") repeat-y;
	background-position: 0 0;
}

#area-main div.wrap{
	width: 825px;
	position: relative;
	top: 0;
	left: 20px;
}


/*-- ####### フッタ ###### --*/

#c_bg05 {
	height: 64px;
	background: url("images/ob_contents_bg05.png") no-repeat;
	background-position: 0 0;
	border-style: none;
}

#c_bg06 {
	height: 50px;
	background: url("images/ob_contents_bg06.png") no-repeat;
	background-position: 0 0;
	border-style: none;
}

#c_bg05 a {
	border-style: none;
}

/*-- フッターメニュー --*/

ul#c_footMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	top: 7px;
	left: 275px;
}

/*-- ↓ IE6（以下）に対するハッキング ↓ --*/

* html body ul#c_footMenu {
	left: 195px;
}

ul#c_footMenu li {
	float: left;
}

li#c_footM01 a {
	display: block;
	width: 125px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_recruit_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

li#c_footM01 a:hover {
	background-position: 0px -50px;
	text-decoration: none;
}

li#c_footM02 a {
	display: block;
	width: 125px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_k-salon_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

li#c_footM02 a:hover {
	background-position: 0px -50px;
	text-decoration: none;
}

li#c_footM03 a {
	display: block;
	width: 125px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: 0;
	background: url("images/bt_kimono_roll.gif") no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

li#c_footM03 a:hover {
	background-position: 0px -50px;
	text-decoration: none;
}

ul#c_footMenu li.position1 a {
	position: absolute;
	top: 0;
	left: 0;
}

ul#c_footMenu li.position2 a {
	position: absolute;
	top: 0;
	left: 290px;
}

ul#c_footMenu li.position3 a {
	position: absolute;
	top: 0;
	left: 425px;
}