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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Clinic                      */
/*                 09  Idea                        */
/*                 10  Bite                        */
/*                 11  Jaw                         */
/*                 12  Treatment                   */
/*                 13  Ortho                       */
/*                 14  Child                       */
/*                 15  Surgery                     */
/*                 16  Cost                        */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Blue           #012f8d      */
/*        Main Color - Orange         #ff9f0c      */
/*                                                 */
/*        Sub Color  - Light Blue     #cde6fc      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      83%                 */
/*                   11px      92%                 */
/*                   12px     100%                 */
/*                   14px     117%                 */
/*                   16px     133%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { background: url(../images/body_bg01.jpg) top repeat-x; }
#body01 { background: url(../images/body_bg02.jpg) bottom repeat-x; }

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

#main {
	margin: 0 5px;
	}

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


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

#header {
	background: url(../images/header_bg.png) 0 0 no-repeat;
	height: 383px;
	width: 910px;
	margin: 0;
	padding: 0;
	}

#header .header01 {
	height:77px;
	margin:0 18px 0 11px;
	}
#header .header01_01{
	width:540px;
	float:left;
	}
#header .header_text01{
	font-size:100%;
	line-height:1.5em;
	color:#666;
	margin:0;
	padding:5px 0 3px 0;
	}

h1 {
	text-indent: -9999px;
	width: 425px;
	height: 50px;
	line-height: 1.0;
	}
h1 a {
	display: block;
	width: 425px;
	height: 50px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header p.tel {
	margin: 0;
	padding: 0;
	float:right;
	}
#header p.tel img { display: block; line-height:1%; }

#header .header02{
	height:306px;
	background:url(../images/header_bg01.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;
	}

#header .main_img{
	margin:0;
	padding:236px 0 0 322px;
	display:block;
	line-height:1%;
	}

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

#nav {
	width: 230px;
	float: left;
	padding: 7px 0 20px 0;
	}

#nav .nav_bg01{
	background:#002f8e;
	padding:5px;
	margin:0 0 20px 0;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav .internal li {
	margin: 0;
	}

#nav .internal li a {
	display: block;
	height: 45px;
	padding: 14px 45px 0 22px;
	font-size:125%;
	line-height:1.2em;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	}
#nav .internal li a:hover{
	color:#ffa008;
	}

#nav01 { background: url(../images/nav.jpg) 0 0 no-repeat; height:43px; text-indent:-9999px; }
#nav02 { background: url(../images/nav.jpg) 0 -43px no-repeat; height:50px; }
#nav02 a { background: url(../images/nav.jpg) 0 -43px no-repeat; }
#nav03 { background: url(../images/nav.jpg) 0 -93px no-repeat; height:50px; }
#nav03 a { background: url(../images/nav.jpg) 0 -93px no-repeat; }
#nav04 { background: url(../images/nav.jpg) 0 -143px no-repeat; height:50px; }
#nav04 a { background: url(../images/nav.jpg) 0 -143px no-repeat; }
#nav05 { background: url(../images/nav.jpg) 0 -193px no-repeat; height:50px; }
#nav05 a { background: url(../images/nav.jpg) 0 -193px no-repeat; }
#nav06 { background: url(../images/nav.jpg) 0 -243px no-repeat; height:50px; text-indent:-9999px; }
#nav07 { background: url(../images/nav.jpg) 0 -293px no-repeat; height:50px; }
#nav07 a { background: url(../images/nav.jpg) 0 -293px no-repeat; }
#nav08 { background: url(../images/nav.jpg) 0 -343px no-repeat; height:50px; }
#nav08 a { background: url(../images/nav.jpg) 0 -343px no-repeat; }
#nav09 { background: url(../images/nav.jpg) 0 -393px no-repeat; height:50px; }
#nav09 a { background: url(../images/nav.jpg) 0 -393px no-repeat; }
#nav10 { background: url(../images/nav.jpg) 0 -443px no-repeat; height:50px; }
#nav10 a { background: url(../images/nav.jpg) 0 -443px no-repeat; }
#nav11 { background: url(../images/nav.jpg) 0 -493px no-repeat; height:50px; }
#nav11 a { background: url(../images/nav.jpg) 0 -493px no-repeat; }
#nav12 { background: url(../images/nav.jpg) 0 -543px no-repeat; height:57px; }
#nav12 a { background: url(../images/nav.jpg) 0 -543px no-repeat; }

#nav02 a:hover { background: url(../images/nav.jpg) -220px -43px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -220px -93px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -220px -143px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -220px -193px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -220px -293px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -220px -343px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -220px -393px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -220px -443px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -220px -493px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -220px -543px no-repeat; }

#nav .nav_bg02{	background:url(../images/nav_bg01.jpg) 0 0 repeat-y; margin:0;	}
#nav .nav_bg03{	background:url(../images/nav_bg02.jpg) 0 top no-repeat;	}
#nav .nav_bg04{	background:url(../images/nav_bg02.jpg) 0 bottom no-repeat; padding:7px 10px 9px 10px;	}

#nav .nav01{	margin:0 5px 10px 6px;	}
#nav .nav_img01{
	float:left;
	margin:2px 10px 0 0;
	display:block;
	line-height:1%;
	}
*:first-child+html #nav .nav_img01{	margin:2px 10px 0 0;	}/* for IE7 only */
* html body #nav .nav_img01{ margin:2px 7px 0 0;	}/* for IE6 only */

	
#nav .nav02{ margin:0 0 2px 0; }
#nav .nav02 a {
	background:url(../images/nav_img03.jpg) 0 0 no-repeat;
	width:210px;
	height:25px;
	display:block;
	text-indent:-9999px;
	}
