@charset "UTF-8";







* {margin: 0; padding: 0;}







ul, ol, li, dl, dt, dd, a {line-height: 130%;}

img{ border:none;}

li {list-style: none;}



a img {border: none;}



a {color: #006699;}



a:hover {color: #00ccff;}



address {font-style: normal;}



em {font-size: 10px; font-style: normal; color: #999;}







body {font-family:'メイリオ',Meiryo,'EEEEEE EEEゴシチEEE',sans-serif; font-size: 12px; color: #666; background: #FFF url(../common/bk-ptn.jpg) repeat-x; padding-bottom: 5px;}



.clear {clear: both;}







.mainbackground {width: 956px; margin: 0 auto; }



#container {width: 956px; margin: 0 auto;}







/* Header Logo */



h1#logo {width: 956px; height: 135px; background: url(../common/header-bk.jpg) no-repeat; margin: 0 auto 10px; position: relative;}



h1#logo span {color: #99b3c7; font-weight: normal; font-size: 12px; position: absolute; top: 24px; left: 275px; line-height: 150%;}







/* Navigation Bar */



ul#navigation {width: 950px; height: 53px; margin: 0 auto 15px;}



ul#navigation li {float: left; list-style: none; position: relative;}



ul#navigation li a {display: block; text-decoration: none; height: 53px; background-position: 0 0; background-repeat: no-repeat;color:#292828;}
ul#navigation li a:hover{ color: #0CF;}

ul#navigation li span{ display:block; padding-top:13px; text-align:center;}

ul#navigation li#home a {background-image: url(../common/hd-navi-btn01.jpg); width: 191px;}



ul#navigation li#orthodontics a {background-image: url(../common/hd-navi-btn02.jpg); width: 190px;}



ul#navigation li#general a {background-image: url(../common/hd-navi-btn03.jpg); width: 190px;}



ul#navigation li#counseling a {background-image: url(../common/hd-navi-btn04.jpg); width: 190px;}



ul#navigation li#contactus a {background-image: url(../common/hd-navi-btn05.jpg); width: 189px;}








/* Catagories Navigation */



#catNavSection h3, #catNavSection ul li {margin-bottom: 1px !important;}



#catNavSection {width: 170px; float: left; padding-left: 3px;}


#catNavSection div#sidebnrarea p{ margin-bottom:15px;}
#catNavSection div#sidebnrarea p.line{ border-bottom: #CCC dashed 1px; padding-bottom:10px;}

#catNavSection ul {list-style: none; margin: -2px 0 15px; font-size: 10px;}



#catNavSection ul li {width: 155px; height: 19px; background: url(../common/sd-navi-btn-bk.jpg) no-repeat; padding: 5px 0 0 15px;}



#catNavSection ul li a {color: #666; text-decoration: none;}



#catNavSection ul li a:hover {color: #00ccff; text-decoration: underline;}






/* Contents Side (Right) */



#contentWrapper {width: 754px; font-size: 12px; float: right; line-height: 200%; margin-bottom:30px;}



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


#contentsitemap {width: 850px; font-size: 12px; line-height: 200%; padding:10px 20px 40px;}


p.mainPicture {margin: 0 0 15px !important; padding: 0 !important;}



p.button { height: 30px;}




	p.button a {



		width: 150px;



		height: 30px;



		text-decoration: none;



		background-image: url(../common/btn-to-page.jpg);


		display: block;


	}
	p.button a:hover{background-image: url(../common/btn-to-page2.jpg);}



	p.button a span {visibility: hidden;}





#contentWrapper h2 {



	border-bottom: 1px solid #ccc;



	border-left: 3px solid #0099cc;



	color: #808080;



	font-size:18px;



	margin: 0 5px 15px;



	padding: 8px 5px 8px 15px;



	clear: both;



}





#contentWrapper p.h3ttlimg{ clear:both; float: none; margin:0; padding:0;}

#contentWrapper h3,#contentWrapper p.h3ttlimg {



	margin-left: 10px;



	padding-left: 15px;
	
	padding-top:2px;



	color: #0088bb;



	font-size: 16px;



	font-weight: normal;



	line-height: 130%;



	background: url(../common/mk-03.gif) no-repeat 0 5px;
	

}







#contentWrapper h4 {



	margin: 5px 0 5px 12px;



	padding-left: 15px;



	font-size: 14px;



	font-weight: bold;



	line-height: 130%;



	background: url(../common/mk-02.gif) no-repeat 0 5px;



}









#contentWrapper h5 {



	margin-left: 15px;



	color: #0088bb;



	font-weight: bold;



	font-size: 12px;



}



