@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color -      #      */
/*        Main Color -      #      */
/*        Main Color -      #      */
/*                                                 */
/*        Sub Color  -      #      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: #F7F7F7 ; }

#wrapper {
	background: #fff;
	width: 800px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;	
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
	}
* html body #wrapper {
	width: 810px;
	}
  
#main {
	margin: 0;
	padding: 0;
	width: 800px;
	}

#content {
	width: 600px;
	float: right;
	font-size: 108%;
	line-height: 1.5;
	color: #666;
	background: #fff;
	padding: 0;
	margin: 0;
	}

/*---------- 03  Header -----------*/

#header {
	background: url(../images/header_bg.png) 0 0 no-repeat;
	height: 85px;
	width: 800px;
	margin: 0;
	padding: 0;
	}
* html body #header { height: px; } /*  for IE6 only */

h1 {
	text-indent: -9999px;
	width: 200px;
	height: 85px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 200px;
	height: 85px;
	background : url(../images/h1.png) 0 0 no-repeat;
	}

#header .section {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
	}

#header p.tel {
	margin: 0;
	padding: 0;
	}
#header p.tel img { display: block; }

#header_nav {
	width: 170px;
	height: 25px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}

#header_nav li {
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
	list-style: none;
	}

#header_nav li a {
	height: 25px;
	display: block;
	}

#nav01 { width: 80px; }
#nav02 { width: 90px; }

#nav01 a {
	background: url(../images/header_nav.png) 0 0 no-repeat ;
	width: 70px;
	}

#nav02 a {
	background: url(../images/header_nav.png) -80px 0 no-repeat ;
	width: 80px;
	}


/*----------04  Navigation -----------*/

#nav {
	width: 200px;
	float: left;
	padding: 0;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	}

#nav .internal li {
	text-indent: -9999px;
	}

#nav .internal li a {
	display: block;
	}

#nav03 a { 
  background: url(../images/nav.png) 0 0 no-repeat;
  height: 70px; }
#nav04 a { 
  background: url(../images/nav.png) 0 -70px no-repeat;
  height: 60px; }
#nav05 a { 
  background: url(../images/nav.png) 0 -130px no-repeat;
  height: 70px; }
#index #nav06 { 
  background: url(../images/index_nav.png) 0 -200px no-repeat;
  height: 20px; }
#nav06 { 
  background: url(../images/nav.png) 0 -200px no-repeat;
  height: 20px; }
#nav07 a { background: url(../images/nav.png) 0 -220px no-repeat; }
#nav08 a { background: url(../images/nav.png) 0 -260px no-repeat; }
#nav09 a { background: url(../images/nav.png) 0 -300px no-repeat; }
#nav10 a { background: url(../images/nav.png) 0 -340px no-repeat; }
#nav11 a { background: url(../images/nav.png) 0 -380px no-repeat; }
#nav12 a { background: url(../images/nav.png) 0 -420px no-repeat; }

#nav03 a:hover{ 
  background: url(../images/nav.png) -200px 0 no-repeat;
  height: 70px; }
#nav04 a:hover{ 
  background: url(../images/nav.png) -200px -70px no-repeat;
  height: 60px; }
#nav05 a:hover{ 
  background: url(../images/nav.png) -200px -130px no-repeat;
  height: 70px; }
#nav06 { 
  background: url(../images/nav.png) -200px -200px no-repeat;
  height: 20px; }
#nav07 a:hover{ background: url(../images/nav.png) -200px -220px no-repeat; }
#nav08 a:hover{ background: url(../images/nav.png) -200px -260px no-repeat; }
#nav09 a:hover{ background: url(../images/nav.png) -200px -300px no-repeat; }
#nav10 a:hover{ background: url(../images/nav.png) -200px -340px no-repeat; }
#nav11 a:hover{ background: url(../images/nav.png) -200px -380px no-repeat; }
#nav12 a:hover{ background: url(../images/nav.png) -200px -420px no-repeat; }

#nav07 a,
#nav08 a,
#nav09 a,
#nav09 a,
#nav10 a,
#nav11 a,
#nav12 a{
  height: 40px;
	} 

#nav p { text-align: center; }


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

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background: #E2EEF2 url(../images/footer_top.png) top no-repeat ;
	font-size: 85%;
	text-align: right;
	color: #2B6985;
	height: 70px;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	color: #2B6985;
	text-decoration: none;
	}
