@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #666666      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 44sÙࡦw                        */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #0000FF      */
/*    a:Visited Color - Light Gray    #0000FF      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 52sÙࡦw                        */
/*============NAVI COLOR SCHEME-END================*/

/*============tHgTCY=======================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============tHgTCY-END===================*/



/*---------- 02  Container -----------*/


body {
	background: url(../images/body-bg.gif) center repeat-y;
	margin-left:3px;
	text-align:center;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	}

/*--#main {}*/

#content {
	width: 530px;
	float: right;
	display:inline;
	margin:10px 13px 0 12px;
	font-size:12px;
	height:auto;
}

#navi{
	width: 203px;
	float: left;
	margin:0;
	display:inline;
	font-size:12px;
	background:url(../images/navi-bg.gif)  repeat-y;
}

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

table{
	width:580px;
	margin:0 auto;
}
*html table{margin:0 10px;}
/*---------- 03  Header -----------*/

#header{
	margin-top:20px;
	position:relative;
	height:80px;
	background:url(../images/header.jpg) no-repeat; 
}

#header h1{
	font-size:1.0em;
	position:absolute;
	left: 10px;
	top: -17px;
}


#header h2 a{
	position:absolute;
	top: 0px;
	background: url(../images/site-title.jpg) 0 0 no-repeat;
	display:block;
	width:480px;
	height:80px;
	text-decoration:none;
	text-indent:-9999px;
}

/*---------- 04  HeaderImg -----------*/

#header-img{
	width:760px;
	height:206px;
	background:url(../images/header-img.jpg) no-repeat;
}

#header-img p {
	text-indent:-9999px;
}

#header-img2 {
	width:760px;
	height:90px;
	background:url(../images/header-img2.jpg) no-repeat;
}

#header-img2 p {
	text-indent:-9999px;
}

#header-img3 {
	width:760px;
	height:90px;
	background:url(../images/header-img3.jpg) no-repeat;
}

#header-img3 p {
	text-indent:-9999px;
}

#header-img4 {
	width:760px;
	height:90px;
	background:url(../images/header-img4.jpg) no-repeat;
}

#header-img4 p {
	text-indent:-9999px;
}

#header-img5 {
	width:760px;
	height:90px;
	background:url(../images/header-img5.jpg) no-repeat;
}

#header-img5 p {
	text-indent:-9999px;
}

#header-img6 {
	width:760px;
	height:90px;
	background:url(../images/header-img6.jpg) no-repeat;
}

#header-img6 p {
	text-indent:-9999px;
}

#header-img7 {
	width:760px;
	height:90px;
	background:url(../images/header-img7.jpg) no-repeat;
}

#header-img7 p {
	text-indent:-9999px;
}

#header-img8 {
	width:760px;
	height:90px;
	background:url(../images/header-img8.jpg) no-repeat;
}

#header-img8 p {
	text-indent:-9999px;
}

#header-img9 {
	width:760px;
	height:90px;
	background:url(../images/header-img9.jpg) no-repeat;
}

#header-img9 p {
	text-indent:-9999px;
}


#header #tel a{	
	background:url(../images/tel.jpg) 0 0 no-repeat;
	position:absolute;
	top: 0px;
	left: 497px;
	display:block;
	width:250px;
	height:54px;
	outline:none;
	line-height:20px;
	text-indent:-9999px;
}

#header #header-list{
	position:absolute;
	width:250px;
	height:25px;
	left: 529px;
	top: 59px;
}
#header #header-list li{
	float:left;
	margin-right:2px;
	line-height:18px;
	text-indent:10px;
}

#header #header-list li a{
	border-right:1px solid #5d3b1f;
	padding:0 10px 0 0px;
	font-size:12px;
}

#lline {
	border-left:1px solid #5d3b1f;
	padding-left:5px;
	line-height:10px;
}

/*---------- 05  Navi -----------*/


#navi ul li a{
	display:block;
	font-size:10px;
	text-decoration:none;
}

*html #navi ul li a{
	display:block;
	font-size:9px;
	text-decoration:none;
}

*:first-child+html #navi ul li a{
	display:block;
	font-size:9px;
	text-decoration:none;
}

#navi ul {
	margin-left:9px;
}

.menu1 {
	width:180px;
	height:52px;
	background:url(../images/menu_title1.jpg) no-repeat;
	margin-top:10px;
	text-indent:-9999px;
}

.menu2 {
	width:180px;
	height:52px;
	background:url(../images/menu_title2.jpg) no-repeat;
	margin-top:10px;
	text-indent:-9999px;
}

