@charset "utf-8";


/*-----Base-----*/
/*-------------------------------------------------------------------------------*/


body{
	text-align: center;
	color: #666666;
	background-color: #fffae0;
}

#side{
	margin: 0px auto;
	width: 810px;
	text-align: left;
	background-image: url(../img/side_background.jpg);
	background-repeat: repeat-y;
}

#wrapper{
	margin: 0px 5px;
	width: 800px;
	background-color: #ffffff;
	background-image: url(../img/wrapper_background.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

div#header{
	margin: 0px;
	width: 800px;
	height: 80px;
	position: relative;
	text-align: left;
	background-image: url(../img/header_background2.jpg);
	background-repeat: no-repeat;
}

a:link,a:visited{
	color: #4F8FD1;
	text-decoration: none;
}

a:active,a:hover{
	color: #00A0C6;
	text-decoration: none;
}


/*-----Header-----*/
/*-------------------------------------------------------------------------------*/


div#header h1{
	position: absolute;
	width: 261px;
	height: 50px;
	left: 19px;
	top: 17px;
	text-indent: -9999px;
}

div#header h1 a{
	display: block;
	width: 261px;
	height: 50px;
}

div#header p#header_totop{
	position: absolute;
	width: 56px;
	height: 11px;
	left: 611px;
	top: 64px;
	text-indent: -9999px;
}

div#header p#header_totop a{
	display: block;
	width: 56px;
	height: 11px;
}

div#header p#sitemap{
	position: absolute;
	width: 94px;
	height: 11px;
	left: 693px;
	top: 64px;
	text-indent: -9999px;
}

div#header p#sitemap a{
	display: block;
	width: 94px;
	height: 11px;
}

div#header p#mail{
	position: absolute;
	width: 152px;
	height: 49px;
	left: 480px;
	top: 7px;
	text-indent: -9999px;
}

div#header p#mail a{
	display: block;
	width: 152px;
	height: 49px;
}


/*-----Main-----*/
/*-------------------------------------------------------------------------------*/


#main_box{
	float: left;
	display: inline;
	width: 800px;
	margin: 15px 0px 0px;
}

#main{
	float: right;
	display: inline;
	width: 560px;
	margin: 10px 30px 20px 0;
}


/*-----Navi-----*/
/*-------------------------------------------------------------------------------*/


#navi{
	float: left;
	width: 180px;
	margin: 0px;
	background-image: url(../img/navi_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi ul{
	width: 172px;
	list-style: none;
	margin: 36px 0px 10px 8px;
}

#navi ul li{
	width: 172px;
	height: 35px;
	margin: 0px;
}

#navi ul li a{
	display: block;
	width: 172px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#navi ul li.navi01 a{background-image: url(../img/navi01.jpg);}
#navi ul li.navi02 a{background-image: url(../img/navi02.jpg);}
#navi ul li.navi03 a{background-image: url(../img/navi03.jpg);}
#navi ul li.navi04 a{background-image: url(../img/navi04.jpg);}
#navi ul li.navi04_2 a{background-image: url(../img/navi04_2.jpg);}
#navi ul li.navi05 a{background-image: url(../img/navi05.jpg);}
#navi ul li.navi06 a{background-image: url(../img/navi06.jpg);}
#navi ul li.navi07 a{background-image: url(../img/navi07.jpg);}
#navi ul li.navi08 a{background-image: url(../img/navi08.jpg);}
#navi ul li.navi09 a{background-image: url(../img/navi09.jpg);}
#navi ul li.navi10 a{background-image: url(../img/navi10.jpg);}

#navi ul#banner{
	width: 172px;
	margin: 0px 0px 0px 8px;
}

#navi ul#banner li.banner_shika{
	width: 172px;
	height: 62px;
	margin: 0px 0px 10px;
}