#contentsitemap h2 {



	border-bottom: 1px solid #ccc;



	border-left: 3px solid #0099cc;



	color: #808080;



	font-size:20px;



	font-weight:bold;



	margin: 0 5px 15px;



	padding: 8px 5px 8px 15px;



	clear: both;



}



#contentsitemap h3 {



	margin-left: 10px;



	padding-left: 15px;



	color: #0088bb;



	font-size: 16px;



	font-weight: normal;



	line-height: 130%;



	background: url(../common/mk-03.gif) no-repeat 0 5px;



}






#contentWrapper p {margin: 0 0 15px 15px; text-align: justify; padding-right: 10px; }







img.sam_b{ border:#F2F2F2 solid 1px; padding:1px;}



#sub_contents {font-size: 12px; padding: 15px 5px 50px 0; line-height: 170%;}



#contentWrapper h3 {color: #0088bb; font-size: 16px; font-weight: normal; line-height: 130%; background: url(../common/mk-03.gif) no-repeat 0 5px;}



#sub_contents p{margin: 10px 0 0 15px; padding: 0 0 20px 170px; text-align: justify; padding-right: 10px; background: url(../images/ope.jpg) no-repeat;}







ul#clinicEnvironment {margin: 0 0 15px 15px; padding: 10px 10px 10px 0; overflow: hidden; font-size: 10px;}



ul#clinicEnvironment li {width: 133px; font-size: 10px; color: #999; line-height: 130%; float: left;}



ul#clinicEnvironment > li + li {margin-left: 12px;}







ul#clinicInfo {margin: 0 0 15px 15px; padding: 10px 10px 10px 5px; overflow: hidden;}



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



ul#clinicInfo li {width: 160px; font-size: 10px; color: #999; line-height: 130%; float: left;}



ul#clinicInfo > li + li {margin-left: 30px;}




.noticeBox {width: 545px; margin: 0 0 10px 12px; padding: 15px;background: #deeef4;}



.noticeBox p {margin: 0 !important;}



.noticeBox em {color: #0099cc; font-style: normal; font-weight: bold; font-size: 14px; margin-bottom: 15px;}







.messageBox {border: 1px solid #0088bb; width: 640px; margin: 0 0 10px 15px; padding: 15px; overflow: hidden;}



.messageBox h4 {margin:5px 0 5px !important;}



.messageBox h5 {margin: 0 !important;}



.messageBox h6 {



	border-bottom: 1px solid #0088bb;



	color: #0088bb;



	font-size: 12px;



	font-weight: normal;



	padding-left: 5px;



	margin-bottom: 10px;



	margin-top: -5px;



}



		.messageBox img.imgleft {float: left; margin-right: 10px;}		



		.messageBox p { margin-left: 5px !important;}



		.messageBox table {margin: 0; width: 100%;}



		.messageBox ol li {font-size: 13px; list-style: decimal !important; padding: 5px 0; margin-left: 23px;}



		.messageBox ol.blueBold li {color: #08b; font-weight: bold; font-size: 13px; list-style: decimal !important; padding: 5px 0; margin-left: 23px;}



		



.makeCompare {width: 600px; overflow: hidden;}



.makeCompare ul {float: left; width: 275px; padding: 0 10px 0 15px;}



	.makeCompare ul li.headerCompare {padding-left: 20px;}







.aestheticsNav > li {display: inline; padding-right: 60px;}



.aestheticsNav > li + li + li {padding-right: 0;}







.questionAndanswer {width: 730px; overflow: hidden;}



.questionAndanswer li > p {color: #0099cc; font-weight: bold;}



.questionAndanswer li > p + p {color: #666; font-weight: normal; padding-left: 5px; margin-top: -10px !important;}







table {width: 96%; margin: 0 0 8px 15px;}



table th {font-size: 12px; color: #fff; padding: 3px; margin: 0 2px 2px 0; background: #79bcd2;}



table th.setBg  {background: #79bcd2 url(../common/mk-04.gif) no-repeat center bottom;}



table td {font-size: 12px; padding: 3px; margin: 0 2px 2px 0; background: #deeef4;}







table td.image {border: none; background: none;}



table td.image p {font-size: 10px; font-style: normal; color: #999; text-align: center; padding: 0 !important; margin: 0 !important;}



table.serviceTime td {padding: 3px 10px; text-align: center;}



table.clinicMap ul {padding-left: 20px; width: 190px; float: left;}



table.clinicMap ul li {list-style: disc;}



table.clinicMap img {float: right;}







table.step th {vertical-align: top; padding: 8px 0; border-bottom: 2px #fff solid;	border-right: 2px #fff solid;}



table.step th.textmiddle {vertical-align: middle !important; padding: 0 !important; border-bottom: 2px #fff solid;	border-right: 2px #fff solid;}



table.step td {border-bottom: 2px #fff solid; border-right: 2px #fff solid;}



table.step td  p {margin: 0!important;}



table.step td em {font-style: normal; font-weight: bold; color: #0099cc; padding-top: 10px; display: block;}



table.step td.setWidth1 {width: 74%;}



table.step td.setWidth2 {width: 80%;}







table.price th {text-align: center; border-bottom: 2px #fff solid;	border-right: 2px #fff solid;}



table.price td {text-align: center; border-bottom: 2px #fff solid;	border-right: 2px #fff solid;}



table.price td.setWidth1 {width: 54%;}



table.price th.setWidth1 {width: 20%;}







table.total th {border-bottom: 2px #fff solid; border-right: 2px #fff solid;}



table.total td {text-align: right; border-bottom: 2px #fff solid; border-right: 2px #fff solid;}



table.total td.setWidth1 {width: 25%;}



table.total td.setWidth2 {width: 50%;}







table.directorDetails th {color: #fff; padding: 3px; margin: 0 2px 2px 0; background: #79bcd2;}



table.directorDetails th.setBg  {background: #79bcd2 url(../common/mk-04.gif) no-repeat center bottom;}



table.directorDetails td {padding: 5px; margin: 0 2px 2px 0; background: #deeef4;}



table.directorDetails td p {margin:0 0px 5px !important;}



table.directorDetails td ul {margin: 5px 6px;}



table.directorDetails td ul li:first-letter { margin-left:-6px;}



table.directorDetails th.setColFfirst {width:11%;}



/* Footer */



#footerContent {width: 950px; height: 96px; margin: 0 auto; position: relative;}



#copyrightAndAddress {width: 950px; height: 80px; clear: both;  position: absolute; bottom: 5px; _bottom: 0;}



#copyrightAndAddress address {float: left; color:#FFF; font-style: normal; font-size: 12px; line-height: 120%; margin: 5px 0 0 10px;}



#copyrightAndAddress p {display: block; float: right; color: #fff; font-size: 12px; margin: 3px 10px 0 0; line-height:110%;}



#copyrightAndAddress .sitemap {display: block; text-align: left; color: #fff; font-size: 12px; clear:both; margin-left:20px; height:10px;}



#footer { height: 96px; clear: both; background:url(../common/footerbg.jpg) repeat-x;  }


#footer p a {
    text-decoration: none;
}



/* Global uses class */



.goInPosition {background: url(../common/mk-01.gif) 0 5px no-repeat; display: block; float: right; padding-left: 7px; margin: 10px 0;}



.goInContain {background: url(../common/mk-01.gif) 0 2px no-repeat; padding-left:7px;}







/*settext*/



.flat {font-weight: normal;}



.open-day {color: #f69; font-weight: bold;}



.close-day {color:#336699; font-weight:bold;}



.blueText {color: #0099cc;}



.darkblueBold {color: #0088bb; font-style: normal; font-weight: bold; font-size: 14px; margin-bottom: 15px;}



.blueBold {color: #0099cc; font-style: normal; font-weight: bold; font-size: 14px; margin-bottom: 15px;}



span.imgDetail {display:block; color: #aaa; font-size: 10px; line-height: 120%;}



span.mini {font-size: 10px;}



address.telphone {font-size: 36px; font-style: italic; font-weight: bold; color: #369; text-align: center; padding: 5px 0;}







.alignCenter {text-align: center !important;}



.alignLeft {text-align: left !important;}



.alignRight {text-align: right !important;}



			



.commentary {line-height: 130%;}



	.commentary em {font-size: 10px; color: #999999; font-style: normal;}



.pictureRight {overflow: hidden; height: 100%;}



	.pictureRight img {float: right; margin: 0 10px 5px 10px;}



.pictureLeft {overflow: hidden; height: 100%;}



	.pictureLeft img {float: left; margin: 0 10px 5px 0;}







ul.directorList {margin:5px 15px 10px;}



.picRightbottom {margin-bottom: 20px;}



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







/* Detach for dicussion */



.setPadding_left {padding: 0 0 10px 5px;}



.setLineHeight {line-height: 190% !important;}



.resize-ten {font-size: 10px;}











/* rel_material */







p#zaishitu{



width:550px;



text-align:center;







}





#copyrightAndAddress p a{

color:white;

}


#copyrightAndAddress .sitemap a{

color:white;

}




/* 2008/10/03EEEɲEEE */



.dr_sotowaku{

width:480px;

margin-left:63px;

}

.dr_sotowaku_02{

width:690px;
margin-left:0px;

}

.dr_left{

width:235px;
float:left;

}

.dr_left_ex{

width:235px;
float:left;

}



div#idx_cont2 a:hover img{
	-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
	}




div#idx_cont2{ padding:10px;
	content:"";
	display:block;
	clear:both;
	overflow:hidden;

}
div#idx_cont2 div.leftbox{ float:left; width:340px; height:130px; margin-bottom:10px;

}

div#idx_cont2 div.rightbox{ float:right; width:340px; height:130px; margin-bottom:10px;
margin-right:30px;
	}
* html div#idx_cont2 div.rightbox{margin-right:0px;}
	
div#idx_cont2 p.h3ttlimg{ padding-bottom:5px;}

div#idx_cont2 div.inbox{
		content:"";
	display:block;
	clear:both;
	overflow:hidden;
	}
	
div#idx_cont2 div.inbox img.samimg{ float:left; width:100px; padding-left:10px;}
div#idx_cont2 div.inbox p.txtp{ float:left; width:200px; height:35px; line-height:110%; padding-top:5px;}

div#idx_cont2 div.inbox p.button2{ margin-right:15px; text-align:right;
}


div#contentWrapper ul.layout_01{
    height: 280px;
    margin-top: 20px;
    padding-left: 70px;
    width: 600px;
}

div#contentWrapper p.layout_02 {
    margin-top:20px;
    padding: 0 20px 0 0;
    text-align: center;
}

div#contentWrapper ul.layout_03 {
    height: 220px;
    margin: 20px 0 30px 0;
    padding-left:70px;
    width: 600px;
}

div#contentWrapper ul.layout_04 {
    height: 190px;
	margin: 30px 70px 30px 0;
    padding: 0 0 0 70px;
    width: 600px;
}

div#contentWrapper ul.layout_05 {
    height: 340px;
    margin: 20px 0 20px 0;
    padding-left: 70px;
    width: 600px;
}

div#contentWrapper p.layout_06 {
	margin:10px 0 20px 0;
	padding-left:20px;
    text-align: center;
	width:650px;
	
}

div#contentWrapper ul.layout_07 {
    height: 350px;
    margin-top: 20px;
    padding-left: 70px;
    width: 600px;
}

div#contentWrapper ul.layout_08 {
    height: 360px;
    margin-top: 20px;
    padding-left: 70px;
    width: 650px;
}

div#contentWrapper ul.layout_01 li,div#contentWrapper ul.layout_07 li{
    float: left;
    height: 240px;
    list-style: none outside none;
    padding-right: 50px;
    width: 250px;
}

div#contentWrapper ul.layout_01 p,ul.layout_07 p{
    line-height: 200%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 250px;
}

div#contentWrapper p.layout_02 img {
    padding: 0 50px 0 0;
}

div#contentWrapper ul.layout_03 li,div#contentWrapper ul.layout_04 li,div#contentWrapper ul.layout_05 li{
    float: left;
    height: 188px;
    list-style: none outside none;
    width: 280px;
}

div#contentWrapper ul.layout_08 li{
    float: left;
    height: auto;
	width: 280px;
    list-style: none outside none;
}

div#contentWrapper ul.layout_03 p,div#contentWrapper ul.layout_04 p,div#contentWrapper ul.layout_05 p,div#contentWrapper ul.layout_08  p{
    line-height: 200%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 280px;
}

div#contentWrapper ul.layout_01 p,div#contentWrapper ul.layout_07 p{
	line-height: 200%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.blue {
	color:#0088bb
}

.report4_bg {
	overflow: hidden; 
	height: 100%;
	background: url("../images/repor4_bg.jpg") no-repeat scroll 0 0 transparent;
}
.darkblueBold02{

	padding:30px 0px;
	color: #0088bb;
	font-style: normal;
	font-weight: bold; 
	font-size:16px;
}

div#contentWrapper div.layout_02 img {
    padding: 0 50px 0 0;
}

div#contentWrapper div.layout_02 {
    margin-top:20px;
    padding: 0 20px 0 0;
    text-align: center;
}

div#contentWrapper div.layout_02 p{
    margin-top:10px;
    padding: 0 0 0 50px;
    width:550px;
}

div#contentWrapper div.layout_06 {
	margin:10px 0 20px 0;
	padding-left:20px;
    text-align: center;
	width:650px;
	
}

div#contentWrapper div.layout_06 p{
    margin-top:10px;
    padding: 0 0 0 30px;
    width:550px;
}