@charset "utf-8";


/*---base---*/


body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-style: normal;
	font-size: 75%;
	line-height: 140%;
	text-align: center;
	color: #5a3d1c;
	background: #513127 url(../img/back_gradation.jpg) repeat-x 0 0;
}

html{
	overflow-y: scroll;
}

*{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: lighter;
}

img{
	border-width: 0px;
	border-style: none;
	vertical-align: bottom;
}

ul{
	list-style: none;
}

table{
	border: none;
	border-collapse: collapse;
}

table caption{
	display: none;
}

td,th{
	font-size: 12px;
	text-align: left;
	line-height: 1;
	font-weight: normal;
}

#side{
	margin: 0px auto;
	width: 820px;
	text-align: left;
	background-image: url(../img/bg_side.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}

#wrapper{
	width: 800px;
	margin: 0px 10px;
	text-align: left;
	overflow: hidden;
}

div#header{
	position: relative;
	width: 800px;
	height: 240px;
	margin: 0px 10px;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(../img/header.jpg);
}


/*---start_header---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


div#header h1{
	position: absolute;
	left: 23px;
	top: 7px;
	width: 410px;
	height: 44px;
	text-indent: -9999px;
}

div#header h1 a{
	display: block;
	width: 410px;
	height: 44px;
}

div#header p#navi_top{
	position: absolute;
	left: 615px;
	top: 62px;
	width: 50px;
	height: 15px;
	text-indent: -99999px;
}

div#header p#navi_top a{
	display: block;
	width: 50px;
	height: 15px;
}

div#header ul li#navi_top{
	position: absolute;
	left: 615px;
	top: 62px;
	width: 50px;
	height: 15px;
	text-indent: -99999px;
}

div#header ul li#navi_top a{
	display: block;
	width: 50px;
	height: 15px;
}

div#header p#navi_sitemap{
	position: absolute;
	left: 690px;
	top: 62px;
	width: 100px;
	height: 15px;
	text-indent: -99999px;
}

div#header p#navi_sitemap a{
	display: block;
	width: 100px;
	height: 15px;
}

div#header ul li#navi_sitemap{
	position: absolute;
	left: 690px;
	top: 62px;
	width: 100px;
	height: 15px;
	text-indent: -99999px;
}

div#header ul li#navi_sitemap a{
	display: block;
	width: 100px;
	height: 15px;
}


/*---end_header---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#main_box{
	display: inline;
	width: 800px;
	float: left;
	margin: 0px;
	background-image: url(../img/mainbox_back.gif);
}

#main{
	width: 570px;
	float: right;
	display: inline;
	line-height: 150%;
	margin: 10px 20px 0px 0px;
}

a:link,a:visited{
	color: #666666;
	text-decoration: none;
}

a:active,a:hover{
	color: #333333;
	text-decoration: none;
}

h2{
	width: 570px;
	height: 20px;
}

#main ol{
	line-height: 200%;
	list-style-position: inside;
}


/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#navi{
	float: left;
	width: 180px;
	margin: 0px;
	background-color: #e6f6c8;
}

#navi ul{
	width: 180px;
	list-style: none;
	margin: 0px 0px 15px;
}

#navi ul li{
	width: 180px;
	height: 30px;
	margin: 0px;
	display: block;
	overflow: hidden;
}


#navi ul li a{
	display: block;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

#navi ul#banner{
	width: 172px;
	margin: 0 4px 0;
}

#navi ul#banner li {
	margin: 0 0 15px;
	padding: 0;
	width: 172px;
	height: 62px;
}

#navi ul#banner li a {
	width: 172px;
	height: 62px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	overflow: hidden;
}


li.navi01 a{
	background-image: url(../img/navi01.jpg);
}

li.navi02 a{
	background-image: url(../img/navi02.jpg);
}

li.navi03 a{
	background-image: url(../img/navi03.jpg);
}

li.navi04 a{
	background-image: url(../img/navi04.jpg);
}

li.navi05 a{
	background-image: url(../img/navi05.jpg);
}

li.navi06 a{
	background-image: url(../img/navi06.jpg);
}

li.navi07 a{
	background-image: url(../img/navi07.jpg);
}

li.navi08 a{
	background-image: url(../img/navi08.jpg);
}

li.navi09 a{
	background-image: url(../img/navi09.jpg);
}

li.navi10 a{
	background-image: url(../img/navi10.jpg);
}

li.navi01 a:active,li.navi01 a:hover,li.navi02 a:active,li.navi02 a:hover,li.navi03 a:active,li.navi03 a:hover,li.navi04 a:active,li.navi04 a:hover,li.navi05 a:active,li.navi05 a:hover,li.navi06 a:active,li.navi06 a:hover,li.navi07 a:active,li.navi07 a:hover,li.navi08 a:active,li.navi08 a:hover,li.navi09 a:active,li.navi09 a:hover,li.navi10 a:active,li.navi10 a:hover{
	background-position: -180px 0px;
}





/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#footer{
	clear: both;
	width: 800px;
	height: 77px;
	text-align: center;
	float: left;
	padding: 10px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../img/footer.jpg);
	overflow: hidden;
}

#footer dl{
	display: inline;
	overflow: hidden;
	width: 780px;
	height: 18px;
	float: left;
	margin: 0px 10px;
	text-align: center;
}

#footer dl dt,#footer dl dd{
	font-size: 80%;
}

#footer dl dt{
	display: inline;
	text-align: right;
}

#footer dl dd{
	text-align: left;
	text-indent: -9999px;
	float: left;
}

address{
	font-size: 80%;
	font-style: normal;
}


/*footter_link_color*//*------------------------------------------------------------------------------------------------------------------------*/


