@charset "utf-8";


/*-----Base-----*/
/*-------------------------------------------------------------------------------*/


body{
	text-align: center;
	color: #3F3F3F;
	background-image: url(../img/body_background.jpg);
	background-repeat: repeat-x;
	background-color: #ecf5f9;
}

#side{
	margin: 0px auto;
	width: 802px;
	text-align: left;
	background-image: url(../img/side_background.gif);
	background-repeat: repeat-y;
}

#wrapper{
	margin: 0px 1px;
	width: 800px;
	overflow: hidden;
	background-image: url(../img/wrapper_background.jpg);
	background-repeat: repeat-y;
}

div#header{
	margin: 0px 1px;
	width: 800px;
	height: 88px;
	position: relative;
	text-align: left;
	background-image: url(../img/header_background.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;
	left: 17;
	top: 29px;
	width: 471px;
	height: 32px;
	text-indent: -9999px;
}

div#header h1 a{
	display: block;
	width: 471px;
	height: 32px;
}

div#header p#sitemap{
	position: absolute;
	left: 649px;
	top: 71px;
	width: 60px;
	height: 16px;
	line-height: 16px;
	text-align: left;
	font-size: 10px;
}

div#header p#header_totop{
	position: absolute;
	left: 728px;
	top: 71px;
	width: 60px;
	height: 16px;
	line-height: 16px;
	text-align: left;
	font-size: 10px;
}

div#header a:link,div#header a:visited,div#header a:active,div#header a:hover{
	color: #ffffff;
	text-decoration: none;
}


/*-----Main-----*/
/*-------------------------------------------------------------------------------*/


#main_box{
	float: left;
	display: inline;
	width: 800px;
	margin: 10px 0px 0px;
}

#main{
	float: right;
	display: inline;
	width: 570px;
	margin: 0px 15px 0px;
}


/*-----Navi-----*/
/*-------------------------------------------------------------------------------*/


#navi{
	float: left;
	width: 200px;
	margin: 0px;
}

#navi ul{
	width: 180px;
	list-style: none;
	margin: 0px 10px 10px;
}

#navi ul li{
	width: 180px;
	height: 25px;
	margin: 0px 0px 5px;
}

#navi ul li a{
	display: block;
	width: 180px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}

#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.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 p.navi_topics{
	width: 180px;
	height: 135px;
	margin: 0px 10px 10px;
}

#navi p.navi_topics a{
	display: block;
	width: 180px;
	height: 135px;
	text-indent: -9999px;
	background-image: url(../img/navi_topics.jpg);
}

#navi ul#banner{
	width: 180px;
	margin: 0px 10px;
}

#navi ul#banner li.banner01{
	width: 180px;
	height: 46px;
	margin: 0px 0px 5px;
}

#navi ul#banner li.banner01 a{
	display: block;
	width: 180px;
	height: 46px;
	text-indent: -9999px;
	background-image: url(../img/banner01.jpg);
}

#navi ul#banner li.banner02{
	width: 180px;
	height: 46px;
	margin: 0px 0px 5px;
}

#navi ul#banner li.banner02 a{
	display: block;
	width: 180px;
	height: 46px;
	text-indent: -9999px;
	background-image: url(../img/banner02.jpg);
}

#navi ul#banner li.banner_shika{
	width: 150px;
	height: 68px;
	margin: 0px 15px 5px;
}

#navi ul#banner li.banner_shika a{
	display: block;
	width: 150px;
	height: 68px;
	text-indent: -9999px;
	background-image: url(../img/banner_shika.jpg);
}

#navi ul#banner li.banner_sjcd{
	width: 117px;
	height: 41px;
	margin: 0px 30px 5px;
}

#navi ul#banner li.banner_sjcd a{
	display: block;
	width: 117px;
	height: 41px;
	text-indent: -9999px;
	background-image: url(../img/banner_sjcd.jpg);
}


/*-----Footer-----*/
/*-------------------------------------------------------------------------------*/


