/* --- common style ---------------------------------------------------- */

* {
	margin:0px;
	border:none;
	padding:0px;
	font-size:12px;
	line-height:1.5;
}

h1,h2,h3,h4,h5,h6 {
	font-size:10px;
	font-weight:lighter;
}

ul {
	list-style:none;
}

table,
table tr,
table tr th,
table tr td {
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
}

a {color: #B4824D; text-decoration:none;}
a:hover {color: #B4824D; text-decoration:underline;}



/* --- site layout ----------------------------------------------------------- */

body {
	text-align:center;
	background:#FCF7F4;
	color:#666666;
}

div#layout {
	width:818px;
	background: url(../img/main_bg.jpg) repeat-y;
	text-align:center;
	margin-top:5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#layout div#header {
	position:relative;
	width:818px;
	height:411px;
	margin:20px 0 auto;
	text-align:left;
	font-size:10px;
}

.index {background: url(../img/main.jpg) 0 6px;}
.shop { background: url(../img/shop.jpg) 0 6px;}
.shop02 { background: url(../img/shop2.jpg) 0 6px;}
.greeting { background: url(../img/greeting.jpg) 0 6px;}
.access { background: url(../img/access.jpg) 0 6px;}
.body { background: url(../img/body.jpg) 0 6px;}
.celev { background: url(../img/celev.jpg) 0 6px;}
.facial { background: url(../img/facial.jpg) 0 6px;}
.makeup { background: url(../img/makeup.jpg) 0 6px;}
.matsuge { background: url(../img/matsuge.jpg) 0 6px;}
.blide { background: url(../img/blide.jpg) 0 6px;}
.foundation { background: url(../img/foundation.jpg) 0 6px;}
.care { background: url(../img/care.jpg) 0 6px;}
.oil { background: url(../img/oil.jpg) 0 6px;}


div#layout div#header div.header_bg {
	background:url(../img/header_bg.jpg) no-repeat;
	height:8px;
	text-indent:-9999px;
}

div#layout div#wrapper {
	overflow:hidden;
	margin:0 auto;
	text-align:left;
}

div#wrapper div#main {
	float:left;
	display:inline;
	width:600px;
	padding:0 0 0 0;
}

div#wrapper div#navi {
	float:left;
	display:inline;
	width:180px;
	padding:0 0 0 0;
	text-align:left;
}

div#layout div#footer {
	clear:both;
	width:818px;
	margin:10px auto 0 auto;
	text-align:center;
	font-size:10px;
	background:url(../img/footer_bg.jpg) no-repeat bottom;
}


/* --- header ---------------------------------------------------------------- */

div#header h1 {
	position:absolute;
	left:0;
	top:-18px;
	width:818px;
	height:18px;
	font-weight:bolder;
	font-size:12px;
	background:url(../img/main_bg02.jpg) repeat-y ;
}

*html div#header h1 {
	position:absolute;
	left:0;
	top:-21px;
	width:818px;
	height:23px;
	font-weight:bolder;
	font-size:12px;
	background:url(../img/main_bg02.jpg) repeat-y ;
}

*+html div#header h1 {
	position:absolute;
	left:0;
	top:-21px;
	width:818px;
	height:23px;
	font-weight:bolder;
	font-size:12px;
	background:url(../img/main_bg02.jpg) repeat-y ;
}


div#header #h2{
	position:absolute;
	left:0;
	top:0;
	width:600px;
	height:20px;
	line-height:20px;
	color:#0066CC;
	text-indent:-9999px;
}

div#header #index{
	position:absolute;
	left:270px;
	top:297px;
	width:326px;
	height:91px;
	line-height:20px;
	color:#0066CC;
}

div#header p#sitemap {
	position:absolute;
	left:600px;
	top:0;
	width:200px;
	height:20px;
	line-height:20px;
	text-align:right;
}

div#header p#sitemap a {
	font-size:10px;
}


div#header p#banner_01 {
	position:absolute;
	left:472px;
	top:73px;
	width:320px;
	height:80px;
}

div#header p#to_index a {
	position:absolute;
	left:0px;
	top:20px;
	width:250px;
	height:171px;
	z-index:10;
}