#footer dl dt a:link,#footer dl dt a:visited{
	color: #333333;
}

#footer dl dt a:active,#footer dl dt a:hover{
	color: #999999;
}

address a:link,address a:visited{
	color: #333333;
}

address a:active,address a:hover{
	color: #999999;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*トップページのＣＳＳはここに記述していってください。*/


#index div#header{
	height: 331px;
	background-image: url(../img/header_top.jpg);
}

#index .pickup01,#index .pickup02{
	width: 570px;
	margin: 0px 0px 10px;
	float: left;
	display: inline;
}

#index .pickup01_1{
	width: 267px;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/pickup01_back.jpg);
	background-position: bottom;
}

#index .pickup01_2{
	width: 267px;
	float: right;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/pickup01_back.jpg);
	background-position: bottom;
}

#index .pickup02_1 {
	width: 267px;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/pickup02_back.jpg);
	background-position: bottom;
}

#index .pickup02_2 {
	width: 267px;
	float: right;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/pickup02_back.jpg);
	background-position: bottom;
}

#index .pickup01_1 h3,#index .pickup01_2 h3,#index .pickup02_1 h3,#index .pickup02_2 h3{
	width: 267px;
	text-indent: -9999px;
}

#index .pickup01_1 h3{
	width: 267px;
	height: 26px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/h3_pickup01_1.jpg);
}

#index .pickup01_2 h3{
	width: 267px;
	height: 26px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/h3_pickup01_2.jpg);
}

#index .pickup02_1 h3{
	width: 267px;
	height: 26px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/h3_pickup02_1.jpg);
}

#index .pickup02_2 h3{
	width: 267px;
	height: 26px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/h3_pickup02_2.jpg);
}

#index .pickup01_1 p,#index .pickup01_2 p,#index .pickup02_1 p,#index .pickup02_2 p{
	width: 247px;
	margin: 10px 10px 5px;
}

#index .pickup01_1 p.more,#index .pickup01_2 p.more,#index .pickup02_1 p.more,#index .pickup02_2 p.more{
	clear:both;
	width: 90px;
	height: 20px;
	margin: 0px 0px 10px 165px;
	background-repeat: no-repeat;
	background-image: url(../img/more.jpg);
}

#index .pickup01_1 p.more a,#index .pickup01_2 p.more a,#index .pickup02_1 p.more a,#index .pickup02_2 p.more a{
	display: block;
	width: 90px;
	height: 20px;
	text-indent: -9999px;
}

#index h2{
	width: 570px;
	height: 28px;
	margin: 0px;
	text-indent: 0;
}

#index dt {
	width: 267px;
	height: 26px;
	margin: 0;
	padding: 0;
}

#index dd{
	width: 247px;
	margin: 10px 10px 5px;
}


/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


dl#sitemap dt{
	border-bottom: #CCCCFF solid 1px;
	border-left: #CCCCFF solid 5px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-indent: 8px;
}

dl#sitemap dd{
	text-indent: 20px;
	margin-bottom: 15px;
	border-bottom: #CCCCFF dotted 1px;
	line-height: 20px;
	font-size: 12px;
}

dl#sitemap dt a:link,dl#sitemap dt a:visited{
	color: #FF9933;
	text-decoration: none;
}

dl#sitemap dt a:active,dl#sitemap dt a:hover{
	color: #CC6699;
	text-decoration: none;
}


/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


h2{
	width: 570px;
	height: 28px;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}

h3{
	width: 570px;
	height: 22px;
	text-indent: -9999px;
	margin: 10px 0px;
	background-repeat: no-repeat;
}

h4{
	width: 350px;
	height: 24px;
	text-indent: -9999px;
	margin: 5px 0px;
	background-repeat: no-repeat;
	clear: both;
}

