@charset "utf-8";
/******************************
*
*open_index.css
*
******************************/

div#area-page {
	margin: 10px auto 30px auto ;
	padding: 0 ;
}



/*コンテンツブロック*/
div#area-contents {
	overflow: hidden ;
	width: 980px ;
	margin: 0 auto ;
	padding: 0 ;
}

div#contents {
	width : 980px ;
	margin: 0 ;
	padding: 0 ;
}

div#area-main {
	float: right ;
	width : 680px ;
	margin: 0 ;
	padding-left: 20px ;
}



h3 {
	clear: both ;
	margin: 0 auto ;
	width: 660px ;
}


h4 {
	clear: both ;
	width: 645px ;
	height: 28px ;
	margin: 30px 0 5px 0 ;
	padding: 7px 0 0 15px ;
	font-size: 110% ;
	color: #fff ;
	text-align: left ;
	background: url("../image/bg_h4.png") repeat ;
}

h4.subject-top {
	margin-top: 10px ;
}

/*     未使用

h5 {
	clear: both ;
	margin: 10px 5px ;
	padding: 3px 0 2px 25px ;
	color: #725134 ;
	font-size: 110% ;
	line-height: 1.6 ;
	text-align: left ;
	background: url("../image/bg_h5.png") no-repeat left top ;
}

     */



/******************************
サブメインイメージ
******************************/

/*メインイメージ*/
#info-greeting div#main-img-box ,
#info-overview div#main-img-box ,
#info-workshop div#main-img-box ,
#info-report div#main-img-box ,
#info-registration div#main-img-box ,
#info-members div#main-img-box ,
#info-about div#main-img-box ,
#info-map div#main-img-box ,
#info-question div#main-img-box {
	background: url("../image/bg_submain_img.png") repeat-x  ;
}



/******************************
全て
******************************/

div.section {
	clear: both ;
	overflow: hidden ;
	width: 660px ;
	padding: 10px ;
}



/* パンクズリスト */
div#breadcrumb-box {
	padding: 0 0 15px 10px ;
}

ul#breadcrumb-list {
	text-align: left ;
	font-size: 12px ;
}

ul#breadcrumb-list li ,
ul#breadcrumb-list li#bl-first {
	float: left ;
	margin: 0 ;
	padding: 5px 15px 0 18px ;
	background: url("../image/arrow.png") no-repeat 0 7px ;
}

ul#breadcrumb-list a:link,
ul#breadcrumb-list a:visited {
	color: #6a3906 ;
}
ul#breadcrumb-list a:hover {
	color: #6a3906 ;
}

ul#breadcrumb-list li#bl-first a:link,
ul#breadcrumb-list li#bl-first a:visited {
	color: #333 ;
}
ul#breadcrumb-list li#bl-first a:hover {
	color: #333 ;
}



/* 写真 */
.pic {
	clear: both ;
	overflow: hidden ;
}



.p-img ,
.p-img-mr ,
.p-img-ml ,
.p-img-no ,
.p-img-no-mr ,
.p-img-no-ml {
	padding: 0;
}
.p-img-mr , .p-img-no-mr { margin: 10px 5px 10px 15px ; }
.p-img-ml , .p-img-no-ml { margin: 10px 15px 10px 5px ; }



/******************************
事業概要
******************************/

table.ov-box {
	width: 650px ;
	margin-bottom: 30px ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 90% ;
	border: solid #1490c8 1px ;
	border-collapse: collapse ;
}

table.ov-box th {
	padding: 2px 0 ;
	color: #0770a2 ;
	text-align: center ;
	border: solid #188cc4 1px ;
	background: #d7edf8 url("../image/bg_ftime.png") repeat ;
}

table.ov-box th.t01 { width:250px ;}
table.ov-box th.t02 { width:100px ;}
table.ov-box th.t03 { width:100px ;}
table.ov-box th.t04 { width:200px ;}

table.ov-box td {
	padding: 6px ;
	color: #333 ; 
	text-align: center ;
	border: solid #188cc4 1px ;
}

