@charset "Shift_JIS";

/*
	*1 : header
	*2 : Top
	*3 : navi
	*4 : foot
	*4 : greeting　あいさつ
 */



/* ***********************************************************************
	*1 : Header
*********************************************************************** */
div#header{
	width:800px;
	height:97px;
	background:url(../../images/top/back_top.gif) no-repeat 0  top;
	padding: 56px 0 0 0;
}

div#header #box{
	margin:0;
	display: block;
	padding: 0;
	height: 55px;
}

div#header #flash{
	float:left;
}

div#header #box img{
	float:left;
}

div#header-navi2{
	width:180px;
	float:left;
	height: 55px;
}

ul#header-navi{
	width:193px;
	height:50px;
	overflow:hidden;
	position:relative;
	list-style:none;
	background:url(../../images/common/topnavi_back.jpg) repeat-y 0 0;
}

ul#header-navi li{
	text-decoration: none;
	display: block;
	height: 50px;
	width: 105px;
	line-height:110%;
}

ul#header-navi li a{
	position:absolute;
	height: 45px;
	overflow: hidden;
	text-align:center;
	text-decoration: none;
	padding: 5px 0 0 0;
	width: 96px;
	color:#666666;
	left: 0px;
}

ul#header-navi li#inq			{width:96px; position:absolute;	top: 0px; height: 50px; left: 0;}
ul#header-navi li#sitemap		{width:96px; position:absolute;	top: 0px; height: 50px; left: 96px;}

ul#header-navi li#inq a:hover		{ color:#333333; }
ul#header-navi li#sitemap a:hover	{ color:#333333; }

/* ***********************************************************************
	*2 : Top
*********************************************************************** */
div#main{
	width:770px;
	padding: 30px 0 0 30px;
	margin:0 0 20px;
	height: 200px;
}

div#news{
	width:525px;
	padding:0 0 0 40px;
	background:url(../../images/top/new_icon.gif) no-repeat 0 0;
	float: left;
}

div#news h3.title{
	margin:0 0 30px;
	padding:0;
	display: block;
	line-height:120%;
}

div#news p.news{
	margin:0 0 10px;
	padding:0 0 0 40px;
	display: block;
}

div#link{
	width:183px;
	float: right;
	padding: 20px 0 0;
}

div#link img{
	margin:0 0 5px;
}
/* ***********************************************************************
	*3 : navi
*********************************************************************** */

div#main-navi-box{
	width:800px;
	margin: 0 0 8px;
}	

ul#main-navi{
	width:800px;
	height:62px;
	overflow:hidden;
	position:relative;
	list-style:none;
	background:url(../../images/common/main_btn.jpg) 0 0;
}


ul#main-navi li a{
	position:absolute;
	height: 62px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0px;
	width: 161px;
}

#main-navi li a{
  text-decoration: none;
  display: block;
  height: 62px;
  width: 161px;
}

#main-navi li#top2{
	position:absolute;
	top: 0px;
	height: 62px;
	left: 0;
	background:url(../../images/common/main_btn.jpg) no-repeat 0 -62px;
	width:161px;
}
#main-navi li#greeting2		{
	background:url(../../images/common/main_btn.jpg) no-repeat -160px -62px;
	position:absolute;
	top: 0px;
	left: 160px;
	width:160px;
	height: 62px;
}
#main-navi li#treatmentmenu2{
	background:url(../../images/common/main_btn.jpg) no-repeat -320px -62px;
	position:absolute;
	top: 0px;
	left: 320px;
	width:160px;
	height: 62px;
}

#main-navi li#sraff2		{
	background:url(../../images/common/main_btn.jpg) no-repeat -480px -62px;
	position:absolute;
	top: 0px;
	left: 480px;
	width:160px;
	height: 62px;
}
#main-navi li#introduction2	{
	background:url(../../images/common/main_btn.jpg) no-repeat -641px -62px;
	position:absolute;
	top: 0px;
	left: 641px;
	width:160px;
	height: 62px;
}

#main-navi li#top			{width:161px; position:absolute;	top: 0px; height: 62px; left: 0;}
#main-navi li#greeting		{width:160px; position:absolute;	top: 0px; height: 62px; left: 161px;}
#main-navi li#treatmentmenu {width:160px; position:absolute;	top: 0px; height: 62px; left: 321px;}
#main-navi li#sraff			{width:160px; position:absolute;	top: 0px; height: 62px; left: 481px;}
#main-navi li#introduction	{width:161px; position:absolute;	top: 0px; height: 62px; left: 641px;}

