@charset "utf-8";

/*---base---*/
* { margin:0px; padding:0px;}
body {
	font-family: "ＭＳ Ｐゴシック","メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	line-height: 1.5;
	font-size: middle;
	text-align: center;
	color:#313131;
	background: url(../img/body_bg.jpg) repeat-x;
}
* html body { font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.mac body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo";}
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.4;}

#bodyIndex { background: url(../img/body_bg_index.jpg) repeat-x;}
#lattice { background: url(../img/lattice_bg.gif) 50% 130px no-repeat;}
#bodyIndex #lattice { background: url(../img/lattice_bg_index.gif) 50% 130px no-repeat;}

#wrapper {
	margin:0px auto;
	width:900px;
	text-align:left;
	overflow:hidden;
	_font-size: 80%;
}
/* text size hack using js */
.mac #wrapper { font-size: 12px;}

#mainBox {
	float:left;
	width: 900px;
	background: url(../img/nav_bg.png) repeat-y;
}

#main {
	width:645px;
	float:right;
	overflow: hidden;
}

a:link,a:visited { color:#313131; text-decoration:none; outline:none;}
a:active,a:hover { color:#93a905; text-decoration:none; outline:none;}

/*---header---*/

#header {
	position:relative;
	width:900px;
	height:99px;
	text-align:left;
}

#header h1 {
	position:absolute;
	left:0px;
	top:15px;
	width:315px;
	height: 77px;
}
#header h1 a {
	display:block;
	width:315px;
	height: 77px;
	text-indent: -99999px;
	background: url(../img/title.jpg) no-repeat;
}

#header #cs {
	position: absolute;
	top: 12px;
	left: 699px;
	width:201px;
	height: 29px;
}
#header #cs dt {
	float:left;
	width:92px;
	height: 29px;
	margin: 0 4px 0 0;
	background: url(../img/cs_title.gif) bottom no-repeat;
	text-indent: -99999px;
}
#cs dd {
	float:right;
	_display:inline;
}
#cs dd li {
	float:left;
	width:29px;
	height:29px;
	margin: 0 0 0 6px;
	_display:inline;
	line-height: 1;
}
#cs dd li a {
	display:block;
	width:29px;
	height:29px;
	text-indent: -99999px;
	overflow:hidden;
}
#cs dd li a:link,#cs dd li a:visited { background-position: left top;}
#cs dd li a:active,#cs dd li a:hover { background-position: left bottom;}
#cs_s a { background-image: url(../img/cs_s.gif);}
#cs_m a { background-image: url(../img/cs_m.gif);}
#cs_l a { background-image: url(../img/cs_l.gif);}

#header #headerNav {
	position: absolute;
	top: 70px;
	left: 694px;
	width:260px;
	height:12px;
	line-height:0;
}

#header #headerNav li {float:left; height: 12px; margin: 0 10px 0 0;}
#header #headerNav li a {
	display:block;
	height: 12px;
	line-height: 0;
	background-image: url(../img/header_nav.gif);
	text-indent: -99999px;
}
li#headerNav01 a { width:61px; background-position: 0px 0px;}    li#headerNav01 a.current,li#headerNav01 a:active,li#headerNav01 a:hover { background-position: 0px -12px;}
li#headerNav02 a { width:46px; background-position: -71px 0px;}  li#headerNav02 a.current,li#headerNav02 a:active,li#headerNav02 a:hover { background-position: -71px -12px;}
li#headerNav03 a { width:79px; background-position: -127px 0px;} li#headerNav03 a.current,li#headerNav03 a:active,li#headerNav03 a:hover { background-position: -127px -12px;}

/*---nav---*/

#nav {
	float:left;
	width:240px;
	background:url(../img/nav_top.jpg) top no-repeat;
	margin: 0 15px 0 0;
	padding: 31px 0 0px;
}

