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

/* @override 
   http://www.hamamatu-kyousei.com/css/cont.css */

/*
===Copyright and Credits==============

 CSS FILE for Mori orthodontic Clinic
 copyright:Mori orthodontic Clinic			 		

======================================

===CONTENTS===========================

 last up date 04.16.2010
 start   date 11.13.2009

======================================
*/

body  {
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-color: #cce198;
background-image: url(../img/bg_01.gif);
background-repeat: repeat-x;
background-position: left top;
font-size: 13px;
line-height: 1.3em;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

/* ---Contaner-----------------------*/
#container {
width: 850px;
background: #FFFFFF;
border: 1px solid #339900;
text-align: left;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
margin-top: 15px;
} 
h1 {
margin: 0;
font-size: 85%;
text-align: left;
font-weight: normal;
}

/* ---Header-----------------------*/
#header {
background-color: #FFFFFF;
height: 190px;
} 
#header #logo {
float: left;
height: 170px;
width: 269px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
display: block;
margin-top: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
}
#header #name {
float: right;
width: 342px;
height: 180px;
margin-bottom: 20px;
display: block;
margin-right: 20px;
margin-top: 10px;
}

/* ---Sidebar-----------------------*/
#sidebar {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#sidebar address {
	font-style: normal;
	padding-left: 15px;
	padding-top: 0px;
	margin: 0px;
}
#sidebar strong { font-weight: normal; }

#sidebar ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#sidebar li {
	margin-bottom: 5px;
}
#sidebar #sid-navi { margin-bottom: 30px; }

#sidebar #sid-navi a {
	background-image: url(../img/index/button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 24px;
	width: 200px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 116%;
	letter-spacing: 1em;
	padding-top: 6px;
	font-weight: normal;
}
#sidebar #sid-navi a:hover {
background-image: url(../img/index/button_u.gif);
text-decoration: none;
color: #006600;
}
.sidebar-l {
background-image: url(../img/index/s_log.gif);
background-repeat: no-repeat;
background-position: left bottom;
display: block;
height: 22px;
width: 160px;
padding-left: 40px;
font-size: 108%;
font-weight: normal;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-top: 20px;
}
#sidebar p {
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sidebar dl {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#sidebar dd {
	padding-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#sidebar #w3c {
margin-top: 10px;
margin-bottom: 10px;
text-align: right;
}
#sidebar #w3c p { margin-bottom: 10px; }

#sidebar #w3c a {
text-decoration: none;
background-image: none;
background-repeat: no-repeat;
text-align: right;
}
#sidebar #w3c a:hover {
text-decoration: none;
background-image: none;
background-repeat: no-repeat;
text-align: right;
}



/* ---MainContent-----------------------*/
#mainContent {
	margin-top: 30px;
	margin-left: 250px;
	padding-right: 20px;
	padding-left: 20px;
} 
#mainContent strong { font-weight: normal; }

#mainContent #upper {
	height: 150px;
	margin-bottom: 40px;
}

#mainContent #upper #navi01 {
	text-decoration: none;
	height: 150px;
	width: 250px;
	float: left;
}
#mainContent #upper #navi01 a {
	color: #000000;
	text-decoration: none;
	background-image: url(../img/index/kyou01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 225px;
	display: block;
	padding-top: 50px;
	padding-left: 20px;
	line-height: 1.3em;
	padding-right: 5px;
}
#mainContent #upper #navi01 a:hover {
	color: #009900;
	background-image: url(../img/index/kyou.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainContent #upper #navi02 {
	display: block;
	width: 250px;
	height: 150px;
	text-decoration: none;
	float: right;
}
#mainContent #upper #navi02 a {
	color: #000000;
	text-decoration: none;
	background-image: url(../img/index/artificial01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 225px;
	display: block;
	padding-top: 50px;
	padding-right: 5px;
	padding-left: 20px;
	line-height: 1.3em;
}
#mainContent #upper #navi02 a:hover {
	color: #FF00FF;
	background-image: url(../img/index/artificial.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainContent #lower { height: 150px; }

#mainContent #lower #navi03 {
	height: 150px;
	width: 250px;
	float: left;
}
#mainContent #lower #navi03 a{
	color: #000000;
	text-decoration: none;
	line-height: 1em;
	background-image: url(../img/index/shinbi01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 100px;
	width: 225px;
	padding-top: 50px;
	padding-right: 5px;
	padding-left: 20px;
}
#mainContent #lower #navi03 a:hover {
	color: #00ccff;
	background-image: url(../img/index/shinbi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainContent #lower #navi04 {
	height: 150px;
	width: 250px;
	display: block;
	float: right;
}
#mainContent #lower #navi04 a {
	color: #000000;
	text-decoration: none;
	line-height: 1em;
	background-image: url(../img/index/mouth01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 225px;
	padding-top: 50px;
	padding-right: 5px;
	padding-left: 20px;
	display: block;
}
#mainContent #lower #navi04 a:hover {
	color: #ff9900;
	background-image: url(../img/index/mouth.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ---Footer-----------------------*/
#footer {background-color: #FFFFFF;} 
#footer #footer_navi {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
	text-align: center;
	padding-bottom: 10px;
}
#footer #footer_navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer #footer_navi li {
display: inline;
margin-right: 5px;
}

#footer #footer_navi a {
text-decoration: underline;
color: #336600;
font-size: 85%;
}
#footer #footer_navi a:hover {
color: #FFFFFF;
background-color: #99CC00;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 93%;
}
#footer address {
text-align: center;
font-style: normal;
font-size: 77%;
}
#footer strong { font-weight: normal; }



/* ---Others-----------------------*/
.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%;
}