@charset "shift_jis";


/* Structure Module
---------------------------------------*/
body{
	margin:0px;
	padding:0px;
	background:url(../../images/common/body_back.gif) repeat-x top;
	font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",verdana,arial,sans-serif;
	font-size:12px;
	color:#555555;
	text-align:center;
	line-height:1.5;
}

hr{
	width:750px;
	margin:0px 25px;
	clear:both;
	height:1px;
	border:none;
	color:#cccccc;
	background-color:#cccccc;
}

/* Text Module
---------------------------------------*/
h1{
	margin:0px 0px 20px 0px;
	padding:0px;
}

h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
}

em,address{
	font-style:normal;
}


/* Hypertext Module
---------------------------------------*/
a{
	text-decoration: none;
}

a:link,a:visited{
	color:#7b1c39;
}

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


/* Image Module
---------------------------------------*/
img {
	border:0px;
}

/* List Module
---------------------------------------*/
ul,dl,dt,dd{
	margin:0px;
	padding:0px;
}

li{
	list-style:none;
}

ol{
	margin:30px 0px 0px 0px;
	padding:0px;
}

ol li{
	color:#663333;
	margin-bottom:10px;
}

ol li.no1{
	background:url(../../images/common/tip/no1.gif) no-repeat left 3px;
	padding-left:25px;
}

ol li.no2{
	background:url(../../images/common/tip/no2.gif) no-repeat left 3px;
	padding-left:25px;
}

ol li.no3{
	background:url(../../images/common/tip/no3.gif) no-repeat left 3px;
	padding-left:25px;
}

ol li.no4{
	background:url(../../images/common/tip/no4.gif) no-repeat left 3px;
	padding-left:25px;
}

ol li.no5{
	background:url(../../images/common/tip/no5.gif) no-repeat left 3px;
	padding-left:25px;
}


/* Table Module
-----------------------------------------------------------------------------------------*/
table{
	clear:both;
	margin:0px 25px 45px 25px;
	width: 750px;
	}
	
caption{
	border-top:1px solid #cccccc;
	text-align:left;
	padding:18px 0px 14px 0px;
	width:750px;
}

/* firefox only */
caption:not(\*) { 
	margin:0px 25px;
}

caption em{
	font-weight:bold;
	margin-right:15px;
	font-size:18px;
}

table strong{
	font-weight:normal;
	color:#ff0000;
}

th,td{
	font-weight:normal;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	vertical-align:top;
}

{
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}


thead th{
	height:19px;
	background:url(../../images/common/title_back.gif) repeat-x;
	text-align:center;
	color:#ffffff;
	padding:5px;
}


tfoot td{
	text-align:center;
	background-color:#eecccc;
	font-size:10px;
	padding:10px;
}

/* stripe */
.even{
	background-color:#f7e3e3;
}

.odd{
	background-color:#fdf4f4;
}

/* Forms Module
---------------------------------------*/
input,textarea,select{
	padding: 3px;
	color: #555;
	font-size: 10px;
	border: 1px solid #ff9999;
	background: #ffffff;
	vertical-align:middle;
	margin-right:5px;
}

textarea{
	width: 380px;
}

button{
	padding: 3px 20px;
	color: #ffffff;
	font-size: 12px;
	border: 3px solid #cc9999;
	background: #822327;
}

button:hover {
	border: 3px solid #f63;
	background: #600;
}

/* layout
---------------------------------------*/
#wrapper{
	margin:0px auto;
	width: 970px;
}

#header{
	margin:0px auto;
	width: 970px;
	height:100px;
	text-align:left;
}

#headline{
	text-align:right;
	margin:-75px 85px 0px 0px;
	font-size:10px;
}

#navi{
	margin:0px 75px;
	width: 798px;
	height:37px;
	overflow:hidden;
	background:url(../../images/common/menu_back.png) no-repeat center;
	padding:6px 11px 0px 11px;
}

* html #navi{ 
	behavior: expression(IEPNGFIX.fix(this)); 
}

#navi li{
	float:left;
}


#container{
	width: 820px;
	margin:0px 75px;
	background:url(../../images/common/container_back.png) repeat-y center;
	text-align:left;
}

* html #container{ 
	behavior: expression(IEPNGFIX.fix(this)); 
}


#content{
	width: 800px;
	background:url(../../images/common/content_back.gif) no-repeat center bottom;
	padding:0px 10px 30px 10px;
	display:inline-block;
}

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

