@charset "UTF-8";

/* ======================== 目次 ==========================
	更新日：2007/03/21
	
	[01]:各要素リセット・基本設定
	[02]:リンク
	[03]:ページ共通
	[04]:ヘッダ
	[05]:ナビゲーション
	[06]:タイトル
	[07]:indexコンテンツ
	[00]:フッタ
	
======================================================== */



/* ========================================================
	[01]:各要素リセット・設定 
======================================================== */

/* * {
	margin:0px;
	padding:0px;
} */

body {
	background-color:#EBF3E3;
	color:#666;
	font-family:"ＭＳ Ｐゴシック",Osaka, MS UI Gothic, sans-serif;
	font-size:12px;
	/* line-height:150%; */
	padding: 0px;
	text-align:center;
	margin: 0px;
}

h1,h2,h3,h4,h5{
	padding: 0px;
	margin: 0px;
}
p{
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
}

img{
	border: 0px;
}



/* ========================================================
	[02]:リンク 
======================================================== */

a:link{
	color:#967D63; text-decoration:underline;
}
a:visited{
	color:#967D63; text-decoration:underline;
}
a:hover{
	color:#f60; text-decoration:none;
}
a:active{
	color:#967D63; text-decoration:none;
}

/* ========================================================
	[03]:ページ共通
======================================================== */

.clear {
	clear:both;
	font-size: 1px;
}


/* clearfix */

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

*:first-child+html .clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE6/IE Mac */

.width{
	
}

.contents_body {
	width:768px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/contents_shadow.gif);
	background-repeat: repeat-y;
	padding: 0px;
}

.contents{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url(../img/contents_bg.gif);
	background-repeat: repeat-y;
}

.content_body {
	width:493px;
	float:right;
	margin:15px 0px 0px 0px;
}

.side {
	width:224px;
	float:left;
	margin:0px;
}

.leftbanner{
	width: 224px;
	padding:0px;
	margin :0px;
}

.leftbanner ul{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.leftbanner li{
	list-style: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.orange {
	color:#c60;
	font-weight:bold;
}

/*見出し*/


/* ========================================================
	[04]:ヘッダー
======================================================== */
.top_line {
	width: 768px;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 0px 0px 0px;
	background: url(../img/top_line.gif) no-repeat;
	text-align: right;
	font-size: 10px;
	line-height:10px;
}

.header{
	width: 760px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(../img/header_bg.gif) no-repeat;
	font-size: 1px;
}

.logo a{
	width: 162px;
	/* height: 82px; */
	background: url(../img/logo.gif) no-repeat;
	float: left;
	margin: /* 30 */10px 0px 0px 45px;
	padding: 0px 0px 90px 0px;
	font-size: 1px;
	text-indent: -5555px;
}
.logo {
	background: url(../img/logo.gif) no-repeat;
}



/* ========================================================
	[05]:ナビゲーション
======================================================== */

.net {
	width:740px;
	height:20px;
	margin:0px auto;
	padding:0px;
	text-align:right;
}

.navi{
	width: 506px;
	margin: /* -23 */3px 4px 0px 0px;
	padding: 0px 4px 0px 0px;
	float: right;
}

.navi ul{
	margin: 0px;
	padding: 0px;
}

.navi li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -5555px;
	font-size: 1px;
	float: left;
}


.navi01 a{
	width: 127px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi01.gif) no-repeat;
}
.navi01 a:hover{
	background: url(../img/navi01_on.gif) no-repeat;
}
.navi01 {
	background: url(../img/navi01.gif) no-repeat;
}

.navi02 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi02.gif) no-repeat;
}
.navi02 a:hover{
	background: url(../img/navi02_on.gif) no-repeat;
}
.navi0 {
	background: url(../img/navi02.gif) no-repeat;
}

