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

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

 CSS FILE for Matuno Dental Clinic
 copyright:Matuno Dental Clinic			 		

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

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

 last up date 12.01.2009
 start   date 12.01.2009

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

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

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

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

/*--- header ----------------------------*/
#header { 
} 
#header strong { font-weight: normal; }

#header #name {
background-image: url(../img/top_img/bg_top01.gif);
background-repeat: repeat-x;
background-position: left top;
height: 270px;
margin: 0px;
padding-right: 20px;
padding-top: 10px;
}
#header #logo {
margin-top: 40px;
padding-left: 20px;
float: left;
display: block;
height: 100px;
width: 246px;
margin-right: 110px;
}
#header #move {
display: block;
height: 250px;
width: 450px;
float: right;
}
#header #navi {
	height: 30px;
	width: 850px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#header #navi ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header #navi li {
	display: inline;
	height: 30px;
	float: left;
}
#header #navi #t-navi001 a,
#header #navi #t-navi002 a,
#header #navi #t-navi004 a {
	text-align: center;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #006666;
	padding-top: 7px;
	height: 23px;
	background-image: url(../img/top_img/navi_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 108%;
	color: #009966;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 113px;
}
#header #navi #t-navi003 a {
	text-align: center;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #006666;
	padding-top: 7px;
	height: 23px;
	background-image: url(../img/top_img/navi_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 108%;
	color: #009966;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 138px;
}
#header #navi #t-navi005 a,
#header #navi #t-navi006 a{
	text-align: center;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #006666;
	padding-top: 7px;
	height: 23px;
	background-image: url(../img/top_img/navi_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 108%;
	color: #009966;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 123px;
}
#header #navi #t-navi007 a {
	text-align: center;
	padding-top: 7px;
	height: 23px;
	background-image: url(../img/top_img/navi_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 108%;
	color: #009966;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 115px;
}
#header #navi #t-navi001 a:hover,
#header #navi #t-navi002 a:hover,
#header #navi #t-navi004 a:hover {
	background-image: url(../img/top_img/navi_bg00.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	width: 113px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #009966;
	color: #FF9933;
}
#header #navi #t-navi003 a:hover {
	background-image: url(../img/top_img/navi_bg00.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	width: 138px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #009966;
	color: #FF9933;
}
#header #navi #t-navi005 a:hover,
#header #navi #t-navi006 a:hover {
	background-image: url(../img/top_img/navi_bg00.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	width: 123px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #009966;
	color: #FF9933;
}
#header #navi #t-navi007 a:hover {
	background-image: url(../img/top_img/navi_bg00.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	width: 115px;
	color: #FF9933;
}

/*--- sidebar1 ----------------------------*/
#sidebar1 {
float: left;
width: 220px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
}

#sidebar1 #white,
#sidebar1 #inp,
#sidebar1 #orthodontic {
	height: 125px;
	width: 220px;
	display: block;
	margin-bottom: 30px;
}
#sidebar1 #white a {
	font-size: 131%;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/top_img/white.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 115px;
	width: 130px;
	padding-top: 10px;
	padding-left: 90px;
	color: #009999;
}
#sidebar1 #white a:hover {
	background-image: url(../img/top_img/white01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar1 #inp a {
	background-image: url(../img/top_img/implant.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 115px;
	width: 130px;
	padding-top: 10px;
	padding-left: 90px;
	font-size: 131%;
	font-weight: bold;
	color: #009999;
	text-decoration: none;
}
#sidebar1 #inp a:hover {
	background-image: url(../img/top_img/implant01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar1 #orthodontic a {
	font-size: 131%;
	color: #009966;
	background-image: url(../img/top_img/orthodontic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 115px;
	width: 130px;
	padding-top: 10px;
	padding-left: 90px;
	letter-spacing: 0.3em;
}
#sidebar1 #orthodontic a:hover {
	background-image: url(../img/top_img/orthodontic01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar1 #time,
#sidebar1 #date,
#sidebar1 #yoyaku {
	font-size: 108%;
	font-weight: bold;
	color: #009999;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: double;
	border-bottom-color: #009999;
	border-left-color: #009999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #009999;
	border-right-color: #009999;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	letter-spacing: 0.3em;
}
#sidebar1 #time01,
#sidebar1 #date01 {
	margin-left: 20px;
	margin-top: 5px;
}
#sidebar1 #yoyaku01 {
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
}