#navi ul#banner li.banner_shika a{
	display: block;
	width: 172px;
	height: 62px;
	text-indent: -9999px;
	background-image: url(../img/banner_shika.jpg);
}



#navi li.qr {
  width: 150px;
  height: 180px;
  text-align: center;
  margin: 0 0 0 10px;
  display: block;
 
}

#navi #naviinfo{
	margin: 10px 0 0 10px;
}

#navi #naviinfo p{
	padding: 0 0 5px 5px;
	line-height: 1.2em;
	color: #8f6d56;
}

#navi #naviinfo p.navi_tel{
  background: url(../img/navi_tel.jpg) 0 0 no-repeat;
  width: 170px;
  height: 30px;
  text-indent: -9999px;
}


/*-----Footer-----*/
/*-------------------------------------------------------------------------------*/


#footer{
	clear: both;
	width: 810px;
	height: 60px;
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
	background-image: url(../img/footer_background.jpg);
	background-repeat: repeat-x;
}

#footer dl{
	float: left;
	display: inline;
	margin: 5px 50px 2px;
	width: 700px;
	height: 25px;
	overflow: hidden;
}

#footer dl dt,#footer dl dd{
	font-size: 83%;
}

#footer dl dt{
	display: inline;
	text-align: right;
	color: #666666;
}

#footer dl dd{
	float: left;
	text-align: left;
	text-indent: -9999px;
}

address{
	clear: both;
	font-size: 83%;
	font-style: normal;
	color: #666666;
}

#footer dl dt a:link,#footer dl dt a:visited,#footer dl dt a:active,#footer dl dt a:hover{
	color: #666666;
}

address a:link,address a:visited,address a:active,address a:hover{
	color: #666666;
}


/*-----Parts-----*/
/*-------------------------------------------------------------------------------*/


div.seg01,div.seg02,div.seg03{
	float: left;
	display: inline;
	width: 560px;
	margin: 0px 0px 10px;
}

h2{
	clear: both;
	width: 560px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../img/h2_parts.jpg);
	background-repeat: no-repeat;
}

h3{
	clear: both;
	width: 560px;
	height: 30px;
	margin: 0px 0px 10px;
	text-indent: -9999px;
	background-image: url(../img/h3_parts.jpg);
	background-repeat: no-repeat;
}

h4{
	clear: both;
	width: 560px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../img/h4_parts.jpg);
	background-repeat: no-repeat;
}

h5{
	clear: both;
	width: 560px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../img/h5_parts.jpg);
	background-repeat: no-repeat;
}

div.seg01 div{
	float: left;
	display: inline;
	width: 560px;
	padding: 5px 0px;
	margin: 2px 0px 10px;
}

div.seg01 div p{
	float: left;
	display: inline;
	width: 550px;
	margin: 5px;
}

div.seg01 div table{
	float: left;
	display: inline;
	width: 550px;
	line-height: 120%;
	margin: 0px 0px 10px;
}

div.seg02 div,div.seg03 div{
	float: left;
	display: inline;
	width: 550px;
	margin: 5px;
}

div.seg02 div{
	background-image: url(../img/seg02_background.jpg);
	background-repeat: no-repeat;
}

div.seg02 div p.left{
	float: left;
	display: inline;
	width: 240px;
	height: 185px;
	margin: 0px;
}

div.seg02 div p.right{
	float: right;
	display: inline;
	width: 240px;
	height: 185px;
	margin: 0px;
}

div.seg02 div p.text{
	clear: both;
	width: 550px;
	margin: 0px;
}

div.seg03 div p.right{
	float: right;
	display: inline;
	width: 220px;
	margin: 0px;
}

div.seg03 div p.left{
	float: left;
	display: inline;
	width: 320px;
	margin: 0px;
}

div.seg03 div p.text{
	clear: both;
	width: 550px;
	margin: 0px;
}

div.seg01 div.totop,div.seg02 div.totop,div.seg03 div.totop{
	width: 560px;
	height: 12px;
	padding: 0px;
}

