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

/* @override 
   http://www.orient-d-shizuoka.jp/css/main.css */

/*
---Copyright and Credits--------------
   CSS FILE for Orient Dental Clinic
   copyright: Orient Dental Clinic
--------------------------------------

---CONTENTS---------------------------
   last up date 05.06.2010
   start   date 05.06.2010
--------------------------------------
*/

/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 13px;
	line-height: 1.3em;
}

#container {
	width: 850px;
	background: #FFFFFF;
	border: 1px solid #000000;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
} 
h1 {
	padding: 0px;
	font-size: 108%;
	color: #FFFFFF;
	text-align: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	font-weight: normal;
}
h2 {
	background-image: url(../img/p_log.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 24px;
	padding-left: 10px;
	padding-top: 6px;
	letter-spacing: 0.2em;
}
h3 {
	font-size: 123.1%;
	background-image: url(../img/lo_bg.gif);
	background-repeat: repeat-y;
	background-position: left center;
	padding-left: 5px;
	height: 18px;
	padding-top: 2px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #B4E6FF;
	border-right-color: #B4E6FF;
	border-bottom-color: #B4E6FF;
}
h4 {
	font-size: 116%;
	font-weight: bold;
	color: #000000;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 2em;
	letter-spacing: 0.1em;
	background-image: url(../img/point.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
}
h5 {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 2em;
	letter-spacing: 0.1em;
	background-image: url(../img/point02.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
h6 {
	font-size: 100%;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0066CC;
	padding-left: 5px;
}

/* ---Header-----------------------*/
#header {
padding: 0;
margin: 0px;
background-color: #0099ff;
height: 170px;
} 
#header #header01 {
height: 130px;
margin-bottom: 10px;
}

#header strong { font-weight: normal; }

#logo {
	float: left;
	display: block;
	height: 100px;
	width: 100px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
}
#name {
	display: block;
	height: 50px;
	width: 234px;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
}
#add {
padding-top: 40px;
color: #FFFFFF;
text-align: right;
padding-right: 30px;
float: right;
}
#add address {font-style: normal;}
#add p {
	margin: 0px;
	padding: 0px;
}
#head-navi { margin-bottom: 10px; }
#head-navi ul {
	margin: 0px;
	list-style-type: none;
	text-align: center;
}
#head-navi li {
display: inline;
margin-right: 15px;
}
#head-navi a {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#head-navi a:hover {
	text-decoration: none;
	background-color: #FF9900;
}

/* ---Sidebar----------------------*/
#sidebar {
	float: left;
	width: 200px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#sidebar strong { font-weight: normal; }

#page-navi {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#page-navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#page-navi li {
	margin-bottom: 5px;
	width: 200px;
}
#page-navi a {
	color: #0066CC;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
	display: block;
	padding: 3px;
}
#page-navi a:hover {
	text-decoration: none;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
}
#page-navi .p001 {
	margin-left: 10px;
	width: 190px;
}
#page-navi .p001 a {border: 1px solid #0066CC;}
#page-navi .p001 a:hover {border: 1px solid #FF9900;}
.side-log {
	background-image: url(../img/index_img/side_con.gif);
	background-position: left bottom;
	padding-bottom: 8px;
	background-repeat: no-repeat;
	font-size: 108%;
}
#sidebar dl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#sidebar dt {
	margin-top: 5px;
	margin-left: 5px;
}
#sidebar dd {margin-left: 15px;}
#noncon {margin-bottom: 20px;}
#noncon p {
	margin-top: 5px;
	margin-left: 5px;
}
#treatment {
	margin-bottom: 20px;
}

#treatment ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#treatment a {
	text-decoration: none;
	color: #0066CC;
}
#treatment a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF9900;
}
#parking {margin-bottom: 20px;}
#parking p {
	margin-top: 5px;
	margin-left: 5px;
}

/* ---Content----------------------*/
#content {
margin-bottom: 20px;
margin-left: 250px;
padding-right: 20px;
padding-left: 10px;
margin-top: 20px;
} 
#content strong { font-weight: normal; }

