@charset "UTF-8";

/* 固定==============================*/
@media print {body {zoom: 65%;}}

html {font-size: 62.5%;margin: 0px;padding: 0px;}
body { overflow-y:scroll; margin: 0px; padding: 0px; color: #333333; font: 1.4em/1.5em Arial, Helvetica, sans-serif; }
  *html body { font-size: 14px;overflow-y:hidden;} /*IE6だけに適用*/
  *+html body { font-size: 14px; overflow-y:hidden;} /*IE7だけに適用*/
  
/*clearfix*/
* html div.clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html div.clearfix { zoom: 1; } /* IE7 */
div.clearfix:after { visibility: hidden;  display: block;  font-size: 0;  content: " "; clear: both;  min-height: 1px;} 

/*リセット */
h1, h2, h3, h4, h5, h6  { margin:0px; padding:0px; clear: both; font-size: 100%; font-weight: normal; line-height: 1.5em; }	
h1 { font-size:25px; font-weight:bold}
ol, ul, li , dt ,dl, dd{margin:0px;padding:0px;list-style: none;}
p,img {margin: 0px;padding: 0px;border:0 none;outline:none;}
img {-ms-interpolation-mode:bicubic;}
address { font-style: normal; text-align: right; font-size: 12px; float: right; clear: both; padding: 35px 0px 5px 0px; }
em {display: none;}
form {margin:0px;padding:0px;}
textarea { font-size: 100%; } /* area内文字sizeのブラウザ間での差異解除 */
object, embed { vertical-align: top;  }  /* flashの隙間をなくす */
table , tr{ border-collapse: collapse; border-style: none; margin: 0px; padding: 0px; }
th  { background: #eee; white-space: nowrap }
th,td { margin: 0px; display: table-cell; padding: 5px; text-align: left; vertical-align: top; border: 1px solid #ddd;}
	table.noborder th, table.noborder td, .noborder { border-style: none; }
	table.nopadding th, table.nopadding td { margin: 0px; padding: 0px; }
	
	
/* テキストフィールド ----------------------------------------------- */
input[type='text'] { border: solid 1px #ccc;}

/* ボタン ----------------------------------------------- */
input[type='image'] { border: none;}

/*汎用設定==============================*/
.arrow { background: url(../common/master/arrowImg.png) no-repeat left top; margin: 0px; padding: 0px 0px 0px 32px; }
.BGbeige { background: #fff2cc; padding-left:3px; padding-right:3px }
.BGblue { background: #c8e6fa; padding-left:3px; padding-right:3px }
.BGyellow { background: #ff0; padding-left:3px; padding-right:3px }
.BGpink { background: #ffe5e5; padding-left:3px; padding-right:3px  }
.BGgray { background: #f2f2f2; padding-left:3px; padding-right:3px }


.center {text-align: center;}
.clearBoth { clear: both; }
.clearBothMinus { clear: both; margin-top: -20px; }
.circle10{ border-radius: 10px;}
.error { color:red; background:#ffe5e5;}
.floatLeft {float: left;}
.floatLeftPadding {float: left; padding-right:10px}
.floatRight {float: right;}
.hidden{ display: none; }
.indenthalfblock { margin-left: 30px; }
.indent1block { margin: 0px 0px 0px 60px; }
.indentLeftLine { border-left:10px solid #79c2f2; padding: 5px 0px 5px 15px; }
.imgMarginBtm { margin-bottom: 5px; }
.imgBorder { border: 1px solid #d4d4d4; background: #FFF; padding: 5px; }
.imgBorderBlue { background: #FFF; border: 1px solid #b2e5ff; padding: 5px; }
a:hover .imgBorderBlue{ background: #cceeff; border-color: #cceeff; }
.line-through { text-decoration: line-through;}
.margingMinusLeft20{ margin-left:-20px}
.mini{ color: #666666; font-size:85%; line-height: 1.5em; }
.miniRed { color: #FF5700; font-size: 85%; line-height: 1.5em; }
.opacity a:hover img{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background: #fff;}
.opacity:hover div{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"}
.right{ text-align:right}
.tableWidth { width: 650px; }
.txtBig { font-size: 18px; line-height: 1.6em; }
.txtBigMid { font-size: 20px; font-weight: bold; line-height: 1.5em; }
.txtBigHigh { font-size: 24px; font-weight: bold; line-height: 1.6em; }
.txtBlack {color: #000000;}
.txtBlue {color: #0087E2;}
.txtGray { color: #999; }
.txtOrange{color:#FF5700}
.txtRed{color: #e00;}
.txtTurquoise { color: #00A393; }
.thBGblue th{ background: #e5f6ff; color: #009999; }
.thBGyellow th{ background: #fffadf; }
.thBGorange td, .thBGorange th{ border-color: #f5d493; }
.thBGorange th{ background: #ffeecc; color: #ff9500;}
.underline { text-decoration: underline; }

div.toPageTop{ clear:both; margin:21px auto 13px; padding:50px 20px 0px; width:960px; }
div.toPageTop a  { padding:0px 0px 0px 18px; height: 35px; color: #333; background: url(../common/master/arrow_140.gif) no-repeat left 2px; float: right; }
div.toPageTop a:hover{ text-decoration: none; }




a:link {text-decoration: underline; color: #1689da;}
a:visited {color: #1689da;}
a:hover { text-decoration: none; }




/* header共通設定 ==============================*/
#header, #foot_header  { padding: 0px 20px; width: 960px; margin: 0px auto; height: 70px }
#foot_header{ padding:0px 0px 10px; border-bottom:solid 1px #111; height: 60px; }
#logo, #footerLogo  { float: left; height: 70px; width: 350px; margin: 0px; padding: 0px; }
/*#headerH1 { font-size: 11px; color: #333; text-align: right; margin: 0px; padding: 5px 0px 0px; float: right; width: 600px; height: 15px; color:#999; line-height: 1.4em; }
*/
#headerInfo,#footerInfo { float: right; margin: 0px; padding:0px; text-align: right; width: 500px; font-size: 12px; line-height: 1.4em; height: 25px; }



/* mouseover キャプション ==============================*/
#imgPreviewWithStyles, #imgPreviewWithStyles2 {
	background: #fff url(image/loading.gif) no-repeat center;
	border:solid 1px #ccc;
	padding: 15px;
	z-index: 999;
	-moz-box-shadow: 2px 2px 3px #333;  /*順にx-offset、y-offset、ぼかし半径、影の色。*/
	-webkit-box-shadow: 2px 2px 3px #333; /*// Safari, Chrome用の記述。*/
}
#imgPreviewWithStyles2 {
	margin-left:-500px;
}

#imgPreviewWithStyles span {
	color: white;
	text-align: center;
	display: block;
	padding: 10px 0 3px 0;
}




/* Navi Menu ToTop Footer 関連 ==============================*/

#navi { background: url(../common/home/navi.png) no-repeat 20px 0px; height: 25px; width: 960px; margin: 0px auto 5px; clear: both; padding: 0px 20px; }
#navi li{ float:left; }

#navi li a{ height: 25px; width: 120px; display:block; }
#navi #naviVoice a ,#navi #naviCase a, #navi #naviPrice { }

#navi #naviHome a:hover, #pageHome #naviHome{
	background: url(../common/home/navi.png) no-repeat 0px -25px;
}
#navi #naviStaff a:hover, #pageStaff #naviStaff{
	background: url(../common/home/navi.png) no-repeat -120px -25px;
}
#navi #naviTour a:hover, #pageTour #naviTour{
	background: url(../common/home/navi.png) no-repeat -240px -25px;
}
#navi #naviVoice a:hover, #pageVoice #naviVoice{
	background: url(../common/home/navi.png) no-repeat -360px -25px;
}
#navi #naviPrice a:hover, #pagePrice #naviPrice{
	background: url(../common/home/navi.png) no-repeat -480px -25px;
}
#navi #naviMap a:hover, #pageMap #naviMap{
	background: url(../common/home/navi.png) no-repeat -600px -25px;
}
#navi #naviRecruit a:hover, #pageRecruit #naviRecruit{
	background: url(../common/home/navi.png) no-repeat -720px -25px;
}
#navi #naviContact a:hover, #pageContact #naviContact{
	background: url(../common/home/navi.png) no-repeat -840px -25px;
}




/* left Menu 関連==============================*/

#leftcolumn { float:left; width: 230px; padding: 9px 0px 0px; }
#leftMenu ul{ background: url(../common/home/leftMenu.png) no-repeat left top; margin: 0px; padding: 0px; float: left; height: 450px;font-size: 0px; line-height: 0px; }

#leftMenu li a{ width: 220px; display: block; height:50px; font-size: 0px; line-height: 0px; }
	

#pageCavity #lMenu_Cavity,
	#lMenu_Cavity a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px 0px; width: 220px; display: block; 
}
#pagePerio #lMenu_Perio,
	#lMenu_Perio a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -50px; width: 220px; display: block; 
}
#pageKids #lMenu_Kids,
	#lMenu_Kids a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -100px; width: 220px; display: block; 
}
#pageCorrect #lMenu_Correct,
	#lMenu_Correct a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -150px; width: 220px; display: block; 
}
#pageEsthetics #lMenu_Esthetics,
	#lMenu_Esthetics a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -200px; width: 220px; display: block; 
}
#pageWhitening #lMenu_Whitening,
	#lMenu_Whitening a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -250px; width: 220px; display: block; 
}
#pageImplant #lMenu_Implant,
	#lMenu_Implant a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -300px; width: 220px; display: block;
}
#pageDenture #lMenu_Denture,
	#lMenu_Denture a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -350px; width: 220px; display: block; 
}
#pagePrevent #lMenu_Prevent,
	#lMenu_Prevent a:hover{ background: url(../common/home/leftMenu.png) no-repeat -220px -400px; width: 220px; display: block; 
}




/* leftMenu underBannerMenu  関連==============================*/

#leftcolumn #underBannerMenu { clear: both; padding: 5px 0px 0px; margin: 0px 0px 0px -5px; width: 235px; }

	
/* その他 サイト共通設定 ==============================*/

	
#footer { margin: 0px auto; padding: 120px 20px 0px; width: 960px; clear: both; }
#footer #footerMenu { margin: 0px 0px 0px 18px; padding: 20px 0px 0px; clear: both; width: 940px; }
#footer #footerMenu a{ font-weight: normal; text-decoration: none; color: #999; }
#footer #footerMenu a:hover { text-decoration: underline; color: #333; }
#footer #footerMenu ul { margin: 0px 40px 5px 0px; padding: 0px 0px 5px; float: left; }
#footer #footerMenu li{ margin: 0px 10px 0px 0px; background: url(../common/master/footerArrow.png) no-repeat left 6px; padding: 0px 0px 0px 25px; }
#footer #footerArea { padding: 20px 0px 0px 0px; color: #555; font-size: 12px; margin: 0px; width: 600px; clear: both; }
#footerAdd { font: 14px/1.5em Arial, Helvetica, sans-serif; text-align: right; padding: 0px 0px 50px; margin: 0px; clear: both; color: #999; }


#container { margin: 0px auto; padding: 0px 20px; width: 960px; }
#pageContact #cartConfirm  { text-align: center; padding: 10px; width: 648px; border: 1px dotted #CCC; margin: 0px 0px 13px 0px; }
#pageContact table { width: 670px; }
#pageContact th { padding: 5px 10px; width: 150px ; }
#pageContact td  { padding: 5px 15px; }
#pageContact .width360 { width: 330px; }
#pageContact .widthHarf{ width: 120px; }
#pageContact .widthSmall{ width: 60px; }
#pageContact .widthBit{ width: 30px; }
#pageContact #oneCim th { background: #FFF; width: 100px; text-align: left; padding: 0px; }
#pageContact #oneCim td { padding: 0px 0px 0px 5px; }
#pageContact #oneCim h4 { margin: 0px 0px 5px; }


#door { margin: 0px auto; padding: 0px; width: 1000px; clear: both; height: 280px; text-align: center; }


/* pege別 ==============================*/
#bigCopyTxt { margin: 0px 0px 10px -20px; padding: 0px; font-size: 1.8em; line-height: 1.5em; }
#container .linkBannerGlobal { height: 310px; width: 680px; background: url(../common/globalLink/linkBanner.jpg) no-repeat left top; position: relative; margin-top: 20px; }
#container .linkBannerGlobalBtn1 { position: absolute; top: 80px; left: 21px; }
#container .linkBannerGlobalBtn2 { position: absolute; top: 80px; left: 230px; }
#container .linkBannerGlobalBtnTxt { position: absolute; top: 165px; left: 27px; }


#maincolumn  { width: 680px; float: right; padding: 3px 0px 0px 20px; }
#maincolumn h2 { font-size: 21px; margin: 0px 0px 5px -20px; font-weight: bold; }
#maincolumn h3 { font-size: 18px; margin: 0px 0px 10px -20px; font-weight: bold; color: #008c48; }
#maincolumn h4 { font-size: 15px; font-weight: bold; margin: 5px 0px 5px; color: #0087E2; }
#maincolumn h5 { font-size: 15px; color: #00A393; margin: 0px 0px 8px; }
#maincolumn strong { color: #FF5700; }

#maincolumn .quetion { padding: 0px 0px 8px 40px; background: url(../common/master/faq_Q.png) no-repeat left top; color: #002D48; font-weight: bold; }
#maincolumn .quetion, #maincolumn .answer   { margin: 0px 0px 0px 0px; }
#maincolumn .answer { padding: 0px 0px 15px 40px; background: url(../common/master/faq_A.png) no-repeat left top; margin-bottom:13px; }
#maincolumn  em { font-style: normal; font-weight: bold; display: inline; }
#maincolumn table.columnSmall { width: 600px; }
#maincolumn .columnSmall  th{ padding-right: 10px; padding-left: 10px; color: #FF5700; background: #fffde8; width: 100px; }

#pageSitemap #maincolumn table p a{ display: block; border-bottom: 1px solid #CCC; margin: 0px; padding: 10px 0px 3px; text-decoration: none; height: 25px; }
#pageSitemap #maincolumn table p a:hover{ background: #e5f6ff; text-decoration: underline; }
#pageWhitening  #whiteTable01 th { font-size: 22px; background: #FFF; color: #0087E2; }
#pageWhitening #whiteTable01 td { padding-top: 7px; }
#pageWhitening #whiteTable10 th { width: 90px; }
#pageEsthetics #maincolumn .thBGblue { width: 600px; }
#pageEsthetics #maincolumn .thBGblue th { width: 90px; }
#pageEsthetics #estheTable01 th { background: #FFF; padding-left: 0px; width: 240px; text-align: center; vertical-align: middle; }

#pageRecruit  #maincolumn .tableWidth th { width: 90px; font-weight: bold; color: #000; }