#main{
	border:1px solid #ffffff;
}

/* menu */
#menu{
	width:798px;
	border:1px solid #ffffff;
	z-index: 100;
	position: relative;
	display:inline-block;
}

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

#menu ul {
	position: absolute;
	top: -9999px;
	left: 0px;
}


#menu li{
	float:left;
	position: relative;
}

#menu li a{
	display:block;
	height:66px;
	color:#333333;
	padding:8px 10px 0px 70px;
}

#menu li em{
	display:block;
	font-weight:bold;
}

#menu li.face a{
	width:120px;
	background:url(../../images/common/menu/b-face.jpg) no-repeat;
}

#menu li.body a{
	width:119px;
	background:url(../../images/common/menu/b-body.jpg) no-repeat;
}

#menu li.heal a{
	width:118px;
	background:url(../../images/common/menu/b-heal.jpg) no-repeat;
}

#menu li.bridal a{
	width:121px;
	background:url(../../images/common/menu/b-bridal.jpg) no-repeat;
}

#menu li a:hover{
	text-decoration:none;
}

#menu li.face a:hover{
	background:url(../../images/common/menu/b-face.jpg) no-repeat left -74px;
}

#menu li.body a:hover{
	background:url(../../images/common/menu/b-body.jpg) no-repeat left -74px;
}

#menu li.heal a:hover{
	background:url(../../images/common/menu/b-heal.jpg) no-repeat left -74px;
}

#menu li.bridal a:hover{
	background:url(../../images/common/menu/b-bridal.jpg) no-repeat left -74px;
}

/* dropdown menu */
#menu li:hover ul,#menu li.sfHover ul{
  top: 74px;
  font-weight:bold;
  text-align:center;
  line-height:1.8;
}

#menu li.face:hover ul,#menu li.sfHover ul.faceIn{
	border-bottom:2px solid #6fcef2;
}

#menu li.body:hover ul,#menu li.sfHover ul.bodyIn{
	border-bottom:2px solid #da587a;
}

#menu li.face:hover ul.faceIn li a,#menu li.sfHover ul.faceIn li a{
	color:#53b3d8;
	background:url(../../images/common/menu/menu_back.gif) repeat-x;
	width:200px;
}

#menu li.body:hover ul.bodyIn li a,#menu li.sfHover ul.bodyIn li a{
	color:#d04f6c;
	background:url(../../images/common/menu/menu_back.gif) repeat-x;
	width:199px;
}

#menu li.face:hover ul.faceIn li a:hover,#menu li.sfHover ul.faceIn li a:hover{
	background:none #fff9e6;
}

#menu li.body:hover ul.bodyIn li a:hover,#menu li.sfHover ul.bodyIn li a:hover{
	background:none #fff9e6;
}

#menu ul li {
	float: none;
}

#menu ul li a, #menu ul li a:link,#menu ul li a:active, #menu ul li a:visited {
	display: block;
	height:22px;
	padding:0px;
	text-decoration: none;
}

/* 2column */
.leftside {
	float:left;
	display:inline;
	margin:27px 26px 20px 25px;
	width:362px;
}
	
.rightside {
	float:right;
	display:inline;
	margin:27px 25px 20px 0px;
	width:362px;
}

.leftside2 {
	float:left;
	display:inline;
	margin:27px 26px 20px 25px;
	width:240px;
}
	
.rightside2 {
	float:right;
	display:inline;
	margin:27px 25px 20px 0px;
	width:484px;
}

.leftside3 {
	float:left;
	display:inline;
	margin:27px 26px 20px 25px;
	width:300px;
}
	
.rightside3 {
	float:right;
	display:inline;
	margin:27px 25px 20px 0px;
	width:424px;
}

.leftside4 {
	clear:both;
	float:left;
	display:inline;
	margin:27px 26px 20px 25px;
	width:420px;
}
	
.rightside4 {
	float:right;
	display:inline;
	margin:27px 25px 20px 0px;
	width:300px;
}

.leftside5 {
	clear:both;
	float:left;
	display:inline;
	margin:27px 26px 20px 25px;
	width:750px;
}


.leftside p,.rightside p,.leftside2 p,.rightside2 p,.leftside5 P{
	margin-bottom:20px;
}


#footer{
	margin-top:20px;
}

#footer li{
	display:inline;
	white-space: nowrap;
	padding-left: 10px;
	margin-right: 10px;
	font-size:10px;
	border-left:1px solid #cccccc;
}