/*
table.ov-box tr:nth-child(odd) {
	background: #eff8fd ;
}
table.t-row tr:nth-child(even) {
	background:#fff ;
}
*/



/******************************
Ｑ＆Ａ
******************************/

#info-question ul#qa-list {
	width: 640px ;
	padding: 20px 10px ;
}

#info-question ul#qa-list li {
	width: 640px ;
	padding-top: 40px ;
	padding-bottom: 40px ;
	border-bottom: 1px dashed #fb8198 ;
}

#info-question ul#qa-list li#fst {
	padding-top: 0 ;
}

#info-question dl#qa1 dt ,
#info-question dl#qa2 dt ,
#info-question dl#qa3 dt ,
#info-question dl#qa4 dt ,
#info-question dl#qa5 dt ,
#info-question dl#qa6 dt {
	width: 510px ;
	padding: 10px 0 0 130px ;
	min-height: 60px ;
	font-size: 110% ;
	font-weight: bold ;
	color: #333 ;
}

#info-question dl#qa1 dt { background: url(../17_qa/image/q1.png) no-repeat 0 0 ; }
#info-question dl#qa2 dt { background: url(../17_qa/image/q2.png) no-repeat 0 0 ; }
#info-question dl#qa3 dt { background: url(../17_qa/image/q3.png) no-repeat 0 0 ; }
#info-question dl#qa4 dt { background: url(../17_qa/image/q4.png) no-repeat 0 0 ; }
#info-question dl#qa5 dt { background: url(../17_qa/image/q5.png) no-repeat 0 0 ; }
#info-question dl#qa6 dt { background: url(../17_qa/image/q6.png) no-repeat 0 0 ; }


#info-question dl#qa1 dd ,
#info-question dl#qa2 dd ,
#info-question dl#qa3 dd ,
#info-question dl#qa4 dd ,
#info-question dl#qa5 dd ,
#info-question dl#qa6 dd {
	width: 480px ;
	margin: 5px 0 0 30px ;
	padding-left: 135px ;
	min-height: 60px ;
	font-size: 100% ;
	font-weight: normal ;
	background: url(../17_qa/image/a.png) no-repeat 0 0 ;
}

#info-question dl#qa1 dd div.fuki ,
#info-question dl#qa2 dd div.fuki ,
#info-question dl#qa3 dd div.fuki ,
#info-question dl#qa4 dd div.fuki ,
#info-question dl#qa5 dd div.fuki ,
#info-question dl#qa6 dd div.fuki {
	padding: 5px 10px 5px 10px ;
	text-align: left ;
	background-color: #e8f3fb ;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}















/***************      OLD        ******************/




/******************************
院長あいさつ
******************************/

div#dr-photo-section {
	overflow: hidden ;
	width: 660px ;
}

div#dr-photo-section p {
	overflow: auto ;
}



ul.dr-diary {
	overflow: hidden ;
	width: 630px ;
	height: 140px ;
}

ul.dr-diary li {
	float: left ;
	width: 105px ;
	height: 140px ;
	margin-bottom: 10px ;
	padding: 0 ;
}

ul.dr-diary02 li {
	overflow: hidden ;
	width: 630px ;
	height: 40px ;
}

ul.dr-diary02 li {
	float: left ;
	width: 105px ;
	height: 40px ;
	margin-bottom: 10px ;
	padding: 0 ;
}



/******************************
医院のご紹介
******************************/

div.staff-photo-box {
	overflow: hidden ;
	clear: both ;
	width: 660px ;
	background: url(../03_clinic/image/bg_staff.png) no-repeat 75px 118px ;
}

div.staff-photo {
	float: left ;
	width: 210px ;
}
div.staff-photo img {
	display: block ;
	margin: 10px auto ;
}

div.staff-text {
	float: right ;
	padding-top: 10px ;
	width: 430px ;
}




/******************************
歯科診療内容
******************************/

a#cure-btn01 ,
a#cure-btn02 ,
a#cure-btn03 ,
a#cure-btn04 ,
a#cure-btn05 ,
a#cure-btn06 ,
a#cure-btn07 {
	display: block ;
	overflow: hidden ;
	position: relative ;
	float: left ;
	width: 90px ;
	height: 140px ;
}