#footer{
	clear: both;
	width: 800px;
	height: 40px;
	text-align: center;
	float: left;
	overflow: hidden;
	background-image: url(../img/footer_background.jpg);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0060d0;
}

#footer dl{
	float: left;
	display: inline;
	margin: 2px 10px;
	width: 780px;
	height: 15px;
	text-align: center;
	overflow: hidden;
}

#footer dl dt,#footer dl dd{
	font-size: 83%;
}

#footer dl dt{
	display: inline;
	text-align: right;
	color: #ffffff;
}

#footer dl dd{
	float: left;
	text-align: left;
	text-indent: -9999px;
}

address{
	clear: both;
	margin: 2px 10px;
	font-size: 83%;
	font-style: normal;
	color: #bad7e7;
}

#footer dl dt a:link,#footer dl dt a:visited,#footer dl dt a:active,#footer dl dt a:hover{
	color: #ffffff;
}

address a:link,address a:visited,address a:active,address a:hover{
	color: #bad7e7;
}


/*-----Parts-----*/
/*-------------------------------------------------------------------------------*/


div.seg01{
	float: left;
	display: inline;
	width: 570px;
	margin: 0px 0px 10px;
}

h2{
	clear: both;
	width: 570px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(../img/h2_parts.jpg);
	background-repeat: no-repeat;
}

h3{
	clear: both;
	width: 570px;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../img/h3_parts.jpg);
	background-repeat: no-repeat;
}

h4{
	clear: both;
	width: 570px;
	height: 14px;
	text-indent: -9999px;
	background-image: url(../img/h4_parts.jpg);
	background-repeat: no-repeat;
}

div.seg01 div{
	float: left;
	display: inline;
	width: 550px;
	padding: 10px;
	margin: 2px 0px 10px;
}

div.seg01 div p{
	float: left;
	display: inline;
	width: 550px;
	margin: 5px 0px;
}

div.seg01 div table{
	float: left;
	display: inline;
	width: 550px;
	line-height: 120%;
	margin: 0px 0px 10px;
}

div.seg02{
	float: left;
	display: inline;
	width: 570px;
	margin: 0px 0px 10px;
}

div.seg02 div{
	float: left;
	display: inline;
	width: 570px;
	margin: 5px 0px 10px;
	background-image: url(../img/seg02_background.jpg);
	background-repeat: no-repeat;
}

div.seg02 div p.left{
	float: left;
	display: inline;
	width: 260px;
	height: 195px;
	margin: 0px;
}

div.seg02 div p.right{
	float: right;
	display: inline;
	width: 260px;
	height: 195px;
	margin: 0px;
}

div.seg02 div p.text{
	clear: both;
	width: 570px;
	margin: 0px;
}

div.seg03{
	float: left;
	display: inline;
	width: 570px;
	margin: 0px 0px 10px;
}

div.seg03 div{
	float: left;
	display: inline;
	width: 570px;
	margin: 5px 0px;
}

div.seg03 div p.left{
	float: left;
	display: inline;
	width: 200px;
	margin: 0px;
}

div.seg03 div p.right{
	float: right;
	display: inline;
	width: 360px;
	margin: 0px;
}

div.seg03 div p.text{
	clear: both;
	width: 570px;
	margin: 0px;
}

div.seg01 div.totop,div.seg02 div.totop,div.seg03 div.totop{
	width: 570px;
	height: 10px;
	padding: 0px;
}

div.seg01 div.totop p,div.seg02 div.totop p,div.seg03 div.totop p{
	width: 570px;
	margin: 0px;
}

div.seg01 div.totop p a,div.seg02 div.totop p a,div.seg03 div.totop p a{
	display: block;
	width: 63px;
	height: 10px;
	margin: 0px 0px 0px 500px;
	text-indent: -9999px;
	background-image: url(../img/totop.gif);
	background-repeat: no-repeat;
}

div.seg04{
	float: left;
	display: inline;
	width: 570px;
	margin: 0px 0px 10px;
}

