@charset "utf-8";

/* ■ページ構造・基本 */

body {
  margin: 0;
  padding: 0;
  font-family: Osaka−等幅, Osaka, 平成角ゴシック, Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}

h1 a { 
	background: url("../images/logo.gif") no-repeat;
	width:500px;
	height: 0;
	overflow:hidden;
	display:block;
	margin: 0;
	padding-top:67px;
	position:relative;
	float: left;
}

h2 {
	font-size: 22px;
	line-height:1.2;
	padding: 10px 0 0;
	text-align:right;
	color:#363;
}

#leftside_top h3 { 
	font-weight:bold;
	font-size:110%;
	border-bottom:2px solid #363;
	margin:10px 0;
	padding:0 0 5px;
}

#leftside h3 { 
	font-weight:bold;
	font-size:110%;
	border-bottom:2px solid #363;
	margin:10px 0;
	padding:0 0 5px;
}

#rightside h3 {
	font-weight:bold;
	font-size:22px;
	border-top:1px solid #339966;
	border-bottom:1px solid #339966;
	margin-top:20px;
	padding:0.3em 0.4em;
}

h4 { 
	font-weight:bold;
	font-size:100%;
	padding-top:5px;
	color:#363;
}

h5 { 
	text-decoration:underline;
	font-size:100%;
	padding-top:5px;
	color:#c30;
}

h6 { 
	font-size:100%;
	padding-top:5px;
	color:#360;
}

#header {
	margin:0;
	height:75px;
}

#leftside_top {
	width: 250px;
	float: left;
	text-align:left;
	margin:20px 0;
}

#leftside {
	width: 250px;
	float: left;
	text-align:left;
	margin:0;
}
#rightside {
	margin-left: 265px;
}

#shinryo_info {
	padding:10px;
	background-color:#ccffcc;
}

#map_info {
	margin:15px 0;
	padding:10px;
	background-color:#ccffcc;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#footer {
	text-align:right;
	clear:both;
}

/* ■テキスト制御・装飾 */

body {
	line-height: 1.5;
}

img { 
	border:0;
}


/* ■トップページ */

#news { 
	margin: 0;
	line-height: 150%;
	width:600px;
	padding: 0 10px;
	height:250px;
	overflow: auto;
}

#b_about a { 
	background-image: url(../images/b_about.jpg);
	background-repeat: no-repeat; 
	width:345px;
	height: 0;
	overflow:hidden;
	display:block;
	margin: 20px 5px 0 0;
	padding-top:120px;
	position:relative;
	float:left;
}

#b_about a:hover {
	background-position: 0 -120px; 
}

#b_shinryo a { 
	background-image: url(../images/b_shinryo.jpg);
	background-repeat: no-repeat; 
	width:345px;
	height: 0;
	overflow:hidden;
	display:block;
	margin: 5px 5px 0 0;
	padding-top:120px;
	position:relative;
	float:left;
}

#b_shinryo a:hover {
	background-position: 0 -120px; 
}

#b_houmon a {
	background-image: url(../images/b_houmon.jpg);
	background-repeat: no-repeat; 
	width:345px;
	height: 0;
	overflow:hidden;
	display:block;
	margin: 5px auto 0;
	padding-top:120px;
	position:relative;
	float:left;
}

#b_houmon a:hover {
	background-position: 0 -120px; 
}

#b_staff a {
	background-image: url(../images/b_staff.jpg);
	background-repeat: no-repeat; 
	width:345px;
	height: 0;
	overflow:hidden;
	display:block;
	margin: 20px auto 0;
	padding-top:120px;
	position:relative;
	float:left;
}

#b_staff a:hover {
    background-position: 0 -120px; 
}

/* 医院紹介 */

.img_left {
	float:left;
	margin-right:10px;
}

.img_right {
	float:right;
	margin-left:10px;
}

/* 歯科診療内容 */
.img_shinryo {
	float:left;
	margin-right:20px;
	clear:both;
}

.txt_shinryo {
	float:left;
	width:560px;
}

/* スタッフ紹介 */
.img_staff {
	padding:4px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
	display:inline-block;
	max-width:100%;
	height:auto;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
	float:left;
	margin-top:10px;
	margin-right:10px;
}

.txt_staff {
	float:left;
	width:520px;
	margin-bottom:20px;
}

.txt_staff_right {
	margin-left:170px;
	width:520px;
}