@charset "UTF-8";

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:bottom;
}

/* --------------------------------------------------------------------------- */

body{
	text-align:center;
	font-size:12px;
	color:#292220;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	line-height:150%;
	background-color: #F1ECE5;
	background-image: url(../images/backn.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

a,
a:link,
a:visited {
	color:#292220;
	text-decoration:none;
}

a:hover,
a:active {
	color:#940003;
	text-decoration:none;
}

h1{
	font-size: 10px;
	color: #504F4E;
	font-weight: normal;
	padding-top: 4px;
	padding-left: 49px;
	line-height: 100%;
}

h2{
}


/* --------------------------------------------------------------------------- */

#wrapper {
	width:898px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

#main{
	width: 800px;
	margin-top: 14px;
	margin-right: 49px;
	margin-left: 49px;
	padding-bottom: 25px;
}

/* --------------------------------------------------------------------------- */

#header{
	width:898px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 75px;
}

#logo{
	display:inline;
	text-indent:-9999px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#logo a{
	width:82px;
	height:40px;
	display: block;
	overflow:hidden;
	text-decoration:none;
	margin-left: 48px;
}


/* sab_navi------------------------------------------------------------------- */

#use {
	width:898px;
	height:65px;
}

#use ul {
	list-style-type:none;
	height: 65px;
	background-image: url(../btn/navi_back.jpg);
	background-repeat: no-repeat;
	padding-left: 49px;
	padding-right: 49px;
}

#use li {
	float:left;
	height: 65px;
}

#use li a {
 	display: block;		
 	height: 65px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#use li#utop a {
	background-image:url(../btn/toppage.jpg);
	background-position:0px 0px;
	width:134px;
}

#use li#utop a:hover, #use li#utop a:active {
 	background-position:0px -65px;
}

#use li#info a {
	background-image:url(../btn/info.jpg);
	background-position:0px 0px;
	width:133px;
}

#use li#info a:hover, #use li#info a:active {
 	background-position:0px -65px;
}

#use li#menu a {
	background-image:url(../btn/menu.jpg);
	background-position:0px 0px;
	width:133px;
}

#use li#menu a:hover, #use li#menu a:active {
 	background-position:0px -65px;
}

#use li#cata a {
	background-image:url(../btn/catalog.jpg);
	background-position:0px 0px;
	width:134px;
}

#use li#cata a:hover, #use li#cata a:active {
 	background-position:0px -65px;
}

#use li#rec a {
	background-image:url(../btn/recruit.jpg);
	background-position:0px 0px;
	width:133px;
}

#use li#rec a:hover, #use li#rec a:active {
 	background-position:0px -65px;
}

#use li#inq a {
	background-image:url(../btn/inquiry.jpg);
	background-position:0px 0px;
	width:133px;
}

#use li#inq a:hover, #use li#inq a:active {
 	background-position:0px -65px;
}


#title{
	height: 189px;
	width: 896px;
	margin-top: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #292221;
	border-left-color: #292221;
}


/* left----------------------------------------------------------------------- */

#left_contents{
	float: left;
	width: 223px;
}

#b_navi {
	width:223px;
	height: 176px;
	background-image: url(../btn/side_back.gif);
	background-repeat: no-repeat;
}

#b_navi_in {
	padding-top: 19px;
	padding-left: 7px;
}


#b_navi_in a {
 	display: block;		
 	height: 49px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#b_navi_in .h_sets a {
	background-image:url(../btn/hairsets.jpg);
	background-position:0px 0px;
	width:216px;
}

#b_navi_in .h_sets a:hover, #b_navi_in .h_sets a:active {
 	background-position:0px -49px;
}

#b_navi_in .esthe a {
	background-image:url(../btn/esthe.jpg);
	background-position:0px 0px;
	width:216px;
	margin-top: 5px;
}

#b_navi_in .esthe a:hover, #b_navi_in .esthe a:active {
 	background-position:0px -49px;
}

#b_navi_in .sbros{
	margin-top: 5px;
}

#b_navi_in .sbros a {
	background-image:url(../btn/hairbros.jpg);
	background-position:0px 0px;
	width:216px;
	margin-top: 0px;
}

#b_navi_in .sbros a:hover, #b_navi_in .sbros a:active {
 	background-position:0px -49px;
}



#b_navi2 {
	width:223px;
	margin-top: 5px;
}

#b_navi2 a {
 	display: block;		
 	height: 49px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#b_navi2 .side_blog a {
	background-image:url(../btn/side_blog.jpg);
	background-position:0px 0px;
	width:223px;
}

