@charset "utf-8";
/*
Theme Name: chameleon Responsive
Theme URI: http://www.dental-design.jp/
Description: Responsive chameleon UI
Version: 3.00β
Author: ozi design works inc.
Author URI: ozi design works inc.
*/

/*
reset CSS
html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
	body { line-height:1;}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
	nav ul { list-style:none;}
	blockquote, q { quotes:none;}
	blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
	a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

	/* change colours to suit your needs */
	ins { background-color:#ff9; color:#000; text-decoration:none;}

	/* change colours to suit your needs */
	mark { background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}
	del { text-decoration: line-through;}
	abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
	table { border-collapse:collapse; border-spacing:0;}
	
	/* change border colour to suit your needs */
	hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
	input, select { vertical-align:middle;}
	

/*--- base ---*/
* { margin:0px; padding:0px;}
body {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","メイリオ","Meiryo",verdana,"MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	line-height: 1.6;
	font-size: 87.5%;
	text-align: center;
	color: #d9d9d9;
	background-color: #000000;
}

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;}

a:link,a:visited { color: #d9d9d9; text-decoration: none;}
a:active,a:hover { color: #FFFFFF; text-decoration: underline;}

a:link img,a:visited img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
a:active img,a:hover img { filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

 
img { max-width: 100%;}


/**//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*--- header ---*/

header { position: relative; width: 100%; height: 800px; margin: 0 0 40px;}
	#headerWrapper { position: relative; width: 960px; margin: 0 auto; z-index: 1000;}
#content header { height: 600px; margin: 0 0 40px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

#leadTxt { position: absolute; top: 4px; right: 0; font-size: 85.7%; line-height: 1.2; color: #59493f;}
#headerBox01 {
	position: relative;
	width: 176px;
	padding: 26px 10px 8px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.70);
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	-moz-box-shadow: 0px 0px 8px #404040;
}
#title { padding-bottom: 42px;}
nav ul { overflow: hidden; padding: 14px 0 4px; background: url(images/header_border.png) top no-repeat;}
	nav li { float: left;}

#headerInfo { overflow: hidden; padding: 11px 0 0; background: url(images/header_border.png) top no-repeat; line-height: 1;}
	#headerInfo dt { padding: 0 0 1px;}
	#headerInfo dd { overflow: hidden; margin: -3px 0 0;}
		#headerInfo dd li { overflow: hidden; margin: 3px 0 0;}
		
#content header #pageTitle {
	position: absolute;
	width: 100%;
	height: 102px;
	line-height: 70px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/header_border.gif);
}
		
