/* BODY
---------------------------------------------------- */

body {
	padding:0 ;
	margin:0 auto ;
	font-size:12px;
	font-family:メイリオ,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	line-height: 2em;
	color: #333333;
	background:#FFFFFF url(../image/bg_main.jpg) repeat-x scroll 0 0;
	text-align:center;
}
		
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {	display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
/* End hide from IE-mac */


/* H, TEXT
---------------------------------------------------- */

h1 {
	padding:0 ;
	margin:0 ;
	font-size:0 ;
	line-height:0 ;
}

h2 {
	padding:0 ;
	margin: 0 ;
	font-size:0 ;
	line-height:0 ;
}
	
h3 {
	padding:0 0 0 14px ;
	margin: 0 0 30px 0 ;
	font-size:0 ;
	line-height:0 ;
	border-left:4px solid #78933B;
}
	
h4 {
	margin:0 0 30px 0;
	padding:6px 0;
	font-size:18px ;
	color:#78933B;
	border-bottom:solid 1px #78933B ;
}
	
h5 {
	margin:0 0 15px 0;
	font-size:14px ;
	padding:0 0 0 5px;
	color:#78933B;
	border-left:solid 14px #78933B ;
	line-height:1em;
}
	
p {
	padding:0px;
	margin:0 0 15px 0;
}
	
em {
	font-style: normal;
	font-weight:bold ;
	color:#CC0000 ;
	margin:0 2px;
}

/* LINK
---------------------------------------------------- */
	
a {
	color:#4F462B;
	padding:0 ;
	margin:0;
	cursor: pointer; /* cursor: hand; for IE5 */
}

	
a:hover{ color:#DA4893; text-decoration:none; }
	
a:active{ color:#DA4893; }
	
a img { border:solid 2px #CBC9BC; cursor: pointer; /* cursor: hand; for IE5 */ }

a:hover img { border:solid 2px #DA4893; cursor: pointer; /* cursor: hand; for IE5 */ }
	
.btnlink {
	margin:10px 0 0 0;
	text-align:right;
	display:block;
	clear:both;
}

.btnlink a {
	background-color:#858376;
	font-size:9px;
	color:#FFFFFF;
	padding:3px 5px;
	text-decoration:none;
}

.btnlink a:hover {
	background-color:#DA4893;
	font-size:9px;
	color:#FFFFFF;
	padding:3px 5px;
}
	
.nextlink {
	margin:10px 0 0 0;
	text-align:right;

}
	
.nextlink a {
	background:url(../image/nextlink.gif) no-repeat left center;
	padding:2px 0 2px 25px;
}


/* IMG
---------------------------------------------------- */
	
img { margin:0; padding:0; }
	
.photo { border:solid 2px #CBC9BC; }
	
/* HR(DIV=HR)
---------------------------------------------------- */

hr { display:none ; }
	
.line01 {
	width:100% ;
	height:2px ;
	margin:15px 0;
	padding:0;
	background-image: url(../image/line01.gif);
}


/* DL - UL
---------------------------------------------------- */

dl {
	margin: 0;
	padding: 0;
}
		
dt {
	margin: 0;
	padding: 0;
}

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

ol {
	list-style-position:outside;
	margin:0 0 0 30px;
	padding:0;
}
	
ol li {
	list-style-position:outside;
	margin:0 0 5px 0;
	padding:0;
}
	
	
/* Common Item
---------------------------------------------------- */

.left { float:left; margin:0 19px 0 0 ; }

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

.read p { margin:20px 0; }
	
.disclaimer {
	font-size:10px;
	color:#666;
	line-height:1.6em;
	margin:0;
}

.table dl {
	margin: 0 0 30px 0;
	padding: 0;
	border-top: 1px #CCCCCC solid;
	clear:both;
}

.table dl dt {
	float: left;
	width: 12em;
	padding: 5px 10px;
	font-weight: bold;
	line-height: 1.8em;
	background-color:#F3F3F3;
}
	
.table dl dd {
	padding: 5px 0 5px 15em;
	border-bottom: 1px #CCCCCC solid;
	line-height: 1.8em;
	background-color:#FFF;
}
	
.yaji li {
	background:url(../image/nextlink.gif) no-repeat left 0.35em;
	padding:2px 0 2px 25px;
	list-style:none;
	list-style-position:outside;
	line-height:1.7em;
	margin-bottom:10px;
}
	
.list li {
	padding-left:2px;
	margin-left:14px;
	list-style: disc;
	list-style-position:outside;
	line-height:1.7em;
}

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

.infobox {
	border:solid 1px #CBC9BC;
	padding:15px;
	background-color:#F3F3F3;
	clear:both;
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .infobox { height: 1% }
.infobox { display: block; }
/* End hide from IE-mac */


.remarks:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.remarks {
	border:solid 1px #78933B;
	padding:15px;
	background-color:#F3F3F3;
	clear:both;
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .remarks { height: 1% }
.remarks { display: block; }
/* End hide from IE-mac */


/* Header
---------------------------------------------------- */

#flashcontent {
	height: 400px;
	txt-align:center;
	width:910px;
	margin:0;
	padding:0;
}

div#header {
	width: 100%;
	margin:0;
	padding:0 ;
}
	
div#header img { border: none ; }

#header .btnlink {
	clear:none;
	float:right;
	margin:-2px 0 0 0;
	padding:0;
}
	
div#head01 {
	width: 100%;
	height:72px;
	margin:18px 0 0 0 ;
	padding:0 auto;
}

div#head01 img {
	float:left;
}
	
div#tell {
	float:left;
	margin:0 20px 0 0 ;
	width:176px;
}
	
.copy {
	margin:0 83px 0 20px ;
}
	
div#head02 {
	margin-top:9px;
	padding:0;
	height:21px;
}
	
div#head-news {
	margin-top:5px;
	padding:0;
	height:25px;
}
	