#footer li.footerhome{
	border-left:none;
}

#footer address{
	margin:10px 0px 30px 0px;
	color:#7b1c39;
}

#footer address span{
	font-size:10px;
	color:#333333;
}

#footer address img{
	vertical-align:middle;
}

#copyright{
	padding-top:15px;
	background:url(../../images/common/footer_back.gif) repeat-x bottom;
}	

/* layout [index]
---------------------------------------*/
#side_link{
	display:inline-block;
}

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

#side_link p{
	width:175px;
}

.b_link{
	font-size:10px;
	color:#7b1c39;
	margin-bottom:20px;
}

.b_link a{
	display:block;
	border:1px solid #b43500;
}

.b_link a:hover{
	border:1px solid #f99;
}

#news{
	width: 362px;  
	overflow: hidden;  
}

#news dl{
	margin:5px 0px;
}

#news dt{
	float:left;
	width:85px;
	background:url(../../images/common/tip/list.gif) no-repeat left 14px;
	padding: 10px 0px 10px 15px; 
	color:#7b1c39; 
}

#news dd {
	padding: 10px 0px;  
}

/* layout [plicy]
---------------------------------------*/
#depend{
	border:1px solid #993333;
	margin:30px 0px 0px 0px;
	padding-bottom:6px;
	background:url(../../images/index/depend_back.gif) no-repeat bottom;
}

#depend h2{
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	background:url(../../images/common/title_back.gif) repeat-x;
	margin:4px 4px 15px 4px;
	padding:5px;
}

#depend li{
	background:url(../../images/common/tip/list2.gif) no-repeat left 3px;
	padding-left:20px;
	margin:0px 20px 10px 20px;
	color:#ff8433;
}


/* layout [price]
---------------------------------------*/
.price tbody td{
	font-size:12px;
	padding:5px;
}

.price tbody th{
	font-size:12px;
	padding:5px;
	color:#663333;
}



.t-name{
	width:316px;
}

.t-time{
	width:65px;
}

.t-price{
	width:65px;
}

.t-effect{
	width:300px;
}

.pricetd{
	text-align:right;
	color: #663333;
}

/* layout [reserve]
---------------------------------------*/
#reserve th{
	padding:10px 10px 10px 30px;
	width:210px;
}

#reserve tr.even th{
	background:url(../../images/common/tip/list3.gif) no-repeat 13px 17px #f7e3e3;
}

#reserve tr.odd th{
	background:url(../../images/common/tip/list3.gif) no-repeat 13px 17px #fdf4f4;
}

#reserve td{
	padding:10px;
	font-size:10px;
	width:478px;
}

#reserve-form em{
	color:#822327;
}

/* layout [faq]
---------------------------------------*/
#faq div div div div{
	background:url(../../images/faq/faq_back.gif);
	width:700px;
	margin:0px 25px 25px 25px;
	padding:25px 25px 10px 25px;
}

#faq h1{
	margin:25px 0px 30px 25px;
}

#faq h2{
	font-size:14px;
	margin-bottom:10px;
}

#faq dt{
	background:url(../../images/faq/q.gif) no-repeat left 20px;
	padding:20px 0px 20px 30px;
	color:#663333;
	font-weight:bold;
}

#faq dd{
	background:url(../../images/faq/a.gif) no-repeat left 3px;
	padding:0px 0px 20px 30px;
	border-bottom:solid 1px #cccccc;
}

#faq dd.noborder{
	border-bottom:none;
}

/* layout [face]
---------------------------------------*/
#facemenu{
	margin:20px 0px 20px 25px;
	display:inline-block;
}

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

#facemenu li{
	float:left;
	margin:0px 25px 30px 0px;
	display:inline;
	width:233px;
}

#facemenu li img{
	margin-bottom:10px;
}


/* layout [course]
---------------------------------------*/
#course h1{
	margin:20px 25px 0px 25px;
	background:url(../../images/common/tip/border.gif) repeat-x left 33px;
}

#course h1 em{
	font-size:12px;
	line-height:0;
	vertical-align:super;
}

.osusume{
	border:1px solid #993333;
	background:url(../../images/index/depend_back.gif) no-repeat bottom;
	padding:18px;
}

.osusume ol{
	margin:20px 0px 10px 0px;
}

.process{
	clear:both;
	margin-left:25px;
}