.menu3 {
	width:180px;
	height:52px;
	background:url(../images/menu_title3.jpg) no-repeat;
	margin-top:10px;
	text-indent:-9999px;
}

.menu4 {
	width:180px;
	height:52px;
	background:url(../images/menu_title4.jpg) no-repeat;
	margin-top:10px;
	text-indent:-9999px;
}

.menu5 {
	width:180px;
	height:52px;
	background:url(../images/menu_title5.jpg) no-repeat;
	margin-top:10px;
	text-indent:-9999px;
}

.menu_back {
	width:180px;
	height:30px;
	background:url(../images/menu_back.jpg) no-repeat;
	margin:0;
}

.menu_back a{
	width:180px;
	height:30px;
	text-indent:25px;
	text-decoration:none;
}

.menu_bottom {
	width:180px;
	height:35px;
	background:url(../images/menu_back2.jpg) no-repeat;
	margin:0;
}

.menu_bottom a{
	width:180px;
	height:35px;
	text-indent:25px;
	text-decoration:none;
}

#navi-banner{
	text-indent:-9999px;
	width:180px;
	height:93px;
	margin-top:10px;
	margin-left:10px;
	background:url(../images/pre_banner.jpg) no-repeat;
}
#navi-banner a{
	width:180px;
	height:93px;
	display:block;
	text-decoration:none;
}

#navi-banner2{
	text-indent:-9999px;
	width:180px;
	height:90px;
	background:url(../images/bridal_banner.jpg) no-repeat;
	margin-top:10px;
	margin-left:10px;
}
#navi-banner2 a{
	width:180px;
	height:93px;
	display:block;
	text-decoration:none;
}

#navi-banner3{
	text-indent:-9999px;
	width:169px;
	height:90px;
	background:url(../images/bn_1.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}
#navi-banner3 a{
	width:169px;
	height:90px;
	display:block;
	text-decoration:none;
}

#navi-banner4{
	text-indent:-9999px;
	width:169px;
	height:90px;
	background:url(../images/bn_2.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}
#navi-banner4 a{
	width:169px;
	height:90px;
	display:block;
	text-decoration:none;
}

#navi-banner5{
	text-indent:-9999px;
	width:170px;
	height:90px;
	background:url(../images/bn_3.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}
#navi-banner5 a{
	width:170px;
	height:90px;
	display:block;
	text-decoration:none;
}

#navi-banner6{
	text-indent:-9999px;
	width:170px;
	height:90px;
	background:url(../images/bn_4.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}
#navi-banner6 a{
	width:170px;
	height:90px;
	display:block;
	text-decoration:none;
}

#navi-banner7{
	text-indent:-9999px;
	width:170px;
	height:90px;
	background:url(../images/bn_5.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}
#navi-banner7 a{
	width:170px;
	height:90px;
	display:block;
	text-decoration:none;
}

#navi-banner8{
	text-indent:-9999px;
	width:170px;
	height:90px;
	background:url(../images/qr.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}

#navi-banner8 {
	width:170px;
	height:90px;
	display:block;
	text-decoration:none;
}

#navi-banner9{
	text-indent:-9999px;
	width:170px;
	height:96px;
	background:url(../images/job.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}

#navi-banner9 a{
	width:170px;
	height:96px;
	display:block;
	text-decoration:none;
}

#navi-banner10{
	text-indent:-9999px;
	width:170px;
	height:96px;
	background:url(../images/bn_7.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}

#navi-banner10 a{
	width:170px;
	height:96px;
	display:block;
	text-decoration:none;
}

#navi-banner11{
	text-indent:-9999px;
	width:170px;
	height:150px;
	background:url(../images/bn_consulting.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}
#navi-banner11 a{
	width:169px;
	height:150px;
	display:block;
	text-decoration:none;
}

#navi-banner12{
	text-indent:-9999px;
	width:170px;
	height:96px;
	background:url(../images/bn_8.jpg) no-repeat;
	margin-top:10px;
	margin-left:15px;
}

#navi-banner12 a{
	width:170px;
	height:96px;
	display:block;
	text-decoration:none;
}

/*---------- 06  content -----------*/

.section {
	width:530px;
	height:91px;
	background:url(../images/cam_bana.jpg) no-repeat;
	margin-bottom:10px;
}

.section p {
	width:531px;
	height:91px;
	text-indent:-9999px;
}

.section2 {
	width:530px;
	height:238px;
	background:url(../images/content_1.jpg) no-repeat;
	margin-bottom:10px;
	position:relative;
}