p#h_banner a {
	position:absolute;
	left: 16px;
	top: 201px;
	width: 234px;
	height: 208px;
	margin:0px;
	text-indent:-9999px;
	background:url(../img/main_banner01.jpg) no-repeat;
}

p#h_banner02 a {
	position:absolute;
	left: 544px;
	top: 9px;
	width: 263px;
	height: 150px;
	margin:0px;
	text-indent:-9999px;
	background: url(../img/main_banner02.jpg) no-repeat;
}


/* --- wrapper --------------------------------------------------------------- */



/* --- navi ------------------------------------------------------------------ */

div#navi {
	background:url(../img/f_bg.jpg) repeat-y;
	width:200px;
}

div#navi div#menu {
	text-align:left;
	width:192px;
}

div#navi div#menu ul {
	margin-bottom:10px;
}



div#navi div#menu ul li {
	width:192px;
}

ul.menubg01 {
	
	background:url(../img/menubg_01.jpg) no-repeat;
	padding-top:30px;
	padding-bottom:5px;
}

ul.menubg02 {
	background:url(../img/menubg_02.jpg) no-repeat;
	padding-top:29px;
	padding-bottom:5px;
}

ul.menubg03 {
	background:url(../img/menubg_03.jpg) no-repeat;
	padding-top:30px;
	padding-bottom:5px;
}

div#navi div#menu ul li a {
	display:block;
	height:25px;
	background:url(../img/menu_list_01.jpg) 0px 45px;
	text-indent:-9999px;
}


div#navi div#menu ul li a.menu01:hover {background:url(../img/menu_01.jpg) 4px 0}
div#navi div#menu ul li a.menu02:hover {background:url(../img/menu_0202.jpg) 4px 0}
div#navi div#menu ul li a.menu03:hover {background:url(../img/menu_03.jpg) 4px 0}
div#navi div#menu ul li a.menu004:hover {background:url(../img/menu_04.jpg) 4px 0}
div#navi div#menu ul li a.menu04:hover {background:url(../img/menu_05.jpg) 4px 0}
div#navi div#menu ul li a.menu05:hover {background:url(../img/menu_06.jpg) 4px 0}
div#navi div#menu ul li a.menu06:hover {background:url(../img/menu_07.jpg) 4px 0}
div#navi div#menu ul li a.menu07:hover {background:url(../img/menu_08.jpg) 4px 0}
div#navi div#menu ul li a.menu08:hover {background:url(../img/menu_09.jpg) 4px 0}
div#navi div#menu ul li a.menu09:hover {background:url(../img/menu_10.jpg) 4px 0}
div#navi div#menu ul li a.menu10:hover {background:url(../img/menu_11.jpg) 4px 0}
div#navi div#menu ul li a.menu11:hover {background:url(../img/menu_12.jpg) 4px 0}
div#navi div#menu ul li a.menu12:hover {background:url(../img/menu_13.jpg) 4px 0}
div#navi div#menu ul li a.menu13:hover {background:url(../img/menu_14.jpg) 4px 0}



div#navi div#menu ul li ul {
	width:125px;
	padding:0;
	margin:10px 0 0 0;
}

div#navi div#menu ul li ul li {
	margin:0 0 5px 0;
}

div#navi div#menu ul li ul li a {
	display:block;
	width:120px;
	height:32px;
	margin-left:0px;
	padding-left:20px;
	background: url(../img/sub01.jpg) no-repeat 0px -45px;
}

div#navi div#menu ul li ul li a:hover { background: url(../img/sub01.jpg) no-repeat px 0px; color:#FFFFFF;}

div#navi div#menu ul li ul li a {
	height:32px;
	line-height:14px;
	margin-left:14px;
}

div#navi div#banner {
	margin:0 0 20px 10px;
	width:160px;
	text-align:center;
}

div#navi div#banner p {
	margin:0 0 10px 0;
}

div#navi div#banner img {

}

div#rss {
	text-align:center;
}

div#rss img {
	margin:0 10px;
}




/* --- footer ---------------------------------------------------------------- */


div#footer dl {
	overflow:hidden;
	width:800px;
	margin:5px auto 0 auto;
	border-top:1px solid #E4BC96;
	text-align:center;
	color:#B4824D;
}

