@charset "utf-8";

/*--------------------------------------
	Style Name : Editorial Style Sheet

	Common Style
	Hypertext
	global-nav
	header
	content
		main-content
		sub-content
	footer
--------------------------------------*/


/*--------------------------------------
	body
--------------------------------------*/

body {
	margin: 0;
	padding: 0;
	/* for Opera8 */
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1;
	background-color:#ffffff;
	text-align: center;
}

* html body {
	/* for IE6 */
	font-size: 75%;
}

/*	Common Style
--------------------------------------*/

h1,
h2,
h3,
h4,
p,
ol,
ul,
dl,
table {
	margin-bottom: 1em;
}

/*--------------------------------------
	Block-level Elements
--------------------------------------*/

html,
div,
p,
li,
dl,
dt,
dd,
blockquote,
td,
form,
address {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

caption,
th {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

*:first-child+html body {
	/* for IE7 */
	font-size: 75%;
}

h1 {
	font-size: 150%;
	/* 18px */
}

h2 {
	font-size: 134%;
	/* 16px */
}

h3 {
	font-size: 117%;
	/* 14px */
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	line-height: inherit;
}

/*--------------------------------------
	Inline Elements
--------------------------------------*/

em,
strong {
	font-style: normal;
	font-weight: normal;
}

input,
select,
textarea {
	color: #000;
	font-size: inherit;
}

abbr,
acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

img,
embed,
object {
	vertical-align: bottom;
	border: none;
}

optgroup {
	background-color: #fff;
	/* for Opera */
	color: #000;
	/* for Opera */
	font-style: normal;
	font-weight: bold;
}

button {
	cursor: pointer;
}

code {
	font-family: Consolas,Monaco,monospace;
}

/*	Hypertext
--------------------------------------*/


a:link {
	color: #695423;
	text-decoration: underline;
}

a:visited {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	color: #695423;
	text-decoration: none;
}

a:active {
	color: #333333;
}

/*--------------------------------------
	div#container
--------------------------------------*/

#container {
	margin: 0 auto;
	width: 970px;
	text-align: left;
	line-height: 1.4;
	background-color: #ffffff;
}

/*--------------------------------------
	div#header
--------------------------------------*/

#header {
	margin: 0px 0px 15px 20px;
	position: relative;
	width: 930px;
	height: 100px;
	border-bottom: solid 2px #2D2218;
	background: url(../../shared/image/header_bg.gif) repeat-x 0px 0px;
	color: #fff;
}

#header * {
	margin-bottom: 0;
}

#header h1 {
	clear: both;
	display: block;
	width: 400px;
	margin: 0px 0px 8px 20px;
	padding-top: 15px;
	font-size: 11px;
	line-height: 120%;
	font-weight: normal;
	color: #CC8B58;
}

#header h1 a {
	color: #CC8B58;
	text-decoration: none;
}

#header h2 a {
	clear: both;
	display: block;
	width: 368px;
	height: 46px;
	margin: 0px 0px 8px 20px;
	padding: 35px 0px 0px 5px;
	background: url(../../shared/image/logo_header_01.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}

#header div.content-nav {
	position: absolute;
	top: 45px;
	left: 470px;
}

#header div.content-nav li {
	margin-right: 10px;
	float: left;
}

#header div.guide-nav {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 84%;
}

#header .guide-nav h2 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
}

#header div.guide-nav address,
#header div.guide-nav ul,
#header div.guide-nav ul li {
	margin-right: 10px;
	float: left;
	font-style: normal;
	color: #fff;
}

#header div.guide-nav ul li a {
	color: #fff;
}

#header div.inquiry {
	position: absolute;
	top: 40px;
	right: 20px;
}

/*	#global-nav
--------------------------------------*/

#global-nav ul {
	overflow: hidden;
}

#global-nav li {
	float: left;
}

#global-nav li a {

}

#header #global-nav h2 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
}

body.home #global-nav ul li#m_nav01 a,
body.policy #global-nav ul li#m_nav02 a,
body.treatment #global-nav ul li#m_nav03 a,
body.whitening #global-nav ul li#m_nav03 a,
body.voice #global-nav ul li#m_nav04 a,
body.tour #global-nav ul li#m_nav05 a,
body.price #global-nav ul li#m_nav06 a,
body.qa #global-nav ul li#m_nav07 a,
body.staff #global-nav ul li#m_nav08 a,
body.access #global-nav ul li#m_nav09 a {
	background-position: 0px -34px;
}

/*--------------------------------------
	div#content
--------------------------------------*/

#content {
	margin: 0 40px;
	display: inline-block;
	width: 890px;
	height: 1%;
	min-height: 1%;
	/* \*/display: block;
	/* */
}

#content:after {
	/* for modern browser */
	content: ".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

#content strong {
	font-weight: bold;
}

#content address {
	font-style: normal;
}

/*--------------------------------------
	div#main-content
--------------------------------------*/

#main-content {
	float: right;
	width: 670px;
	font-weight: normal;
	font-size: 12px;
	line-height: 160%;
}

#main-content .pankuzu {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 10px;
	line-height: 120%;
}

#main-content .more {
	background-image: url(../../shared/image/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin: 5px 0px 5px 0px;
	padding-left: 12px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}

#main-content {
	float: right;
	width: 670px;
}

#main-content .entry-footer,
#main-content #trackback,
#main-content #comment {
	display: block;
	position: absolute;
	top: -500px;
	left: -500px;
	font-size: 1px;
	line-height: 100%;
}

