@charset "utf-8";

*{
margin:0;
padding:0;
border:none;
}
html{
height:100%;
}
body{
background:url(../images/pageback.jpg) repeat;
height:100%;
}
#container{
background-color:#FFFFFF;
color:#000000;
display:block;
font-family:"Meiryo UI","メイリオ",Meiryo,"MS Pゴシック","MS PGothic", Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
min-height:100%;
margin:0 auto;
margin-bottom:-50px;
width:780px;
/*\*/
overflow:hidden;
/**/
}
#container.medisub{
background:url(../images/medical/medicalsub.jpg) repeat-y;
}
#header{
background:url(../images/mdc.jpg) no-repeat 0 -101px;
height:120px;
}
#header p{
background:url(../images/mdc.jpg) no-repeat;
text-indent:-9999px;
width:350px;
/*\*/
overflow:hidden;
/**/
}
#header p.name{
background-position:0 -101px;
float:left;
height:80px;
}
#header p.address{
background-position:0 -431px;
float:right;
height:30px;
margin-right:0;
}
#header p.tel{
background-position:-41px -431px;
float:right;
height:40px;
margin-right:0;
}
#contents{
background-color:#FFFFFF;
color:#000000;
display:inline;
float:left;
padding-bottom:50px;
text-align:left;
width:780px;
/*\*/
overflow:hidden;
/**/
}
#contents p{
font-size:90%;
}
#contents.top{
background:url(../images/topback.jpg) repeat-y 0 0;
}
#footer{
height:50px;
width:780px;
margin:0 auto;
}
#footer p{
background:url(../images/mdc.jpg) no-repeat 0 -221px;
float:left;
height:50px;
width:780px;
text-indent:-9999px;
/*\*/
overflow:hidden;
/**/
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,dl,ul,ol{
background:none;
color:#000000;
line-height:160%;
}

a{color:#0000FF;}
a:link{color:#0000FF;}
a:hover{color:#FF0000;}
a:visited{color:#9933CC;}

h1{
text-indent:-9999px;
/* ¥*/
overflow:hidden;
/* */
}
p.center{
text-align:center;
}
dl{
font-size:90%;
}
dt{
font-weight:bolder;
padding:0.2em;
}
dd{
padding:0.2em 0.2em 0.2em 1em;
}
#center{
margin:0 auto;
text-align:center;
}
table{
border-top:1px solid #003333;
border-left:1px solid #003333;
border-collapse:collapse;
background-color:#FFFFFF;
font-size:90%;
margin:5px auto;
}
table th{
border-right:1px solid #003333;
border-bottom:1px solid #003333;
background-position:left top;
padding:0.3em 1em;
text-align:center;
}
table td{
border-right:1px solid #003333;
border-bottom:1px solid #003333;
padding:0.3em 1em;
}

#topleft{
float:left;
width:554px;
}
#topleft h1{
background:url(../images/topback.jpg) no-repeat -780px 0;
height:230px;
width:554px;
}
#topleft p{
padding:0 10px;
width:520px;
}
#topleft p.hearts{
background:url(../images/topback.jpg) no-repeat -781px -261px;
width:520px;
height:80px;
text-indent:-9999px;
/*\*/
overflow:hidden;
/**/
}
#topleft dl.pink{
background-color:#FFCCCC;
border-color:#FFCCCC;
border-style:dashed;
margin:10px 1em 0;
padding:0;
}
#topleft dt.pink{
font-style:normal;
margin:0;
padding:0;
}
#topleft dd.pink{
background-color:#FFF7FB;
margin:0;
padding:0 0 0 1em;
}
#topleft dl.blue{
background-color:#66CCFF;
border-color:#66CCFF;
border-style:dashed;
margin:10px 1em;
padding:0;
}
#topleft dt.blue{
margin:0;
padding:0;
}
#topleft dd.blue{
background-color:#E6F2FF;
margin:0;
padding:0 0 0 1em;
}
#topleft table{
margin:5px auto;
}
#topleft table th{
background:#CCFFCC left top;
padding:0.3em 1em;
text-align:center;
}

