@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/*body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;}*/
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html	{ overflow-y:scroll;}  
body	{ background:#FCFCF8; text-align:center; color:#333;}
a			{ color:#3c0; text-decoration:underline;}
a:visited	{ color:#693; text-decoration:underline;}
a:hover		{ color:#f60; text-decoration:none;}
a:active	{ color:#f60; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH{ overflow:visible; min-height:274px; background:url(../img/base/bgH.jpg) top repeat-x;}
#container{ overflow:visible; width:920px; height:aoto; margin:0 auto; padding:0; text-align:center;}
#bgImgF{ clear:both; height:auto; background:url(../img/base/bgF.jpg) repeat-x;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{ position:relative; width:920px; height:117px; background:url(../img/base/header.jpg) no-repeat top;}
h1{ display:block; position:absolute; top:10px; right:35px; color:#fff; font-size:0.9em;}
#logo{ position:absolute; top:49px; right:8px;}
#headAccess{ position:absolute; top:14px; left:205px;}
#headContact{ position:absolute; top:14px; left:265px;}

/*-------------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
/*contents*/
#contents{ width:910px; margin:0 auto; padding:0;}

/*leftSideArea*/
#leftContent{ float:left; width:197px; height:auto; margin:0; padding:0; text-align:center;}
#leftContent ul,#leftContent dl{ list-style-type:none; line-height:0;}
#leftContent #leftNaviA{ display:block; width:194px; height:517px; margin:0 auto 6px; padding:0; background:url(../img/base/naviBg.jpg) no-repeat top; text-align:left;}
#leftContent #leftNaviA h2{padding:0 0 0 3px;}
#leftContent #leftNaviA dl{padding:0 0 0 3px;}
#leftContent #leftNaviA dt, #leftContent #leftNaviA dd{ display:block; margin:0; padding:0; line-height:0;}
#leftContent #leftNaviA dd a{ text-decoration:none; overflow:hidden;}
#leftContent #leftNaviA ds a img{ line-height:0; vertical-align:bottom;}
#leftContent #leftNaviB {}
#leftContent #leftNaviB div{ margin:0 0 10px 0;}

/*rightSideArea*/
#rightContent{ float:right; width:704px; height:auto; margin:0; padding:0; text-align:left;}

/*MainImage, Flash, Headings*/
#mainImg { position:relative; width:704px; height:263px; margin:0 0 8px 0; padding:2px 0 0 0; background:#FCFCF8 url(../img/base/swfBg.jpg) no-repeat top; text-align:center;}
#mainImgH2 { width:704px; height:204px; margin:0 0 8px 0;}

/*article*/
#article{}
#article h3{ clear:both;}
.sect{ overflow:visible; padding:0.5em 1em 0 1em; background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.sectTour{ overflow-y:auto; padding:0.5em 2em 0 2em; background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.sect h3{ margin:0 0 8px 0;}
.sect p{ margin:0; padding:0 0 1.2em 0; line-height:1.6; }
.sectUnit{ padding:0.5em 1em 0 1em;}
.sectUnit h4{ margin:0; padding:0 0 0.4em 0; color:#1F9D78; font-weight:bold;}
.sectUnit h4.imgH4{ padding:0 0 10px 0;}
.sectUnit div h4{ margin:0; padding:0 0 0.4em 0; color:#1F9D78; font-weight:bold;}
.sectUnit h5{ margin:0; padding:0 0 0.4em 0; color:#1F9D78; font-weight:bold;}

.sectUnit p{ line-height:1.4;}
.sectUnitTour{ padding:0.5em 1.5em 0 1em; line-height:1.6;}

.sectUnit ul li{ list-style:disc none outside; color:#209D78; margin:0; padding:0 0 1em 0;}
.sectUnit ul li span{ color:#333; margin:0; padding:0;}
.cb span{ font-size:1px;}
.H3_BoxTop{ clear:both; width:704px; height:8px; margin:0; background:url(../img/base/H3_BoxTop.jpg) no-repeat top; line-height:0; font-size:0.1px;}
.H3_BoxBtm{ clear:both; width:704px; height:8px; margin:0 0 8px 0; background:url(../img/base/topH3_BoxBtm.jpg) no-repeat top;}

/*TableStyle*/
/*Time*/
.TimeTable{ width:100%;margin:0 0 5px 0;padding:0;border:1px solid #ccc; background:#fff;text-align:center;}
.TimeTable tr	{ vertical-align:middle;}
.TimeTable th	{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; text-align:center;}
.TimeTable th#thFix{ width:60px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.TimeTable td	{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; text-align:center;}
.TimeTable .ampm{ background:#fc0; font-weight:bold; color:#333;}
.TimeTable .thGen{ width:80px; background:#209D78; color:#fff;}
.TimeTable .thGen2{ width:80px; background:#62BAA0; color:#fff;}
.TimeTable .Sat{ width:80px; background:#C3F699; color:#333;}
.TimeTable .Holy{ background:#f99; font-weight:bold; color:#fff;}
.TimeTable .tdGen{ background:#E6E6E6; font-weight:normal; color:#333;}
.TimeTable .tdGen2{ background:#f2f2f2; font-weight:normal; color:#333;}
.TimeTable .tdSat{ background:#f2f2f2; font-weight:normal; color:#1F45BB;}
.caption{ margin-bottom:1em;}

/*Price*/
.PriceTable			{ width:100%; margin:0 0 15px 0; padding:0; border:1px solid #FFCC01; background:#fff; font-size:0.9em;}
.PriceTable tr		{ vertical-align:middle;}
.PriceTable th		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.PriceTable td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.PriceTable .tHead	{ width:auto; padding:8px 0 8px 0; background:#666; color:#fff; text-align:center;}
.PriceTable .th01A	{ width:170px; padding:6px 6px 6px 12px; background:#fc0; color:#333;}
.PriceTable .th01B	{ width:170px; padding:6px 6px 6px 12px; background:#ff6; color:#333;}
.PriceTable .th02A	{ width:190px; padding:6px 6px 6px 12px; background:#209D78; color:#fff;}
.PriceTable .th02B	{ width:200px; padding:6px 6px 6px 12px; background:#62BAA0; color:#fff;}
.PriceTable .td01	{ padding:6px 12px 6px 6px; background:#E6E6E6; color:#333; font-weight:bold; text-align:right;}
.PriceTable caption	{ caption-side:bottom; margin:4px 0 0 0;}

/*Price2*/
.PriceTable2		{ width:100%; margin:0 0 15px 0; padding:0; border:1px solid #FFCC01; background:#fff; font-size:0.9em;}
.PriceTable2 tr		{}
.PriceTable2 th		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; vertical-align:middle;}
.PriceTable2 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.PriceTable2 .tHead	{ width:auto; padding:8px 0 8px 0; background:#666; color:#fff; text-align:center;}
.PriceTable2 .th01A	{ width:100px; padding:6px 6px 6px 12px; background:#fc0; color:#333;}
.PriceTable2 .th01B	{ width:100px; padding:6px 6px 6px 12px; background:#ff6; color:#333;}
.PriceTable2 .th02A	{ width:130px; padding:6px 6px 6px 12px; background:#209D78; color:#fff;}
.PriceTable2 .th02B	{ width:130px; padding:6px 6px 6px 12px; background:#62BAA0; color:#fff;}
.PriceTable2 .td01	{ width:140px; padding:6px 12px 6px 6px; background:#E6E6E6; color:#333; font-weight:bold; text-align:right; vertical-align:middle;}
.PriceTable2 .td02	{ padding:6px 12px 6px 6px; background:#F8F8F8; color:#333; font-weight:bold; text-align:left; vertical-align:top;}
.PriceTable2 caption{ caption-side:bottom; margin:4px 0 0 0;}








/*Top Context*/
#TopTopics{ overflow:visible; padding:0.5em 1em 0 1em; background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#TopTopics p{ padding:0 0 0.8em 0; line-height:1.6; }
.topBoxSect{ margin:0;}
.topBoxSect div{ margin:0 0 10px 0;}
#contactBnr{ margin-top:4px;}
#philosophy{ position:relative; float:left; width:498px; height:366px; background:url(../img/base/philosophyBg.jpg) no-repeat top;}
#philosophy h3{ position:absolute; top:8px; right:12px;}
#philosophy ul{ /*list-style:decimal none outside;*/ position:absolute; bottom:20px; left:1em; width:450px;}
#philosophy ul li{ /*list-style:decimal none outside;*/ margin:0 0 0 1em; padding:10px 0 10px 0; color:#333; border-top:1px dotted #ccc; font-size:1.2em}
#philosophy ul li:first-child{ border:none;}
#philosophy ul li span{ font-weight:bold; color:#00BE9E;}


/*-------------------------------------------------------------------------
Under Directory Decoration
-------------------------------------------------------------------------*/
/*Topics*/
#topicsH3{width:666px; height:27px; margin:0 0 15px 0; padding:10px 0 0 10px; background:url(../img/base/topicsH3Bg.jpg) no-repeat top; color:#fff; font-size:1.2em; font-weight:bold;}
#topicsH3Dp{width:610px; margin:0 0 15px 0; padding:10px 0 0 10px; background:url(http://www.otsubo-dental.com/img/base/topicsH3Bg2.jpg) no-repeat top; color:#fff; font-size:1.2em; font-weight:bold;}
#topicsBox{ margin:0 0 1em 0; padding:0 0 0.5em 0; border-bottom:1px dotted #666;}
#topicsBox a img{ margin:0 0 1em 0; border:1px solid #0c0;}
#topicsBox a img:hover{ margin:0 0 1em 0; border:1px solid #f60;}
#topicsBox a.timeStamp{ font-size:0.8em;}

/*Greeting*/
.profTable{ margin-bottom:0.8em;}
.profTable tr{ vertical-align:top;}
.profTable th{ width:55px; text-align:right;}
.profTable td{ text-align:left;}
.profFl{ float:left; width:339px; margin:; padding:; text-align:left;}
.profFr{ float:right; width:300px; margin:; padding:; text-align:left;}
.profFl h4, .profFr h4{ padding:0 0 8px 0;}
.profFl p, .profFr p{ padding:0 0 0 1em;}
.profInside { clear:both;}
.profInside h4{ clear:both; margin:0; padding:0 0 8px 0; color:#1F9D78; font-weight:bold;}
.profInside h5{ padding:0 0 2px 1em;}
.profInside p{ margin:0; padding:0 0 1em 1em;}
.profInside #listL{ float:left; margin:0 50px 20px 0; padding:0 0 0 1em;}
.profInside #listR{ float:left; padding:0 0 0 0;}
#listL li, #listR li{ list-style:none outside; padding:0 0 0 0; line-height:1.2;}

/*Clinic*/
.doctorInside{ clear:both;}
.doctorInsideUnit{ float:right; width:530px;}
.doctorInsideUnit p{ padding-left:1em;}
.profTable2{ margin-bottom:0.8em;}
.profTable2 tr{ vertical-align:top;}
.profTable2 th{ width:75px; text-align:right; border-bottom:2px solid #fff;}
.profTable2 td{ text-align:left; border-bottom:4px solid #fff;}

/*Case*/
.case h4{ margin:20px 0 12px 12px; padding:0 0 0 6px; border-left:8px solid #209D78; color:#f90; font-weight:bold; font-size:1.4em;}
.caseBox{ margin:0 0 1em 0; padding:0 1em 0 1em;}
.caseBox h5{ margin:0 0 8px 0; padding:0 0 0px 12px; border-bottom:3px solid #209D78; color:#f90; background:url(../img/base/headingArrow.jpg) no-repeat left 30%; font-weight:bold; font-size:1.2em;}
.caseBox h6{ padding:0 1em 0 1em;color:#1F9D78;}
.caseBox p{ padding:0 1em 0.5em 1em;}

/*Faq*/
.faq { margin:0 0 30px 0;}
.faq dl{ display:block; margin:0 0 0 0; padding:0 0 0 0;}
.faq dl dt{ display:block; width:616px; margin:0 0 8px 0; padding:0 0 0 0;}
.faq dl dd{ display:block; width:550px; margin:0 0 20px 22px; padding:0 0 0 40px; background:url(../img/base/faqAnswerBg.jpg) no-repeat top left;}

/*Voice*/
#voiceH3{ clear:both; width:616px; height:28px; margin:0 0 15px 0; padding:15px 0 0 60px; background:url(../img/base/voiceH3Bg.jpg) no-repeat top; color:#333; font-size:1.2em; font-weight:bold;}
.voiceRox{ float:right; width:440px; margin:0; padding:0; height:auto;}
.voiceRox h4{ margin:0 0 10px 0; padding:0 0 4px 0; border-bottom:3px solid #53B397; color:#f90; font-size:1.1em; font-weight:bold;}
.voiceRox p{ line-height:1.2;}

/*Contact*/
.table_basic{ width:auto; margin:0 0 10px 0; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC;}
.table_basic th,.table_basic td{ padding:5px 5px; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic th{ background:#ECF2D0; color:#666; text-align:left;}
.table_basic tr.odd th{ background:#DEF1AE; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic tr.odd td{ background:#fff; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic caption{ padding:0 0 5px 0px; font-size:14px; color:#666; font-weight:bold;}


/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
.totop{ position:absolute; clear:both; top:14px; right:14px; width:132px; height:13px;}
#footer{ clear:both; position:relative; width:920px; height:200px; margin:0 auto; padding:0; background:url(../img/base/footer.jpg) no-repeat top; font-size:0.7em; text-align:center;}
#footerLogo{ position:absolute; top:54px; left:11px; width:576px; height:28px;}
#footerAdtel{ position:absolute; top:90px; left:11px; width:576px; color:#fff; font-size:1.3em; text-align:left;}
#footerSche{ position:absolute; top:57px; right:10px; width:294px; height:81px;}
#footerLink { position:absolute; bottom:15px; left:6px; padding:0; color:#fff; text-align:left; font-size:1.3em; line-height:1.6;}
#footerLink a			{ color:#fff; text-decoration:underline;}
#footerLink a:visited	{ color:#fff; text-decoration:underline;}
#footerLink a:hover		{ color:#fff; background:#f90; text-decoration:none;}
#footerLink a:active	{ color:#fff; background:#f90; text-decoration:none;}

#copyright{ position:absolute; right:10px; bottom:20px; margin:30px auto 0; color:#fff; font-size:1.4em; font-family:Arial, Helvetica, sans-serif;}


/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 15px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 10px 10px 10px;}
.frimg2{ float:right; padding:0 5px 10px 20px;}
.red{ color:#f00;}
.orange{ color:#F90;}
.f80{ font-size:0.8em;}
.f120{ font-size:1.2em;}
.f130{ font-size:1.3em;}
.f140{ font-size:1.4em;}
.f160{ font-size:1.6em;}
.f180{ font-size:1.8em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
strong{ font-weight:bold;}