@charset "utf-8";

/* ---------------------------------------cssリセット ここから------------------------------------------ */

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

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

fieldset,img,abbr,acronym { 
	border: 0;
} 

address,caption,cite,pre,code,dfn,em,strong,b,u,s,i,th,var { 
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

img,
img a { 
	border: none;
}

hr {
	display: none;
}

/* ---------------------------------------ベーシックレイアウト ここから------------------------------------------ */

body { 
	color: #333333;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
	background: #ffffff;
	text-align:center;
}

a:link { 
	color: #333333;
	background: transparent;
}

a:visited { 
	color: #333333;
	background: transparent;
}

a:hover,a:active,a:focus { 
	color: #d76e8f;
	background: transparent;
}

a { /* リンクの点線を消す */
	outline: none;
}

/* ---------------------------------------ヘッダー ここから------------------------------------------ */

#header {
	width: 100%;
	height: 135px;
	background: #d76e8f url(../images/b_header.jpg) left top repeat-x;
}

#headerInner {
	position: relative;
	width: 760px;
	height: 125px;
	margin: 0 auto;
	padding: 5px 0;
}

h1 {
	font-size: 10px;
	text-align: right;
}

h2 {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 220px;
	height: 55px;
}

#headerInner p {
	position: absolute;
	left: 520px;
	top: 25px;
	width: 240px;
	height: 45px;
	text-indent: -9999px;
	background: url(../images/tel.jpg) left top no-repeat;
}

/* グローバルナビゲーション */

#navi {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 760px;
	height: 45px;
	background: url(../images/navi.jpg) left top no-repeat;
}

#navi li {
	float: left;
	width: 127px;
	height: 45px;
}

#navi li.access {
	float: left;
	width: 125px;
	height: 45px;
}

#navi li a {
	display: block;
	width: 127px;
	height: 45px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi li.access a {
	width: 125px;
	height: 45px;
}

#navi li#access {
	float: left;
	width: 125px;
	height: 45px;
}

#navi li#access a {
	width: 125px;
	height: 45px;
}


#navi li.home a:link,
#navi li.home a:visited {
	background: url(../images/navi.gif) no-repeat left top;
}

#navi li.greeting a:link,
#navi li.greeting a:visited {
	background: url(../images/navi.gif) no-repeat -127px top;
}

#navi li.attend a:link,
#navi li.attend a:visited {
	background: url(../images/navi.gif) no-repeat -254px top;
}

#navi li.doctor a:link,
#navi li.doctor a:visited {
	background: url(../images/navi.gif) no-repeat -381px top;
}

#navi li.clinic a:link,
#navi li.clinic a:visited {
	background: url(../images/navi.gif) no-repeat -508px top;
}

#navi li.access a:link,
#navi li.access a:visited {
	background: url(../images/navi.gif) no-repeat -635px top;
}

#navi li#access a:link,
#navi li#access a:visited {
	background: url(../images/navi.gif) no-repeat -635px -45px;
}

#navi li.home a:active,
#navi li.home a:focus,
#navi li.home a:hover,
#navi li.homeOn a {
	background: url(../images/navi.gif) no-repeat left -45px;
}

#navi li.greeting a:active,
#navi li.greeting a:focus,
#navi li.greeting a:hover,
#navi li.greetingOn a {
	background: url(../images/navi.gif) no-repeat -127px -45px;
}

#navi li.attend a:active,
#navi li.attend a:focus,
#navi li.attend a:hover,
#navi li.attendOn a {
	background: url(../images/navi.gif) no-repeat -254px -45px;
}

#navi li.doctor a:active,
#navi li.doctor a:focus,
#navi li.doctor a:hover,
#navi li.doctorOn a {
	background: url(../images/navi.gif) no-repeat -381px -45px;
}

#navi li.clinic a:active,
#navi li.clinic a:focus,
#navi li.clinic a:hover,
#navi li.clinicOn a {
	background: url(../images/navi.gif) no-repeat -508px -45px;
}

#navi li.access a:active,
#navi li.access a:focus,
#navi li.access a:hover,
#navi li.accessOn a {
	background: url(../images/navi.gif) no-repeat -635px -45px;
}
/* ---------------------------------------コンテンツ ここから------------------------------------------ */