#nav .sideNav { float:left; width:240px; height:635px; margin: 0 0px 30px; overflow:hidden; background:url(../img/nav_highlight.png) top no-repeat;}
#nav .sideNav li { float:left; width:200px; margin: 0 20px; _margin: 0 10px;}
.sideNav li a { display:block; width:200px; height:54px; background-image: url(../img/nav.png); background-repeat:no-repeat; text-indent:-99999px;}
li.sideNav01 a { height:41px; background-position: 0px 0px;}    li.sideNav01 a.current,li.sideNav01 a:active,li.sideNav01 a:hover { background-position: -200px 0px;}
li.sideNav02 a { background-position: 0px -41px;}  li.sideNav02 a.current,li.sideNav02 a:active,li.sideNav02 a:hover { background-position: -200px -41px;}
li.sideNav03 a { background-position: 0px -95px;}  li.sideNav03 a.current,li.sideNav03 a:active,li.sideNav03 a:hover { background-position: -200px -95px;}
li.sideNav04 a { background-position: 0px -149px;} li.sideNav04 a.current,li.sideNav04 a:active,li.sideNav04 a:hover { background-position: -200px -149px;}
li.sideNav05 a { background-position: 0px -203px;} li.sideNav05 a.current,li.sideNav05 a:active,li.sideNav05 a:hover { background-position: -200px -203px;}
li.sideNav06 a { background-position: 0px -257px;} li.sideNav06 a.current,li.sideNav06 a:active,li.sideNav06 a:hover { background-position: -200px -257px;}
li.sideNav07 a { background-position: 0px -311px;} li.sideNav07 a.current,li.sideNav07 a:active,li.sideNav07 a:hover { background-position: -200px -311px;}
li.sideNav08 a { background-position: 0px -365px;} li.sideNav08 a.current,li.sideNav08 a:active,li.sideNav08 a:hover { background-position: -200px -365px;}
li.sideNav09 a { background-position: 0px -419px;} li.sideNav09 a.current,li.sideNav09 a:active,li.sideNav09 a:hover { background-position: -200px -419px;}
li.sideNav10 a { background-position: 0px -473px;} li.sideNav10 a.current,li.sideNav10 a:active,li.sideNav10 a:hover { background-position: -200px -473px;}
li.sideNav11 a { background-position: 0px -527px;} li.sideNav11 a.current,li.sideNav11 a:active,li.sideNav11 a:hover { background-position: -200px -527px;}
li.sideNav12 a { background-position: 0px -581px;} li.sideNav12 a.current,li.sideNav12 a:active,li.sideNav12 a:hover { background-position: -200px -581px;}

.externalLink li { text-align:center;}

/*---footer---*/


#footerWrapper {
	height:180px;
	text-align:center;
	background: url(../img/footer_bg.gif) repeat-x;
	overflow:hidden;
	_font-size: 80%;
	clear:both;
}
.mac #footerWrapper { font-size: 12px;}

#footer {
	margin:0px auto;
	width:900px;
	text-align:left;
	overflow:hidden;
	background: url(../img/footer_bg02.jpg) 0px 0px no-repeat;
	color: #FFFFFF;
}

.toTop { text-align: right; margin: 0 0 30px;}

#footer dl { float:left; padding: 10px 0 0 20px;}
#footer dl dt { font-size: 115%; font-weight:bold;}

#footer ul { padding: 5px 0 0; text-align: right;}
#footer ul.firstChild { padding: 10px 0 0;}
#footer ul li { display:inline;}

address {
	display:block;
	float:right;
	font-style: normal;
	font-size:85%;
}
address a {
	display:block;
	float:right;
	margin: 30px 0 0;
}

#footer a:link,#footer a:visited { color:#FFFFFF;}
#footer a:active,#footer a:hover { color:#add083;}

/*---top---*/

#top_sub01 { background: url(../img/top_sub01.gif);}
#top_sub02 { background: url(../img/top_sub02.gif);}

.sectionIndex.box dl      { margin: 0 0 20px;}
.sectionIndex.box dl dt   { font-weight: bold;}
.sectionIndex.box dl span { font-weight: bold; color: #93a905;}

#mainImg {
	position:relative;
	width:641px;
	height:258px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 31px;
}
#mainImg li { position:absolute;}
#mainImg li.img01 {z-index:100;}
#mainImg li.img02 {z-index:99;}
#mainImg li.img03 {z-index:98;}
#mainImg li.img04 {z-index:97;}

/*---layout---*/

.sectionIndex {
	width:645px;
	margin: 0px 0px 35px;
	clear:both;
}
.sectionIndex.box {
	width:613px;
	_width:645px;
	padding: 18px 10px 20px 20px;
	border: #b3c447 solid 1px;
	border-top: none;
}

.section {
	width:645px;
	margin: 0px 0px 30px;
	clear:both;
}

.section_implant_flow {
	clear:both;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A1CA24;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin: 0px;
}
.section.mB80 {
	margin: 0px 0px 80px;
}
/* clearfix */
.section:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