div.seg01 div.totop p,div.seg02 div.totop p,div.seg03 div.totop p{
	width: 560px;
	margin: 0px;
}

div.seg01 div.totop p a,div.seg02 div.totop p a,div.seg03 div.totop p a{
	display: block;
	width: 99px;
	height: 12px;
	margin: 0px 0px 0px 460px;
	text-indent: -9999px;
	background-image: url(../img/totop.gif);
	background-repeat: no-repeat;
}

#main ul{
	float: left;
	display: inline;
	list-style-position: outside;
	list-style-image: url(../img/icon_arrow.jpg);
	width: 520px;
	margin: 5px 0px 5px 30px;
}

#main ul li{
	line-height: 12px;
	margin: 5px 0px;
}

div.seg01 table{
	float: left;
	display: inline;
	width: 550px;
	line-height: 120%;
	margin: 0px;
}

div.seg01 table th{
	text-align: center;
	background-image: url(../img/td_background.jpg);
	background-repeat: repeat-x;
}

div.seg01 table td{
	text-align: center;
}


/*-----Topページindex.html-----*/
/*-------------------------------------------------------------------------------*/


#index div#header{
	margin: 0px;
	width: 800px;
	height: 391px;
	position: relative;
	text-align: left;
	background-image: url(../img/header_background.jpg);
	background-repeat: no-repeat;
}

#index h2.h2_01{
	height: 25px;
	background-image: url(../img/h2_index01.jpg);
}

#index h2.h2_02{
	height: 25px;
	background-image: url(../img/h2_index02.jpg);
}

div.pickup{
	float: left;
	display: inline;
	width: 560px;
	margin: 0px 0px 10px;
}

div.pickup div.pick01,div.pickup div.pick02,div.pickup div.pick03,div.pickup div.pick04,div.pickup div.pick05,div.pickup div.pick06{
	float: left;
	width: 264px;
	height: 90px;
	margin: 0px 10px 10px 0px;
}

#index div.pickup h3{
	clear: both;
	width: 264px;
	height: 27px;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}

div.pickup div.pick01 h3{
	background-image: url(../img/h3_pick01.jpg);
}

div.pickup div.pick02 h3{
	background-image: url(../img/h3_pick02.jpg);
}

div.pickup div.pick03 h3{
	background-image: url(../img/h3_pick03.jpg);
}

div.pickup div.pick04 h3{
	background-image: url(../img/h3_pick04.jpg);
}

div.pickup div.pick05 h3{
	background-image: url(../img/h3_pick05.jpg);
}

div.pickup div.pick06 h3{
	background-image: url(../img/h3_pick06.jpg);
}

div.pickup div.box{
	float: left;
	display: inline;
	width: 250px;
	height: 52px;
	margin: 5px 0px 0px 14px;
}

div.pickup div p.right{
	float: right;
	width: 140px;
	margin: 0px;
}

div.pickup div p.left{
	float: left;
	display: inline;
	width: 102px;
	margin: 0px;
}

div.pickup div.more{
	clear: both;
	float: left;
	width: 264px;
	height: 12px;
	padding: 0px;
}

div.pickup div.more p{
	width: 264px;
	margin: 0px;
}

div.pickup div.more p a{
	display: block;
	width: 96px;
	height: 12px;
	margin: 2px 0px 2px 165px;
	text-indent: -9999px;
	background-image: url(../img/icon_more.gif);
	background-repeat: no-repeat;
}

div.information{
	float: left;
	display: inline;
	width: 560px;
	margin: 0px 0px 10px;
}

div.information h3{
	clear: both;
	width: 560px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../img/h2_index03.jpg);
	background-repeat: no-repeat;
}

div.information div{
	float: left;
	display: inline;
	width: 560px;
	padding: 0px;
	margin: 2px 0px 10px;
}