div#footer dl dt {
	display:inline;
	margin:0 10px 0 0;
	color:#B4824D;
}

div#footer dl dd {
	display:none;
}

div#footer p {
	overflow:hidden;
	width:800px;
	height:30px;
	margin:0px auto;
	text-align:center;
}


/* --- sitemap ---------------------------------------------------------------- */

div#main dl#naka_sitemap {
	margin:0 0 20px 20px;
}

div#main dl#naka_sitemap dt {
	margin:0 0 10px 0;
}

div#main dl#naka_sitemap dd {
	margin:0 0 20px 20px;
}





/* --- main ------------------------------------------------------------------ */


div#main div#main_top {
	width:545px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}



p.index01 {
	margin:20px 10px;
}

dl.pickup {
	float:left;
	width:269px;
	height:156px;
	margin:0;
	position:relative;
}

.pt01 {	background: url(../img/pick01.jpg) no-repeat;}
.pt02 {	background: url(../img/pick02.jpg) no-repeat;}
.pt03 {	background: url(../img/pick03.jpg) no-repeat;}
.pt04 {	background: url(../img/pick04.jpg) no-repeat;}

.pt01 a:hover {background:url(../img/pick01_roll.jpg) no-repeat;}
.pt02 a:hover {background:url(../img/pick02_roll.jpg) no-repeat;}
.pt03 a:hover {background:url(../img/pick03_roll.jpg) no-repeat;}
.pt04 a:hover {background:url(../img/pick04_roll.jpg) no-repeat;
                left:0px;}

dl.pickup dt a {
	position:absolute;
	width: 271px;
	height: 114px;
	text-indent:-9999px;
}

.top_01  {
  width: 515px;
	border:#EBA9BA solid 4px;
	margin:2px 2px 2px 2px;
	background:#FEF0E9;
  margin-left:15px;
	}


h4.h4_01 {
	width:525px;
	background:url(../img/h4_01.jpg) no-repeat;
	text-indent:35px;
	color:#990000;
	font-size:16px;
	font-weight:bold;
	line-height:37px;
	margin-left:10px;
}

dl.pickup dd p{
	font-size:12px;
	position:absolute;
	left: 7px;
	top: 112px;
	width: 239px;
	height: 30px;
}


dl.pickup02 {
	float:left;
	width:537px;
	height:106px;
	margin:0 0 5px 0;
	position:relative;
}

dl.pickup02 dt a {
	position:absolute;
	width: 537px;
	height: 114px;
	text-indent:-9999px;
	left: -3px;
}

.center {
	text-align:center;
}


dl.pickup02 dd p{
	font-size:12px;
	position:absolute;
	left: 264px;
	top: 36px;
	width: 259px;
	height: 61px;
}

dl.pickup02 dd {
}

div.coment {
	border:#EBA9BA solid 4px;
	margin:2px 2px 2px 2px;
	background:#FEF0E9;
}

div.coment h4 {
	background:url(../img/h4_02.jpg) no-repeat;
	line-height:32px;
	text-indent:40px;
	font-size:14px;
	color:#990000;
}

div.coment h5 {
	font-weight:bold;
	color:#D03161;
	margin:10px 10px 5px 10px;
	font-size:14px;
}

.price {
	color:#CC0000;
	font-weight:bold;
	}

div.coment img {
	margin:5px;
	border:#993333 solid 1px;
}

.right {
	float:right;
}

div#main div#main_naka {
	overflow:hidden;
	width:584px;
	height:auto;
}

div#main_naka h3 {
	background: url(../img/main_naka.jpg) no-repeat;
	width:584px;
	height:158px;
	line-height:158px;
	font-size:28px;
	color:#FF9900;
	text-indent:20px;
}

div#main_naka h4 {
	background: url(../img/h3.jpg) no-repeat;
	line-height:42px;
	height:42px;
	font-size:25px;
	color:#ffffff;
	text-indent:20px;
	margin:20px 5px 5px 5px;
}

.top_h3{font-weight:bold; font-size:130%;}

.top_h4{font-weight:bold; font-size:120%; padding-bottom:0;}

.mT5{margin-top:5px;}

.mT10{margin-top:10px;}