.section2 p{
	width:239px;
	height:50px;
	position:absolute;
	top:66px;
	left:246px;
	color:#FFFFFF;
}

.section2 .link {
	width:210px;
	height:23px;
	position:absolute;
	top:150px;
	left:246px;
	background:url(../images/link.jpg) no-repeat;
}

.section2 .link a {
	width:210px;
	height:23px;
	text-indent:30px;
	display:block;
	color:#FFFFFF;
	line-height:23px;
}

.section2 .link2 {
	width:210px;
	height:23px;
	position:absolute;
	top:180px;
	left:246px;
	background:url(../images/link.jpg) no-repeat;
}

.section2 .link2 a {
	width:210px;
	height:23px;
	text-indent:30px;
	display:block;
	color:#FFFFFF;
	line-height:23px;
}

.section3 {
	width:530px;
	height:238px;
	background:url(../images/content_2.jpg) no-repeat;
	margin-bottom:10px;
	position:relative;
}

.section3 p{
	width:239px;
	height:50px;
	position:absolute;
	top:66px;
	left:246px;
	color:#FFFFFF;
}

.section3 .link {
	width:210px;
	height:23px;
	position:absolute;
	top:150px;
	left:246px;
	background:url(../images/link.jpg) no-repeat;
}

.section3 .link a {
	width:210px;
	height:23px;
	text-indent:30px;
	display:block;
	color:#FFFFFF;
	line-height:23px;
}

.section3 .link2 {
	width:210px;
	height:23px;
	position:absolute;
	top:180px;
	left:246px;
	background:url(../images/link.jpg) no-repeat;
}

.section3 .link2 a {
	width:210px;
	height:23px;
	text-indent:30px;
	display:block;
	color:#FFFFFF;
	line-height:23px;
}

.section4 {
	width:530px;
	height:238px;
	background:url(../images/content_3.jpg) no-repeat;
	margin-bottom:10px;
	position:relative;
}

.section4 p{
	width:239px;
	height:50px;
	position:absolute;
	top:68px;
	left:246px;
	color:#FFFFFF;
}

.section4 .link {
	width:210px;
	height:23px;
	position:absolute;
	top:150px;
	left:246px;
	background:url(../images/link.jpg) no-repeat;
}

.section4 .link a {
	width:210px;
	height:23px;
	text-indent:30px;
	display:block;
	color:#FFFFFF;
	line-height:23px;
}

.section4 .link2 {
	width:210px;
	height:23px;
	position:absolute;
	top:180px;
	left:246px;
	background:url(../images/link.jpg) no-repeat;
}

.section4 .link2 a {
	width:210px;
	height:23px;
	text-indent:30px;
	display:block;
	color:#FFFFFF;
	line-height:23px;
}

.section5 {
	width:530px;
	height:80px;
	margin-bottom:10px;
}

.salon {
	width:253px;
	height:80px;
	float:left;
	margin-right:24px;
	background:url(../images/salon.jpg) no-repeat;
}

.salon a{
	width:253px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.staff {
	width:253px;
	height:80px;
	float:left;
	background:url(../images/staff.jpg) no-repeat;
}

.staff a{
	width:253px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.section6 {
	width:530px;
	height:220px;
	background:url(../images/map.jpg) no-repeat;
	position:relative;
	margin-bottom:10px;
}

.section6 .map2 a{
	width:139px;
	height:33px;
	display:block;
	background:url(../images/map_click.jpg) no-repeat;
	position:absolute;
	left: 32px;
	top: 167px;
	text-indent:-9999px;
}

.section6 .reservation2 a{
	width:279px;
	height:34px;
	background:url(../images/reservation2.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	left: 212px;
	top: 90px;
}

.section6 .reservation2 a:hover{
	width:279px;
	height:34px;
	background:url(../images/reservation2_ol.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	left: 212px;
	top: 90px;
}


#content h3{
  color:#5A473D;
	font-weight:bold;
	padding:5px 0 10px 38px;
	margin:0 0 5px 0;
	background:url(../images/lower_h5bg.gif) left top no-repeat;
  }

#content h4{
	font-size: 16px;
}

#content p{
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	ﾍ呆両端ﾉＸﾅ・--*/
}

#content table{
	font-size:1.0em;
}

#content table,
#content table tr,
#content table td,
#content table th{
	border:1px solid #999999;
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#content table th{
	font-weight:bold;
	background:#cccccc;
	color:#FFFFFF;
	padding:5px;
}
#content table td{
	padding:5px;
}
#content .pagetop{
	width:100px;
	height:18px;
	background:url(../images/page.jpg) no-repeat;
	float:right;
	margin: 0 0 10px 0;
}