.sectionL { float:left;	padding: 0 25px 0 0;}
.sectionR { float:right; padding: 0 0 0 25px;}

/*---general_purpose---*/

h2 {
	float:left;
	width:645px;
	height: 33px;
	margin: 0 0 20px;
	text-indent: -99999px;
}

.h3Box { background: url(../img/h3_bg.gif) 0em .7em repeat-x; margin: 0 0 18px;}
.h3Box h3 {
	display:inline;
	background:#899d0a;
	padding: 3px 6px;
	color: #FFFFFF;
	font-weight: bold;
}

#bodyIndex h3 {
	height:40px;
	margin: 0;
	text-indent: -99999px;
}

.infoTxt {
	float:left;
	width:645px;
	height:30px;
	line-height: 30px;
	margin: 0 0 1px;
	text-align: right;
	color: #FFFFFF;
}

.cHeaderImg {
	float:left;
	width:645px;
	height:150px;
	margin: 0 0 40px 0;
	background-repeat: no-repeat;
}

.sectionIndex p,.section p { margin-bottom: 20px;}
.sectionIndex p.lastChild,.section p.lastChild { margin-bottom: 0px;}

p.imgR { float:right; padding: 0 0 20px 25px; margin:0;}
p.imgL { float:left; padding: 0 25px 0 0; margin:0;}
p.imgR.lastChild,p.imgL.lastChild { padding-bottom: 0px;}

.sectionR p span,p.imgR span,p.imgL span { display:block; width:130px; _width:140px; font-size: 85%; padding: 5px 5px 0; line-height: 1.2; text-align:center;}

.arrowFlow li {
	float:left;
	width: 100%;
	background:url(../img/arrow_flow.jpg) left bottom no-repeat;
	padding-bottom: 75px;
	margin: 0 0 20px;
}
.arrowFlow li.implantFlowArrow01 { background:url(../img/implant_flow_arrow01.jpg) center bottom no-repeat;}
.arrowFlow li.implantFlowArrow02 { background:url(../img/implant_flow_arrow02.jpg) center bottom no-repeat;}
.arrowFlow li.lastChild { background: none; padding: 0; margin: 0;}

