@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 -blue      #1784DD      */
/*        Main Color -green     #00B0BC      */
/*        Main Color -orange    #FF9400      */
/*                                                 */
/*        Sub Color  -      #      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background: ; }

#wrapper {
	background: ;
	width: 802px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: left;
	}

#main {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../images/main_bg.jpg) top no-repeat;
	border-left: 1px solid #119FCD;
	border-right: 1px solid #119FCD;
	}

#content {
	width: 600px;
	float: right;
	font-size: 100%;
	line-height: 1.5;
	color: #666;
	padding: 5px 0 0 0;
	}


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

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

h1 {
	text-indent: -9999px;
	width: 480px;
	height: 150px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 480px;
	height: 60px;
	background: url(../images/h1.jpg) 0 -90px no-repeat;
	margin-top: 90px;
	}

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


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

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

#nav h2 {
  text-indent:-9999px;
	}
	
#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

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

#nav03 { 
  background: url(../images/nav.png) 0 0 no-repeat ;
	height: 30px;
	}
#nav04 a { background: url(../images/nav.png) 0 -31px no-repeat ; }
#nav05 a { background: url(../images/nav.png) 0 -61px no-repeat ; }
#nav06 a { background: url(../images/nav.png) 0 -91px no-repeat ; }
#nav07 a { background: url(../images/nav.png) 0 -121px no-repeat ; }
#nav08 a { background: url(../images/nav.png) 0 -151px no-repeat ; }
#nav09 a { background: url(../images/nav.png) 0 -181px no-repeat ; }
#nav10 a { background: url(../images/nav.png) 0 -211px no-repeat ; }
#nav11 a { background: url(../images/nav.png) 0 -241px no-repeat ; }
#nav12 a { background: url(../images/nav.png) 0 -271px no-repeat ; }
#nav13 a { background: url(../images/nav.png) 0 -301px no-repeat ; }

#nav04 a:hover { background: url(../images/nav.png) -187px -31px no-repeat ; }
#nav05 a:hover { background: url(../images/nav.png) -187px -61px no-repeat ; }
#nav06 a:hover { background: url(../images/nav.png) -187px -91px no-repeat ; }
#nav07 a:hover { background: url(../images/nav.png) -187px -121px no-repeat ; }
#nav08 a:hover { background: url(../images/nav.png) -187px -151px no-repeat ; }
#nav09 a:hover { background: url(../images/nav.png) -187px -181px no-repeat ; }
#nav10 a:hover { background: url(../images/nav.png) -187px -211px no-repeat ; }
#nav11 a:hover { background: url(../images/nav.png) -187px -241px no-repeat ; }
#nav12 a:hover { background: url(../images/nav.png) -187px -271px no-repeat ; }
#nav13 a:hover { background: url(../images/nav.png) -187px -301px no-repeat ; }

#nav p { text-align: center; }

#nav .clinic_info {
  width:185px;
	margin: 0 1px;
	background: #A3ECF6;
	font-size: 85%;
	color: #0060B6;
  }
*:first-child+html #nav .clinic_info { font-size: 9px; } /*  for IE7 only */
* html body #nav .clinic_info { font-size: 9px; } /*  for IE6 only */

#nav .clinic_info p.map{
  margin-left: 10px;
	text-align: left;
	}

#nav .clinic_info h2{
  background:url(../images/nav_access.png) 0 0 no-repeat;
	height: 30px;
	}

#nav .clinic_info ul{
  margin: 0 5px 0 10px;
	padding: 0;
	}

#nav .clinic_info img{
  display: block;
	}


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

#footer {
	clear: both;
	padding: 5px 0 0 0;
	margin: 0;
	background: url(../images/footer_bg.png) 0 0 no-repeat ;
	font-size: 85%;
	text-align: center;
	color: #1784DD;
	height: 66px;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #1784DD;
	}
#footer a:hover { text-decoration: underline;
  color: #00B0BC; }

#footer ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 1.8;
	}

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

#footer address { margin: 3px 0 0 0; }


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

#content .section { padding: 10px 35px; }
#content .section .section { padding: 10px 10px; }

p.center { text-align: center; }

#content h2 {
	height: 35px;
	text-indent: -9999px;
	margin: 5px 0 0 30px;
	clear: both;
	}
#content h3 {
	clear: both;
	height: 25px;
	text-indent: -9999px;
	}
#content h4 {
	height: 30px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em 0;
	padding: .5em 0 .2em 5px;
	color: #1784DD;
	border-left: 4px solid #1784DD;
	border-bottom: 1px solid #1784DD;
	height: 16px;
	}

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

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

#upside_nav {
	width: 210px;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}

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

#upside_nav li a {
	height: 26px;
	display: block;
	}

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

#nav01 a {
	background: url(../images/upside_nav.gif) 0 0 no-repeat ;
	width: 80px;
	}

#nav02 a {
	background: url(../images/upside_nav.gif) -90px 0 no-repeat ;
	width: 95px;
	}

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

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