#main ul{
	float: right;
	display: inline;
	list-style-position: outside;
	list-style-image: url(../img/icon_arrow.jpg);
	width: 220px;
	margin: 0px 0px 0px 15px;
}

#main ul li{
	line-height: 12px;
	margin: 0px 0px 5px;
}

#main ul li.top-li {
  display:block;
  list-style-image:none;
	padding-top:5px;}

div.information table{
	float: left;
	display: inline;
	width: 320px;
	line-height: 120%;
	margin: 0px;
}

div.information table th{
	text-align: center;
	background-image: url(../img/td_background.jpg);
	background-repeat: repeat-x;
}

div.information table td{
	text-align: center;
	font-size: 83%;
}

#index .time{font-size:125%;
         font-weight:bold;
}

#tiny  {
  width: 560px;
  height: 150px;
  overflow-y: auto;
  border: none;
  margin: 0 0 0px 0 ;
	font-size: 100%;
 }
*+html #tiny  {
  width: 560px;
  height: 150px;
  overflow-y: scroll;
  border: none;
  margin: 0 0 0px 0 ;	
 }

 
#tiny table { 
  border: none;
	width: 540px;}
 
#tiny table td { 
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: dashed 1px #cccccc;
  vertical-align:top;
	color:#ff9750;
}

#tiny table td a{
  color:#ff6151;	
}

#tiny table td.tn_date{
  padding: 5px 0 10px 15px;
  width: 100px;*/ IE7で横スクロールが出た場合*/
}

#tiny table td.tn_title{
  padding: 5px 0 10px 15px;
	text-align:left;	
}

#tiny table .tn_image {
  padding: 5px 0 10px 15px;
  display:none;}
　　

/*#index #year_info {
	padding: 5px 0 5px 5px;
	background: #fde7d9;
}

	#index #year_info dt {
		color: #f00;
		font-weight: bold;
	}
	
		#index #year_info dd {
			padding-left: 1em;
		}*/

/*-----サイトマップsitemap.html-----*/
/*-------------------------------------------------------------------------------*/


#sitemap h2{
	background-image: url(../img/h2_sitemap.jpg);
}

dl#sitemap dt{
	border-bottom: #ffefa4 solid 1px;
	border-left: #ffefa4 solid 5px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-indent: 8px;
}

dl#sitemap dd{
	text-indent: 20px;
	margin-bottom: 15px;
	border-bottom: #ffefa4 dotted 1px;
	line-height: 20px;
	font-size: 12px;
}

dl#sitemap dt a:link,dl#sitemap dt a:visited{
	color: #DB6E00;
	text-decoration: none;
}

dl#sitemap dt a:active,dl#sitemap dt a:hover{
	color: #DB6E00;
	text-decoration: none;
}


/*-----スタッフ紹介stuff.html-----*/
/*-------------------------------------------------------------------------------*/


#stuff h2{
	background-image: url(../img/h2_stuff.jpg);
}

#stuff h3.h3_01{
	background-image: url(../img/h3_stuff01.jpg);
}

#stuff h3.h3_02{
	background-image: url(../img/h3_stuff02.jpg);
}

#stuff h3.h3_03{
	background-image: url(../img/h3_stuff03.jpg);
}

#stuff h4.h4_01{
	background-image: url(../img/h4_stuff01.jpg);
}

#stuff h4.h4_02{
	background-image: url(../img/h4_stuff02.jpg);
}


/*-----医院案内information.html-----*/
/*-------------------------------------------------------------------------------*/


#information h2{
	background-image: url(../img/h2_information.jpg);
}

#information h3.h3_01{
	background-image: url(../img/h3_information01.jpg);
}

#information h4.h4_01{
	background-image: url(../img/h4_information01.jpg);
}

#information h4.h4_02{
	background-image: url(../img/h4_information02.jpg);
}

#information h4.h4_03{
	background-image: url(../img/h4_information03.jpg);
}