#main-navi li#top a:hover			{width:161px; background:url(../../images/common/main_btn.jpg) no-repeat 0 -125px;}
#main-navi li#greeting a:hover		{width:160px; background:url(../../images/common/main_btn.jpg) no-repeat -161px -125px;}
#main-navi li#treatmentmenu a:hover	{width:160px; background:url(../../images/common/main_btn.jpg) no-repeat -321px -125px;}
#main-navi li#sraff a:hover			{width:160px; background:url(../../images/common/main_btn.jpg) no-repeat -481px -125px;}
#main-navi li#introduction a:hover	{width:161px; background:url(../../images/common/main_btn.jpg) no-repeat -641px -125px;}

/* ***********************************************************************
	*4 : foot
*********************************************************************** */
div#foot{
	width:800px;
	height:22px;
	background:url(../../images/common/foot.gif) no-repeat 0 0;
	text-align:center;
	clear:both;
	padding: 8px 0 0;
}


/* ***********************************************************************
	*5 : greeting
*********************************************************************** */
div#greeting-main{
	width:800px;
	margin:20px 0 20px;
}
div#greeting-left{
	width:264px;
	float:left;
}

div#greeting-right p{
	background:url(../../images/greeting/border.jpg) repeat-x 0 0;
	height:30px;
	display:block;
	padding:5px 0 0;
	letter-spacing:1px;
}

div#greeting-right p.big{
	background:url(../../images/greeting/border.jpg) repeat-x 0 0;
	height:32px;
	display:block;
	padding:3px 0 0;
	letter-spacing:1px;
}


div#greeting-right{
	width:531px;
	float:right;
	margin: 0 0 30px;
	clear: right;
}

/* ***********************************************************************
	*6 : クリック施設
*********************************************************************** */
div#introduction-main{
	width:800px;
	margin:20px 0 20px;
}

p.freedial{
	background:url(../../images/introduction/freedial.gif) no-repeat 0 5px;
	height:32px;
	padding:0 0 0 42px;
	margin:0 0 20px;
}

p.tel{
	background:url(../../images/introduction/tel.gif) no-repeat 0 0;
	height:32px;
	padding:0 0 0 42px;
}


div#address{
	width:800px;
	background:url(../../images/introduction/image.jpg) no-repeat 0 0;
}

div#address2{
	display:block;
	margin:0 0 0 210px;
	height:130px;
	background:url(../../images/common/border.jpg) repeat-x 0 bottom;
	position: relative;	
}

div#kamoku p,
div#address2 p,
div#pay p{
	display:block;
}

div#kamoku p.title,
div#address2 p.title{
	margin:5px 0 15px;
}



div#kamoku{
	margin:10px 0 0 210px;
	height:67px;
}

div#pay{
	width:800px;
	padding:15px 0 5px;
	height:100px;
	background:url(../../images/introduction/boder_doble.gif) repeat-x 0 0;
}

div#pay p{
	margin:0 0 15px 20px;
	width: 780px;
}

div#yoyaku{
	width:130px;
	position: absolute;
	left: 280px;
	top: 30px;
}

div#print{
	width:150px;
	position: absolute;
	left: 380px;
	top: 30px;
}

div#rubi{
	width:155px;
	position: absolute;
	left: 198px;
	top: 73px;
}

div#jikan{
	width:760px;
	margin:30px 0 0;
	background:url(../../images/common/border.jpg) repeat-x 0 bottom;
	height: 171px;
	padding: 0 20px 0;
}

div#jikan table{
	height:110px;
	text-align:center;
	width: 760px;
	border: 2px #D3EDE8 solid;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 5px 0 0;
}

div#jikan table th{
	width:100px;
	color:#FFFFFF;
	border: 1px #D3EDE8 solid;
	border-spacing: 0;
}

div#jikan table th.week1{
	background:#A4D9D1;
}

div#jikan table th.week2{
	background:#B7E1DA;
}

div#jikan table th.week-sat{
	background:#95C7FF;
}

div#jikan table th.week-san{
	background:#F9B3A9;
}

div#jikan table td{
	border: 1px #D3EDE8 solid;
	border-spacing: 0;
}

div#map{
	width:760px;
	margin:30px auto 0;
}

