@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(images/bg.jpg) repeat-x top;
}

body#toppage {
background: #ffffff url(images/bg_top.jpg) repeat-x top;
height: 560px;
}

a{color:#624e24;text-decoration:none;}
a:hover{color:#927a49;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

.r_over a:hover img {
filter: alpha(opacity=60);
opacity: 0.6;
}

/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
margin-bottom: 35px;
width: 910px;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/header.png) no-repeat 100% 5px;
height: 80px;
}

#header h1 {
color: #3c2f13;
padding: 10px 0 0 6px;
font-size: 10px;
font-weight: normal;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 31px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#doctor{background-position:-130px 0;}
ul#topnav a#clinic{background-position:-260px 0;}
ul#topnav a#access{background-position:-390px 0;}
ul#topnav a#charge{background-position:-520px 0;}
ul#topnav a#about{background-position:-650px 0;}
ul#topnav a#reservation{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#doctor:hover, ul#topnav li.active a#doctor{background-position:-130px -46px;}
ul#topnav a#clinic:hover, ul#topnav li.active a#clinic{background-position:-260px -46px;}
ul#topnav a#access:hover, ul#topnav li.active a#access{background-position:-390px -46px;}
ul#topnav a#charge:hover, ul#topnav li.active a#charge{background-position:-520px -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-650px -46px;}
ul#topnav a#reservation:hover, ul#topnav li.active a#reservation{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 25px 0;
display: inline;
}

#main-page {
float: right;
width: 618px;
padding: 25px 0 25px 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

.mainImage{
margin-bottom:1px;
text-align:center;
}

#main h2{
margin-bottom: 10px;
padding: 0 0 0 0;
line-height: 40px;
}

#main h3{
margin-top: 20px;
margin-bottom: 5px;
padding: 0 10px 0px 10px;
line-height: 40px;
font-size: 16px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
}

#main-page h3{
margin-top: 20px;
margin-bottom: 10px;
padding: 0 5px 0px 5px;
line-height: 40px;
font-size: 16px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
}

#main h4 {
font-size: 14px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #624e24;
border-bottom: 1px solid #cccccc;
}

#main-page h4{
margin-top: 5px;
margin-bottom: 10px;
padding: 0 5px 0px 20px;
line-height: 30px;
font-size: 14px;
font-weight: normal;
color: #75631c;
background: url(images/heading2.png) no-repeat;
}

#main-page h5{
margin-top: 5px;
margin-bottom: 10px;
padding: 0 5px 0px 5px;
line-height: 30px;
font-size: 14px;
font-weight: normal;
color: #75631c;
background: url(images/heading3.png) no-repeat;
}

.section { 
float:left; 
width: 618px;
margin-bottom: 30px;
}

.section60 { 
float:left; 
width: 618px;
margin-bottom: 60px;
}

.section50 { 
float:left; 
width: 618px;
margin-bottom: 50px;
}

.section40 { 
float:left; 
width: 618px;
margin-bottom: 40px;
}

.section20 { 
float:left; 
width: 618px;
margin-bottom: 20px;
}

.section10 { 
float:left; 
width: 618px;
margin-bottom: 10px;
}

.section0 { 
float:left; 
width: 618px;
margin-bottom: 0px;
}

.section5 { 
float:left; 
width: 618px;
margin-bottom: 5px;
}

.sectionR { 
float:left; 
width: 400px;
margin-bottom: 15px;
}

.sectionL { float: left; padding: 0 20px 0 0; _padding: 0 15px 0 0;}

.sectionL02 { float:  left; width: 350px; padding-bottom: 10px; margin-bottom: 10px;}
.sectionR02 { float: right; width: 400px; padding-bottom: 10px; margin-bottom: 10px;}
.sectionL02.last { margin-bottom: 0;}
.sectionR02.last { margin-bottom: 0;}

.checkUl li { padding: 2px 2px 2px 26px; margin-bottom: 12px; list-style:none; background: url(./images/icon_check.gif) 0em 0em no-repeat;}
.checkUl li.checkUlLast { margin-bottom: 20px; }

.listDl dt { padding: 2px 0 2px 24px; margin: 0 0 4px;background-repeat: no-repeat; font-weight: bold;}
.listDl dd { padding: 2px 0 2px 24px; margin: 0 0 24px;}
.listDl dd.last { margin: 0;}