#content .pagetop a {
	width:100px;
	height:18px;
	display:block;
	text-indent:-9999px;
}

/*---------- 07  Footer -----------*/

#footer {
	clear: both;
	margin:0;
	font-size:9px;
	color:#FFFFFF;
	text-align: center;
	}

#footer ul { 
	line-height:6px;
	list-style: none;
	margin: 0px 0;
	}

#footer li {
	font-size:1.0em;
	display: inline;
	line-height:14px;
	}

#footer li a{
	margin:0 5px;
	color:#FFFFFF;
}

address {
	text-align:center;
	font-size:10px;
	padding-top:28px;
}

#banner {
	margin:10px auto;
	width:355px;
	height:96px;
}


*html #banner {
	margin:0 0 10px 202px;
	width:380px;
	height:96px;
}

#map {
	text-indent:-9999px;
}

#pagetop {
	text-indent:-9999px;
}

/*---------- 02  greeting -----------*/

.title_01 {
	width:530px;
	height:40px;
	background:url(../images/title_01.jpg) no-repeat;
}

.title_01 p {
	text-indent:20px;
	color:#FFFFFF;
	padding:10px 0;
	font-weight:600;
	letter-spacing:1px;
}

* html .title_01 p {
	text-indent:20px;
	color:#FFFFFF;
	padding:5px 0;
	font-weight:600;
	letter-spacing:1px;
}

.pre {
	width:530px;
	height:400px;
	background:url(../images/pre.jpg) no-repeat;
	margin-bottom:10px;
}

.section7 p{
margin-top:20px;
margin-left:10px;
width:500px;
height:300px;
}

/*---------- 03  staff -----------*/

.section8 {
	width:510px;
	margin:10px 10px;
	border-bottom:1px #330000 dashed;	
}

.flr_img {
	width:100px;
	height:100px;
	float:right;
	margin:10px 10px 10px 10px;
}

.fll_img {
	float:left;
	margin:10px 15px 10px 5px;
}

.pad_10 {
	padding:10px;
}

.beta_img {
	float:right;
	margin:10px 10px 10px 10px;
}


/*---------- 04  salon -----------*/
.section9 {
	width:530px;
	height:550px;	
}

.section9 p{
	padding:10px;
}

.about_back {
	width:530px;
	height:125px;
	background:url(../images/about_back.jpg) no-repeat;
	margin:10px 0;
}

* html .about_back {
	width:510px;
	height:120px;
	background:url(../images/about_back2.jpg) no-repeat;
	margin:10px 0;
}

.about_back p{
	padding:40px 0 40px 60px;
	text-align:center;
}

* html .about_back p{
	padding:40px 0 40px 50px;
	text-align:center;
}




.map {
	background:url(../images/map_2.jpg) no-repeat;
	float:left;
	width:200px;
	height:219px;
	position:relative;
	top:0;
	left:0;
}

.map p {
	width:139px;
	height:33px;
	background:url(../images/map_click.jpg) no-repeat;
	position:absolute;
	outline:0;
	left: 30px;
	top: 180px;
}

.map p a{
	width:139px;
	height:33px;
	display:block;
	text-indent:-9999px;
}

.bana_ol a{
	background:url(../images/reservation.jpg) no-repeat;
	width:225px;
	height:39px;
	display:block;
	text-indent:-9999px;
}

.bana_ol a:hover{
	background:url(../images/reservation_ol.jpg) no-repeat;
	width:225px;
	height:39px;
	display:block;
	text-indent:-9999px;
}

#index .news{
	padding:0 15px;
	width:500px;
	margin-bottom:10px;
}

.mb10 {
	margin-bottom:10px;
}

/*---------- 05  course -----------*/

#course table {
	margin:0 auto;
}

/*---------- 06  index -----------*/

#recruit_bana {
	width:530px;
	height:50px;
	margin-bottom:10px;
}

#recruit_bana a {
	background:url(../images/recruit_bana.jpg) 0 0 no-repeat;
	width:530px;
	height:50px;
	display:block;
	text-indent:-9999px;
}

#recruit_bana a:hover {
	background:url(../images/recruit_bana.jpg) 0 -50px no-repeat;
	width:530px;
	height:50px;
	display:block;
}

/*---------- voice -----------*/

.section9 {
	width:510px;
	margin:10px 10px;
	border-bottom:1px #330000 dashed;
	clear:both;	
}

.inTxt{margin:10px 21px 10px 19px;}
.inTxt2{margin:10px 21px 10px 19px;}