div#map p.big{
	width:84px;
	height:22px;
	background:#98D1C8;
	color:#FFFFFF;
	text-align:center;
	padding: 8px 0 0;
}

div#map p.big a{
	color:#FFFFFF;
	list-style-type:none;
}

div#map p.big a:hover{
	color:#FFFFFF;
	list-style-type:none;
}


div#map-left{
	float:left;
	width:200px;
}

div#map-left p{
	display:block;
	margin:0 0 15px;
}

div#map-center{
	float:left;
	width:290px;
	margin: 0 0 20px;
	position: relative;
}

p#map-center-img{
	position:absolute;
	left: 219px;
	top: 238px;
}

div#map-right{
	float:left;
	width:255px;
	margin: 0 0 20px 8px;
}

/* ***********************************************************************
	*7 : 施設・診療
*********************************************************************** */
div#clinic-main{
	width:800px;
	margin:60px 0 20px;
}

dl.clinic-box{
	display:block;
	height:140px;
	width:780px;
	margin:0 0 20px 20px;
	position: relative;
}

dl.clinic-box2 p.img,
dl.clinic-box p.img{
	position:absolute;
	left: 592px;
	top: -49px;
}

dl.clinic-box dt{
	display:block;
	float:left;
	width: 200px;
}

dl.clinic-box dd{
	float:left;
	display:block;
	margin:0 0 0 15px;
	width: 560px;
}

dl.clinic-box dd p.title{
	display:block;
	height:22px;
	background:url(../../images/common/border.jpg) repeat-x 0 bottom;
	margin:0 0 5px;
}

dl.clinic-box2{
	display:block;
	width:780px;
	margin:0 0 15px 20px;
	position: relative;
	clear: both;
	height: 40px;
}

dl.clinic-box2 dt{
	display:block;
	float:left;
	width: 780px;
	padding: 0 0 5px;
}

dl.clinic-box2 dd{
	display:block;
	margin:0;
	width: 780px;
}

dl.clinic-box2 dt.title2{
	display:block;
	background:url(../../images/staff/nami_boder.gif) repeat-x 0 bottom;
	padding: 0 0 8px;
	height: 20px;
}

dl.clinic-box2 dt.title{
	display:block;
	background:url(../../images/common/border.jpg) repeat-x 0 bottom;
	margin:0 0 5px;
}

dl.clinic-box3{
	display:block;
	width:240px;
	margin:0 0 40px 20px;
	float: left;
}

dl.clinic-box3 dt{
	display:block;
	float:left;
	width: 240px;
}

dl.clinic-box3 dd{
	float:left;
	display:block;
	margin:0 0 10px;
	width: 240px;
}

dl.clinic-box3 dt.title{
	display:block;
	height:22px;
	background:url(../../images/common/border.jpg) repeat-x 0 bottom;
	margin:0 0 5px;
}

div.clinic-box4{
	width:780px;
	clear: both;
	background: url(../../images/staff/nami_boder.gif) repeat-x 0 top;
	margin: 0 0 0 20px;
	padding: 20px 0 0;
}

dl.clinic-box5{
	display:block;
	width:780px;
	margin:0 0 20px 20px;
	height: 60px;
}

dl.clinic-box5 dt{
	display:block;
	float:left;
	width: 780px;
	padding: 0 0 5px;
}

dl.clinic-box5 dd{
	display:block;
	margin:0;
	width: 780px;
}

dl.clinic-box5 dt.title2{
	display:block;
	height:25px;
	background:url(../../images/staff/nami_boder.gif) repeat-x 0 bottom;
	padding: 0 0 8px;
}

dl.clinic-box5 dt.title{
	display:block;
	background:url(../../images/common/border.jpg) repeat-x 0 bottom;
	margin:0 0 5px;
}


dl.clinic-box6{
	display:block;
	width:780px;
	margin:50px 0 20px 20px;
	clear: both;
	height: 40px;
	position: relative;
}

dl.clinic-box6 dt{
	display:block;
	float:left;
	width: 780px;
	padding: 0 0 5px;
}

dl.clinic-box6 dt.title{
	display:block;
	background:url(../../images/staff/nami_boder.gif) repeat-x 0 bottom;
	padding: 0 0 8px;
	height: 20px;
}




/* ***********************************************************************
	*8 : スタッフ紹介
*********************************************************************** */
div#staff-main{
	width:800px;
	margin:20px 0 20px;
}

div#staff-main2{
	width:780px;
	margin:0 0 30px 20px;
	clear: both;
	height: 267px;
}