div#main_naka h5 {
	background: url(../img/h4.jpg) no-repeat;
	line-height:38px;
	height:38px;
	font-size:20px;
	font-weight:bold;
	color: #0066CC;
	text-indent:40px;
	margin:5px;
	clear:both;
}

h3.h3_normal {
	background:url(../img/h3_type01.jpg) no-repeat;
	line-height:45px;
	color:#993333;
	font-size:18px;
	text-indent:40px;
}

div#main_naka img.nomg {
	margin:0px;
}


div#main_naka p {
	margin:10px;
}

.clear {
	clear:both;
}

a.pagetop {
	clear:both;
	float:right;
	display:block;
	width:120px;
	height:35px;
	margin:10px;
	background: url(../img/pagetop.jpg) no-repeat;
	text-indent:-9999px;
}

div#main_naka ul {
	list-style:inside disc;
}

div#main_naka ul li {
	margin-left:20px;
}

dl.faq {
	background:url(../img/faq.jpg) no-repeat;
	margin:10px 10px;
}

dl.faq dt {
	margin-left:35px;
	font-size:14px;
	line-height:48px;
	height:48px;
	color:#1F517A;
	font-weight:bold;
}

dl.faq dd {
	margin-left:55px;
	font-size:12px;
	line-height:22px;
	color: #333333;
}

table.company {
	width:530px;
	margin:10px 0 10px 10px ;
	border: #91174E solid 1px;
}

table.center tr td {
	text-align:center;
}

table.company tr th {
	width:30%;
	background:url(../img/th.jpg) repeat-x #CA5666;
	border: #91174E solid 1px;
	padding:5px;
	color:#FFFFFF;
}

table.company tr td {
	background:#FFFFFF;
	border: #91174E solid 1px;
	padding:5px;
}


table.company02 {
	width:260px;
	margin:10px 0 10px 10px ;
	border: #91174E solid 1px;
}

table.company02 tr th {
	width:30%;
	background:url(../img/th.jpg) repeat-x #CA5666;
	border: #91174E solid 1px;
	color:#FFFFFF;
}

table.company02 tr td {
	background:#FFFFFF;
	border: #91174E solid 1px;
}

div#main_naka img {
	border:2px #D7F8FB solid;
	float:right;
	margin:10px;
	margin-top:10px;
}

form input {
	border:#666666 1px solid;
	padding:0;
}

form select {
	border:#666666 1px solid;
	padding:0px;
	width:150px;
}

form textarea {
	border:#666666 1px solid;
	padding:0 5px;
}

div.submit01 input {
	margin:10px;
}

dl.jirei {
	background:url(../img/jirei_bg.jpg) no-repeat;
	width:259px;
	border:1px #3568B6 solid;
	margin:10px;
	float:left;
}

dl.jirei dt img {
	margin:5px;
	border:2px #3568B6 solid;
}

dl.jirei dt {
	width:239px;
	margin:5px;
}

dl.jirei dd {
	width:239px;
	margin:5px;
}


table.example{
	width:560px;
	padding:3px;
	border-collapse:separate;
	border:1px solid #0066CC;
	margin:10px;
	background:url(../img/bg_table_01.jpg) repeat-y right;
	text-align:left;
}

table.example tr th{
	width:100px;
	border:#FFFFFF 1px solid;
	border-collapse:separate;
	text-align:left;
}

table.example tr td{
	border:#FFFFFF 1px solid;
	border-collapse:separate;
	text-align:left;
}

table.example th.ex_title {
	width:560px;
	padding:3px;
	text-align:left;
	background:none;
	font-weight:bold;
	color:#0066CC;
}

table.example td.ex_img {
	padding:3px;
	text-align:center;
	text-align:left;
}

table.example tr.color_ff9900 td {
	padding:3px;
	background:#3568B6;
	text-align:left;
}

table.example tr.color_ffbb33 td {
	padding:3px;
	background:#8FBCBC;
	text-align:left;
}

table.example tr.color_ff9900 th {
	padding:3px;
	background:#3568B6;
	text-align:left;
}

table.example tr.color_ffbb33 th {
	padding:3px;
	background:#8FBCBC;
	text-align:left;
}

table.example tr.color_ff9900 th,
table.example tr.color_ffbb33 th {
	width:60px;
	padding:3px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
}