#footer a:hover { text-decoration: underline;
  color: #06AFEA; }

#footer .clinic{
  float:left;
	margin: 0;
	padding: 5px 0 0 0;
	}
	
#footer ul { 
	list-style: none;
	margin: 0;
	padding: 10px 10px 0 0;
	line-height: 1.5;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address { margin: 5px 10px 0 0; }


/*---------- 06  Contents -----------*/

#content .section { padding: 0 10px .5em 20px;
  clear: both; }
#content .section .section { padding: .5em 10px;
  clear: both; }

p.center { text-align: center; }

#content h2 {
	margin:15px;
	padding-left:5px;
	height: 25px;
	width:570px;
	background:url(../images/h2_bg.png) 0 bottom repeat-x;
	vertical-align: top;
	color:#666666;
	font-size:108%;
	font-weight:bold;
	}
#content h3 {
	color:#2B6985;
	font-weight:bold;
	font-size:100%;
	margin-left:-5px;
	}
#content h4 {
	color:#418CAA;
	font-size:100%;
	padding-top:5px;
	margin-left:-3px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	color:#999;
	margin-top:15px;
	}

#content ul {
  margin: 0;
	padding: 0;
	}

#content ul li {
	list-style: none;
	background: url(../images/list.gif) 0 6px no-repeat ;
	padding-left: 1em ;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 1em ;
	}

#content ul.totop {
	clear: both;
	list-style: none;
	}
#content ul.totop li {
  background-image: none;
	width: 90px;
	height: 16px;
	text-indent: -9999px;
	float: right;
	margin: 0 0 5px 0;
	}
#content ul.totop li a {
	display: block;
	width: 90px;
	height: 16px;
	background: url(../images/to_top.gif) 0 0 no-repeat;
	}

#content dl {
  margin: 0;
	padding: 0;
	}

#content dt { font-weight: bold; }

#content a { 
  text-decoration: underline;
	color: ;
	outline: none;
	}
#content a:hover { color: ; }

#content blockquote {
	margin: ;
	background: ;
	padding: ;
	}

.image_l  {
	float: left;
	margin: 10px 10px 0 0;
	}

.image_r {
	float: right;
	margin: 10px 0 0 10px;
	}

.case {
	margin: ;
	background: url() center center no-repeat;
	}
.case img {
	display: block;
	}

.case .caption {
	text-align: center;
	border-top: ;
	}

.link{
	background: url(../images/list.gif) 0 4px no-repeat ;
	padding-left: 1em ;}

.photo_r{width:200px; float: right; margin-left:20px;}
.photo_l{width:200px; float: left;}

.photo_r p{ font-size:85%; text-align:center;}



/*---------- 07  Index -----------*/

#index h2#title01 { background: url(../images/index01.jpg) 0 0 no-repeat;
  height:210px;
	width: 600px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

#index #greeting {
  float: left;
	width: 355px;
	margin: 0;
	padding: 0;
	}

#index #greeting .text {
  margin: 0;
	padding: 20px 10px;
	}

#index h3#title02 { background: url(../images/index_greeting.gif) 0 0 no-repeat;
  height:30px;
	margin: 0;
	padding: 0; 
	text-indent: -9999px;
}

#index #content #info {
  float: right;
	width: 200px;
	background: #eee;
	margin: 0;
	padding: 0;
	}

#index #content #info .adr{
  border-left: solid 3px #ccc;
	margin-left: 7px;
	padding-left: 3px;
	}

#index #content #info ul{
  margin: 5px;
	}

#index #content #info ul li { background:url(../images/index_list.gif) 0 6px no-repeat; }
	
#index #content #info dl{
  margin: 0;
	padding: 0;
	}
* html body#index #content #info dl { float: left; }
*:first-child+html #index #content #info dl{ float: left;	}
	
#index #content #info dt{
  float: left;
	width: 30px;
	font-weight: normal;
	}

#index #content #info dd{
  padding-left: 30px;
	}

#index #pickup_top,
#index #pickup_bottom {
  clear: both;
  width: 570px;
	}

#index #pickup_top { 
  background: url(../images/pickup_top.gif) top no-repeat;
  height: 140px;
	margin: 10px 10px 0 20px;
	padding: 0;
	}