#content dt { 
  font-weight: bold;
	color: #1784DD;
 }

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

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

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

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

.case {
	margin: 0 15px;
	background: url(../images/arrow.gif) center center no-repeat;
	}
.case img {
	display: block;
	}

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

.text_r {
  text-align: right;
	}

strong.blue {
	color: #1784DD;
	}

#content table {
  border-collapse: separate;
	border-spacing: 1px;
	}
* html body #content table { 
  font-size : 11px;
	color: #666;
	}

#content th {
  background: #c6d8e6;
  padding: 2px;
	}

#content table,
#content th,
#content td { 
  border: 1px solid #1784DD; }

#content td {
  padding: 5px;
	}



/*---------- 07  Index -----------*/
#index #main { background: url(../images/main_bg_index.jpg) top no-repeat; }

#index #content { padding: 120px 0 0 0;}

#index h2 { margin: 0;}

#index #greeting h2 { background:url(../images/index_h_greeting.png) 0 0 no-repeat; }

#index #greeting .image_r { margin: 0;}

#index #topics {
  border: 1px solid #00B0BC;
	width: 530px;
	margin: 20px 35px 0;
	padding: 0; }

#index #topics h2 { background: url(../images/index_h_topics.png) 0 0 no-repeat;
  height: 25px; }

#index #topics dl {
  margin: 5px 10px; }

#index #topics dt {
  float: left;
	width: 80px;
	}

#index #topics dd { padding-left: 80px; }

#index #pickup h2 { 
  background: url(../images/index_h_pickup.png) 0 0 no-repeat ; }
  
#index #pickup .alpha {
  float: left;
	width: 252px;
	margin: 10px 10px 0 0;
	}

#index #pickup .beta {
  float: right;
	width: 252px;
	margin: 10px 0 10px;
	}

#index #pickup p{ margin: 0; }

#index #pickup p.image_l{ margin: 5px 7px 0 0;}

#index #pickup .more {
  float: right;
	background:url(../images/more.png) 0 0 no-repeat;
	text-indent: -9999px;
	}

#index #pickup .more a{
	display: block;
	width: 67px;
	}

#index #pickup h3#title01 { background:url(../images/index_h_pick01.png) 0 0 no-repeat; }
#index #pickup h3#title02 { background:url(../images/index_h_pick02.png) 0 0 no-repeat; }
#index #pickup h3#title03 { background:url(../images/index_h_pick03.png) 0 0 no-repeat; }
#index #pickup h3#title04 { background:url(../images/index_h_pick04.png) 0 0 no-repeat; }

/*---------- 08  Concept -----------*/
#concept h2#title01 { background:url(../images/concept_h2-01.png) 0 0 no-repeat; }
#concept h3#title02 { background:url(../images/concept_h3-02.png) 0 0 no-repeat; }
#concept h3#title03 { background:url(../images/concept_h3-03.png) 0 0 no-repeat; }
#concept h4#title04 { background:url(../images/concept_h4-04.png) 0 0 no-repeat; }
#concept h4#title05 { background:url(../images/concept_h4-05.png) 0 0 no-repeat; }



/*---------- 09  Bite -----------*/
#bite h2#title01 { background: url(../images/bite_h2-01.png) 0 0 no-repeat; }
#bite h3#title02 { background: url(../images/bite_h3-02.png) 0 0 no-repeat; }
#bite h4#title03 { background: url(../images/bite_h4-03.png) 0 0 no-repeat; }
#bite h4#title04 { background: url(../images/bite_h4-04.png) 0 0 no-repeat; }
#bite h4#title05 { background: url(../images/bite_h4-05.png) 0 0 no-repeat; }
#bite h4#title06 { background: url(../images/bite_h4-06.png) 0 0 no-repeat; }
#bite h4#title07 { background: url(../images/bite_h4-07.png) 0 0 no-repeat; }

#bite .treatment,
#bite .treatment_l,
#bite .treatment_r {
  border: 1px solid #00B0BC;
	}

#bite .treatment_l {
  float: left;
	width: 230px;
	height: 200px;
	margin: 10px 10px 0 0;
	padding: 10px;
	}

#bite .treatment_r {
  float: right;
	width: 230px;
	height: 200px;
	margin: 10px 0 0 10px;
	padding: 10px;
	}

* html body .treatment_l,
* html body .treatment_r {
  height: 250px;
	}
/*
#content .treatment dt,
#content .treatment_l dt,
#content .treatment_r dt {
	background: url(../images/list.gif) 0 3px no-repeat ;
	padding-left: 15px;
	color: #666666;
	}
*/

/*---------- 09  Jaw -----------*/
#jaw h2#title01 { background: url(../images/jaw_h2-01.png) 0 0 no-repeat; }
#jaw h3#title02 { background: url(../images/jaw_h3-02.png) 0 0 no-repeat; }
#jaw h4#title03 { background: url(../images/jaw_h4-03.png) 0 0 no-repeat; }
#jaw h4#title04 { background: url(../images/jaw_h4-04.png) 0 0 no-repeat; }
#jaw h4#title05 { background: url(../images/jaw_h4-05.png) 0 0 no-repeat; }