.head-news-title{
	float:left;
	margin:4px 4px 0 0;
}

.head-news-btn{ float: right ; }


#top-news ul {
	list-style:none;
	margin:0;
	padding:0;
}

#top-news ul li { margin:4px 0; }
	

/* Header Navi
---------------------------------------------------- */

div#navi {
	height:40px ;
	float:right;
	margin:15px 0 20px 0;
	padding:0 ;
}

div#navi li {
	float:left;
	list-style:none;
	margin:0;
	padding:0 ;
}


/* Content Layout
---------------------------------------------------- */

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

div#conteiner {
	width:910px;
	margin:0 auto ;
	padding:0 0 20px 0 ;
	text-align:left;
	display: inline-block
} 
	
/* Hides from IE-mac |*/
* html div#conteiner { height: 1% }
div#conteiner { display: block; }
/* End hide from IE-mac */


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

div.content {
	width:910px;
	padding:0 ;
	clear:both ;
	padding:auto ;
	margin:0 auto;
	display: inline-block;
}

/* Hides from IE-mac |*/
* html div.content { height: 1% }
div.content { display: block; }
/* End hide from IE-mac */


div#content-main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
div#content-main {
	width:674px ;
	padding:20px 15px 0 0;
	float:left;
	display: inline-block;
}

/* Hides from IE-mac |*/
* html div#content-main { height: 1% }
div#content-main { display: block; }
/* End hide from IE-mac */

div.content-main-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.content-main-inner { display: inline-block; margin-bottom:30px; }

/* Hides from IE-mac |*/
* html div.content-main-inner { height: 1% }
div.content-main-inner { display: block; }
/* End hide from IE-mac */

div#side-navi {
	width:206px ;
	float:left ;
	padding:70px 0 0 15px;
}


/* Side-navi
---------------------------------------------------- */

.sidemenu {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
 	border-top:solid 1px #78933B;
}
	
.sidemenu a {
	background-color:#FFFFFF ;
	padding:10px ;
	display:block ;
	border-bottom:solid 1px #78933B;
	text-decoration:none;
}
	
.sidemenu a:hover {
	background-color:#78933B ;
	color:#FFFFFF;
	padding:10px ;
	display:block ;
	border-bottom:solid 1px #FFFFFF;
}
	
.sidemenu-select {
	background-color:#78933B ;
	color:#FFFFFF;
	padding:10px ;
	display:block ;
	border-bottom:solid 1px #FFFFFF;
	margin:0;
}
	
.sidemenu-select a {
	background-color:#78933B ;
	color:#FFFFFF;
	margin:0;
	padding:0 ;
}
	
.sidemenu-select a:hover  {
	margin:0;
	padding:0 ;
	border-bottom:solid 1px #78933B;
}

.recommend { margin:30px 0 0 0; }

.recommend p { margin:0 0 10px 0; color:#78933B; font-weight:bold; }


/* PR Layout
---------------------------------------------------- */	

div#pr-01 {
	width:344px;
	float:left;
	margin:0;
	padding:0 15px 0 0;
}

div#pr-02 {
	width:300px;
	float:left;
	margin:0;
	padding:0 15px;
}