#index #pickup_bottom { 
  background: url(../images/pickup_bottom.gif) bottom no-repeat;
  height: 150px;
	margin: 0 10px 0 20px;
	padding: 0;
  }

#index #pickup_top p,
#index #pickup_bottom p{
  margin: 0;
	padding: 0;
	}

#index #pickup_top .alpha,
#index #pickup_bottom .alpha {
  float: left;
	width: 270px;
	margin: 0;
	padding: 15px 0 0 0;
	}

#index #pickup_top .beta,
#index #pickup_bottom .beta {
  float: right;
	width: 270px;
	margin: 0;
	padding: 15px 0 0 0;
	}

#index h3 { height: 25px;
  margin: 0;
	padding: 0;
	width: 270px;
	text-indent: -9999px;
	}
#index h3 a { height: 25px;
  display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

#index h3#title03 a { background:url(../images/pick_title01.jpg) 0 0 no-repeat; }
#index h3#title04 a { background:url(../images/pick_title02.jpg) 0 0 no-repeat; }
#index h3#title05 a { background:url(../images/pick_title03.jpg) 0 0 no-repeat; }
#index h3#title06 a { background:url(../images/pick_title04.jpg) 0 0 no-repeat; }

/*---------- 08  Clinic -----------*/

#clinic .dr {width:320px; float: right; margin-top:5px;}
#clinic .dr dl {margin:0;}
#clinic .dr dl dt{
	width: 4em;
	float: left;
	font-weight: bold;
}
#clinic .dr dl dd{overflow:hidden;}

#clinic table {
	text-align: left;	
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
}
#clinic table th {
	width:100px;
	text-align: left;	
	background-color:#E2EEF2;
	border:none;
	font-size:100%;
	color: #418CAA;
	border: 1px solid #418CAA;
	padding:4px;
}
#clinic table td {
	text-align: left;	
	background-color:#FFF;
	border:none;
	font-size:100%;
	color: #666;
	width:220px;
	border: 1px solid #418CAA;
	padding:4px;
}
#clinic td,
#clinic th,{
	border: 1px solid #418CAA;
}

/*---------- 09  Access -----------*/

#access table {
	text-align: left;	
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
}
#access table th {
	width:150px;
	text-align: left;	
	background-color:#E2EEF2;
	border:none;
	font-size:100%;
	color: #418CAA;
	border: 1px solid #418CAA;
	padding:4px;
}
#access table td {
	width:390px;
	text-align: left;	
	background-color:#FFF;
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
	padding:4px;
}
#access td,
#access th,{
	border: 1px solid #418CAA;
}

/*---------- 10  Treatment -----------*/

/*---------- 11  Prevent -----------*/

#prevent dl{margin:15px 0 0 10px;}
#prevent dl dt{color:#666; border-left: 3px solid #6BACBF; padding-left:0.5em; margin:15px 0 10px 0;}

/*---------- 12  Whitening -----------*/

#whitening ul.white{border: 1px solid #999999; padding:5px; margin:15px 0 10px 0;}

#whitening table {
	text-align: left;	
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
}
#whitening table th {
	width:270px;
	text-align: left;	
	background-color:#E2EEF2;
	border:none;
	font-size:100%;
	color: #418CAA;
	border: 1px solid #418CAA;
	padding:4px;
}
#whitening table td {
	text-align: left;	
	background-color:#FFF;
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
	padding:4px;
}
#whitening td,
#whitening th,{
	border: 1px solid #418CAA;
}

#whitening dl{margin:15px 0 0 10px;}
#whitening dl dt{color:#666; border-left: 3px solid #6BACBF; padding-left:0.5em; margin:15px 0 10px 0;}

/*---------- 13  Esthe -----------*/

/*---------- 14  Whitening -----------*/

/*---------- 15  Ortho -----------*/

/*---------- 16  Sitemap -----------*/

/*---------- 17  Recruit -----------*/
#recruit table {
	text-align: left;	
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
}
#recruit table th {
	width:270px;
	text-align: left;	
	background-color:#E2EEF2;
	border:none;
	font-size:100%;
	color: #418CAA;
	border: 1px solid #418CAA;
	padding:4px;
}
#recruit table td {
	text-align: left;	
	background-color:#FFF;
	border:none;
	font-size:100%;
	color: #666;
	border: 1px solid #418CAA;
	padding:4px;
}
#recruit td,
#recruit th,{
	border: 1px solid #418CAA;
}