#jaw #content th { width: 120px; }

/*---------- 10  Ortho -----------*/
#ortho h2#title01 { background: url(../images/ortho_h2-01.png) 0 0 no-repeat; }
#ortho h3#title02 { background: url(../images/ortho_h3-02.png) 0 0 no-repeat; }
#ortho h4#title03 { background: url(../images/ortho_h4-03.png) 0 0 no-repeat; }
#ortho h4#title04 { background: url(../images/ortho_h4-04.png) 0 0 no-repeat; }
#ortho h4#title05 { background: url(../images/ortho_h4-05.png) 0 0 no-repeat; }

#ortho #content table { 
  width: 500px;
	margin-top: 10px;}

#ortho #content th { width: 200px;}

#ortho #content td { text-align: right;}

/*----------  Esthe -----------*/
#esthe h2#title01 { background: url(../images/esthe_h2-01.png) 0 0 no-repeat; }
#esthe h3#title02 { background: url(../images/esthe_h3-02.png) 0 0 no-repeat; }
#esthe h3#title03 { background: url(../images/esthe_h3-03.png) 0 0 no-repeat; }
#esthe h4#title04 { background: url(../images/esthe_h4-04.png) 0 0 no-repeat; }
#esthe h4#title05 { background: url(../images/esthe_h4-05.png) 0 0 no-repeat; }
#esthe h4#title06 { background: url(../images/esthe_h4-06.png) 0 0 no-repeat; }
#esthe h4#title07 { background: url(../images/esthe_h4-07.png) 0 0 no-repeat; }


/*----------  Self-therapy -----------*/
#self-therapy h2#title01 { background: url(../images/info_h2.jpg) 0 0 no-repeat; }
#self-therapy h3#title02 { background: url(../images/info_h3_01.jpg) 0 0 no-repeat; }
#self-therapy h3#title04 { background: url(../images/info_h3_02.jpg) 0 0 no-repeat; margin: 5px 0; }
#self-therapy h4#title03 { background: url(../images/info_h4_01.jpg) 0 0 no-repeat; margin: 15px 0 5px 0; }
#self-therapy h4#title05 { background: url(../images/info_h4_02.jpg) 0 0 no-repeat; }

#self-therapy #content table { width: 500px;}

#self-therapy #content th { width: 200px;}

#self-therapy #content #td_right { text-align: right;}

#self-therapy #content #td_left { text-align: left;}


/*----------  Dr -----------*/
#dr h2#title01 { background:url(../images/dr_h2-01.png) 0 0 no-repeat; }
#dr h3#title02 { 
  background:url(../images/dr_h3-02.png) 0 0 no-repeat;
	height: 30px; }
#dr h3#title03 { background:url(../images/dr_h3-03.png) 0 0 no-repeat; height: 30px; }


#dr #content .alpha {
  width: 200px;
	float: left;
	}

#dr #content .beta {
  float: right;
	width: 300px;
	}
	
#dr #content dt {
	background: url(../images/list.gif) 0 3px no-repeat ;
	padding-left: 15px;
	color: #666;
	}
	
#dr #content .banner_area{
    margin-left:60px;
    width:420px;
	display: block;
	}

#dr #content .banner_area .image_l,
#dr #content .banner_area .image_r {
    padding:10px 0 20px 0;
	}
/*----------  Case -----------*/
#case h2#title01 { background: url(../images/case_h2-01.png) 0 0 no-repeat;}
#case h3#title02 { background: url(../images/case_h3-02.png) 0 0 no-repeat;height: 30px;}
#case h3#title03 { background: url(../images/case_h3-03.png) 0 0 no-repeat;height: 30px;}
#case h3#title04 { background: url(../images/case_h3-04.png) 0 0 no-repeat;height: 30px;}
#case h3#title05 { background: url(../images/case_h3-05.png) 0 0 no-repeat;height: 30px;}


/*----------  inquiry -----------*/
#inquiry h2#title01 { background: url(../images/inquiry_h2-01.png) 0 0 no-repeat; }
#inquiry h3#title02 { background: url(../images/inquiry_h3-02.png) 0 0 no-repeat; }
#inquiry h3#title03 { background: url(../images/inquiry_h3-03.png) 0 0 no-repeat; }

#inquiry #content .clinic_info { margin-top: 10px; }

#inquiry #content table { width: 500px;
  margin-left: 15px;}

#inquiry #content td { width: 350px;}

#inquiry #content span { color:#FF0000; } 

/*----------  Sitemap -----------*/
#sitemap h2#title01 { background: url(../images/sitemap_h2-01.png) 0 0 no-repeat; }

#sitemap #content ul {
 margin-left: 50px;
 } 

#sitemap #content li {
  padding-bottom: 10px;
	}