div#pr-03 {
	width:206px;
	float:right;
	margin:0;
	padding:0 0 0 15px;
}

div#pr {
	background:url(../image/bg_top_bottom.jpg) repeat-x scroll 0 0;
	width:100%;
	padding-bottom:20px;
}

div#pr-inner {
	background:url(../../image/top_bottom_line.gif) repeat-y scroll 0 0;
	width:910px;
	margin:20px 0 0 0;
	text-align:left;
	display:inline-block;
}


/* PR item decoration
---------------------------------------------------- */

.rss a:hover img {
	border:none;
}

.rss img {
	border:none;
}

div#top-staff {
	background-image:url(../image/top_staff_bg.png);
	background-position:center top;
}

*:first-child+html div#top-staff {
	background-image:url(../image/top_staff_bg.png);
	background-position:0 10px;
}

div#top-staff dl {
	margin:0;
	clear:both;
}

div#top-staff dl dt {
	float:left;
	height:120px;
}

div#top-staff dl dd {
	float:right;
	width:210px;
	font-weight:bold;
	margin:0 0 0 10px;
}


*:first-child+html .rss-box {
	margin-top:-18px;
}

.rss-box ul {
	margin:0;
	clear:both;
}

.rss-box ul li {
	list-style:none ;
	margin:0;
}

.rss-item a {
	font-weight:bold;
	margin:0;
}

.rss-date {
	font-weight:normal;
	font-size:10px;
	margin:0;
	padding:0;
	color:#EB6BA4;
}

.kawashima {
	margin:0 0 18px 0;
	padding:4px 6px 0 6px;
	font-size:11px;
	line-height:1.8em;
}

*:first-child+html .kawashima {
	margin:15px 0 18px 0;
}


div#top-staff p {
	font-weight:normal;
	margin:0;
}

div#top-staff em {
	font-weight:normal;
	font-size:10px;
	float:right;
	margin:0;
	padding:0;
	color:#CC0000;
}

div#pr-02 dl {
	margin:0 0 15px 0;
	clear:both;
}

div#pr-02 dl dt {
	float:left;
	height:100px;
}

div#pr-02 dl dd {
	float:right;
	width:186px;
	font-weight:bold;
	margin:0 0 0 10px;
}

div#pr-02 p {
	font-weight:normal;
	margin:0;
}

div#pr-02 em {
	font-weight:normal;
	font-size:10px;
	float:right;
	margin:0;
	padding:0;
	color:#CC0000;
}

.bana { margin:0 0 15px 0 ; }

.top-title { margin:0 0 15px 0; }

#qrcord {
	border:1px solid #CBC9BC;
	padding:10px ;
	margin:0 ;
	line-height:1.4em;
}

#qrcord p {
	float:right;
	display:block;
	font-size:10px;
	width:90px;
}

#qrcord img {
	float:left;
	display:block;
	margin:0 10px 0 0;
}

#qrcord .btnlink {
	clear:none;
	float:right;
	margin:0;
}

		
/* Footter
---------------------------------------------------- */
	
div#footer {
	background:#78933B none repeat scroll 0 0;
	padding:5px 0 ;
	width:100% ;
	text-align:center ;
}
	
div.footer_inner {
	width:910px;
	text-align:right ;
	margin:0 auto;
	font-size:10px;
	color:#FFFFFF;
}
	
div#footer p { margin:0; padding:0; }