.process p{
	padding:7px 0px 5px 15px;
	background:url(../../images/common/process_back.gif) no-repeat left;
}

.process ol{
	display:inline-block;
	margin:20px 0px 30px 0px;
}

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


.process li{
	width:145px;
	float:left;
	margin-right:6px;
	margin-bottom:10px;
	font-size:10px;
}

.process li em{
	display:block;
	font-size:12px;
	margin:5px 0px 5px 0px;
}

/* layout [guide]
---------------------------------------*/
#guide iframe{
	border:0px;
	height:353px;
	width:424px;
	margin-bottom:25px;
}

#guide h1{
	margin:25px 25px 30px 25px;
	padding:0px;
	line-height:0;
}

#guide h2{
	font-size:12px;
	color:#996633;
	margin:0px 0px 20px 25px;
}

#guide h2 img{
	vertical-align:middle;
	margin-right:15px;
}

.tel{
	margin:0px 0px 0px 277px;
}

#guide dl{
	margin:0px 25px 0px 25px;
	border-top:1px solid #cccccc;
}

#guide dt{
	background:url(../../images/common/tip/list4.gif) no-repeat left 13px;
	float:left;
	padding:8px 8px 8px 20px;
	border-bottom:1px solid #cccccc;
	width:130px;
	color:#996633;
}

#guide dd{
	border-bottom:1px solid #cccccc;
	padding:8px;
}

/* layout [indiba]
---------------------------------------*/
.part{
	clear:both;
	display:inline-block;
	margin:0px 0px 25px 25px;
}

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


.part p{
	width:174px;
	float:left;
	margin-right:18px;
	font-size:10px;
}

.part p em{
	display:block;
	background:url(../../images/indiba/part_back.gif) no-repeat;
	height:22px;
	padding-top:5px;
	color:#ffffff;
	text-align:center;
	margin-bottom:10px;
	font-size:12px;
}

/* layout [cosmetic]
---------------------------------------*/
#cosme{
	display:inline-block;
	clear:both;
	margin-left:25px;
}

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

#cosme div{
	float:left;
	padding-right:25px;
	width:233px;
	padding-top:25px;
	border-top:1px solid #cccccc;
}

#cosme div.noline{
	padding-right:0px;
}

#cosme dl{
	margin-bottom:25px;
}

#cosme dt{
	text-align:center;
	background:url(../../images/cosmetic/back_cosme.gif) no-repeat bottom;
	height:22px;
	color:#ffffff;
	padding-top:6px;
}

#cosme dd.price{
	text-align:center;
	font-size:10px;
	color:#7b1c39;
	padding:8px 0px;
	background:url(../../images/cosmetic/line.gif) no-repeat bottom;
	margin-bottom:10px;
}



/* Images
---------------------------------------*/
.img{
	margin:0px 25px;
}

.imgtop{
	margin-bottom:25px;
}

.imgbottom{
	margin-top:25px;
}

.imgleft {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	}
.imgright {
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
	}

/* etc.
---------------------------------------*/
.line {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

ul.normal{
	margin-bottom: 20px;
}

.normal li{
	list-style-type:disc;
	margin-left:15px;
}

.number li{
	list-style-type:decimal;
	margin-left:24px;
	color:#555555;
}


p.topicpath{
	font-size:10px;
	background:url(../../images/common/topicpath_back.gif) repeat-x;
	height:28px;
	padding:5px 20px;
}

.topicpath a {
	margin-right: 13px;
	padding-right: 13px;
	background:url(../../images/common/topicpath.gif) no-repeat right;
}

#b-form{
	margin:-20px 0px 30px 25px;
}

/* coourse title */
.face em,#faq .face{
	color:#66ccff;
}

.body em,#faq .body{
	color:#da587a;
}

.heal em,#faq .heal{
	color:#a7df8b;
}

.bridal em,#faq .bridal{
	color:#fba76f;
}

.trouble em,.t-trouble{
	color:#996633;
}


.f_left{
	float:left;
}

.f_right{
	float:right;
}


.clearfix{
	display:inline-block;
}

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

.clear{
	clear:both;
}

p.minititle{
	padding:4px 15px;
	color:#7b1c39;
	border-left: 5px solid #f0e9b6;
	border-right: 1px solid #f0e9b6;
	background:url(../../images/common/process_back.gif) no-repeat left;
}
.minitext{
	font-size: 10px;
	color:#7b1c39;
	line-height: 1.8;
}