.arrowFlow li.lastChild.implantFlow { background: #A1CA24 none; padding: 20px 0; text-align:center; margin: 0; font-weight: bold; color:#FFFFFF;}


.arrowFlow li .listnum { padding: 0 0 20px; width:100%;}
.arrowFlow li .listnum li { padding: 0 0 0 20px; margin: 0 0 10px; background-position: 0em .2em; background-repeat: no-repeat; width: 250px; _width: 270px;}
.arrowFlow li .listnum li.lastChild { margin: 0 0 0px;}

dl.flow {
	float:left;
	width: 603px;
	_width: 645px;
	position: relative;
	border: #a0a0a0 solid 1px;
	padding: 20px;
}
dl.flow.flowL {
	float:left;
	width: 258px;
	_width: 300px;
}
dl.flow.flowR {
	float:right;
	width: 258px;
	_width: 300px;
}
dl.flow dt {
	position: absolute;
	top: -13px;
	left: 10px;
	display:inline;
	background:#FFFFFF;
	padding: 3px 6px;
	color: #ff0000;
	font-weight: bold;
}
.section dl.flow dd p { margin-bottom: 1em;}
.section dl.flow dd p.lastChild { margin-bottom: 0;}

dl.flow p.imgR { float:right; padding: 0 0 20px 25px; margin:0;}
dl.flow p.imgL { float:left; padding: 0 20px 0 0; margin:0;}
dl.flow p.imgR.lastChild,dl.flow p.imgL.lastChild { padding-bottom: 0px;}


.timeTable { margin-left: 1px; margin-bottom: 5px;}
.timeTable th,.timeTable td { border: #669900 solid 1px;}

.list01 { padding: 0 0 20px;}
.list01 li { padding-left: 20px; margin: 0 0 10px; background: url(../img/icon_list01.gif) 0em .4em no-repeat;}
.list01 li.lastChild { margin: 0 0 0px;}
.list01 li dl,.list01 li dt,.list01 li dd { display:inline;}
.list01 li dt { font-weight: bold; color: #93a905; padding: 0 15px 0 0;}

.list01Dl dt { padding-left: 20px; margin: 0 0 5px; background: url(../img/icon_list01.gif) 0em .4em no-repeat; font-weight: bold; color: #93a905;}
.list01Dl dd { padding-left: 20px; margin: 0 0 15px;}

.listnum { padding: 0 0 20px;}
.listnum li { padding-left: 20px; margin: 0 0 10px; background-position: 0em .2em; background-repeat: no-repeat;}
.listnum li.listnum li.lastChild { margin: 0 0 0px;}
.listnum li.listnum01 { background-image: url(../img/icon_num01.gif);}
.listnum li.listnum02 { background-image: url(../img/icon_num02.gif);}
.listnum li.listnum03 { background-image: url(../img/icon_num03.gif);}
.listnum li.listnum04 { background-image: url(../img/icon_num04.gif);}
.listnum li.listnum05 { background-image: url(../img/icon_num05.gif);}
.listnum li.listnum06 { background-image: url(../img/icon_num06.gif);}
.listnum li.listnum07 { background-image: url(../img/icon_num07.gif);}
.listnum li.listnum08 { background-image: url(../img/icon_num08.gif);}
.listnum li.listnum09 { background-image: url(../img/icon_num09.gif);}
.listnum li.listnum10 { background-image: url(../img/icon_num10.gif);}

ul.case {
	float:left;
	width: 645px;
	padding: 0 0 30px;
}
.case li.before {
	float:left;
	width: 345px;
	background: url(../img/case_arrow.jpg) right center no-repeat;
}
.case li.after {
	float:right;
	width: 300px;
}

#main ul.lastChild { padding: 0 0 0px;}

strong { color: #2e6aa5;}
strong.or { color: #f39800;}

.h01 { height: 8em;}
.h02 { height: 33em; _height: 35em;}

.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb40 { margin-bottom:40px;}

.mt20 { margin-top:20px;}

.pT20 { padding-top:20px;}

.pR10 { padding-right: 10px;}

.ovfH { overflow: hidden; _zoom:1;}

.colOr { color:#FF6600;}

.aC { text-align:center;}
.aR {text-align: right;}
.aL { text-align: left;}

.fL { float:left;}
.fR { float:right;}

.clB { clear:both;}
.clL { clear:left;}
.clR { clear:right;}

.txtS { font-size:85%;}
.txtL { font-size:115%;}
.txtLL { font-size:140%;}

/*---page_parts---*/

.sectionMap {
	float:left;
	width: 350px;
	margin: 0 10px 0 0;
}

#map_canvas {
	float:left;
	width: 348px;
	height:250px;
	border: #669900 solid 1px;
	margin: 0 0 10px;
}
.accessInfo {
	float:left;
	width: 285px;
}
.accessInfo dt {
	float:left;
	clear: both;
	width: 32px;
	margin: 0 10px 15px 0;
}
.accessInfo dd {
	float:left;
	width: 243px;
	margin: 0 0 15px;
}

.sitemap li {
padding-left: 20px;
margin: 0 20px 10px 20px;
background: url(../img/icon_list01.gif) 0em .4em no-repeat;
border-bottom: #EEE dashed 1px;
}

/*---page_title---*/

#prevent_sub01 { background-image: url(../img/prevent_sub01.gif);}
#prevent_sub02 { background-image: url(../img/prevent_sub02.gif);}
#prevent_sub03 { background-image: url(../img/prevent_sub03.gif);}
#implant_sub01 { background-image: url(../img/implant_sub01.gif);}
#esthe_sub01 { background-image: url(../img/esthe_sub01.gif);}
#oralsurgery_sub01 { background-image: url(../img/oralsurgery_sub01.gif);}
#oralsurgery_sub02 { background-image: url(../img/oralsurgery_sub02.gif);}
#ct_sub01 { background-image: url(../img/ct_sub01.gif);}
#ortho_sub01 { background-image: url(../img/ortho_sub01.gif);}
#clinic_sub01 { background-image: url(../img/clinic_sub01.gif);}
#graftless_sub01 { background-image: url(../img/graftless_sub01.gif);}
#access_sub01 { background-image: url(../img/access_sub01.gif);}
#whitening_sub01 { background-image: url(../img/whitening_sub01.gif);}
#team_sub01 { background-image: url(../img/team_sub01.gif);}
#link_sub01 { background-image: url(../img/link_sub01.gif);}
#sitemap_sub01 { background-image: url(../img/sitemap_sub01.gif);}