.list01 { background-image: url(./images/icon_list01.png);}

.imgbox { text-align: center; margin: 0 0 0 -10px; _display: inline; background-repeat: no-repeat;}
.imgbox { float: left; width: 230px; margin: 0 0 0 15px; _display: inline;}
.imgbox p { text-align: center;}
.imgbox p.imgDes { padding: 5px 0 0;}
.imgbox last{margin-right:0;}

.clinicUl { float: left; width: 618px; margin-left: -10px; list-style:none; _display: inline;}
.clinicUl li { float: left; width: 294px; margin: 10px 0 20px 15px; list-style:none; _display: inline;}
.clinicUl li img { padding-bottom: 16px;}
.clinicUl dt { padding-left: 20px; padding-bottom: 4px; margin-bottom: 8px; border-bottom: #b5b5b5 dashed 1px; background: url(./images/icon03.jpg) 0em .1em no-repeat; font-size: 100%; font-weight: bold;}
.clinicUl a{color:#00ccff;}
.clinicUl a:hover{color:#927a49;}

.ryakurekiUl { float: left; width: 618px; margin-left: -10px; list-style:none; _display: inline;}
.ryakurekiUl li { float: left; width: 190px; margin: 10px 0 20px 15px; list-style:none; _display: inline;}
.ryakurekiUl li img { padding-bottom: 16px;}
.ryakurekiUl dt { padding-left: 20px; padding-bottom: 4px; margin-bottom: 8px; border-bottom: #b5b5b5 dashed 1px; background: url(./images/icon03.jpg) 0em .1em no-repeat; font-size: 100%; font-weight: bold;}

.iconTrain   { padding: 0 0 20px 40px; background: url(./images/icon_train.gif) 0em .1em no-repeat;}
.iconAddress { padding: 0 0 20px 40px; background: url(./images/icon_address.gif) 0em .1em no-repeat;}
.iconTel     { padding: 0 0 20px 40px; background: url(./images/icon_tel.gif) 0em .1em no-repeat;}
.iconFax     { padding: 0 0 15px 40px; background: url(./images/icon_fax.gif) 0em .1em no-repeat;}
.iconEmail   { padding: 0 0 30px 30px; background: url(./images/icon_email.gif) 0em .1em no-repeat;}

.timeTable th,.timeTable td { border: #dddddd solid 1px;}
.timeDes      { padding: 10px 0 0;}
.timeDes dt   { float: left; width: 50px;}
.timeDes dd   { overflow: hidden; zoom: 1;}
.timeDes span { color: #e60012; font-weight: bold;}

.indexInfo {}
.indexInfo li { float: left; width: 598px; padding: 10px; border-top: #FFF solid 1px; background: #efede3; list-style:none;}
.indexInfo li.even { background: none;}
.indexInfo li dt { float: left; width: 90px;}
.indexInfo li dd { overflow: hidden; zoom: 1;}

.aboutUl { float: left; width: 618px; margin-left: 1px; list-style:none; }
.aboutUl li { float: left; width: 300px; margin: 10px 3px 3px 5px; }

.case    { float: left; width: 618px; margin: 0 0 0 -10px; list-style:none; _display: inline;}
.case li { float: left; width: 260px; _width: 300px; padding: 0 10px 0 30px; background: url(./images/case_arrow.gif) left center no-repeat;}
.case li.before { background: none;}

.aC {
text-align: center;
padding-bottom:10px;
}

.pC {
text-align: center;
padding-top:-5px;
padding-bottom:10px;
}

.pL {
text-align: left;
padding-top:-5px;
padding-bottom:10px;
}

.ptitile {
text-align: left;
padding-top: 5px;
padding-left: 20px;
padding-bottom:10px;
font-size: 14px;
font-weight: bold;
color: #000000;
}

.Rtitile {
text-align: left;
padding-top: 3px;
padding-left: 5px;
padding-bottom:2px;
font-size: 13px;
font-weight: normal;
color: #252525;
}

#pan {
text-align: right;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 2px;
font-size: 10px;
color:#666666;
}

.bl { color: #1f497d; font-weight: bold;}
.colRed { color: #F03;}


/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#624e24;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.imgR { float: right; padding-left: 15px;}
.imgL { float:  left; padding-right: 15px;}
.ofH { overflow: hidden; zoom: 1;}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.pB5  { text-align: left; float: left; padding-bottom:5px;}
.pB10  { padding-bottom:10px;}
.pB15  { padding-bottom:15px;}
.pB20  { padding-bottom:20px;}
.pB25  { padding-bottom:25px;}
.pB35  { padding-bottom:35px;}
.pB45  { padding-bottom:45px;}
.pB50  { padding-bottom:50px;}
.pB100  { padding-bottom:100px;}
.pB120  { padding-bottom:120px;}
.pB140  { padding-bottom:140px;}

.pR10  { padding-bottom:10px;}
.pR10 a{color:#00ccff;}
.pR10 a:hover{color:#927a49;}

.pR15  { padding-bottom:15px;}
.pR15 a{color:#00ccff;}
.pR15 a:hover{color:#927a49;}

.table01 { width: 100%;}
.table01 th,.table01 td { padding: 6px 20px; border: #bebebe solid 1px;}
.table01 th { background: #bace60; font-weight: bold;}
.table01 td.price01 { width: 55%;}
.table01 td.price02 { text-align: right;}

.table02 { width: 100%; padding-bottom:15px;}
.table02 th,.table02 td { padding: 6px 20px; border: #bebebe solid 1px;}
.table02 th,.table02a td { padding: 6px 20px; border: #bebebe solid 1px;}
.table02 th { background: #bace60; font-weight: bold;}
.table02 td.text01 { width: 40%;}
.table02 td.text01 { text-align: center;}
.table02 td.text01a { text-align: center;}
.table02 td.text02 {}
.table02 td.text02 { text-align: center;}
.table02 td.text02a { width: 60%;}
.table02 td.text02a { text-align: center;}


.Tbox{
float: left;
width: 300px;
margin: 10px 16px 10px 0;
line-height: 1.2;
}

.Tbox_img{
padding: 0px 0px 5px 0px;
}

.Tbox_top{
float: left;
width: 300px;
margin: 5px 17px 10px 0;
line-height: 1.2;
}

.Tbox_top_img{
padding: 0px 0px 5px 0px;
}

.last{margin-right:0;}


.Tbox2{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.Tbox2_img{
padding: 0px 0px 5px 0px;
}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0 10px 20px;
}

p.button a{
display:block;
line-height: 32px;
background: url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#624e24;}
p.button a:hover{color:#927a49;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

.ulNum02 li { padding: 0 0 5px; margin: 0 0 5px; padding-left: 20px; background-repeat: no-repeat; list-style:none;}
.num0201 { background-image: url(./images/num0201.gif);}
.num0202 { background-image: url(./images/num0202.gif);}
.num0203 { background-image: url(./images/num0203.gif);}
.num0204 { background-image: url(./images/num0204.gif);}

.implantFlowBox { border: #ede5d9 solid 2px;}
.implantFlowBox dd { padding: 20px 8px;}
.iMFL01 { float: left; width: 300px; _width: 305px;}
.iMFR01 { float: right; width: 300px; _width: 305px;}

.implantFlowBg { overflow: hidden; background-repeat: no-repeat; background-position: bottom;}
.iMF01 { padding-bottom: 38px; background-image: url(./images/flow_bg01.gif);}
.iMF02 { padding-bottom: 69px; background-image: url(./images/flow_bg02.gif);}
.iMF03 { padding-bottom: 106px; background-image: url(./images/flow_bg03.gif);}
.iMF04 { padding-bottom: 68px; background-image: url(./images/flow_bg04.gif);}


/*************
サイド（左側）コンテンツ
*************/
#sidebar{
float:left;
width:265px;
padding:24px 0 25px 0;
overflow:hidden;
}

#sidebar h3 {
margin-top: 5px;
padding: 0 5px 0 3px;
}

#sidebar li a:hover{background-position: 3px 50%;}


ul.subNav{
padding:5px 3px;
margin-bottom:20px;
background:#efede3 url(images/sback.png) no-repeat 0 0;
}

ul.subNav li{
margin:0 2px 0 2px;
padding-left:10px;
border-bottom: 1px solid #bab48d;
background:#ffffff no-repeat 0 100%;
}

#subNav li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

ul.subNav li.last{
margin-bottom:1px;

}

ul.subNav a,ul.subNav a:visited{
display:block;
padding-left:12px;
line-height:30px;
font-size:13px;
text-decoration:none;
background:url(images/list.png) no-repeat 0 50%;
}

ul.subNav a:hover{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
text-decoration:underline;
}

.subbox{
background:#efede3 no-repeat 0 0;
padding-top:1px;
margin-bottom:20px;
}

.subplan{
margin:0 5px 0 5px;
width:255px;
padding:10px 0 10px;
background:#efede3;
}

table#subplan{
margin:0 auto;
}

table#subplan th{
width:1.7em;
padding:2px 0;
border-top:1px solid #cecab9;
font-weight:normal;
}

table#subplan th.last{
width:1.7em;
padding:2px 0;
border-top:1px solid #cecab9;
border-bottom:1px solid #cecab9;
font-weight:normal;
}

table#subplan th.long{width:3em;}

table#subplan td{
padding:2px 0;
line-height:22px;
text-align:center;
color:#8fb182;
border-top:1px solid #cecab9;
}

table#subplan td.p01{
padding:2px 0;
line-height:22px;
text-align:center;
color:#3366cc;
border-top:1px solid #cecab9;
}

table#subplan td.p02{
padding:2px 0;
line-height:22px;
text-align:center;
color:#663300;
border-top:1px solid #cecab9;
}

table#subplan td.last{
padding:2px 0;
line-height:22px;
text-align:center;
color:#8fb182;
border-top:1px solid #cecab9;
border-bottom:1px solid #cecab9;
}

table#subplan td.t01{
font-size:12px;
color:#3366cc;
}

table#subplan td.t02{
font-size:12px;
color:#663300;
}

table#subplan td.hol{
font-size:6px;
color:#d2d2d2;
}

ul.time{
margin:0 5px 0 5px;
padding:0 0 8px 0;
background:url() no-repeat 0 100%;
}

ul.time li{
padding-left:8px;
background:#ffffff;
}


/* phone */
div#sidebar div#side_phone {
	background-image:url(images/side_phone_bg.jpg);
	width:265px;
	height:211px;
	margin-bottom:20px;
	position:relative;
}

div#sidebar div#side_phone div#side_reservation {
	width:200px;
	height:36px;
	position:absolute;
	top:120px;
	left:13px;
}

div#sidebar div#side_phone div#side_reservation a {
	display:block;
	width:240px;
	height:36px;
	background-image:url(images/side_phone_reservation.jpg);
	text-indent:-9999px;
	overflow:hidden;
}

div#sidebar div#side_phone div#side_reservation a:hover {
	background-position:0px -36px;
}

div#sidebar div#side_phone div#side_group {
	width:200px;
	height:36px;
	position:absolute;
	top:165px;
	left:13px;
}

div#sidebar div#side_phone div#side_group a {
	display:block;
	width:240px;
	height:36px;
	background-image:url(images/side_phone_group.jpg);
	text-indent:-9999px;
	overflow:hidden;
}

div#sidebar div#side_phone div#side_group a:hover {
	background-position:0px -36px;
}


/* バナー */
p.banner{
margin-bottom:15px;
text-align:center;
}

#sidebar p{margin-bottom: 15px;}
#sidebar p.last{margin-bottom: 25px;}

#sidebar p.yoyaku{
text-align:center;
margin-bottom:25px;
}



/*************
/* フッター
*************/
#footer {
	clear: both;
	padding: 10px 0 0 0;
	background-image: url(images/bg_footer.png);
}

#footerContents {
	width: 910px;
	margin: 0 auto;
}

#footer .copyright {
	width: 910px;
	margin: 0 auto;
	color: #000;
	text-align: right;
	margin-top: 20px;
	padding: 5px 0 5px 0px;
}

#footerContents ul {
	text-align: left;
	padding-left:12px;
}

#footerContents ul li {
	display: inline;
	border-right: solid 1px #999;
	padding: 0 3px 0 5px;
}
#footerContents ul li.end {
	display: inline;
	border: none;
	padding: 0 5px 0 5px;
}

#footerContents .boxf {
	width: 320px;
	float: left;
	border: none;
	margin: 10px 10px 0 0
}

#footerContents .box {
	width: 280px;
	float: left;
	border: none;
	margin: 10px 5px 0 5px
}

p.worryTxt{
	font-size: 10px;
}

.fL  {
	padding: 0 0 8px 25px;
}
.pB3  { text-align: left; float: left; padding-bottom:3px;}