* html .inTxt2{margin:5px 10px 5px 10px;}

.box {
	clear:both;
	margin:10px 21px 10px 19px;	
}

.fl_box {
	width:190px;
	float:left;
	margin:10px 0 0 10px;
}

.fr_box {
	width:300px;
	float:right;
}
/*
.fr_box p{
	text-decoration:underline;
}
*/

.fr {
	float:right;
	clear:both;
}

.name{
	color:#bf3846;
	font-weight:600;
}

.box_line {
	width:500px;
	height:300px;
	margin:10px 0;
	border:1px dashed #FFCCFF;
}

.mt20 {
	margin-top:20px;
}

ul.linkC{padding:0 0 5px 0px;}

ul.linkC li{margin:10px 20px 10px 0px;display:inline;}

ul.linkC li a{
	padding:1px 0 3px 30px;
	height:50px;
	background:url(../images/guidline_li.gif) left top no-repeat;
	display:inline;
	font-weight:bold;
}

* html ul.linkC li a{
	padding:1px 0 3px 30px;
	height:25px;
	background:url(../images/guidline_li.gif) left top no-repeat;
	display:inline;
	font-weight:bold;
}

.r_txt01 {
	text-align:right;
	color:#5d3b1f;
}


/*---------- Price -----------*/
#price .section8 { border: none; clear: both; }

.price_list { margin: 0 0 10px 0; clear: both; }

.price_list table {
  width: 500px;
	margin: 0;
	color: #333;
	}

#content .price_list table td{
  padding: 5px 8px 5px 8px;
	}
td.cellLL,
td.cellL01 {
	width:400px;
	color:#5A473D;
	background:#F4EFEC;
  }

td.cellR{
	text-align:right;
	background:#FFFFFF;
	width:75px;
	}

td.cellMM{
	color:#5A473D;
	background:#F4EFEC;}


.price_list .imageR2{
	margin:35px 0 0 5px;
	float:right;}

.tabel03 td.cellL01 .txt_l{
	width:300px;
	background:#F4EFEC;}
	
	
/*---------- eyelash -----------*/

.eyepage .mb10 { margin-bottom: 10px; }

.eyepage table.eyelash_menu { width: 480px; }

.text_b { font-weight: bold; }
.alpha { float: left; }
.beta { float: right; }
#content .tac p { text-align: center; }

#content p.t_comment {
  text-align: right;
	color: #990000;
	font-weight: bold;
	margin-right:10px;
	}
.eyepage .point .alpha { margin-right: 5px; }

.eyepage .point_bg {
  border: 1px solid #C6C6C6;
	padding: 5px;
	width: 235px;
	margin-top: 10px;
	height: 140px;
	}
.eyepage .point_bg .title { margin-bottom: 5px; }

* html .eyepage .point_bg { width: 240px; }

.eyepage .link_area { float: left; width: 520px; }
.eyepage .link_area .clearfix { margin: 15px 0; padding: 0 0 0 10px; }
.eyepage .link_area p { float: left; margin-right: 2px; }


.eyepage .eyelash_style { float: left; width: 500px; margin-bottom: 10px; }
.eyepage .eyelash_style div { width: 160px; }
.eyepage .eyelash_style .alpha { margin-right: 8px; }
.eyepage .eyelash_style .text { margin: 5px 0 ;}

.eyepage .faq_area { margin-top: 10px; }
.eyepage .faq_area dt {
  background: url(../images/q_bg.jpg) 0 -3px no-repeat;
	padding-left: 35px;
	border-bottom: 1px dotted #AA915E;
	line-height: 1.8;
	padding-bottom: 3px;
	margin-bottom: 5px;
	}
.eyepage .faq_area dd {
  background: url(../images/a_bg.jpg) 0 -1px no-repeat;
	padding-left: 35px;
	margin-bottom: 15px;
	line-height: 1.7;
	}

.eyepage table.eyelash_menu td.cellL01{ width:350px; }

.eyepage .section8 {
	width:510px;
	margin:10px;
	border-bottom:0;	
}

.eyepage .curl .alpha { margin-right: 15px; }


/*---------- eyelash_curl -----------*/

#curl .title {
 color:#5A473D;
	width:480px;
	font-weight:bold;
	padding:5px 0 10px 38px;
	background:url(../images/lower_title.gif) left top no-repeat;
}

.mt20 { margin-top: 20px; }

#curl table.curl_menu { width: 480px; } 

#curl .section8 {
	width:510px;
	margin:10px;
	border-bottom:0;	
}