h5{
	width: 350px;
	height: 24px;
	text-indent: 15px;
	margin: 0px;
	line-height: 24px;
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-image: url(../img/icon_h5.gif);
	font-weight: bold;
}

.seg01,.seg03,.seg04{
	width: 570px;
	margin: 0px 0px 10px;
	float: left;
	display: inline;
}


*:first-child+html .seg01_1{padding-bottom:10px;}

.seg01 p{
	margin: 5px 0px;
}

.seg01 div{
	margin: 5px 0px;
}

.seg01 p.h4p{
	width: 560px;
	margin: 0px 0px 5px 10px;
	float: left;
	display: inline;
}

.seg01 ol{
	width: 570px;
	margin: 5px 0px;
	float: left;
	display: inline;
}

.seg01 .case01 {
  margin: 0px;
	clear: both;
	}

.seg01 .case02 {
  margin: 10px 50px;
	clear: both;
	}

.seg01 .b-a {
	background: url(../img/arrow.jpg) center no-repeat;
  }
	
.seg03 div{
	width: 350px;
	margin: 5px 0px;
	float: left;
	display: inline;
}

.seg03 ol{
	width: 350px;
	margin: 5px 0px;
	float: left;
	display: inline;
}

.seg04 div{
	width: 350px;
	margin: 5px 0px;
	float: right;
	display: inline;
}

.seg04 ol{
	width: 350px;
	margin: 5px 0px;
	float: left;
	display: inline;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.mb10{
	margin-bottom: 10px;
}

.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}

.ali_cen{
	text-align: center;
}

.ali_right{
	text-align: right;
}

.ali_left{
	text-align: left;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.clb{
	clear: both;
}

.cll{
	clear: left;
}

.clr{
	clear: right;
}

hr{
	display: none;
}

.img_margin_rb10{
	margin: 0px 10px 10px 0px;
}

.img_margin_lb10{
	margin: 0px 0px 10px 10px;
}

.text14{
	font-size: 14px;
}

.font_b{
	font-weight: bold;
}

.pagetop{
	width: 90px;
	height: 20px;
	margin: 10px 0px;
	float: left;
	display: inline;
}

.pagetop a{
	display: block;
	width: 90px;
	height: 20px;
	margin: 0px 0px 0px 480px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../img/pagetop.gif);
}

.seg01 p.img_l {
  float: left;
	margin: 0 10px 0 0;
	}

.seg01 p.img_r {
  float: right;
	margin: 0 0 0 10px;
	}

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*Parts Page*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*All PAge*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#aesthetic h2{
	background-image: url(../img/h2_aesthetic.jpg);
}

#aesthetic_kind h2{
	background-image: url(../img/h2_aesthetic_kind.jpg);
}

#case_i h2{
	background-image: url(../img/h2_case_i.jpg);
}

#case_a h2{
	background-image: url(../img/h2_case_a.jpg);
}

#doctor h2{
	background-image: url(../img/h2_doctor.jpg);
}

#implant h2{
	background-image: url(../img/h2_implant.jpg);
}

#implant_flow h2{
	background-image: url(../img/h2_implant_flow.jpg);
}

#implant_kind h2{
	background-image: url(../img/h2_implant_kind.jpg);
}

#office h2{
	background-image: url(../img/h2_office.jpg);
}

#sitemap h2{
	background-image: url(../img/h2_sitemap.jpg);
}

#society h2{
	background-image: url(../img/h2_society.jpg);
}