div.footer_inner a { color:#FFFFFF ; text-decoration:none; }
	
div.footer_inner a:hover { color:#FFFF00 ; }


/* News&Topics
---------------------------------------------------- */

.date {
	background-color: #78933B;
	font-size:10px ;
	color:#FFFFFF ;
	padding:0 3px ;
	margin:0 4px 0 0 ;
}

.new {
	background-color: #EB6BA4;
	font-size:10px ;
	color:#FFFFFF ;
	padding:0 3px ;
	margin:0 4px 0 0 ;
}

.news-thum {
	float:left;
	margin:0 10px 10px 0; 
	width:154px;
	height:154px;
}

.news-thum p {
	font-size:10px;
	line-height:1.5em;
	text-align:center;
	margin:0;
}


/* Contact
---------------------------------------------------- */

.contactform dl {
	margin: 0 0 30px 0;
	padding: 0;
	clear:both;
}

.contactform dl dt {
	float: left;
	width: 12em;
	padding: 15px 0;
	line-height: 1.8em;
}
	
.contactform dl dd {
	padding: 15px 0 15px 15em;
	border-bottom: 1px #CCCCCC solid;
	line-height: 1.8em;
	background-color:#FFF;
}

input,textarea {
	border: 1px solid #999;
	padding: 2px 4px;
	background: #FFF;
	margin-right:10px;
	font:12px "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.enter { text-align: center; margin-top:30px; }
	
.enter input {
	width: 140px;
	padding:10px;
	margin-left:10px;
	background-color:#FFF;
}

.enter input:hover {
	width: 140px;
	padding:10px;
	border: 1px solid #78933B;
	background-color:#78933B;
	color:#FFF;
	cursor: pointer; /* cursor: hand; for IE5 */
}

.error { color:#C00; }
.error:before { content: "エラー内容：" }


/* Treatment Menu
---------------------------------------------------- */

.unit-menu { margin-bottom:20px; }

.tmenu { width:430px; }


/* Salon
---------------------------------------------------- */
	
#map {
	width: 450px; 
	height: 300px; 
	margin: 10px 0 0 0; 
	font-size: 12px; 
	line-height: 1.3em; 
	text-align: center;
	border:solid 2px #CBC9BC;
	float:left;
}

.mapside { float:right; width:200px; margin: 10px 0 0 20px; }

.salontell { float:right; }

.salon-inner { margin-bottom:20px; width:100%; }


/* Original Products
---------------------------------------------------- */

.pho-cap p { text-align:center;	margin-top:5px;	line-height:1.4em; }

.cach { margin:30px 0; }

.press-txt { width:445px }

.press-pho { width:200px; margin-bottom:0; }

.product-txt { width:459px }

.product-pho { width:154px; margin-bottom:0; }

.product { clear:both; display:block; }

.menuname {
	margin:0;
	padding:5px 0 8px 8px;
	border-bottom:1px solid #999;
	clear:both;
	color:#666;
	font-size:14px;
	font-weight:normal;
	border-left:4px solid #EB6BA4;
}
	
.price {
	text-align:right;
	color:#78933B;
	line-height:1em;
	margin:10px 0 15px 0;
	border-right:4px solid #EB6BA4;
	padding-right:5px;
}

.product-bana { margin-bottom:20px; }

.product-bana img { margin-right:19px; float:left; }


.card dl {
	border:1px #78933B solid;
	padding:15px;
	float:left;
	margin-bottom:20px;
}

.card dt {
	border-bottom:1px solid #78933B;
	padding-bottom:5px;
	font-weight:bold;
	color:#EB6BA4;
}

.card dd { margin:10px 0 0 0; line-height:1.7em; }

.skin dl { height:200px; width:295px; }

.card-left { margin-right:20px; }


.kit-step { float:left; margin:0 11px 0 0; width:152px; font-size:11px; }

.kit-step p { margin:0; }


.unit-howto { width:100%; margin-bottom:30px; }

.howto-txt { float:right; margin:0; }

.kit { width:480px; }

.howto-txt dl { margin-bottom:20px; }

.howto-txt dt {
	border-bottom:1px solid #78933B;
	padding-bottom:5px;
	font-weight:bold;
	color:#666;
	font-size:14px;
}

.howto-txt dd { margin:10px 0 0 0; line-height:1.7em; padding:0 0 0 25px; }

.howto-txt img { margin:0 10px 0 0; float:left; }

.howto-img { float:left; }


/* School
---------------------------------------------------- */

.coursename {
	margin:0 0 15px 0;
	font-size:18px ;
	color:#EB6BA4;
	line-height:1.2em;
	padding:5px 0 8px 0;
	border-bottom:3px solid #CCC;
	border-left:0;
}

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

.school-box {
	display: inline-block;
	border:#CCC 1px solid;
	padding:20px;
}

/* Hides from IE-mac \*/
* html .school-box { height: 1% }
.school-box { display: block; }
/* End hide from IE-mac */


.school-box table {
	border-spacing:0;
	border-collapse:collapse;
	border-bottom:1px solid #CCC;
	display:table;
	table-layout:fixed;
	width:305px;
}

.school-box caption {
	background-color:#F3F3F3;
	text-align:left;
	font-weight:bold;
	padding: 5px 10px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}

.school-box th {
	border-top:1px #CCC solid;
	padding: 5px 10px;
	width:50px;
	background-color:#F3F3F3;
}

.school-box td {
	border-top:1px #CCC solid;
	padding: 5px 0 5px 10px;
	background-color:#FFF;
}


/* Reset
---------------------------------------------------- */

.last { margin-right:0; margin-left:0; }