#nav .nav02 a:hover {	background:url(../images/nav_img03.jpg) 0 -25px no-repeat; }

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

#footer {
	clear: both;
	height:90px;
	padding: 0 3px;
	margin: 0;
	font-size: 83%;
	line-height:1.6em;
	text-align: left;
	color: #666;
	}
*:first-child+html #footer { font-size: 10px; } /*  for IE7 only */
* html body #footer { font-size: 10px; } /*  for IE6 only */

#footer .footer_tel{ margin:0 65px 0 0; float:left; display:block; line-height:1%; }
*:first-child+html #footer .footer_tel{	margin:0 65px 0 0;	}/* for IE7 only */
* html body #footer .footer_tel{ margin:0 62px 0 0;	}/* for IE6 only */


#footer address { margin: 0; padding:48px 0 0 0; }


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

.section { padding: 0 10px 25px 26px; }
.section .section { padding: 0 10px 0 10px; }
.section .section .section { padding: 0 10px 0 10px; }

.center { text-align: center; }

#content h2 {
	height: 61px;
	text-indent: -9999px;
	margin: 0 0 20px 18px;
	}
#content h3 {
	clear: both;
	height: 30px;
	color:#FFFFFF;
	font-size:125%;
	line-height:2em;
	font-weight:bold;
	margin: 0 -10px 15px -10px;
	padding:0 0 0 14px;
	background:url(../images/h3.jpg) 0 0 no-repeat;
	}
#content h4 {
	height: 30px;
	color:#002F8E;
	font-size:125%;
	line-height:1.3em;
	font-weight:bold;
	padding:0 0 0 1px;
	margin: 0 -10px 8px -10px;
	background:url(../images/h4.jpg) 0 0 no-repeat;
	}

#content h5 {
	font-size: 100%;
	line-height:1.2em;
	font-weight: bold;
	margin: 0 -10px 8px -10px;
	padding:0 0 0 15px;
	background:url(../images/h5.jpg) 0 0 no-repeat;
	}

#content ul { margin:0; padding:0; }
#content ul li {
	list-style: none;
	background: url(../images/icon01.jpg) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.ul01 { margin-bottom:15px; }
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #0576c5;
	outline: none;
	}
a:hover { color: #002f8e; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image {
	display:block;
	line-height:1%;
	margin:0 auto;
	}
.image01 {
	display:block;
	line-height:1%;
	margin:6px auto;
	}
	
.image_l  {
	float: left;
	margin: 0 15px 6px 0;
	display:block;
	line-height:1%;
	}
*:first-child+html .image_l{ margin: 0 15px 0 0; }/* for IE7 only */
* html body .image_l{ margin: 0 12px 0 0; }/* for IE6 only */