div#staff-main3{
	width:800px;
	margin:0 0 20px 0;
	clear: both;
	height: 249px;
	background:url(../../images/staff/comment_foot.jpg) no-repeat 0 bottom;
}

div#staff-img1{
	float:left;
	clear: left;
}
div#staff-img2{
	float:right;
	clear: right;
	margin: 0 20px 0 0;
}
div#staff-box-right{
	margin:0 0 0 16px;
	float:left;
	width: 564px;
	clear: right;
}

div#staff-box-right p.title{
	display:block;
	background:url(../../images/staff/nami_boder.gif) repeat-x 0 bottom;
	margin:0 0 5px;
	padding: 0 0 10px;
}


div#staff-box-left{
	margin:0 16px 0 0;
	float:left;
	width: 429px;
	clear: left;
	text-align: right;
	height: 200px;
	background:url(../../images/staff/comment.jpg) no-repeat 0 bottom;
}

div#staff-box-left p.title{
	display:block;
	background:url(../../images/staff/nami_boder.gif) repeat-x 0 bottom;
	margin:0 0 5px;
	padding: 0 0 10px;
}

div#staff-box-left p.comment{
	display:block;
	background:url(../../images/staff/nami_boder.gif) repeat-x 0 bottom;
	margin:0 0 5px;
	padding: 0 0 10px;
}

/* ***********************************************************************
	*9 : サイトマップ
*********************************************************************** */
div#sitemap-box{
	width:628px;
	margin: 15px auto 8px;
}	

ul#sitemap{
	width:628px;
	height:95px;
	overflow:hidden;
	position:relative;
	list-style:none;
	background:url(../../images/sitemap/menu.jpg) no-repeat 0 0;
	margin:0 0 5px;
}


ul#sitemap li a{
	position:absolute;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0px;
	width: 100px;
}

ul#sitemap li#treatmentmenu2 a{
	position:absolute;
	height: 36px;
	text-decoration: none;
	padding: 0px;
	width: 100px;
}

#sitemap li a{
  text-decoration: none;
  display: block;
  height: 36px;
  width: 100px;
}

#sitemap li#top				{width:101px; position:absolute;	top: 0px; height: 36px; left: 263px;}
#sitemap li#greeting		{width:101px; position:absolute;	top: 60px; height: 36px; left: 0px;}
#sitemap li#treatmentmenu 	{width:101px; position:absolute;	top: 60px; height: 36px; left: 105px;}
#sitemap li#sraff			{width:101px; position:absolute;	top: 60px; height: 36px; left: 212px;}
#sitemap li#introduction	{width:101px; position:absolute;	top: 60px; height: 36px; left: 318px;}
#sitemap li#inq				{width:101px; position:absolute;	top: 60px; height: 36px; left: 423px;}
#sitemap li#site			{width:101px; position:absolute;	top: 60px; height: 36px; left: 527px;}

#sitemap li#top a:hover				{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat -263px -95px;}
#sitemap li#greeting a:hover		{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat    0px -155px;}
#sitemap li#treatmentmenu a:hover	{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat -105px -155px;}
#sitemap li#sraff a:hover			{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat -212px -155px;}
#sitemap li#introduction a:hover	{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat -318px -155px;}
#sitemap li#inq a:hover				{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat -423px -155px;}
#sitemap li#site a:hover			{width:101px; background:url(../../images/sitemap/menu.jpg) no-repeat -527px -155px;}

ul#sitemap2{
	width:628px;
	height:36px;
	overflow:hidden;
	position:relative;
	list-style:none;
}

ul#sitemap2 li {
	position:absolute;
	height: 36px;
	text-decoration: none;
	padding: 0px;
	width: 100px;
	display: block;
	left: 104px;
	top: 0px;
}

ul#sitemap2 li a{
	text-decoration: none;
}

ul#sitemap2 li#treatmentmenu2 	{width:101px; position:absolute; top: 0px; height: 36px; left: 105px;}
ul#sitemap2 li#map 	{width:101px; position:absolute; top: 0px; height: 36px; left: 325px;}

/* ***********************************************************************
	*10 : お問い合わせ
*********************************************************************** */
div#contact{
	width:628px;
	margin: 0 auto 10px;
}
div#contact table{
	width:628px;
}

div#contact td{
	height:25px;
}

div#contact textarea{
	width:600px;
}

div#contact li{
	list-style:none;
}

	