#topright{
border:none;
float:left;
width:226px;
}
#toprightEmployment{
display:block;
height:125px;
width:200px;
margin:10px auto 0;
text-indent:-9999px;
/* ¥*/
overflow:hidden;
/* */
}
#toprightEmployment em{
list-style-type:none;
text-indent:-9999px;
}
#toprightEmployment a{
background:url(../images/topback.jpg) no-repeat -1534px 0;
display:block;
height:125px;
width:200px;
}


#toprightMap{
display:block;
margin:10px auto 0;
height:270px;
width:200px;
/* ¥*/
overflow:hidden;
/* */
}
#toprightMap em{
list-style-type:none;
text-indent:-9999px;
}
#toprightMap a{
background:url(../images/topback.jpg) no-repeat -1334px 0;
display:block;
height:270px;
width:200px;
}

#topright table{
margin:0 auto;
width:197px;
/* ¥*/
overflow:hidden;
/* */
}
#topright table th{
background:#CCFFCC left top;
padding:0.3em 0.3em;
text-align:center;
width:21px;
}
#topright table td{
padding:0.3em 0.3em;
text-align:center;
}
#topright td.sun{
color:#FF0000;
}
#topright td.sat{
color:#0000FF;
}
#topright img{
margin-left:10px;
margin-top:10px;
text-align:center;
}

#contents.policy{
background:url(../images/policy/policyback.jpg) no-repeat 0 0;
}
.box_policy{
background:url(../images/policy/policyback.jpg) no-repeat -780px 0;
position:relative;left:20px; top:20px;
width:560px;
height:340px;
padding:90px;
}
.box_policy h1,.box_policy h2{
margin:10px auto 0;
width:560px;
text-indent:-9999px;
}
.box_policy h1{
background:url(../images/policy/policyback.jpg) no-repeat -780px -521px;
height:50px;
}
.box_policy h2{
background:url(../images/policy/policyback.jpg) no-repeat -780px -571px;
height:40px;
}

#contents.medical{
padding-left:10px;
padding-right:10px;
}
#contents.medical h1{
background:url(../images/medical/h1_medical.jpg) no-repeat;
width:320px;
height:60px;
margin-top:10px;
}
#contents.medical p{
margin-right:20px;
}
.subject{
border-style:none;
float:left;
margin-right:15px;
height:auto;
width:365px;
}
.subject h2{
background-color:#F5F5F5;
border-left:10px solid #003300;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
color:#333333;
font-size:large;
margin-top:10px;
padding-left:10px;
}
.subject p{
padding-left:1em;
}
#button{
border-style:none;
display:block;
width:auto;
}
#button em{
float:left;
list-style:none;
text-indent:-9999px;
}
#button a{
background:url(../images/medical/link_medical.jpg) no-repeat left top;
display:block;
margin-left:20px;
height:45px;
width:225px;
/*\*/
overflow:hidden;
/**/
}
#botton1 a{background-position:0 0}
#button2 a{background-position:0 -45px}
#button3 a{background-position:0 -90px}
#button4 a{background-position:0 -135px}
#button5 a{background-position:0 -180px}
#button1 a:hover{background-position:-225px 0}
#button2 a:hover{background-position:-225px -45px}
#button3 a:hover{background-position:-225px -90px}
#button4 a:hover{background-position:-225px -135px}
#button5 a:hover{background-position:-225px -180px}

#contents.medisub{
background:url(../images/medical/medicalsub.jpg) repeat-y;
float:right;
width:100%;
margin-left:-150px;
/* ¥*/
overflow:hidden;
/* */
}
#contents.medisub h2{
background-color:#E4E4F3;
border-left:10px solid #000066;
border-bottom:1px solid #000066;
border-right:1px solid #000066;
color:#000066;
font-size:large;
margin:10px;
padding-left:10px;
}