.image_l01  {
	float: left;
	margin: 0 15px 6px 0;
	display:block;
	line-height:1%;
	}


.image_r {
	float: right;
	margin: 0 0 6px 15px;
	display:block;
	line-height:1%;
	}
*:first-child+html .image_r{ margin: 0 0 0 15px; }/* for IE7 only */
* html body .image_r{ margin: 0 0 0 12px; }/* for IE6 only */

.image_r01 {
	float: right;
	margin: 0 0 6px 0px;
	display:block;
	line-height:1%;
	}
	
.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	height:30px;
	padding: 0;
	margin:0 24px 0 0;
	}

#content ul.totop li {
	list-style: none;
	width: 148px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 30px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */



#content table {
	border-collapse: collapse;
	font-size: 100%;
	line-height:1.5em;
	color: #666;
	width: 100%;
	margin-bottom: 9px;
	}

#content table th,
#content table td {
	padding: 4px 10px;
	border: 1px solid #bac9e2;
	}

#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}

.margin_t0{ margin-top:0; }
.margin_t03{ margin-top:3px; }
.margin_b05{ margin-bottom:5px; }
.margin_b10{ margin-bottom:10px; }
.margin_b12{ margin-bottom:12px; }
.margin_b15{ margin-bottom:15px; }
.margin_b16{ margin-bottom:16px; }
.margin_b20{ margin-bottom:20px; }
.margin_b25{ margin-bottom:25px; }
.margin_l77_r75{ margin-left:75px; margin-right:75px; }

.padding_t19px{ padding-top:19px; }
.padding_t29px{ padding-top:29px; }
.padding_t36px{ padding-top:36px; }
.padding_t55px{ padding-top:55px; }