#information h4.h4_04{
	background-image: url(../img/h4_information04.jpg);
}

#information h4.h4_05{
	background-image: url(../img/h4_information05.jpg);
}

#information h4.h4_06{
	background-image: url(../img/h4_information06.jpg);
}

#information h4.h4_07{
	background-image: url(../img/h4_information07.jpg);
}

#information h4.h4_08{
	background-image: url(../img/h4_information08.jpg);
}

/*-----保険と自由診療の違いdifference.html-----*/
/*-------------------------------------------------------------------------------*/


#general h2{
	background-image: url(../img/h2_general.jpg);
}

#general h3.h3_01{
	background-image: url(../img/h3_difference01.jpg);
}

#general h3.h3_02{
	background-image: url(../img/h3_difference02.jpg);
}

#general h3.h3_03{
	background-image: url(../img/h3_general03.jpg);
}

#general h4.h4_01{
	background-image: url(../img/h4_difference01.jpg);
}

#general h4.h4_02{
	background-image: url(../img/h4_difference02.jpg);
}

#general h4.h4_03{
	background-image: url(../img/h4_difference03.jpg);
}

#general h4.h4_04{
	background-image: url(../img/h4_difference04.jpg);
}

#general h4.h4_05{
	background-image: url(../img/h4_difference05.jpg);
}

#general h4.h4_06{
	background-image: url(../img/h4_difference06.jpg);
}

#general h4.h4_07{
	background-image: url(../img/h4_difference07.jpg);
}

#general h4.h4_08{
	background-image: url(../img/h4_difference08.jpg);
}

#general h4.h4_09{
	background-image: url(../img/h4_difference09.jpg);
}

#general h4.h4_10{
	background-image: url(../img/h4_difference10.jpg);
}

#general h4.h4_11{
	background-image: url(../img/h4_difference11.jpg);
}

/*-----保険と自由診療の違いprevention.html-----*/
/*-------------------------------------------------------------------------------*/


#prevention h2{
	background-image: url(../img/h2_prevention.jpg);
}

#prevention h3.h3_01{
	background-image: url(../img/h3_prevention01.jpg);
}

#prevention h4.h4_01{
	background-image: url(../img/h4_prevention01.jpg);
}

#prevention h4.h4_02{
	background-image: url(../img/h4_prevention02.jpg);
}

#prevention h4.h4_03{
	background-image: url(../img/h4_prevention03.jpg);
}

#prevention h4.h4_04{
	background-image: url(../img/h4_prevention04.jpg);
}


/*-----審美歯科aesthetic.html-----*/
/*-------------------------------------------------------------------------------*/


#aesthetic h2{
	background-image: url(../img/h2_aesthetic.jpg);
}

#aesthetic h3.h3_01{
	background-image: url(../img/h3_aesthetic01.jpg);
}

#aesthetic h4.h4_01{
	background-image: url(../img/h4_aesthetic01.jpg);
}

#aesthetic h4.h4_02{
	background-image: url(../img/h4_aesthetic02.jpg);
}

#aesthetic h4.h4_03{
	background-image: url(../img/h4_aesthetic03.jpg);
}

#aesthetic h4.h4_04{
	background-image: url(../img/h4_aesthetic04.jpg);
}


/*-----インプラントimplant.html-----*/
/*-------------------------------------------------------------------------------*/


#implant h2{
	background-image: url(../img/h2_implant.jpg);
}

#implant h3.h3_01{
	background-image: url(../img/h3_implant01.jpg);
}

#implant h4.h4_01{
	background-image: url(../img/h4_implant01.jpg);
}

#implant h4.h4_02{
	background-image: url(../img/h4_implant02.jpg);
}

#implant h4.h4_03{
	background-image: url(../img/h4_implant03.jpg);
}

#implant h4.h4_04{
	background-image: url(../img/h4_implant04.jpg);
}

