@charset "utf-8";



/* base setting
----------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	font: 12px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background:#ffffff url(../img/bg_main.gif) repeat-y center top;
	text-align:center;
	color: #333333;
}

img {border:0}

h2 {
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	padding:10px 20px 0px 0px;
}



h3 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background: url(../img/h3.jpg) no-repeat;
	margin-top:10px;
	padding:5px 0px 5px 30px;
	height:27px;
}



h4 {
	color:#666;
	font-size:12px;
	font-weight:bold;
	background: url(../img/h4.jpg) no-repeat center;
	margin-top:5px;
	padding:5px 0px 0px 35px;
	height:21px;
}



h5 {
	color:#333;
	font-size:12px;
	font-weight:bold;
	background: url(../img/h5.gif) no-repeat;
	margin-top:10px;
	padding:5px 0px 5px 30px;
	height:34px;
}


h6 {}
/* text setting
----------------------------------------- */
a:link {color:#b89e27;text-decoration:underline}

a:visited {color:#666666;text-decoration:underline}

a:hover {color:#e3cd66;text-decoration:underline}

strong {color:#b89e27}

.caution {color:#f03}



/* wrapper
----------------------------------------- */
#wrapper {

	margin:0 auto;
	width:950px;
	text-align:left
}



/* header
----------------------------------------- */
#header {
	width:100%;
	height:63px;
	background:#000 url(../img/bg_header.jpg) repeat;

}	
	
	#header h1 ,#header span{
		width:388px;
		height:63px;
		background:url(../img/logo.jpg) no-repeat;
		float:left
	}
	
		#header h1 a,#header span a{
			display:block;
			width:388px;
			height:63px;
			text-indent:-9999em;
			outline:0;
		}
	
#headermenu {
	width:100%;
	height:32px;
	background:#000 url(../img/bg_headermenu.jpg) repeat;

}






/*header menu index*/
ul#hmenu_index {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_index li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_index li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_index li a:hover {background-position: 0 -32px}
			
.hm1_index,.hm1_index a {background: url(../img/headermenu_01_on.jpg) no-repeat}
.hm2_index,.hm2_index a {background: url(../img/headermenu_02_off.jpg) no-repeat}
.hm3_index,.hm3_index a {background: url(../img/headermenu_03_off.jpg) no-repeat}
.hm4_index,.hm4_index a {background: url(../img/headermenu_04_off.jpg) no-repeat}
.hm5_index,.hm5_index a {background: url(../img/headermenu_05_off.jpg) no-repeat}
.hm6_index,.hm6_index a {background: url(../img/headermenu_06_off.jpg) no-repeat}

/*header menu salon*/
ul#hmenu_salon {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_salon li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_salon li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_salon li a:hover {background-position: 0 -32px}
			
.hm1_salon,.hm1_salon a {background: url(../img/headermenu_01_off.jpg) no-repeat}
.hm2_salon,.hm2_salon a {background: url(../img/headermenu_02_on.jpg) no-repeat}
.hm3_salon,.hm3_salon a {background: url(../img/headermenu_03_off.jpg) no-repeat}
.hm4_salon,.hm4_salon a {background: url(../img/headermenu_04_off.jpg) no-repeat}
.hm5_salon,.hm5_salon a {background: url(../img/headermenu_05_off.jpg) no-repeat}
.hm6_salon,.hm6_salon a {background: url(../img/headermenu_06_off.jpg) no-repeat}

/*header menu depilation*/
ul#hmenu_depilation {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_depilation li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_depilation li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_depilation li a:hover {background-position: 0 -32px}
			
.hm1_depilation,.hm1_depilation a {background: url(../img/headermenu_01_off.jpg) no-repeat}
.hm2_depilation,.hm2_depilation a {background: url(../img/headermenu_02_off.jpg) no-repeat}
.hm3_depilation,.hm3_depilation a {background: url(../img/headermenu_03_on.jpg) no-repeat}
.hm4_depilation,.hm4_depilation a {background: url(../img/headermenu_04_off.jpg) no-repeat}
.hm5_depilation,.hm5_depilation a {background: url(../img/headermenu_05_off.jpg) no-repeat}
.hm6_depilation,.hm6_depilation a {background: url(../img/headermenu_06_off.jpg) no-repeat}

/*header menu menu*/
ul#hmenu_menu {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_menu li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_menu li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_menu li a:hover {background-position: 0 -32px}
			
.hm1_menu,.hm1_menu a {background: url(../img/headermenu_01_off.jpg) no-repeat}
.hm2_menu,.hm2_menu a {background: url(../img/headermenu_02_off.jpg) no-repeat}
.hm3_menu,.hm3_menu a {background: url(../img/headermenu_03_off.jpg) no-repeat}
.hm4_menu,.hm4_menu a {background: url(../img/headermenu_04_on.jpg) no-repeat}
.hm5_menu,.hm5_menu a {background: url(../img/headermenu_05_off.jpg) no-repeat}
.hm6_menu,.hm6_menu a {background: url(../img/headermenu_06_off.jpg) no-repeat}

/*header menu contact*/
ul#hmenu_contact {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_contact li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_contact li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_contact li a:hover {background-position: 0 -32px}
			
.hm1_contact,.hm1_contact a {background: url(../img/headermenu_01_off.jpg) no-repeat}
.hm2_contact,.hm2_contact a {background: url(../img/headermenu_02_off.jpg) no-repeat}
.hm3_contact,.hm3_contact a {background: url(../img/headermenu_03_off.jpg) no-repeat}
.hm4_contact,.hm4_contact a {background: url(../img/headermenu_04_off.jpg) no-repeat}
.hm5_contact,.hm5_contact a {background: url(../img/headermenu_05_on.jpg) no-repeat}
.hm6_contact,.hm6_contact a {background: url(../img/headermenu_06_off.jpg) no-repeat}