#content {
	width: 760px;
	margin: 10px auto 40px auto;
	font-size: 1.3em;
}

#topImage {
margin-top:10px;
border: 1px #ecc0bb solid;
}

#subList {
	float: right;
	width: 250px;
	margin: 10px 0;
	text-align: right;
}

#subList li {
	display: inline;
	padding-left: 25px;
	background: url(../images/arrow.gif) left center no-repeat;
}

/* パンくず */

#pan {
width:760px;
margin:0 auto;
font-size: 1.3em;
}

#crumbList {
float: left;
width: 500px;
margin: 10px 0;
text-align:left;
}

#crumbList li {
display: inline;
}

#crumbList a {
padding-right: 25px;
background: url(../images/crumb.gif) right top no-repeat;
}

/* contentInner */

#contentInner {
	overflow: hidden;
	clear: both;
}

* html #contentInner { /* IE6用 */
	height: 1%;
}

/* ---------------------------------------メインコンテンツ ここから------------------------------------------ */

#mainContent {
	float: left;
	width: 560px;
		text-align:left;
}

#mainContent h3 {
	margin-bottom: 15px;
}

#mainContent h3.workSop {
	margin-top: 30px;
}

#mainContent h4 {
clear:both;
font-size:1.2em;
margin:2em 0 1em 0;
padding:3px;
border-top:3px solid #7FB22A;
border-bottom:1px dotted #7FB22A;
}

#mainContent h4.h4margintop {
margin:0 0 1em 0;
}

#mainContent h5 {
font-size:1.1em;
font-weight:bold;
margin:2em 0 0.5em 0;
color:#D76E8F;
}

#mainContent h5.h5margintop {
margin:0 0 0.5em 0;
}


#mainContent p {
	margin-bottom: 15px;
}

#topMessage {
	overflow: hidden;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	margin-bottom: 30px;
	padding-right: 190px;
	background: url(../images/photo_smile.jpg) right top no-repeat;
}

#mainContent dl {
	overflow: hidden;
}

* html #mainContent dl { /* IE6用 */
	height: 1%
}

#mainContent dl.topData dt {
	float: left;
	clear: both;
	width: 115px;
	padding-left: 15px;
	background: url(../images/arrow1.gif) left center no-repeat;
}

#mainContent dl.topData dd {
	float: left;
	width: 430px;
	margin-bottom: 1em;
}

#mainContent p.detail {
	margin-top: 10px;
	text-align: right;
}

#mainContent p.detail a {
	padding-left: 17px;
	background: url(../images/arrow2.gif) left center no-repeat;
}

/* ---------------------------------------サイドコンテンツ ここから------------------------------------------ */

#sideContent {
	float: right;
	width: 161px;
	text-align:left;
}

/* 治療内容 */

#sideNavi {
	margin-top: 5px;
	padding-bottom: 2px;
	background: url(../images/sidenavi_bottm.jpg) left bottom no-repeat;
}

#sideNavi dt {
	height: 30px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	background: url(../images/sidenavi_top.jpg) left top no-repeat;
}

#sideNavi dd {
	padding-left: 2px;
	background: url(../images/sidenavi_center.jpg) left top repeat-y;
}

#sideNavi dd ul li {
	height: 29px;
	line-height: 29px;
	padding: 0 5px 0 25px;
	border-bottom: 1px #dddddd dashed;
	background: url(../images/arrow.gif) left center no-repeat;
}

#sideNavi dd ul li.sideNaviEnd {
	border: 0;
}

#sideNavi dd ul li a {
	display: block;
	width: 125px;
}

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

#sideNavi a:hover,
#sideNavi a:active,
#sideNavi a:focus { 
	text-decoration: underline;
}

/* クリニック概要 */

#sideClinicData {
	margin-top: 25px;
	padding-left: 2px;
}

#sideClinicData dt {
	font-size: 1.1em;
	font-weight: bold;
}

#sideClinicData dd {
	font-size: 0.9em;
	line-height: 1.2;
}

#sideClinicData dd dt {
	font-size: 1em;
	margin-top: 5px;
	font-weight: normal;
}

#sideClinicData dd dl dd dl {
	overflow: hidden;
	font-size: 1em;
	margin-top: 5px;
}

* html #sideClinicData dd dl dd dl { /* IE6用 */
	height: 1%;
}