.navi03 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi03.gif) no-repeat;
}
.navi03 a:hover{
	background: url(../img/navi03_on.gif) no-repeat;
}
.navi03 {
	background: url(../img/navi03.gif) no-repeat;
}
.navi04 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi04.gif) no-repeat;
}
.navi04 a:hover{
	background: url(../img/navi04_on.gif) no-repeat;
}
.navi04 {
	background: url(../img/navi04.gif) no-repeat;
}
.navi05 a{
	width: 127px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi05.gif) no-repeat;
}
.navi05 a:hover{
	background: url(../img/navi05_on.gif) no-repeat;
}
.navi05 {
	background: url(../img/navi05.gif) no-repeat;
}
.navi06 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi06.gif) no-repeat;
}
.navi06 a:hover{
	background: url(../img/navi06_on.gif) no-repeat;
}
.navi06 {
	background: url(../img/navi06.gif) no-repeat;
}
.navi07 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi07.gif) no-repeat;
}
.navi07 a:hover{
	background: url(../img/navi07_on.gif) no-repeat;
}
.navi07 {
	background: url(../img/navi07.gif) no-repeat;
}
.navi08 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi08.gif) no-repeat;
}
.navi08 a:hover{
	background: url(../img/navi08_on.gif) no-repeat;
}
.navi08 {
	background: url(../img/navi08.gif) no-repeat;
}
.navi09 a{
	width: 126px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../img/navi09.gif) no-repeat;
}
.navi09 a:hover{
	background: url(../img/navi09_on.gif) no-repeat;
}
.navi09 {
	background: url(../img/navi09.gif) no-repeat;
}
/* ========================================================
	[06]:タイトル
======================================================== */


.title_menu {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_menu.gif) no-repeat 0% 0%;
}

.title_style {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_style.gif) no-repeat 0% 0%;
}

.title_salon {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_salon.gif) no-repeat 0% 0%;
}

.title_com {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_com.gif) no-repeat 0% 0%;
}

.title_exte {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_exte.gif) no-repeat 0% 0%;
}

.title_refo {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_refo.gif) no-repeat 0% 0%;
}

.title_digi {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_digi.gif) no-repeat 0% 0%;
}

.title_hair {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_hair.gif) no-repeat 0% 0%;
}
.title_link {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_link.gif) no-repeat 0% 0%;
}

.title_esthe {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_esthe.gif) no-repeat 0% 0%;
}

.title_staff {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_staff.gif) no-repeat 0% 0%;
}

.title_reserve {
	width:224px;
	height:350px;
	text-indent:-8874px;
	background:url(../img/title_res.gif) no-repeat 0% 0%;
}


/* ========================================================
	[07]:indexコンテンツ
======================================================== */
.index_contents{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: url(../img/contents_bg.gif) no-repeat top left;
	clear: both;
}

.index_contents_leftBG {
	background: url("../img/side_bg01.gif") repeat-y 0px 0px;
	margin:0px 16px;
	width:728px;
}

.index_contents_leftBottom {
	margin:0px;
	width:728px;
	background:url("../img/side_bg02.gif") 0% 100% no-repeat;
/*	border:1px #ccc solid; */
}

.mainvisual{
	margin-left:auto;
	margin-right: auto;
	padding: 0px;
	width: 750px;
	height: 375px;
}

.index_middle{
	width: 760px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/index_middle_bg.gif) repeat-y;
	padding: 0px;
	clear: both;
}

.index_leftbanner{
	float: left;
	width: 232px;
	padding:0px;
	margin :10px 0px 0px 0px;
}

.index_leftbanner.add1130{
	margin-top: 0;
	padding-top: 10px;
	width: 240px;
	background: url("../img/index_leftbanner-bg.gif") no-repeat left top;
}

.index_leftbanner ul{
	width:198px;
	padding: 0px;
	margin: 5px 0px 0px 26px;
}

.index_leftbanner li{
	list-style: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.index_leftbanner li.blog{
	margin: 0;
	height: 43px;
}
.index_leftbanner li.stylist{
	margin: 0;
	height: 47px;
}

.index_middleinfo{
	width: 330px;
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.index_middleinfo p{
	line-height: 130%;
	padding-left: 10px;
}

.index_middleinfo ul{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-align: left;
}

.index_middleinfo li{
	list-style: none;
	background: url(../img/list01.gif) no-repeat left;
	margin: 0px;
	padding: 3px 0px 0px 15px;
	line-height: 120%;
	text-align: left;
}

.index_bt{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

.index_besthair{
	width: 142px;
	height: 207px;
	margin: 15px 0px 0px 15px;
	padding: 45px 0px 0px 0px;
	background: url(../img/best_hair.gif) no-repeat;
	float: left;
}
.index_besthair.bt{
	float: right;
	margin: 5px 7px 0px 0px;
}

.index_besthair .flash_bt{
	float: right;
	clear: both;
	margin: 20px 0px 0px 0px;
}
.index_besthair2{
	width: 142px;
	height: 207px;
	margin: 15px 0px 0px 15px;
	padding: 45px 0px 0px 0px;
	background: url(../img/best_hair2.gif) no-repeat;
	float: left;
}
.index_besthair2.bt{
	float: right;
	margin: 5px 7px 0px 0px;
}

.index_besthair2 .flash_bt{
	float: right;
	clear: both;
	margin: 20px 0px 0px 0px;
}



.index_besthair3{
	width: 142px;
	height: 220px;
	margin: 15px 0px 0px 15px;
	padding-top: 15px;
	background: url(../img/best_hair3.gif) no-repeat;
	float: left;
}
.index_besthair3.bt{
	float: right;
	margin: 5px 7px 0px 0px;
}

.index_besthair3 .flash_bt{
	float: right;
	clear: both;
	margin: 20px 0px 0px 0px;
}




.campbt{
	width: 319px;
	height: 68px;
	clear: both;
	margin: 0px auto 0px;
	padding: 17px 0px 0px 0px;
}

.okyakubt{
	width: 319px;
	height: 68px;
	clear: both;
	margin: 0px auto 0px;
	padding: 17px 0px ;
}



/*  QR  */
#qr{
	width:145px;
	height:235px;
	margin:15px 0px 0px 15px;
	background: url(../img/qr_bg.gif) no-repeat;
	float:left;
	text-align:left;
}
#qr dl, #qr dl dt {
	margin:0px;
	}
#qr dl dd {
	margin:0px 15px;
	text-align:left;
	}