#implant h4.h4_05{
	background-image: url(../img/h4_implant05.jpg);
}

#implant .center {text-align:center;
}

#implant th {
	border: 1px solid #ff7f00;
	border-collapse: collapse;
	text-align: left;
	font-size: 100%;
	font-weight: lighter;
}

#implant tr:hover{
	background-color: #f0f0f0;
}

#implant .seg01 table td { background: #ffffcc;
  border: 1px solid #ff7f00;
	}
#implant .seg01 table td.in { background: #ddeeff;
  border: 1px solid #ff7f00;
	}

/*-----義歯（入れ歯）ireba.html-----*/
/*-------------------------------------------------------------------------------*/


#ireba h2{
	background-image: url(../img/h2_ireba.jpg);
}

#ireba h3.h3_01{
	background-image: url(../img/h3_ireba01.jpg);
}

#ireba h3.h3_02{
	background-image: url(../img/h3_ireba02.jpg);
}

#ireba h4.h4_01{
	background-image: url(../img/h4_ireba01.jpg);
}

#ireba h4.h4_02{
	background-image: url(../img/h4_ireba02.jpg);
}

#ireba h4.h4_03{
	background-image: url(../img/h4_ireba03.jpg);
}

#ireba h4.h4_04{
	background-image: url(../img/h4_ireba04.jpg);
}

#ireba h4.h4_05{
	background-image: url(../img/h4_ireba05.jpg);
}

#ireba h4.h4_06{
	background-image: url(../img/h4_ireba06.jpg);
}


/*-----アクセスaccess.html-----*/
/*-------------------------------------------------------------------------------*/


#access h2{
	background-image: url(../img/h2_access.jpg);
}

#access h3.h3_01{
	background-image: url(../img/h3_access01.jpg);
}

#access div.seg03 table.left{
	float: left;
	display: inline;
	width: 280px;
	line-height: 120%;
	margin: 0px;
}

div.seg03 table.left th{
	text-align: center;
	background-image: url(../img/td_background.jpg);
	background-repeat: repeat-x;
}

div.seg03 table.left td{
	text-align: left;
}

#access div.seg03 div p.right{ width: 240px; }

p.image_l{text-align:center;
}

#access .time{font-size:125%;
         font-weight:bold;
}

#access div.seg03 .w300 table.left{
	float: left;
	display: inline;
	width: 300px;
	line-height: 120%;
	margin: 0px;
}

#access div.seg03 .w300 p.right{ width: 200px; }




/*-----矯正歯科ortho.html-----*/
/*-------------------------------------------------------------------------------*/


#ortho h2{
	background-image: url(../img/h2_ortho.jpg);
}

#ortho h3.h3_01{
	background-image: url(../img/h3_ortho01.jpg);
}

#ortho h3.h3_02{
	background-image: url(../img/h3_ortho02.jpg);
}

#ortho h3.h3_03{
	background-image: url(../img/h3_ortho03.jpg);
}

#ortho h3.h3_04{
	background-image: url(../img/h3_ortho041.jpg);
}

#ortho h4.h4_01{
	background-image: url(../img/h4_ortho01.jpg);
}

#ortho h4.h4_02{
	background-image: url(../img/h4_ortho02.jpg);
}

#ortho h4.h4_03{
	background-image: url(../img/h4_ortho03.jpg);
}

#ortho h4.h4_04{
	background-image: url(../img/h4_ortho04.jpg);
}

#ortho h4.h4_05{
	background-image: url(../img/h4_ortho05.jpg);
}

#ortho h4.h4_06{
	background-image: url(../img/h4_ortho06.jpg);
}

#ortho h4.h4_07{
	background-image: url(../img/h4_ortho07.jpg);
}

#ortho h4.h4_08{
	background-image: url(../img/h4_ortho08.jpg);
}

#ortho h4.h4_09{
	background-image: url(../img/h4_ortho09.jpg);
}