div.seg04 div{
	float: left;
	display: inline;
	width: 570px;
	margin: 5px 0px;
}

div.seg04 div p.left{
	float: left;
	display: inline;
	width: 300px;
	margin: 0px;
}

div.seg04 div p.right{
	float: right;
	display: inline;
	width: 260px;
	margin: 0px;
}

/*-----Topページindex.html-----*/
/*-------------------------------------------------------------------------------*/


#index div.seg01 h2{
	width: 570px;
	height: 300px;
	text-indent: -9999px;
	background-image: url(../img/h2_index.jpg);
	background-repeat: no-repeat;
}

#index div.infor{
	clear: both;
	position: relative;
	float: left;
	display: inline;
	width: 570px;
	height: 140px;
	margin: 0px 0px 10px;
	background-image: url(../img/infor_background.jpg);
	background-repeat: no-repeat;
}

#index div.infor h3{
	position: absolute;
	left: 185px;
	top: 13px;
	width: 370px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../img/h3_infor.jpg);
	background-repeat: no-repeat;
}

#index div.infor p{
	position: absolute;
	left: 185px;
	top: 55px;
	width: 370px;
	line-height: 120%;
}

#index div.comment{
	clear: both;
	float: left;
	display: inline;
	width: 570px;
	margin: 0px 0px 10px;
}

#index div.comment p{
	width: 570px;
	margin: 0px 0px 5px;
}

#index div.topics{
	clear: both;
	float: left;
	display: inline;
	width: 570px;
	margin: 0px 0px 10px;
}

#index div.topics div{
	float: left;
	width: 180px;
	height: 160px;
	margin: 0px 7px 10px 0px;
	background-image: url(../img/topics_background.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#index div.topics div h4{
	width: 180px;
	height: 35px;
	margin: 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#index div.topics div p{
	width: 160px;
	margin: 0px 10px 5px;
}

#index div.topics div p.text{
	font-size: 83%;
	height: 35px;
	line-height: 
}

#index div.topics div p.more{
	width: 180px;
	height: 20px;
	margin: 0px;
}

#index div.topics div p.more a{
	display: block;
	width: 45px;
	height: 10px;
	text-indent: -9999px;
	margin: 3px 0px 0px 125px;
	background-image: url(../img/topics_more.jpg);
	background-repeat: no-repeat;
}

#index div.topics div.topics01 h4{
	background-image: url(../img/h4_topics01.jpg);
}

#index div.topics div.topics02 h4{
	background-image: url(../img/h4_topics02.jpg);
}

#index div.topics div.topics03 h4{
	background-image: url(../img/h4_topics03.jpg);
}

#index div.topics div.topics04 h4{
	background-image: url(../img/h4_topics04.jpg);
}

#index div.topics div.topics05 h4{
	background-image: url(../img/h4_topics05.jpg);
}

#index div.topics div.topics06 h4{
	background-image: url(../img/h4_topics06.jpg);
}


/*-----サイトマップsitemap.html-----*/
/*-------------------------------------------------------------------------------*/


#sitemap h2{
	background-image: url(../img/h2_sitemap.jpg);
}

dl#sitemap dt{
	border-bottom: #CCCCFF solid 1px;
	border-left: #CCCCFF 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: #CCCCFF dotted 1px;
	line-height: 20px;
	font-size: 12px;
}

dl#sitemap dt a:link,dl#sitemap dt a:visited{
	color: #4F8FD1;
	text-decoration: none;
}

dl#sitemap dt a:active,dl#sitemap dt a:hover{
	color: #00A0C6;
	text-decoration: none;
}


/*-----院長紹介・スタッフ紹介doctor.html-----*/
/*-------------------------------------------------------------------------------*/


#doctor h2{
	background-image: url(../img/h2_doctor.jpg);
}

#doctor h3.h3_01{
	background-image: url(../img/h3_doctor01.jpg);
}

#doctor h4.h4_01{
	background-image: url(../img/h4_doctor01.jpg);
}


/*-----医院紹介information.html-----*/
/*-------------------------------------------------------------------------------*/