a#cure-btn01:hover {
	background: url("../05_cure/image/cure_img01_on.png") no-repeat 0 0 ;
}
a#cure-btn02:hover {
	background: url("../05_cure/image/cure_img02_on.png") no-repeat 0 0 ;
}
a#cure-btn03:hover {
	background: url("../05_cure/image/cure_img03_on.png") no-repeat 0 0 ;
}
a#cure-btn04:hover {
	background: url("../05_cure/image/cure_img04_on.png") no-repeat 0 0 ;
}
a#cure-btn05:hover {
	background: url("../05_cure/image/cure_img05_on.png") no-repeat 0 0 ;
}
a#cure-btn06:hover {
	background: url("../05_cure/image/cure_img06_on.png") no-repeat 0 0 ;
}
a#cure-btn07:hover {
	background: url("../05_cure/image/cure_img07_on.png") no-repeat 0 0 ;
}

a#cure-btn01:hover img ,
a#cure-btn02:hover img ,
a#cure-btn03:hover img ,
a#cure-btn04:hover img ,
a#cure-btn05:hover img ,
a#cure-btn06:hover img ,
a#cure-btn07:hover img {
	position: relative ;
	top: -140px ;
}



/******************************
診療科目
******************************/

a#appo-btn {
	display: block ;
	overflow: hidden ;
	position: relative ;
	width: 315px ;
	height: 90px ;
}

a#appo-btn:hover {
	background: url("../05_cure/image/appo_btn_on.png") no-repeat 0 0 ;
}

a#appo-btn:hover img {
	position: relative ;
	top: -90px ;
}



div.f-lead-box {
	overflow: hidden ;
	width: 610px ;
	margin-left: auto ;
	margin-right: auto ;
}

/* リード */
p.l-lead {
	margin: 0.5em 0 ;
	padding: 0 0.5em ;
	color: #ffffff ;
	font-size: 100% ;
	line-height: 1.6 ;
	background: url(../image/bg_lead.png) repeat ;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}



/* 費用 */
table#cost-box {
	width: 628px ;
	margin: 0 auto ;
	border: solid #2f5814 1px ;
}

table#cost-box th ,
table#cost-box td {
	padding: 10px ;
	color: #ffffff ;
	text-align: center ;
	font-weight: bold ;
	border: solid #241c02 1px ;
	background: url("../image/bg_ftime.png") repeat ;
}

table#cost-box th.t01 {
	width: 120px ;
}

table#cost-box td {
	color: #42340a ;
	text-align: center ;
	font-weight: normal ;
	background-image: none ;
	background-color: #ffffff ;
}



/******************************
医院マップ
******************************/

#map_canvas02 {
	overflow: hidden ;
	width: 658px ;
	margin:0 auto ;
	border: solid #65a239 1px ;
}



dl#access {
	margin: 0 ;
	padding: 0 10px ;
	font-size: 90% ;
}

dl#access dt {
	clear: both ;
	float: left ;
	width: 150px ;
	padding: 0.8em 0 0.8em 10px ;
	line-height: 1.6 ;
	font-weight: bold ;
	text-align: left ;
}

dl#access dt span {
	padding: 2px 7px ;
	color: #ffffff ;
	background-color: #339229 ;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

}

dl#access dd{
	padding: 0.8em 0 0.8em 160px ;
	line-height: 1.6 ;
	text-align: left ;
	border-bottom: dotted #339229 1px ;
}



div#map-btnbox {
	width: 220px ;
	margin: 20px auto 0 auto ;
	text-align: center ;
	overflow: hidden ;
}


div#map-btnbox a#mapbtn {
	display: block;
	position: relative;
	width: 220px ;
	height: 50px ;
	margin: 0 ;
	padding: 0 ;
}

div#map-btnbox a#mapbtn:hover {
	background: url("../07_map/image/mapbtn_on.png") no-repeat 0 0 ;
}

div#map-btnbox a:hover img {
	position: relative;
	top: -50px;
}