@charset "utf-8";
/* CSS Document */

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

body{	line-height:1.8;
		font-size:80%;
		color:#666;
		font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		background:url(img/bg-head.jpg) repeat-x top;
}

h1{
	color:#999;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
}

img{	border:0px;}

a:link { color: #006699;text-decoration:underline;}
a:visited { color: #006699;text-decoration:underline;}
a:hover {color: #006699;text-decoration:none;}
a:active {color: #006699;text-decoration:none;}

/* page */

p,h1{
margin:0px;
padding:0px;
}

img{border:0px;}

ul,li{	padding:0px;
		margin:0px;
		list-style:none
}

.tec,.tecb10,.tecb20{text-align:center;}
.tecb20,.terb20{margin-bottom:20px;}

.tecb10{margin-bottom:10px;}

.ter,.terb20{text-align:right;}

.clear{
clear:both;
font-size:1px;
line-height:1px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* margin */

.mrb2{margin-bottom:2px;}
.mrb5{margin-bottom:5px;}

.mrb10{margin-bottom:10px;}
.mrb20{margin-bottom:20px;}

/* color */

/* all ========================================================================================= */

#head{
margin:0px auto;
width:900px;
height:85px;
overflow:hidden;
}

.head1{
padding:20px 0px 0px 0px;
width:253px;
float:left;
}
.head2{
padding:12px 0px 0px 74px;
width:299px;
float:left;
}
.head3{
padding:22px 0px 0px 0px;
width:252px;
float:right;
}

.head4{
width:155px;
float:left;
}
.head5{
width:90px;
float:right;
}

#contents{
margin:0px auto;
width:900px;
padding:20px 0px 20px 0px;
}

#area{
width:640px;
float:left;
}

#side{
width:240px;
float:right;
}

.sidemenu{
background:#fff;
margin-bottom:10px;
width:220px;
padding:9px 9px 0px;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}

.sidemenu div{
margin-bottom:10px;
padding:0px 10px 8px;
width:200px;
background:url(img/dot1.gif) repeat-x bottom;
}

.sidemenu p{
padding:0px 0px 0px 15px;
background:url(img/icon2.gif) no-repeat left 5px;
}

#foot{
margin:0px auto;
width:900px;
padding:8px 0px 0px 0px;
text-align:right;
color:#f5688c;
background:url(img/bg-foot.gif) no-repeat top;
}

/* top ========================================================================================= */

#mainimg{
margin:0px auto;
width:880px;
height:245px;
padding:40px 0px 0px 20px;
background:url(img/bg-main.jpg) no-repeat;
}

.w640b10{
margin-bottom:10px;
width:640px;
}

.top1{
width:310px;
float:left;
}
.top2{
width:310px;
float:right;
}

.toptext1{
color:#f53b6a;
font-size:120%;
font-weight:bold;
line-height:150%;
}

.topics{
margin-bottom:10px;
width:620px;
padding:0px 10px 8px;
background:url(img/dot1.gif) repeat-x bottom;
}

.topics p{
padding:0px 0px 0px 15px;
background:url(img/icon1.gif) no-repeat left 5px;
}

.topics span{
margin-right:10px;
color:#ff6600;
}


/* director ========================================================================================= */

.director{
margin-bottom:20px;
width:640px;
padding-bottom:15px;
background:url(img/dot1.gif) repeat-x bottom;
}

.director1{
width:380px;
float:left;
}
.director2{
width:240px;
float:right;
}

.director1 table{
width:380px;
background:#ccc;
}

.director1 td{
padding:5px 10px;
}

.director1-td1{
width:120px;
background:#eee;
color:#2d4606;
font-weight:bold;
}

.director1-td2{background:#fff;}

.director3{
width:288px;
float:left;
}
.director4{
width:326px;
float:right;
}
.director5{
width:369px;
float:left;
}
.director6{
width:259px;
float:right;
}

.w640b20{
width:640px;
margin-bottom:20px;
}

/* staff ========================================================================================= */

.staff1{
width:240px;
float:left;
}
.staff2{
width:380px;
float:right;
}

.stafftext1{
color:#ed2045;
font-size:20px;
font-weight:bold;
line-height:150%;
}

.stafftext2{
color:#333;
font-weight:bold;
}

.staffname{
width:380px;
padding-bottom:5px;
margin-bottom:10px;
background:url(img/dot1.gif) repeat-x bottom;
}


/* clinic ========================================================================================= */

.clinic{
margin-bottom:20px;
width:640px;
background:#ccc;
}

.clinic td{
padding:8px 10px;
vertical-align:top;
}

.clinic-td1{
width:120px;
background:#eee;
}

.clinic-td2{background:#fff;}

/* equipment ========================================================================================= */

.equipment1{
width:310px;
float:left;
}

.equipment2{
width:310px;
float:right;
}

.equipment3{
width:250px;
float:left;
}

.equipment4{
width:370px;
float:right;
}

/* treatment ========================================================================================= */

.treatment1{
width:260px;
float:left;
}

.treatment2{
width:361px;
}

.treatment3{
width:260px;
margin-left:20px;
display:inline;
}

.treatmentimg{
width:260px;
margin:0px 20px 0px 0px;
}

.treatment-color  {
	color:#F69;
}

.treatment-color2  {
	color:#006699;
}

.uline {
	border-bottom:#F69 2px solid;
	margin-bottom:10px;
}

.fleft {
	float:left;
}
.fright {
	float:right;
}

.mrb40 {
	margin-bottom:40px;
}

.mrl20{
	margin-left:20px;
}

.mrl40{
	margin-left:40px;
}

.treatment5{
	width:597px;
	margin-left:10px;
}

.treatment6{
width:640px;
margin-bottom:20px;
background:url(img/dot1.gif) repeat-x bottom;
}

.treatment7{
	width:450px;
	margin-left:10px;
}

.treatment8{
width:640px;
margin-bottom:10px;
background:url(img/dot1.gif) repeat-x bottom;
}

.treatment9{
width:640px;
margin-bottom:10px;
}

.center{
	text-align:center;
}

.list{
	background:#FFF url(img/treatment5line2.gif) 0 0 repeat-y;
	width:640px;
}

.list ul li{
	font-size:93%;
	padding:10px 20px 0 20px;
	margin:0px 20px 0 20px;
	background:#FFF url(img/treatment5icon.gif) 0 15px no-repeat;
}

.pb10{
	padding-bottom:10px;
}

/* rec ========================================================================================= */

.rec{
margin-bottom:20px;
width:640px;
background:#ccc;
}

.rec td{
padding:5px 10px;
}

.rec-td1{
width:150px;
background:#eee;
}

.rec-td2{background:#fff;}

.rec ul{
padding-left:25px;
list-style-type:decimal;
}

/* user ========================================================================================= */

.user{
margin-bottom:10px;
width:618px;
padding:10px;
border:1px #ccc solid;
}

.mi-user{
margin-bottom:10px;
width:618px;
padding-bottom:8px;
font-weight:bold;
color:#333;
background:url(img/dot1.gif) repeat-x bottom;
}

.mi-user span{
padding-right:10px;
color:#ed2045;
font-size:16px;
line-height:150%;
}

.hoken1 {
	color:#F69;
}