.p_top {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.clinic {
	height: 160px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0066CC;
	margin-bottom: 20px;
}
.clinic p {
	margin-left: 220px;
	margin-top: 0px;
}
.staff {
	height: 170px;
	display: block;
}
.staff p {
	margin-left: 170px;
	margin-top: 0px;
	margin-right: 0px;
}
.acceptance {height: 170px;}
.acceptance p {
	margin-left: 220px;
	margin-top: 0px;
}
#concept {
	margin: 0px;
	padding: 0px;
	height: 550px;
}
#concept001 {
	float: left;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	width: 330px;
}
#concept002 {
	margin-top: 15px;
	display: block;
	height: 503px;
	width: 206px;
	float: right;
	margin-left: 20px;
}
#concept002 p {
	margin-top: 0px;
	text-align: center;
}
#child {
	margin: 0px;
	padding: 0px;
}
#child p {
	margin-top: 0px;
	margin-left: 30px;
}
#child ul {
	padding: 0px;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	list-style-position: outside;
}
#child li {margin-bottom: 5px;}
#child01,
#child02 {
	margin-bottom: 10px;
	height: 170px;
}
.c-photo01 {
float: left;
margin-right: 20px;
display: block;
height: 167px;
width: 250px;
padding-left: 30px;
}
.c-photo02 {
	display: block;
	height: 167px;
	width: 252px;
	float: right;
}
#whitening {
	margin: 0px;
	padding: 0px;
}
#whitening p {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 20px;
}
#whitening dl {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 400px;
}
#whitening dt {
	margin-bottom: 5px;
	background-color: #F4FFFF;
	padding: 5px;
}
#whitening dd {
	margin-left: 20px;
	margin-bottom: 10px;
}
#whitening ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#whitening li {margin-top: 5px;}
#whitening-l {
	margin-top: 30px;
	font-weight: bold;
	border: 1px dotted #0066FF;
	padding: 10px;
	background-color: #F4FFFF;
}
#whitening-l ul {
	padding: 0px;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#imp01 {margin-bottom: 20px;}
#imp01 ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-image: url(../img/point05.gif);
	margin-top: 10px;
}
#imp01 li {margin-bottom: 7px;}
#imp01 p {
	margin-left: 20px;
	margin-top: 5px;
}
#imp02 {
	margin-top: 30px;
	padding: 10px;
	border: 1px dotted #0066FF;
	background-color: #F4FFFF;
}
#imp03 p { margin-left: 20px; }
#imp04 {
	padding: 10px;
	border: 1px dotted #0066FF;
	background-color: #F4FFFF;
	margin-top: 30px;
	margin-bottom: 30px;
}
#imp05 p {
	margin: 0px;
	padding: 0px;
}
#imp-img01 {
display: block;
height: 148px;
width: 221px;
float: left;
padding: 20px;
}
#imp-img02 {
	margin-bottom: 10px;
	margin-left: 20px;
	height: 140px;
}
#imp-img03 {
float: left;
text-align: center;
height: 103px;
}
#imp-img04 {
	float: left;
	width: 150px;
	margin-top: 51px;
	text-align: center;
	height: 52px;
}
#imp-img05 {
	height: 55px;
	width: 150px;
	margin-top: 48px;
	float: left;
	text-align: center;
}
#imp-img06,
#imp-img07 {
	float: left;
	margin-top: 50px;
}
#imp-img08 {float: right;}

/* ---Footer----------------------*/
#footer {
	text-align: center;
	padding: 0;
	margin: 0px;
} 
#footer strong { font-weight: normal; }

#footer-navi ul {
	list-style-type: none;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer-navi li {
	display: inline;
	margin-right: 30px;
}
#footer-navi a {
	font-size: 93%;
	text-decoration: none;
	color: #0066CC;
}
#footer-navi a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF6600;
}
#footer p {
	padding: 0px;
	font-size: 85%;
	font-style: italic;
	margin: 0;
}
#footer-add {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer-add01 {
	float: left;
	padding-left: 20px;
	padding-top: 5px;
}
#footer-add address {
font-style: normal;
height: 1%;
}


/* ---Other----------------------*/
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.low10 { margin-bottom: 10px; }
.top10 { margin-top: 10px; }
.ls {
	letter-spacing: -0.1em;
}
.ance{
	text-indent: -1em;
	margin-left: 50px;
	margin-bottom: 30px;
}
.bule {
	color: #0033FF;
	font-weight: bold;
}