/*--- footer ---*/
footer { overflow: hidden; padding: 16px 0 0; margin: 56px 0 0; width: 100%; font-size: 85.7%; clear: both; text-align: left; background: #362e2b url(images/footer_border01.png) top repeat-x;}
#footerWrapper { overflow: hidden; width: 960px; margin: 0 auto; padding: 0 0 24px}

#footerTitle { float: left; padding: 20px 14px 0 0;}

#fSec01 { overflow: hidden; float: left; background: url(images/footer_border02.png) left repeat-y;}
	#fSec01Wrap {  padding: 10px 15px 10px 15px; background: url(images/footer_border02.png) right repeat-y;}
	#footerInfo { overflow: hidden; margin: -2px 0 20px;}
		#footerInfo li { overflow: hidden; margin: 2px 0 0;}
	#footerTel { overflow: hidden;}
		#footerTel dt { overflow: hidden; padding-bottom: 2px;}
		#footerTel dd ul { overflow: hidden; margin: -6px 0 0;}
		#footerTel dd ul li { overflow: hidden; margin: 6px 0 0;}
		
#fSec02 { overflow: hidden; padding: 10px 0 0 17px; background: url(images/footer_border02.png) left repeat-y;}
	#fSec02 ul { overflow: hidden; margin: -10px 0 0;}
		#fSec02 ul li { overflow: hidden; margin: 10px 0 0;}
			#fSec02 ul li a { padding-left: 8px; background: url(images/footer_icon01.gif) 0 .6em no-repeat;}
footer a:link,footer a:visited { color: #a6937c; text-decoration: none;}
footer a:active,footer a:hover { color: #7e6b5a; text-decoration: underline;}

footer small { display: block; padding: 16px 0; color: #7e6b5a; text-align: center; background: #161211 url(images/footer_border01.png) top repeat-x;}
/*--- general ---*/

article { text-align: left; width: 960px; margin: 0 auto;}
article section { overflow: hidden;}

article h2 { padding-bottom: 16px; line-height: 1.2;}
article h3 { padding-bottom: 16px; line-height: 1.2;}
article h4 { margin-bottom: 16px; line-height: 1.2; font-size: 114.2%; font-weight: bold; overflow: hidden;}
	article h4 span { display: block; float: left; padding: 0 8px 4px 18px; border-bottom: #59493f dotted 1px; background: url(images/bg_h_04.png) 0 .2em no-repeat;}
	article h4 span.colP { display: inline; float: none; color: #e5004f; padding: 0; border-bottom: none; background: none;}

.bgPaper { padding: 16px 16px 24px; background: url(images/bg_paper.jpg); color: #FFF;}
	
.dlPt01 {}
	.dlPt01 dt { padding-bottom: 16px; font-size: 114.2%; font-weight: bold; line-height: 1.2;}

.imgR { float: right; margin-left: 16px;}
.imgL { float: left; margin-right: 16px;}

.mB24 { margin-bottom: 24px;}

.pT24 { padding-top: 24px;}

.pB16 { padding-bottom: 16px;}
.pB20 { padding-bottom: 20px;}
.pB24 { padding-bottom: 24px;}
.pB40 {
	padding-bottom: 40px;
}
.pB56 { padding-bottom: 56px;}

.fR { float: right;}
.ofH { overflow: hidden !important;}
.aC { text-align: center !important;}
.aR { text-align: right !important;}
.fwB { font-weight: bold !important;}
.clB { clear: both !important;}



/*--- page parts ---*/
	/*--- index ---*/



	#indexMainTxt01 { position: absolute; top: 270px; left: 385px;}
	#indexSlide { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 800px; z-index: 0;}
	#indexSlide ul {}
		#indexSlide ul li { position: relative; height: 800px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
		#indexMain01 { background-image: url(images/index_main01.jpg);}
		#indexMain02 { background-image: url(images/index_main02.jpg);}
		#indexMain03 { background-image: url(images/index_main03.jpg);}
		#indexMain04 { background-image: url(images/index_main04.jpg);}
#indexMain05 { background-image: url(images/index_main05.jpg);}
		
	#indexBtns { position: absolute; width: 100%; height: 238px; bottom: 0; left: 0; z-index: 1000;}
		#indexBtnsWrapper { width: 800px; margin: 0 auto;}
			#indexBtnsWrapper ul { overflow: hidden; margin: 14px 0 0 -35px;}
			#indexBtnsWrapper li { float: left; margin: 0 0 0 35px;}
	
	#indexSection01 { padding-bottom: 40px;}
		#fbSec{ width: 240px; height: 480px; float: left; margin-right: 24px;}
		#indexSection01R {
	width: 696px;
	float: right;
	font-size: 120%;
}
		
	#indexMedia {
	overflow: hidden;
	margin: -24px 0 0 -24px;
	font-size: 120%;
}
		#indexMedia li { float: left; width: 468px; overflow: hidden; margin: 24px 0 0 24px;}
			#indexMedia li dl { overflow: hidden;}
			#indexMedia li dt { font-weight: bold; color: #FFF; line-height: 1.2; padding: 0 0 24px;}
			#indexMedia li dt span { display: block; float: left; padding: 1px 6px; margin-bottom: 8px; background: #c12531; font-size: 85.7%;}
			#indexMedia li dt p { clear: both;}
/*
	#indexMedia { overflow: hidden; margin: -24px 0 0;}
		#indexMedia li { clear: both; overflow: hidden; margin: 24px 0 0;}
			#indexMedia li dl { overflow: hidden;}
			#indexMedia li dt { font-weight: bold; color: #FFF; line-height: 1.2; padding: 0 0 24px;}
			#indexMedia li dt span { display: block; float: left; padding: 1px 6px; margin-bottom: 8px; background: #c12531; font-size: 85.7%;}
			#indexMedia li dt p { clear: both;}

*/		
	#indexNews { overflow: hidden; padding: 0 0 48px;}
		#indexNews li {
	margin-bottom: 10px;
}
		#indexNews li dt { padding-bottom: 8px; font-size: 114.2%; font-weight: bold;}
			#indexNews li dt span { display: block; padding: 0 8px 4px 18px; border-bottom: #59493f dotted 1px; background: url(images/bg_h_04.png) 0 .2em no-repeat;}


	/*--- first visit ---*/
	#first-visitMain { background-image: url(images/first-visit_main.jpg);}	
	.fVList01 { overflow: hidden; margin: -24px 0 0;}
		.fVList01 li {
	margin-top: 40px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
		.fVList01 li dt { float: left; margin: 0 16px 0 0;}
		
	/*-- menu ---*/
	#menuMain { background-image: url(images/menu_main.jpg);}	
	.menuSub { padding: 8px 0 17px 0 !important; margin: 0 0 16px !important; background: url(images/menu_border.png) bottom repeat-x;}
	.menuDl01 { color: #FFF;}
		.menuDl01 dt { padding-bottom: 12px; font-size: 128.5%; line-height: 1.2;}
		.menuDl01 dd {}
		
	.menuNav { text-align: center;}
		.menuNav li {
	display: inline;
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0;
}
		
	.menuList01 { overflow: hidden; margin: -24px 0 0 -24px;}
		.menuList01 li { float: left; width: 452px; overflow: hidden; margin: 24px 0 0 24px;}
		.menuDl02    { overflow: hidden; color: #FFF;}
		.menuDl02 dt { font-size: 128.5%; padding: 0 0 6px 0 !important; margin: 0 0 8px !important; background: url(images/menu_border.png) bottom repeat-x;}
		.menuDl02 dt span { font-size: 80%;}
		.menuDl02 dd {}
		
	.menuImgList01 { overflow: hidden; float: left; width: 476px; margin: -24px 16px 0  -24px;}
		.menuImgList01 li { float: left; width: 214px; overflow: hidden; margin: 24px 0 0  24px;}
		
	.priceTable01 {}
		.priceTable01 th,.priceTable01 td { font-weight: normal; padding: 4px 0; line-height: 1.2;}
		.priceTable01 th { padding-right: 48px;}

	.menuSec01 { float: left; width: 293px; margin-right: 24px;}
	.menuSec02 { float: left; width: 294px;}
		.menuDl03    { overflow: hidden; color: #FFF;}
		.menuDl03 dt { font-size: 128.5%; padding: 0 0 6px 0 !important; margin: 0 0 8px !important; background: url(images/menu_border.png) bottom repeat-x;}
		.menuDl03 dd { padding-left: 1em;}
	
	.menuSec0101 { float: left; width: 277px; padding-left: 16px; margin-right: 24px;}
	.menuSec0102 { float: left; width: 214px; margin-right: 24px;}
.menuSec0101x2 { float: left; width: 554px; padding-left: 16px; margin-right: 24px;}
	.menuSec0201 { float: left; width: 278px; padding-left: 16px;}
	.menuDl04 {}
		.menuDl04 dt { font-size: 128.5%; padding: 0 0 6px 0 !important; margin: 0 0 8px !important; background: url(images/menu_border.png) bottom repeat-x;}
		
	.menuDl05 { overflow: hidden; float: left; width: 611px; margin-right: 23px;}
		.menuDl05 dt { font-size: 128.5%; padding: 0 0 6px 0 !important; margin: 0 0 8px !important; background: url(images/menu_border.png) bottom repeat-x;}

	.priceTable02 {
		width: 100%;
		font-size: 120%;
}
		.priceTable02 th,.priceTable02 td { font-weight: normal; padding: 8px 0; line-height: 1.2; vertical-align: middle;}
		.priceTable02 th {}
		.priceTable02 th span { font-size: 80%;}
		.priceTable02 td { text-align: right; white-space: nowrap;}

	.priceTable03 {
		width: 100%;
		font-size: 120%;
}
		.priceTable03 th,.priceTable03 td { font-weight: normal; padding: 8px 0; line-height: 1.2; vertical-align: middle;}
		.priceTable03 th {}
		.priceTable03 th span { font-size: 80%;}
		.priceTable03 td { text-align: right; white-space: nowrap;}
		.priceTable03Th01 { padding-left: 16px !important;}
		
	/*--- access ---*/
	#accessMain { background-image: url(images/access_main.jpg);}	
	.accessTable {}
		.accessTable th,.accessTable td { padding: 4px 0; font-weight: normal;}
		.accessTable th { padding-right: 40px; white-space: nowrap;}
		
	#yTube { position: relative; width: 468px; height: 263px; float: left; background: url(images/youtube_before.jpg) no-repeat;}
	#preVideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 70px; height: 49px; cursor: pointer;}
	#gMap { width: 468px; height: 263px; float: right;}
	#googleMap960 { width: 960px; height: 480px;}
	
	.toGmap { clear: both; float: right; margin: 16px 0 0;}
		.toGmap a { padding-left: 22px; background: url(images/icon01.png) 0 .2em no-repeat;}

.fontReduction{
	font-size: 70%;
}

.colorRed {
	color: #D3541A;
}

.textCenter{
	text-align: center;	
}

.text120{
	font-size: 120%;	
}

.text140{
	font-size: 140%;	
}

.text160{
	font-size: 160%;	
}

.text180{
	font-size: 180%;	
}

.marginTop20{
	margin-top: 20px;	
}

.marginTop40{
	margin-top: 40px;	
}

.marginBottom20{
	margin-bottom: 20px;
}

.marginBottom40{
	margin-bottom: 40px;
}


.index-conceptBox{
	margin-bottom: 31px;
	margin-top: 30px;
}

.index-conceptBox p{
	text-align: center;	
}
.index-conceptBox h4{
	text-align: center;
	font-size: 20px;
}


#indexFontBass {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}

.marginTop40{
	margin-top: 40px;
}