#qr_index {
	margin:15px 0px 0px 15px;
	width:145px;
	float:left;
	text-align:left;
}

#qr_index dl {
	width:143px;
}

#qr_index dt {
	height: 24px;
}

#qr_index dd,
#qr_index ul,
#qr_index li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#qr_index dd {
	border: 1px solid #cfcfcf;
	border-top: none;
}

#qr_index ul {
	padding: 5px;
}

#qr_index li {
	margin-bottom: 5px;
	padding-left: 20px;
}

#qr_index li.mobile {
	background: url("../img/icon_mobile.png") no-repeat left top;
}

#qr_index li.qr {
	background: url("../img/icon_qr.png") no-repeat left top;
}

#qr_index li.blog {
	background: url("../img/icon_blog.png") no-repeat left top;
}



/* ========================================================
	[08]:表 
======================================================== */



/* ========================================================
	[00]:フッタ
======================================================== */
.index_bottom_contents{
	width: 768px;
	height: 43px;
	background: url(../img/index_contents_bottom.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	clear:both;
}


.footerBox {
	width:760px;
	height:20px;
	margin: 2px auto 10px;
}

.copyright{
/* 	width: 232px; */
/* 	height: 14px; */
	margin: 0px auto;
	padding: 0px;
/* 	background: url(../img/copyright.gif) no-repeat 0% 0%; */
/* 	text-indent: -7777px;*/
	font-size: 10px; 
	float:left;
	text-align:left;
}

.entrance {
	width:249px;
	height:20px;
	float:right;
}

.entrance a {
	width:249px;
	height:20px;
	background:url("/img/entrance2.gif") 0% 0% no-repeat;
	display:block;
	text-indent:-8874px;
}

.i_blog{
	width:249px;
	height:22px;
	float:right;
	padding-top:2px;
}


.i_voice{
	width:250px;
	height:21px;
	float:right;
	padding-top:1px;
}



a.bt_link{
	width:63px;
	height:14px;
	background:url(../img/bt_link.gif) no-repeat 0px 0px;
	text-indent:-5555px;
	text-decoration:none;
	display:block;
	margin-left:5px;
	float:left;
}
a:hover.bt_link {
	background:url(../img/bt_link.gif) no-repeat 0px -14px;
	text-decoration:none;
}


a.bt_words{
	width:90px;
	height:14px;
	
	background:url(../img/bt_words.gif) no-repeat 0px 0px;
	text-indent:-5555px;
	text-decoration:none;
	display:block;
	margin-left:5px;
	float:left;
}
a:hover.bt_words {
	background:url(../img/bt_words.gif) no-repeat 0px -14px;
	text-decoration:none;
}

a.bt_com{
	width:63px;
	height:14px;
	background:url(../img/bt_com.gif) no-repeat 0px 0px;
	text-indent:-5555px;
	text-decoration:none;
	display:block;
	float:left;
}
a:hover.bt_com {
	background:url(../img/bt_com.gif) no-repeat 0px -14px;
	text-decoration:none;
}


/*-----2010-3-5-----*/
.bn_24{
	display:block;
	width:224px;
	height:86px;
	margin:0;
	padding:0;
}
/*-----2010-3-5-----*/