#medisub_right{
margin-left:150px;
}
#medisub_right p{
margin:2px 1em;
}
#medisub_right dl{
border-left:1px solid #000066;
border-right:1px solid #000066;
border-bottom:1px solid #000066;
color:#000066;
margin:10px ;
}
#medisub_right dt{
background-color:#E4E4F6;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
margin-bottom:0.1em;
}
#medisub_right dd{
padding-left:1em;
}
#medisub_right dd.center{
text-align:center;
}
#medisub_right dl.dentures{
margin:20px 20px 10px 210px;
}
#medisub_right table{
border-top-color:#000066;
border-left-color:#000066;
clear:both;
color:#000066;
margin:auto;
}
#medisub_right table th{
border-right-color:#000066;
border-bottom-color:#000066;
background-color:#E4E4F3;
background-position:left top;
padding:0.2em 0.5em;
text-align:center;
}
#medisub_right table td{
border-right-color:#000066;
border-bottom-color:#000066;
padding:0.2em 0.5em;
}

h1.pmtc{
background:url(../images/medical/title/pmtc.jpg) no-repeat;
width:100%;
height:100px;
}
ol.pmtc{
margin-left:3em;
}

h1.protection{
background:url(../images/medical/title/protection.jpg) no-repeat;
width:100%;
height:100px;
}
img.protection{
height:50px;
width:50px;
margin:auto 5px;
vertical-align:text-top;
}

h1.white{
background:url(../images/medical/title/whitening.jpg) no-repeat;
width:100%;
height:100px;
}
#medisub_right h2.white1{
background:url(../images/medical/whitening/h2_officew.jpg) no-repeat;
border:none;
height:60px;
width:357px;
margin:10px;
text-indent:-9999px;
/*\*/
overflow:hidden;
/**/
}
#medisub_right h2.white2{
background:url(../images/medical/whitening/h2_homew.jpg)  no-repeat;
border:none;
height:60px;
width:357px;
margin:10px;
text-indent:-9999px;
/*\*/
overflow:hidden;
/**/
}
h3.white{
background:url(../images/medical/whitening/h3_white1.jpg) no-repeat left;
height:45px;
margin-left:30px;
padding-left:40px;
text-indent:-9999px;
}
dd.center{
text-align:center;
}

h1.housecall{
background:url(../images/medical/title/housecall.jpg) no-repeat;
width:100%;
height:100px;
}

h1.dentures{
background:url(../images/medical/title/dentures.jpg) no-repeat;
width:100%;
height:100px;
}
td.txtright{
text-align:right;
}
img.dentures{
float:left;
margin:15px 0;
}
.box_standard ol{
padding-left:30px;
}

.gallary h1{
background:url(../images/medical/title/h1_gallary.jpg) no-repeat;
width:320px;
height:60px;
margin:10px;
}
#flash_contents{
text-align:center
}

.access h1{
background:url(../images/access/h1_access.jpg) no-repeat;
margin:10px;
height:60px;
width:320px;
}
.access p{
margin:2px auto 2px 20px;
}
.access img{
display:block;
margin:auto;
width:600px;
}
.staff h1{
background:url(../images/staff/staffback.jpg) no-repeat -1500px 0;
width:320px;
height:60px;
margin:10px;
}
.staff h2{
font-size:large;
padding:25px 20px 10px 40px;
}
.staff h2.left{
padding:25px 20px 10px 330px;
}
.staff p{
padding:0 20px;
}
.boxstafftop{
background:url(../images/staff/staffback.jpg) no-repeat 0 0;
height: 50px;
margin:0 auto;
width: 750px;
}
.boxstaffmiddle{
background:url(../images/staff/staffback.jpg) repeat-y -750px 0;
height: auto;
min-height:250px;
margin:0 auto;
width: 750px;
}
.boxstaffbottom{
background:url(../images/staff/staffback.jpg) no-repeat 0 -50px;
margin:0px auto 10px;
height: 50px;
width: 750px;
}
.staff img.left{
float:left;
margin:-50px 5px 0 0;
width:330px;
height:290px;
}
.staff img.right{
float:right;
margin:-50px 0 0 5px;
width:330px;
height:290px;	
}
.staff img.center{
display:block;
margin:0 auto;
}

#contents.employment{
background:url(../images/employment/bosyuback.jpg) no-repeat;
}
.employment h1{
background:url(../images/employment/h1_employment.jpg) no-repeat;
height:100px;
width:450px;
}
.employment h2{
vertical-align:middle;
}
.employment p{
margin:0 20px;
}
.employment img{
height:70px;
width:78px;
margin:auto 5px;
vertical-align:middle;
}
.employmentbox{
margin:10px auto;
width:500px;
}
p.saiyou1{
background:url(../images/employment/p_bosyu1.jpg) no-repeat;
height:100px;
text-indent:-9999px;
width:450px;
}
p.saiyou2{
background:url(../images/employment/tel.png) no-repeat;
height:50px;
margin:15px auto;
text-indent:-9999px;
width:570px;
}