/*--- sidebar2 ----------------------------*/
#sidebar2 {
float: right;
width: 200px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
}
#sidebar2 #what_new {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: right;
}

#sidebar2 #calender {
	margin-bottom: 10px;
}
dl {
width: 200px;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
text-decoration: none;
}
dl dt {
	clear: both;
	font-size: 12px;
}
dl dd {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #006666;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 5px;
	padding: 0px;
	font-size: 12px;
}
#sidebar2 #kyusin {
	background-color: #FFCCFF;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 1px solid #666666;
	width: 180px;
}
#sidebar2 #link01,
#sidebar2 #link02,
#sidebar2 #link03,
#sidebar1 #link04 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #009999;
	padding: 3px;
}

/*--- mainContent ----------------------------*/
#mainContent {
margin-right: 230px;
margin-left: 250px;
padding-top: 15px;
padding-right: 8px;
padding-left: 8px;
}
#mainContent #item001,
#mainContent #item002,
#mainContent #item003,
#mainContent #item004,
#mainContent #item005{
border: 1px solid #009999;
width: 345px;
margin-top: 20px;
} 
#mainContent #item001 a,
#mainContent #item002 a,
#mainContent #item003 a,
#mainContent #item004 a,
#mainContent #item005 a{
background-image: url(../img/top_img/item.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 108%;
color: #F7F7F7;
text-decoration: none;
display: block;
padding-left: 10px;
letter-spacing: 0.3em;
margin: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
height: 22px;
font-weight: normal;
}
#mainContent #item001 a:hover,
#mainContent #item002 a:hover,
#mainContent #item003 a:hover,
#mainContent #item004 a:hover,
#mainContent #item005 a:hover {
	background-image: url(../img/top_img/item01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FF9933;
}
#mainContent #item001 p,
#mainContent #item002 p,
#mainContent #item003 p,
#mainContent #item004 p,
#mainContent #item005 p {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 20px;
width: 310px;
display: block;
font-size: 100%;
}

/*--- footer ----------------------------*/
#footer { text-align: center; } 
#footer strong { font-weight: normal; }

#footer #u_navi {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #009999;
display: block;
height: 20px;
width: 850px;
padding-bottom: 10px;
padding-top: 10px;
}
#footer #u_navi ul {
list-style-image: none;
list-style-type: none;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
}
#footer #u_navi li {
float: left;
margin-right: 10px;
}
#footer p {
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 93%;
	color: #666666;
}
#footer-ad {
	font-style: normal;
	margin-top: 5px;
}

/*--- Others -------------------------------*/
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link {
	text-decoration: none;
	color: #006699;
}
a:visited {
	text-decoration: none;
	color: #009966;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: none;
	color: #FF9933;
}
.text10 {
	font-size:77%;
}
.text11 {
	font-size:85%;
}
.text12 {
	font-size:93%;
}
.text13 {
	font-size:100%;
	font-style: normal;
}
.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%;
}
.white { color: #f7f7f7; 
}
.underline_dash {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #009999;
	background-color: #E8F4F7;
}
.arrow {
	font-weight: bolder;
	color: #009999;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 153.9%;
}
.margin0 {
	margin: 0px;
}
.marginu_10 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.left10 {
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.left20 {
	margin-left: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.left30 {
	margin-left: 30px;
	margin-top: 0px;
}
.u_red {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF0000;
	background-color: #FFECFF;
}
.q {
	font-size: 123.1%;
	color: #0066FF;
	font-weight: bold;
}
.a {
	font-size: 123.1%;
	color: #FF0000;
	font-weight: bold;
}
.top05 {margin-top: 5px;}
.bottom20 {
	margin-bottom: 20px;
}
#shock {
	padding: 5px;
	margin-bottom: 1em;
	border: 1px solid #000000;
	width: 330px;
}
#shock #red {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-bottom: 5px;
}
.red {
	color: #FF0000;
}