.text01{ font-size:100%; line-height:1.5em; color:#666; }
.text02{ font-size:83%; line-height:1.8em; color:#666; margin:0; }
.text03{ color:#dd8804; font-weight:bold; }
.text04{ color:#3373da; font-weight:bold; font-size:150%; }
.text_b{ font-weight:bold; } 

.br01{ border:1px solid #0050d1; background:#f3f8ff; margin-bottom:20px; padding:10px 10px 5px 10px; }
.br02{ border:1px solid #0050d1; background:#f3f8ff; margin-bottom:10px; padding:10px 10px 5px 10px; }

.bg10{ background:#f3faff; }
.bg11{ background:#f7fbfe; }


.w100{ width:100px; }

.bottom{ vertical-align:bottom; }



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

#index .index01{ margin:0 0 19px 19px; }
#content .bg01{ background:url(../images/index_bg01.jpg) 0 0 repeat-y; }
#content .bg02{ background:url(../images/index_bg02.jpg) 0 top no-repeat; }
#content .bg03{ background:url(../images/index_bg03.jpg) 0 bottom no-repeat; padding:18px 16px 14px 17px; }

#index .index02{ margin:0 0 29px 20px; }
#content .bg04{ background:url(../images/index_bg04.jpg) 0 0 repeat-y; }
#content .bg05{ background:url(../images/index_bg05.jpg) 0 top no-repeat; }
#content .bg06{ background:url(../images/index_bg06.jpg) 0 bottom no-repeat; padding:0px 9px 8px 18px; }
#index .index02_02{ margin:0 0 12px 12px; }

#index .index_idea{ margin:0 0 11px 157px; }
#index .index_idea a{
	background:url(../images/index_idea.jpg) 0 0 no-repeat;
	width:300px;
	height:25px;
	display:block;
	text-indent:-9999px;
	}
#index .index_idea a:hover{	background:url(../images/index_idea.jpg) 0 -25px no-repeat; }

#index .index03{ margin:0 0 9px 20px; }

#index #content dl.dl01{ width:636px; margin:0 7px; padding:0; }
#index #content dl.dl01 dt { width:96px; float:left; font-weight:normal; padding:6px 0 3px 0; }
#index #content dl.dl01 dd { width:535px;padding:6px 0 3px 0; margin:0; float:left; }
#index #content dl.dl01 dd.dd01{ width:636px; margin:0; padding:0;}

#index .index04{ margin:0 0 30px 30px; }
#index .index04 a{
	background:url(../images/index_img05.jpg) 0 0 no-repeat;
	width:630px;
	height:87px;
	display:block;
	text-indent:-9999px; 
	}
#index .index04 a:hover{	background:url(../images/index_img05.jpg) 0 -87px no-repeat; }

#content .bg07{ background:url(../images/index_bg04.jpg) 0 0 repeat-y; margin:0 0 30px 20px; }
#content .bg08{ background:url(../images/index_bg07.jpg) 0 top no-repeat; }
#content .bg09{ background:url(../images/index_bg07.jpg) 0 bottom no-repeat; padding:16px 19px 15px 18px; }

#index #content .alpha{ width:310px; float:left; display:inline; }
#index #content .beta{ width:292px; float:right; }

#index #content dl.dl02{ width:260px; margin:0 0 0px 0; padding:0; }
#index #content dl.dl02 dt { margin:0 0 4px 0; padding:0; }
#index #content dl.dl02 dt img{ display:block; line-height:1%; }
#index #content dl.dl02 dd { width:260px;padding:0; margin:0 0 7px 0; }

#content .bn_reservation{ margin:0 0 20px 20px; }
#content .bn_reservation a{
	background:url(../images/bn_reservation.jpg) 0 0 no-repeat;
	width:650px;
	height:80px;
	display:block;
	text-indent:-9999px; 
	}
#content .bn_reservation a:hover{	background:url(../images/bn_reservation.jpg) 0 -80px no-repeat; }

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

#clinic h2#title01 { background:url(../images/clinic_h2.jpg) 0 0 no-repeat; }

#map {
	width:486px;
	height:450px;
	border:1px solid #dcdcdc;
	margin:6px 0px;
	}

.clinic01{ margin:0 65px 10px 65px; }
.hand { cursor:pointer; }

#content .alpha02{ width:160px; float:left; margin:0 10px 0 0; }
#content .beta02{ width:160px; float:left; margin:0 10px 0 0; }
#content .gamma02{ width:160px; float:right; margin:0; }

	
/*---------- 09  Idea -----------*/

#idea h2#title01 { background:url(../images/idea_h2.jpg) 0 0 no-repeat; }

#content .alpha01{ width:200px; float:left; margin:0 10px 0 0; }
#content .beta01{ width:200px; float:left; margin:0 10px 0 0; }
#content .gama01{ width:150px; float:left; margin:0; }

.idea01{ margin:0 75px 10px 75px; }

/*---------- 10  Bite -----------*/

#bite h2#title01 { background:url(../images/bite_h2.jpg) 0 0 no-repeat; }

/*---------- 11  Jaw -----------*/

#jaw h2#title01 { background:url(../images/jaw_h2.jpg) 0 0 no-repeat; }

.jaw01{ background:url(../images/jaw_img01.jpg) 0 0 no-repeat; margin:0; padding:0 0 5px 20px; }

/*---------- 12  Treatment -----------*/

#treatment h2#title01 { background:url(../images/treatment_h2.jpg) 0 0 no-repeat; }

/*---------- 13  Ortho -----------*/

#ortho h2#title01 { background:url(../images/ortho_h2.jpg) 0 0 no-repeat; }

/*---------- 14  Child -----------*/

#child h2#title01 { background:url(../images/child_h2.jpg) 0 0 no-repeat; }

.child01{ margin:6px 70px 10px 70px; clear:both; }
.child02{ margin:6px 54px 10px 54px; clear:both; }

/*---------- 15  Surgery -----------*/

#surgery h2#title01 { background:url(../images/surgery_h2.jpg) 0 0 no-repeat; }

/*---------- 16  Cost -----------*/

#cost h2#title01 { background:url(../images/cost_h2.jpg) 0 0 no-repeat; }


/*---------------------*/

.bnr01 a {
  display: block; 
	width: 190px;
	height: 80px;
	background: url(../images/bnr01.jpg) 0 0 no-repeat;
	margin: 0 0 5px 10px;
	padding: 0;
	outline: none;
  text-indent: -9999px;
}

.bnr01 a:hover {
	background-position: 0 bottom;
}
.bold {
  font-weight: bold;
}

#tiny table,
#tiny table th,
#tiny table td { border: none;}