/*院長紹介*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#doctor h3.h3_01{
	background-image: url(../img/h3_doctor01.jpg);
}

#doctor h3.h3_02{
	background-image: url(../img/h3_doctor02.jpg);
}

#doctor h4.h4_01{
	background-image: url(../img/h4_doctor01.jpg);
	width: 180px;
}

#doctor h4.h4_02{
	background-image: url(../img/h4_doctor02.jpg);
	width: 180px;
}


#doctor .box01{
 width: 400px;
}

#doctor .box01 .boxfL{
 width: 190px;
 float: left;
}

#doctor .box01 .boxfR{
 width: 190px;
 float: right;
}
/*
#doctor .box01 .boxfL ul li{
	width: 150px;
}

/*医院紹介*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#office h3.h3_01{
	background-image: url(../img/h3_office01.jpg);
}

#office h3.h3_02{
	background-image: url(../img/h3_office02.jpg);
}

#office h3.h3_03{
	background-image: url(../img/h3_office03.jpg);
}

#office .box_access{
	padding: 0 0 20px 50px;
}


/*インプラント歯科治療の特徴*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#implant h3.h3_01{
	background-image: url(../img/h3_implant01.jpg);
}

#implant h3.h3_02{
	background-image: url(../img/h3_implant02.jpg);
}

#implant h4.h4_01{
	background-image: url(../img/h4_implant01.jpg);
}

#implant h4.h4_02{
	background-image: url(../img/h4_implant02.jpg);
}

#implant h4.h4_03{
	background-image: url(../img/h4_implant03.jpg);
}


/*インプラント歯科治療の種類*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#implant_flow h3.h3_01{
	background-image: url(../img/h3_implant_flow01.jpg);
}


/*インプラント歯科治療の種類*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#implant_kind h3.h3_01{
	background-image: url(../img/h3_implant_kind01.jpg);
}

#implant_kind h3.h3_02{
	background-image: url(../img/h3_implant_kind02.jpg);
}

#implant_kind h3.h3_03{
	background-image: url(../img/h3_implant_kind03.jpg);
}

#implant_kind h4{
	width: 570px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_h5.gif);
	font-weight: bold;
}


/*審美歯科治療の特徴*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#aesthetic h3.h3_01{
	background-image: url(../img/h3_aesthetic01.jpg);
}

#aesthetic h3.h3_02{
	background-image: url(../img/h3_aesthetic02.jpg);
}

#aesthetic h4.h4_01{
	background-image: url(../img/h4_aesthetic01.jpg);
}

#aesthetic h4.h4_02{
	background-image: url(../img/h4_aesthetic02.jpg);
}


/*審美歯科治療の種類*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#aesthetic_kind h3.h3_01{
	background-image: url(../img/h3_aesthetic_kind01.jpg);
}

#aesthetic_kind h4{
	width: 570px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_h5.gif);
	font-weight: bold;
}


/*症例紹介・インプラント治療*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#case_i h3.h3_01{
	background-image: url(../img/h3_case_i01.jpg);
}

#case_i h4{
	width: 570px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_h5.gif);
	font-weight: bold;
}

/*症例紹介・審美歯科治療*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#case_a h3.h3_01{
	background-image: url(../img/h3_case_a01.jpg);
}

#case_a h4{
	width: 570px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_h5.gif);
	font-weight: bold;
}


/*保険外治療費用*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#aesthetic_kind h3.h3_01{
	background-image: url(../img/h3_aesthetic_kind01.jpg);
}

#society h3.h3_02{
	background-image: url(../img/h3_society02.jpg);
}

.flow p{
	margin: 10px 0;
	}

.s01{ font-size: 10px;}

table.society th.b {
font-weight:bold;
padding:5px;
background-color:#996326;
color:#FFFFCC;
}
table.society tr th,
table.society tr td {
border-bottom:dotted 1px;
}


table.society td{
text-align:right;
padding:10px;
}


.sub {
text-align:left !important;
background-color:#F8F4E7;}

div#tiny { 
  width: 570px;
  height: 100px;
  overflow: scroll;   
			}
div#tiny table tr td {
	text-align: left;
	line-height: 20px;
	padding: 0 5px 0 5px;
}

#tn_page_body {
	backgroud: #fff;
	margin: 0;
	padding: 0;
	font-size: 75%;
	}

.tn_table {
	border-collapse: collapse;
	border-spacing: 0;
	background: transparent;
	}
.tn_table * {
	margin: 0;
	padding: 0;
	}
.tn_table tr td.tn_title {
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
	width: 400px;
	}
.tn_page {
	}
.tn_page h2 {
	font-size: 2em;
	padding: .5em 1em;
	margin: 0;
	background: #fff url(../images/page_head.gif) repeat-x top;
	color: #000;
	}
.tn_page .tn_date {
	text-align: right;
	margin: .5em 1em;
	}
.tn_page .tn_content {
	margin: 1em;
	border: 1px solid #ccc;
	padding: 1.5em;
	}
.tn_page .tn_title {
	margin: 1em;
	border: 1px solid #ccc;
	padding: 1.5em;
	}
.tn_page .tn_image {
	margin: 1em;
	border: 1px solid #ccc;
	padding: 1.5em;
	}
.tn_close {
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 1em;
	}
.tn_page img, .tn_table img {
	-ms-interpolation-mode: bicubic;
	}

table.hospitaltable {
  width: 330px;
	float: left;
	margin: 10px;

}

table.hospitaltable td,
table.hospitaltable tr {
  margin: 6px;
	padding: 10px;

}



p.hospitalphoto {
  float: right;
	margin:50px 0 0 0;
	padding: 0;
 }
p.hospitalphoto2 {
  float: right;
	margin: 10px 0 0 0;
	padding: 0;
 }
 
td.tableindex {
  color: #009933;
	}
	
p.clearfix { clear: both;}

p.detailbnr img { margin-left: 500px;}

p.concept  { margin-top: 20px;}