#b_navi2 .side_blog a:hover, #b_navi2 .side_blog a:active {
 	background-position:0px -49px;
}

#b_navi2 .side_menu{
	margin-top: 5px;
}

#b_navi2 .side_menu a {
	background-image:url(../btn/side_menu.jpg);
	background-position:0px 0px;
	width:223px;
}

#b_navi2 .side_menu a:hover, #b_navi2 .side_menu a:active {
 	background-position:0px -49px;
}

#b_navi2 .side_cata{
	margin-top: 5px;
}

#b_navi2 .side_cata a {
	background-image:url(../btn/side_cata.jpg);
	background-position:0px 0px;
	width:223px;
}

#b_navi2 .side_cata a:hover, #b_navi2 .side_cata a:active {
 	background-position:0px -49px;
}



#b_navi3 {
	width:223px;
	margin-top: 0px;
}

#b_navi3 a {
 	display: block;		
 	height: 49px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#b_navi3 .side_blog a {
	background-image:url(../btn/side_blog.jpg);
	background-position:0px 0px;
	width:223px;
}

#b_navi3 .side_blog a:hover, #b_navi3 .side_blog a:active {
 	background-position:0px -49px;
}

#b_navi3 .side_menu{
	margin-top: 5px;
}

#b_navi3 .side_menu a {
	background-image:url(../btn/side_menu.jpg);
	background-position:0px 0px;
	width:223px;
}

#b_navi3 .side_menu a:hover, #b_navi3 .side_menu a:active {
 	background-position:0px -49px;
}

#b_navi3 .side_cata{
	margin-top: 5px;
}

#b_navi3 .side_cata a {
	background-image:url(../btn/side_cata.jpg);
	background-position:0px 0px;
	width:223px;
}

#b_navi3 .side_cata a:hover, #b_navi3 .side_cata a:active {
 	background-position:0px -49px;
}

#ban {
	width:223x;
	margin-top: 10px;
}


#mob{
	width:223x;
	height: 62px;
}

#mob a {
	background-image:url(../btn/mob.jpg);
	background-position:0px 0px;
	width:223px;
	display: block;		
 	height: 62px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#mob a:hover, #mob a:active {
 	background-position:0px -62px;
}

#shine{
	width:223x;
	height: 62px;
	margin-top: 10px;
}

#shine a {
	background-image:url(../btn/shine.jpg);
	background-position:0px 0px;
	width:223px;
	display: block;		
 	height: 62px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#shine a:hover, #shine a:active {
 	background-position:0px -62px;
}

#bros{
	width:223x;
	height: 62px;
	margin-top: 10px;
}

#bros a {
	background-image:url(../btn/bros.jpg);
	background-position:0px 0px;
	width:223px;
	display: block;		
 	height: 62px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#bros a:hover, #bros a:active {
 	background-position:0px -62px;
}

#school{
	width:223x;
	height: 62px;
	margin-top: 10px;
}

#school a {
	background-image:url(../btn/school.jpg);
	background-position:0px 0px;
	width:223px;
	display: block;		
 	height: 62px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#school a:hover, #school a:active {
 	background-position:0px -62px;
}

/* raight_contents------------------------------------------------------------ */

#right_contents{
	float: right;
	width: 577px;
}

#right_contents_in{
	width: 562px;
	margin-left: 15px;
}

#info_tab {
	width:562px;
	height:31px;
	background-image: url(../btn/tab_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#info_tab ul {
	list-style-type:none;
	height: 31px;
	padding-left: 83px;
}

#info_tab li {
	float:left;
	height: 31px;
}

#info_tab li a {
 	display: block;		
 	height: 31px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#info_tab li#tab_hair a {
	background-image:url(../btn/tab_hair.jpg);
	background-position:0px 0px;
	width:179px;
}

#info_tab li#tab_hair a:hover, #info_tab li#tab_hair a:active {
 	background-position:0px -31px;
}

#info_tab li#tab_esthe a {
	background-image:url(../btn/tab_esthe.jpg);
	background-position:0px 0px;
	width:150px;
}

#info_tab li#tab_esthe a:hover, #info_tab li#tab_esthe a:active {
 	background-position:0px -31px;
}

#info_tab li#tab_bros a {
	background-image:url(../btn/tab_bros.jpg);
	background-position:0px 0px;
	width:150px;
}

#info_tab li#tab_bros a:hover, #info_tab li#tab_bros a:active {
 	background-position:0px -31px;
}