#information h2{
	background-image: url(../img/h2_information.jpg);
}

#information h3.h3_01{
	background-image: url(../img/h3_information01.jpg);
}

#information h3.h3_02{
	background-image: url(../img/h3_information02.jpg);
}


/*-----一般歯科general.html-----*/
/*-------------------------------------------------------------------------------*/


#general h2{
	background-image: url(../img/h2_general.jpg);
}

#general h3.h3_01{
	background-image: url(../img/h3_general01.jpg);
}

#general h3.h3_02{
	background-image: url(../img/h3_general02.jpg);
}

#general h4.h4_01{
	background-image: url(../img/h4_general01.jpg);
}

#general h4.h4_02{
	background-image: url(../img/h4_general02.jpg);
}

#general h4.h4_03{
	background-image: url(../img/h4_general03.jpg);
}

#general h4.h4_04{
	background-image: url(../img/h4_general04.jpg);
}

#general h4.h4_05{
	background-image: url(../img/h4_general05.jpg);
}


/*-----予防歯科prevention.html-----*/
/*-------------------------------------------------------------------------------*/


#prevention h2{
	background-image: url(../img/h2_prevention.jpg);
}

#prevention h3.h3_01{
	background-image: url(../img/h3_prevention01.jpg);
}

#prevention h3.h3_02{
	background-image: url(../img/h3_prevention02.jpg);
}

#prevention h3.h3_03{
	background-image: url(../img/h3_prevention03.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);
}

#prevention h4.h4_05{
	background-image: url(../img/h4_prevention05.jpg);
}


/*-----歯周病についてperio.html-----*/
/*-------------------------------------------------------------------------------*/


#perio h2{
	background-image: url(../img/h2_perio.jpg);
}

#perio h3.h3_01{
	background-image: url(../img/h3_perio01.jpg);
}

#perio h3.h3_02{
	background-image: url(../img/h3_perio02.jpg);
}

#perio h4.h4_01{
	background-image: url(../img/h4_perio01.jpg);
}

#perio h4.h4_02{
	background-image: url(../img/h4_perio02.jpg);
}

#perio div.seg02 div{
	float: left;
	display: inline;
	width: 350px;
	margin: 5px 0px 0px;
	background-image: url(../img/seg02_background2.jpg);
	background-repeat: no-repeat;
}

#perio div.seg02 div p.left{
	float: left;
	display: inline;
	width: 155px;
	height: 100px;
	margin: 0px;
}

#perio div.seg02 div p.right{
	float: right;
	display: inline;
	width: 155px;
	height: 100px;
	margin: 0px;
}


/*-----インプラントimplant.html-----*/
/*-------------------------------------------------------------------------------*/


#implant h2{
	background-image: url(../img/h2_implant.jpg);
}

#implant h3.h3_01{
	background-image: url(../img/h3_implant01.jpg);
}

#implant h3.h3_02{
	background-image: url(../img/h3_implant02.jpg);
}

#implant h3.h3_03{
	background-image: url(../img/h3_implant03.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 h4.h4_06{
	background-image: url(../img/h4_implant06.jpg);
}

#implant h4.h4_07{
	background-image: url(../img/h4_implant07.jpg);
}

#implant h4.h4_08{
	background-image: url(../img/h4_implant08.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);
}

#aesthetic div.seg02 div{
	float: left;
	display: inline;
	width: 440px;
	margin: 5px 0px 0px 20px;
	background-image: url(../img/seg02_background3.jpg);
	background-repeat: no-repeat;
}

#aesthetic div.seg02 div p.left{
	float: left;
	display: inline;
	width: 200px;
	height: 150px;
	margin: 0px;
}

#aesthetic div.seg02 div p.right{
	float: right;
	display: inline;
	width: 200px;
	height: 150px;
	margin: 0px;
}

#aesthetic div.seg02 div p.text{
	clear: both;
	width: 440px;
	margin: 0px;
}


/*-----入れ歯・義歯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);
}