table.example tr.color_ff9900 td,
table.example tr.color_ffbb33 td {
	padding:3px;
	text-align:left;
	font-size:10px;
	color:#ffffff;
	text-align:left;
}

td.noback {
	background:#FFFFFF;
	width:230px;
	padding:5px;
	text-align:left;
}

table.jirei02 {
	width:250px;
	float:right;
	margin-left:10px;
}

table.jirei02 tr th {
	width:30%;
	border:1px solid #0066CC;
	color: #0066CC;
	padding:5px;
	background:url(../img/th_bg.jpg) no-repeat #F2FFFF;
}

table.jirei02 tr td {
	border:1px solid #0066CC;
	padding:5px;
}

table.inc {
	margin:10px 0 ;
	padding:0px;
}

h3.coupon {
	background:url(../img/h3_05.jpg) no-repeat;
	height:35px;
	text-indent:-9999px;
}

p {
	margin-left:10px;
	margin-right:10px;
}

ul#estemenu {
	background:url(../img/este_menu_bg.jpg) no-repeat;
	width:537px;
	height:49px;
}

ul#estemenu li {
	float:left;
}

ul#estemenu li a {
	display:block;
	text-indent:-9999px;
}


ul#estemenu li.list01 a {
	width:134px;
	height:49px;

}

ul#estemenu li.list02 a {
	width:137px;
	height:49px;

}

ul#estemenu li.list03 a {
	width:105px;
	height:49px;

}

ul#estemenu li.list04 a {
	width:161px;
	height:49px;

}






ul#schoolmenu {
	background:url(../img/school_menu_bg.jpg) no-repeat;
	width:537px;
	height:49px;
}

ul#schoolmenu li {
	float:left;
}

ul#schoolmenu li a {
	display:block;
	text-indent:-9999px;
}


ul#schoolmenu li.list01 a {
	width:112px;
	height:49px;

}

ul#schoolmenu li.list02 a {
	width:83px;
	height:49px;

}

ul#schoolmenu li.list03 a {
	width:95px;
	height:49px;

}

ul#schoolmenu li.list04 a {
	width:117px;
	height:49px;

}

ul#schoolmenu li.list05 a {
	width:127px;
	height:49px;

}

ul#schoolmenu li.list01 a:hover { background:url(../img/school_menu_01.jpg) no-repeat;}
ul#schoolmenu li.list02 a:hover {	background: url(../img/school_menu_02.jpg) no-repeat;}
ul#schoolmenu li.list03 a:hover { background:url(../img/school_menu_03.jpg) no-repeat;}
ul#schoolmenu li.list04 a:hover { background:url(../img/school_menu_04.jpg) no-repeat;}
ul#schoolmenu li.list05 a:hover { background:url(../img/school_menu_05.jpg) no-repeat;}


ul#estemenu li.list01 a:hover {	background:url(../img/este_menu01.jpg) no-repeat;}
ul#estemenu li.list02 a:hover {	background:url(../img/este_menu02.jpg) no-repeat;}
ul#estemenu li.list03 a:hover {	background:url(../img/este_menu03.jpg) no-repeat;}
ul#estemenu li.list04 a:hover {	background:url(../img/este_menu04.jpg) no-repeat;}

table.price_hyo {
	margin:10px;
}

table.price_hyo tr td {
	padding:5px;
}

table.ba {
	margin:10px;
}

table.ba tr td {
	padding:5px;
	text-align:center;
}


#map{
	float: left;
	background-image:url(../img/map.jpg) no-repeat ;
	}

#fax p a{
	display:block;
	text-indent:-9999px;
	margin: 10px 30px;
	width: 200px;
	height: 50px;
	background-image:url(../img/fax.jpg);
	}
	

/* --- common parts ---------------------------------------------------------- */



ul.menubg0101 {
	
	background:url(../img/menubg_0101.jpg) no-repeat;
	padding-top:30px;
	padding-bottom:5px;
}

#pop{
	text-align: center;

	height: 800px;
	background-color: #FDC9B3;
}

.matuge{
	font-weight:bold;
	font-size:large;}
	
div.kirakira{
	z-index:50;
}	

.ban_contact{margin-left:3px; margin-top:20px;}