#sideClinicData dd dl dd dt {
	float: left;
	clear: both;
	margin: 0;
	width: 35px;
	font-size: 1em;
}

#sideClinicData dd dl dd dd {
	float: left;
	width: 115px;
	font-size: 1em;
}

/* バナー */

#sideBanner {
	margin-top: 15px;
}

/* その他 */

#sideOtherList {
	margin-top: 15px;
}

#sideOtherList li {
	padding-left: 15px;
	background: url(../images/arrow1.gif) left center no-repeat;
}

/* ---------------------------------------フッター ここから------------------------------------------ */

#footer {
	width: 100%;
	font-size: 1.3em;
	background: url(../images/b_footer.gif) left top repeat;
}

#footer ul {
	width: 760px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

#footer ul li {
	display: inline;
	padding: 0 10px 0 9px;
	background: url(../images/footer_line.gif) right center no-repeat;
}

#footer ul li.footerListEnd {
	background: none;
}

address {
	padding-bottom: 30px;
	font-size: 0.85em;
	text-align: center;
}

#footer a:link,
#footer a:visited { 
	color: #333333;
	background: #ecc0bb;
	text-decoration: none;
}

#footer a:hover,
#footer a:active,
#footer a:focus { 
	color: #333333;
	background: #ecc0bb;
	text-decoration: underline;
}

/* ---------------------------------------ご挨拶 ここから------------------------------------------ */

#greeting {
	min-height: 262px;
	margin-bottom: 30px;
}

#greeting p img {
	float: right;
	padding: 0 0 20px 20px;
}

/* ---------------------------------------追加------------------------------------------ */

.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 */


.imgright {
float:right;
margin:0 0 10px 20px;
}

.imgleft {
float:left;
margin:0 20px 10px 0;
}

.clear {clear:both;}


#mainContent p.textright {
text-align:right;
}



ul.liarrow {
margin:0;
padding:0;
}

.liarrow li {
padding: 0 0 0 25px;
background: url(../images/arrow.gif) left center no-repeat;
}


/* テーブル：基本 */

table.t_style1 {
margin-bottom:1em;
width:99%;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}

table.t_style1 th {
width:130px;
font-size:13px;
padding:3px 10px;
text-align:left;
background-color:#F2F2F2;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

table.t_style1 td {
font-size:13px;
padding:3px 10px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

table.t_style1 td dl {
clear:both;
}

table.t_style1 td dt {
clear:both;
float:left;
width:100px;
}

table.t_style1 td dd {
float:left;
}


/* テーブル：幅指定なし */

table.t_style2 {
margin-bottom:1em;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}

table.t_style2 th {
font-size:13px;
padding:3px 10px;
text-align:left;
background-color:#F2F2F2;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

table.t_style2 td {
font-size:13px;
padding:3px 10px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

/* テーブル：外枠のみ */

table.t_style3 {
padding:10px 0;
border:1px solid #CCC;
}


/* テーブル：医師紹介 */

table.t_style4 {
margin-bottom:1em;
}

table.t_style4 th {
width:180px;
font-size:13px;
padding:3px 10px;
text-align:left;
vertical-align:top;
}

table.t_style4 td {
font-size:13px;
padding:3px 10px;
}

#mainContent table.t_style4 h5 {
margin-top:0;
}

#mainContent table.t_style4 li {
padding-left:13px;
background-image:url(../images/icon.jpg);
background-position:left;
background-repeat:no-repeat;
}


/* テーブル：枠なし */

table.t_style5 {
margin:0;
padding:0;
}

table.t_style5 th {
font-size:13px;
padding:0 10px 0 0;
text-align:left;
vertical-align:top;
}

table.t_style5 td {
font-size:13px;
padding:0 10px 0 0;
}

table.t_style5 td ul {
margin:0;
padding:0;
}

table.t_style5 td li {
margin:0;
padding:0 0 0 13px;
background-image:url(../images/arrow1.gif);
background-position:left;
background-repeat:no-repeat;
}


/* about インプラント */

.pan {
margin-bottom:1em;
}

.about_right {
text-align:right;
margin-top:2em;
margin-bottom:2em;
}


/* 院内風景 */

#mainContent p.pmargin {
margin:0 0 11px 0;
}

.photomargin {
margin-right:11px;
}