#menuarea{
background:url(../images/mdc.jpg) no-repeat 0 0;
display:block;
float:left;
list-style-type:none;
width:780px;
}
#menu{
position:static;
display:block;
width:777px;
height:32px;
}
#menu em{
float:left;
list-style:none;
text-indent:-9999px;
}
#menu a{
display:block;
width:111px;
height:32px;
background:url(../images/mdc.jpg) no-repeat left top;
/*\*/
overflow:hidden;
/**/
}
#menu1 a{background-position:0 0px}
#menu2 a{background-position:-112px 0px}
#menu3 a{background-position:-223px 0px}
#menu4 a{background-position:-334px 0px}
#menu5 a{background-position:-445px 0px}
#menu6 a{background-position:-556px 0px}
#menu7 a{background-position:-667px 0px}
#menu1 a:hover{background-position:0 -33px}
#menu2 a:hover{background-position:-112px -33px}
#menu3 a:hover{background-position:-223px -33px}
#menu4 a:hover{background-position:-334px -33px}
#menu5 a:hover{background-position:-445px -33px}
#menu6 a:hover{background-position:-556px -33px}
#menu7 a:hover{background-position:-667px -33px}
#hold1 a{background-position:0 -64px}
#hold2 a{background-position:-112px -64px}
#hold3 a{background-position:-223px -64px}
#hold4 a{background-position:-334px -64px}
#hold5 a{background-position:-445px -64px}
#hold6 a{background-position:-556px -64px}
#hold7 a{background-position:-667px -64px}

#sidenaviarea{
clear:right;
display:block;
list-style-type:none;
position:fixed;
top:152px;
width:150px;
}
#sidenavi{
display:block;
height:25px;
}
#sidenavi em{
float:right;
list-style:none;
text-indent:-9999px;
}
#sidenavi a{
display:block;
width:150px;
height:25px;
background:url(../images/medical/sidenavi.png) no-repeat left top;
/*\*/
overflow:hidden;
/**/
}
#sidenavi1 a{background-position:0 0}
#sidenavi2 a{background-position:0 -25px}
#sidenavi3 a{background-position:0 -50px}
#sidenavi4 a{background-position:0 -75px}
#sidenavi5 a{background-position:0 -100px}
#sidenavi6 a{background-position:0 -125px}
#sidenavi7 a{background-position:0 -150px}
#sidenavi8 a{background-position:0 -175px}
#sidenavi1 a:hover{background-position:-150px 0}
#sidenavi2 a:hover{background-position:-150px -25px}
#sidenavi3 a:hover{background-position:-150px -50px}
#sidenavi4 a:hover{background-position:-150px -75px}
#sidenavi5 a:hover{background-position:-150px -100px}
#sidenavi6 a:hover{background-position:-150px -125px}
#sidenavi7 a:hover{background-position:-150px -150px}
#sidenavi8 a:hover{background-position:-150px -175px}
#sidehold1 a{background-position:-300px 0}
#sidehold2 a{background-position:-300px -25px}
#sidehold3 a{background-position:-300px -50px}
#sidehold4 a{background-position:-300px -75px}
#sidehold5 a{background-position:-300px -100px}
#sidehold6 a{background-position:-300px -125px}
#sidehold7 a{background-position:-300px -150px}
#sidehold8 a{background-position:-300px -175px}

#jumptop{
clear:both;
display:block;
height:70px;
width:250px;
margin:0 auto;
}
#jumptop em{
list-style:none;
text-indent:-9999px;
}
#jumptop a{
display:block;
width:250px;
height:70px;
background:url(../images/mdc.jpg) no-repeat left top;
/*\*/
overflow:hidden;
/**/
}
#jumptop1 a{background-position:0 -271px}
#jumptop1 a:hover{background-position:-251px  -271px}