/* hair-catalog--------------------------------------------------------------- */

#catalog{
	width: 535px;
	margin-top: 10px;
	margin-left: 16px;
	margin-right: 11px;
}

#catalog_title{
	width: 535px;
	text-indent: 10px;
	height: 33px;
	background-image: url(../images/catalog_title.jpg);
	background-repeat: no-repeat;
	line-height: 33px;
}

#catalog_box{
	padding-left: 10px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.catalog_text{
	line-height: 170%;
	color: #805723;
	font-size: 11px;
}

.catalog_img{
	background-image: url(../images/catalog_img.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 260px;
	float: right;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

#page{
	margin-left: 36px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 22px;
}

/* Pager */
.bld{
	width: 20px;
	height: 20px;
	color: #FFFFFF;
	background-color: #292220;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	display: block;
	float: left;
	margin-right: 5px;
	border: 1px solid #292220;
}

#page a {
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	color: #292220;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	display: block;
	text-decoration:none;
	border: 1px solid #DEDEDE;
}

#page a:hover, .pager a:active {
	color: #FFFFFF;
	background-color: #292220;
	height: 20px;
	width: 20px;
	border: 1px solid #292220;
}
/* ---- */

.page1{
	width: 20px;
	height: 20px;
	color: #FFFFFF;
	background-color: #292220;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	border: 1px solid #c;
}

.page2{
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	
}

.page2 a {
	width: 20px;
	height: 20px;
	color: #292220;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	display: block;
	text-decoration:none;
	border: 1px solid #DEDEDE;
}

.page2 a:hover, .page2 a:active {
	color: #FFFFFF;
	background-color: #292220;
	height: 20px;
	width: 20px;
	border: 1px solid #292220;
}

.page3{
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	
}

.page3 a {
	width: 20px;
	height: 20px;
	color: #292220;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	display: block;
	text-decoration:none;
	border: 1px solid #DEDEDE;
}

.page3 a:hover, .page3 a:active {
	color: #FFFFFF;
	background-color: #292220;
	height: 20px;
	width: 20px;
	border: 1px solid #292220;
	text-decoration:none;
}

.page_d{
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	
}

.page_d a {
	width: 20px;
	height: 20px;
	color: #292220;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	display: block;
	text-decoration:none;
	border: 1px solid #DEDEDE;
}

.page_d a:hover, .page_d a:active {
	color: #FFFFFF;
	background-color: #292220;
	height: 20px;
	width: 20px;
	border: 1px solid #292220;
}


/* topics------------------------------------------------------------------- */


#topics{
	width: 535px;
	margin-top: 10px;
	margin-left: 16px;
	margin-right: 11px;
}

.topics_title{
	width: 535px;
	text-indent: 10px;
	height: 33px;
	background-image: url(../images/catalog_title.jpg);
	background-repeat: no-repeat;
	line-height: 33px;
}

.topics_day{
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 2px;
	color: #960007;
	font-size: 11px;
	text-align: right;
}

.topics_text{
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 17px;
	line-height: 170%;
	color: #805723;
	font-size: 11px;
}




/* --------------------------------------------------------------------------- */

#footer{
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	height: 82px;
	width: 100%;
}

#footer_in{
	height: 82px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#foot_navi{
	height: 38px;
	line-height: 38px;
	color: #FFFFFF;
	text-align: left;
	font-size: 11px;
}


#foot_navi a,
#foot_navi a:link,
#foot_navi a:visited { 
	color:#ffffff;
	text-decoration:none;
}

#foot_navi a:hover,
#foot_navi a:active {
	color:#940003;
	text-decoration:none;
}

#copy{
	height: 44px;
	color: #FFFFFF;
	text-align: right;
}

.com{
	font-size: 11px;
	color: #FFFFFF;
	line-height: 100%;
	padding-top: 22px;
}



/* --------------------------------------------------------------------------- */
.clear {
	clear:both;
}

.rgtside {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.lgtside {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#pagetop{
	width: 526px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #292220;
	margin-left: 25px;
	margin-right: 11px;
}

.pagetop_b{
	width: 114px;
	height: 15px;
	margin-left: 412px;
	padding-bottom: 10px;
}

.pagetop_b a {
	background-image:url(../btn/pagetop.gif);
	background-position:0px 0px;
	width:114px;
	display: block;		
 	height: 15px;
 	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

.pagetop_b a:hover, .pagetop_b a:active {
 	background-position:0px -15px;
}