/*header menu qa*/
ul#hmenu_qa {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_qa li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_qa li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_qa li a:hover {background-position: 0 -32px}
			
.hm1_qa,.hm1_qa a {background: url(../img/headermenu_01_off.jpg) no-repeat}
.hm2_qa,.hm2_qa a {background: url(../img/headermenu_02_off.jpg) no-repeat}
.hm3_qa,.hm3_qa a {background: url(../img/headermenu_03_off.jpg) no-repeat}
.hm4_qa,.hm4_qa a {background: url(../img/headermenu_04_off.jpg) no-repeat}
.hm5_qa,.hm5_qa a {background: url(../img/headermenu_05_off.jpg) no-repeat}
.hm6_qa,.hm6_qa a {background: url(../img/headermenu_06_on.jpg) no-repeat}

/*header menu sonota*/
ul#hmenu_sonota {
	width:900px;
	margin-top:0px;
	margin-left:18px;
	list-style-type: none;
	float:left
}
	
#hmenu_sonota li {
	display:inline;
	text-indent: -9999em;
	float:left;
	width:150px;
	height: 32px;
	overflow: hidden;
}
		
#hmenu_sonota li a {
		display: block;
		width: 150px;
		height: 32px;
		background-position: left top;
		outline:0;	
	}
			
#hmenu_sonota li a:hover {background-position: 0 -32px}
			
.hm1_sonota,.hm1_sonota a {background: url(../img/headermenu_01_off.jpg) no-repeat}
.hm2_sonota,.hm2_sonota a {background: url(../img/headermenu_02_off.jpg) no-repeat}
.hm3_sonota,.hm3_sonota a {background: url(../img/headermenu_03_off.jpg) no-repeat}
.hm4_sonota,.hm4_sonota a {background: url(../img/headermenu_04_off.jpg) no-repeat}
.hm5_sonota,.hm5_sonota a {background: url(../img/headermenu_05_off.jpg) no-repeat}
.hm6_sonota,.hm6_sonota a {background: url(../img/headermenu_06_off.jpg) no-repeat}



/* contents
----------------------------------------- */
#main
	{
	float:left;
	width:625px;
	border: 0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	}

#main_flash
	{
	float:left;
	width:623px;
	margin-bottom:5px;
	background-color: #cccccc;
	height: 225px;
	}

#main_cont
	{
	clear:left;
	width:625px;

	height: 100%;
	}



#rightmenu {
	float:left;
	width:283px;
	height: 100%;
	border: 0px;
	margin-top:10px;
	margin-left:22px;
	}



#bn_01 a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 263px;
	height: 84px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/bn_01.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#bn_01 a:hover {
	background: transparent url(http://www.b-royce.com/img/bn_01.jpg) no-repeat left bottom;
}

#bn_02 a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 263px;
	height: 84px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/bn_02.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#bn_02 a:hover {
	background: transparent url(http://www.b-royce.com/img/bn_02.jpg) no-repeat left bottom;
}

#bn_03 a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 263px;
	height: 84px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/bn_03.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#bn_03 a:hover {
	background: transparent url(http://www.b-royce.com/img/bn_03.jpg) no-repeat left bottom;
}

#bn_04 a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 263px;
	height: 84px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/bn_04.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#bn_04 a:hover {
	background: transparent url(http://www.b-royce.com/img/bn_04.jpg) no-repeat left bottom;
}

#bn_05 a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 263px;
	height: 84px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/bn_05.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#bn_05 a:hover {
	background: transparent url(http://www.b-royce.com/img/bn_05.jpg) no-repeat left bottom;
}

#bn_06 a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 263px;
	height: 84px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/bn_06.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#bn_06 a:hover {
	background: transparent url(http://www.b-royce.com/img/bn_06.jpg) no-repeat left bottom;
}


#waku {
	border:5px double #999988;
	padding:5px 0px 0px 5px;
}



/* footer
----------------------------------------- */
#footer {
	clear:both;
	background:#fff;
	margin-top:10px;
	border-top:solid 2px #e7ebde;
	color:#333333;
	font-size:10px;
	font-weight:normal;

}

#copy {

	width:100%;
	height:20px;
	margin:10px 0 0px 0;

}


	.footermenu {
		text-align:center;
		padding:10px 0;
	}
		#footer li {
			list-style-type:none;
			display:inline;
			font-size:10px;
			margin:5px 6px;
		}
/* ページトップへ
----------------------------------------- */
#pagetop {
	margin: 10px 10px 10px 10px;

}

#ptfontsize {
	font-size:10px;

}

#container{

	text-align: left;
}



#pagetop a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 19px;
	height: 18px;
	text-indent: -7000em;
	background: transparent url(http://dragonbeard.luceonline.jp/img/pagetop.gif) no-repeat left top;
	margin:0px 0px 0px 0px;
}
#pagetop a:hover {
	background: transparent url(http://dragonbeard.luceonline.jp/img/pagetop.gif) no-repeat left bottom;
}








/* 注意事項などの小さいフォント
----------------------------------------- */
#sfont {
	FONT-SIZE: 10px;

}





/* ヘッダーメッセージ
----------------------------------------- */
#head_message {

	height:252px;
	padding:30px 10px 0px 10px;
	background: url(../img/head_message.jpg) no-repeat;

}



/* キャンペーン
----------------------------------------- */
#top_campaing a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 508px;
	height: 108px;
	text-indent: -7000em;
	background: transparent url(http://www.b-royce.com/img/top_campaing.jpg) no-repeat left top;
	margin:0px 0px 10px 0px;
}

#top_campaing a:hover {
	background: transparent url(http://www.b-royce.com/img/top_campaing.jpg) no-repeat left bottom;
}