#main-content div#cmn-contact a {
	clear: both;
	background: url(../../shared/image/contact.jpg) no-repeat top left;
	display: block;
	width: 670px;
	height: 146px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	text-decoration: none;
}

#main-content div#cmn-contact a:hover {
	background-position: 0px -146px;
}

/*information*/

#main-content #information1,
#main-content #information2 {
	clear: both;
	margin: 10px 0;
	padding-top: 10px;
	border-top: dotted 1px #cccccc;
}

#main-content #information1 ul,
#main-content #information2 ul {
	position: relative;
	height: 110px;
}

#main-content #information1 ul li#free_mail,
#main-content #information2 ul li#free_tel {
	position: absolute;
	width: 670px;
	height: 110px;
	text-indent: -9999px;
}

#main-content #information1 ul li#free_mail a,
#main-content #information2 ul li#free_tel a {
	display: block;
	height: 110px;
}

#main-content #information1 ul li#free_mail,
#main-content #information1 ul li#free_mail a {
	background: url(../image/information01.jpg) no-repeat 0 0;
}

#main-content #information2 ul li#free_tel,
#main-content #information2 ul li#free_tel a {
	background: url(../image/information02.jpg) no-repeat 0 0;
}

#main-content #information1 ul li#free_mail a:hover,
#main-content #information2 ul li#free_tel a:hover {
	background-position: 0px -110px;
}

/*-----------------------------------------------
ページトップ
-----------------------------------------------*/

#main-content #page-top {
	clear: both;
	padding: 0px;
	width: 670px;
}

#main-content .page-top-link a {
	float: right;
	margin: 10px 0px;
	padding-left: 12px;
	background: url(../image/page_top.gif) no-repeat 0px 3px;
	font-weight: normal;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
}

/*--------------------------------------
	div#sub-content
--------------------------------------*/

#sub-content {
	float: left;
	width: 200px;
}

#sub-content div.content-nav,
#sub-content div.block,
#sub-content div.block ul {
	margin-bottom: 10px;
}

#sub-content div.block h3 {
	margin-bottom: 5px;
}

#sub-content div.block h3.about-title {
	clear: both;
	padding: 5px 0px 5px 10px;
	margin-top: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	background-color: #2D2218;
}

#sub-content div.block h3.area-title {
	clear: both;
	padding: 5px 0px 5px 10px;
	margin-top: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	background: #cccccc;
}

#sub-content div.contents h3 {
	margin-bottom: 0;
}

#sub-content ul.content-nav li {
	padding-left: 10px;
	background: url(../image/icon_arrow_01_right.gif) no-repeat left 6px;
	font-weight: normal;
	font-size: 12px;
	line-height: 160%;
}

/*	div.guide-nav
--------------------------------------*/

#sub-content div.block h3.subtitle {
	margin-bottom: 0px;
}

#sub-content div.guide-nav {
	margin: 5px 0;
	background: url(../image/texture_slash_01.gif) no-repeat left top;
}

#sub-content div.guide-nav ul li {
	padding: 5px 10px;
	background-color: #F3E6DA;
	font-weight: normal;
	font-size: 12px;
	line-height: 160%;
	border-bottom: 1px dotted #CCCCCC;
	color: #28201E;
}

#sub-content div.guide-nav ul li a {
	padding-left: 10px;
	background: url(../image/icon_arrow_02_right.gif) no-repeat left 6px;
}

/*	div.area
--------------------------------------*/

#sub-content div.area {
	margin-bottom: 5px;
	padding-bottom: 8px;
	background: url(../image/texture_slash_01.gif) no-repeat left bottom;
	font-family: Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 160%;
}

#sub-content div.area p.note {
	color: #c00;
}

/*--------------------------------------
	div#footer
--------------------------------------*/

#footer * {
	margin-bottom: 0;
}

#footer {
	clear: both;
	padding: 0 20px;
	padding-bottom: 30px;
	width: 930px;
	text-align: center;
}

#footer .guide-nav h2 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
}

#footer p.description {
	padding: 5px 0;
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 84%;
}

#footer p.description a {
	color: #999;
	text-decoration: none;
}

#footer div.guide-nav {
	margin-bottom: 10px;
	padding: 5px 0 10px;
	background: url(../image/texture_dotted_01.gif) repeat-x left bottom;
}

#footer div.guide-nav ul {
	*margin-bottom: 5px;
}

#footer div.guide-nav li {
	margin-left: 0.2em;
	padding-left: 0.4em;
	display: inline;
	height: 10px;
	border-left: 1px solid #333;
	font-weight: normal;
	font-size: 11px;
	line-height: 160%;
}

#footer div.guide-nav li.pseudo-first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

#footer div.guide-nav li a {
	zoom: 1;
}

#footer address {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 160%;
}

#footer address a {
	color: #333;
	text-decoration: none;
}

/*--------------------------------------
	div#関連リンク
--------------------------------------*/

div.kanrenNavi * {
	margin-bottom: 0;
}

div.kanrenNavi ul {
	clear: both;
	margin: 15px 0;
	padding: 0 20px;
	width: 930px;
	color: #999;
	font-weight: normal;
	font-size: 10px;
	line-height: 140%;
	list-style-type: none;
	text-align: center;
}

div.kanrenNavi li {
	display: inline;
}

div.kanrenNavi li a {
	color: #999;
	text-decoration: none;
}