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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Clinic                      */
/*                 09  Concept                     */
/*                 10  General                     */
/*                 11  Esthe                       */
/*                 12  Anti-Ageing                 */
/*                 13  Denture                     */
/*                 14  Laser                       */
/*                 15  Child                       */
/*                 16  Ortho                       */
/*                 17  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Orange         #ff9c0d      */
/*        Main Color - Light Orange   #ffc790      */
/*        Main Color - Grey           #dcdcdc      */
/*                                                 */
/*        Sub Color  - Green          #9fd819      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { color:#666; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) 0 0 repeat-y;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 15px 25px 0;
	width: 810px;
	}

#content {
	margin: 0 0 0 20px;
	width: 600px;
	float: right;
	}

.top_link{margin-top:0;}

.img { margin: 0; padding: 0; line-height: 1%; display: block; }

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

#index #header {
	margin: 0 6px;
	padding: 0;
	background: url(../images/header_index_bg.jpg) 0 0 no-repeat;
	width: 848px;
	height: 465px;
	}
	
#header {
	margin: 0 6px;
	padding: 0;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	width: 848px;
	height: 275px;
	}

#header h1.header_text {
	margin: 0 0 77px 0;
	padding: 6px 0 0 9px ;
	color: #FFFFFF;
	font-size:100%;
	}

#index #header_logo {
	margin: 161px 20px 37px 395px;
	width: 438px;
	height: 142px;
	font-weight: normal;
	}

*html #index #header_logo {
	margin: 155px 20px 31px 395px;
	width: 438px;
	height: 142px;
	font-weight: normal;
	}


	
#header_logo {
	margin: 74px 20px 12px 546px;
	width: 282px;
	height: 62px;
	font-weight: normal;
	}

*html #header_logo {
	margin: -6px 20px 6px 546px;
	width: 282px;
	height: 62px;
	font-weight: normal;
	}


	
#index #header .header_tel {
	margin: -10px 0 0 117px;
	padding: 0;
	width: 323px;
	height: 87px;
	line-height: 1%;
	display: block;
	}
#header .header_tel {
	margin: 0 0 0 51px;
	padding: 0;
	width: 231px;
	height: 21px;
	line-height: 1%;
	display: block;
	}
#header p.tel img { display: block; }
#index #header p.main_img {
	margin: -10px -1px 26px 0;
	padding: 0;
	height: 40px;
	text-align: right;
	line-height: 1%;
	display: block;
	}
*+html #index #header p.main_img {
	margin: -10px 0 26px 0;
	}
#header p.main_img {
	margin: 0 0 24px 0;
	padding: 0;
	height: 32px;
	text-align: right;
	line-height: 1%;
	display: block;
	}

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

#header_nav {
	clear: both;
	margin: 0;
	padding: 5px 18px;
	width: 812px;
	height: 40px;
	}

*html #header_nav {
	clear: both;
	margin: 0;
	padding: 5px 18px;
	width: 812px;
	height: 40px;
	}


#header_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 812px;
	height: 40px;
	}

#header_nav ul li {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	float: left;
	display: inline;
	}
#header_nav ul li a {
	display: block;
	height: 40px;
	}

#nav01 a {width: 202px; }
#nav02 a {width: 203px; }
#nav03 a {width: 203px; }
#nav04 a {width: 204px; }

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

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

#nav ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	}

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

*html #nav ul li {
	margin: 0 0 -20px 0;
	padding: 0;
	list-style: none;
	}


*html #nav .internal li#nav05 {
	margin-bottom:-3px;
	}


#nav .internal li a {
	display: block;
	}
#nav .internal li#nav12 {
	margin-bottom: 9px;
	}

#nav p { text-align: center; }

#nav p.sr_nav { text-align: justify; padding:6px; }

#nav #info {
	margin: 0;
	padding: 0;
	background: url(../images/nav_02.jpg) 0 0 repeat-y;
	}
#nav .bg_top {
	background: url(../images/nav_01.jpg) 0 0 no-repeat;
	}
#nav .bg_bottom {
	background: url(../images/nav_03.jpg) left bottom no-repeat; padding-top: 13px; 
	}
#nav .email { 
	margin: 0 10px 0 31px;
	padding: 0 0 10px 0;
	width: 149px;
	height: 26px;
	}
#nav .email a { 
	margin: 0;
	padding: 0;
	width: 149px;
	height: 26px;
	display: block;
	}
	
/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 4px 0 3px 0;
	margin: 0 6px;
	background: #ff9827;
	font-size: 100%;
	text-align: center;
	color: #FFF;
	}
*:first-child+html #footer { font-size: 12px; } /*  for IE7 only */
* html body #footer { font-size: 12px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #FFFFFF;
	}
#footer a:hover { text-decoration: underline; }

#footer p.tel { 
	margin: 0 1em 2px 1em;
	padding: 0;
	}

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

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

.center { text-align: center; }
.right { text-align: right; }



#content h2 {
	margin: 0 0 13px 0;
	height: 36px;
	}

#content h3 {
	clear: both;
	margin: 0 0 10px 0;
	height: 30px;
	}

#content h4 {
	margin: 0 0 10px -2px;
	height: 20px;
	}


#content h5 {
	margin: 0 0 6px 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	background: url(../images/icon01.jpg) 0 3px no-repeat;
	text-indent: 20px;
	color:#91c71d;
	}
#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #ff7300;
	outline: none;
	}
a:hover { color: #ffc41f; }

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

.image_l  {
	float: left;
	margin: 0 16px 8px 0;
	}

.image_r {
	float: right;
	margin: 0 0 8px 16px;
	}

.image_b  {
	margin: 0 ;
	border: 1px solid #DCDCDC;
	background: #FFF;
	padding: 1px;
	line-height: 100%;
	display: block;
	}
.image_l_b  {
	margin: 0 20px 0 0 ;
	float: left;
	line-height: 1%;
	display: block;
	}
*:first-child+html .image_l_b { margin: 0 17px -6px 0 ; } /*  for IE7 only */
* html body .image_l_b { margin: 0 17px -6px 0 ; } /*  for IE6 only */

.image_l_b1  {
	margin: 0 20px 0 0 ;
	float: left;
	line-height: 1%;
	display: block;
	}
*:first-child+html .image_l_b1 { margin: 0 17px 0 0 ; } /*  for IE7 only */
* html body .image_l_b1 { margin: 0 17px 0 0 ; } /*  for IE6 only */

.image_l_b2  {
	margin: 0 20px 0 0 ;
	float: left;
	line-height: 1%;
	display: block;
	}
*:first-child+html .image_l_b2 { margin: 0 17px -10px 0 ; } /*  for IE7 only */
* html body .image_l_b2 { margin: 0 17px -10px 0 ; } /*  for IE6 only */

.image_l_b3  {
	margin: 10px 20px 0 0 ;
	float: left;
	line-height: 1%;
	display: block;
	}
*:first-child+html .image_l_b2 { margin: 10px 17px -10px 0 ; } /*  for IE7 only */
* html body .image_l_b2 { margin: 10px 17px -10px 0 ; } /*  for IE6 only */

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

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

.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;
	margin: 0 10px 20px 0;
	padding: 0;
	height: 20px;
	list-style: none;
	}

#content ul.totop li {
	margin: 0 0 0 0;
	padding: 0;	
	width: 120px;
	height: 20px;
	float: right;
	list-style: none;
	}

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 {
	margin: 2px 0 0 0 ;
	border-collapse: collapse;
	border: 2px solid #ffc790;
	font-size: 100%;
	line-height: 1.5em;
	width: 100%;
	}
#content table th,
#content table td {
	padding: 6px 10px;
	border: 1px solid #ffc790;
	}

#content table td.bg01 {
	padding: 6px 10px;
	border: 1px solid #ffc790;
	background: #ffefd9;
	color: #ff7300;
	}
#content table td.top { vertical-align: top; }
input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}
	
.boldred{
color:#f00;
font-weight:bold;
}

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


#index .index01 { background: url(../images/index_img01.jpg) left bottom repeat-x; padding-bottom: 7px; margin: 0 0 20px 0; }
#index #content ul.group01 { margin: 0 11px; padding: 0; list-style: none; }
#index #content ul.group01 li { margin: 0; padding: 0; list-style: none; background: url(../images/icon01.jpg) 0 3px no-repeat; text-indent: 19px; }



#tiny {
 border: 1px solid #d9d9d9;
 border-left: none;
 border-right: none;
	width: 600px;
	height: 80px;
	padding: 3px 0;
	margin: 5px 0 10px 0;
	overflow: auto;
	text-align: left;
	line-height: .2em;
 }
#tiny table { border: none; text-align: left;}
#tiny table tr td.tn_image {
	width: 5px;
	padding: 3px;
	margin: 0;
	border: none;
	text-align: left;
	line-height: 1em;}
#tiny table tr td.tn_date {
	width: 100px;
	padding: 3px;
	margin: 0;
	border: none;
	text-align: left;
	line-height: 1em;
	vertical-align: top;}
#tiny table tr td.tn_title {
	width: 400px;
	padding: 3px;
	margin: 0;
	border: none;
	text-align: left;
	line-height: 1em;
	vertical-align: top;}










#index .index02 { background: #ffefd9; margin-bottom: 20px; }
#index .alpha { float: left; width: 310px; margin: 0; }
#index .beta { float: right; width: 280px; padding: 11px 10px 0 0; display: inline; }
#index .gamma { padding: 0 0 7px 12px; width: 579px; text-align: right; list-style:none; color:#FF0000; }

#content .gamma ul li {
	background:none!important;
	font-weight:bold;
}

#index #content dl { margin: 12px 0 0 0; padding: 0 0 12px 10px; float: left; }
#index #content dl dt { margin: 0; padding: 0 0 0 11px; background: url(../images/icon02.jpg) 0 5px no-repeat; }
#index #content dl dt img { margin: 0; padding: 0 ; line-height: 1%; display: block; }
#index #content dl dd { margin: 0 0 8px 0; padding: 0 0 0 12px; line-height: 1.5em; }
#index #content dl dd.dd01 { margin: 0 0 0 12px; padding: 0 0 4px 15px; background: url(../images/icon03.jpg) 0 3px no-repeat; }

.clinic_btn { 
	margin: 14px 0 0 0; 
	padding: 0 0 0 60px; 
	width: 220px;
	height: 30px;
	}
.clinic_btn a { 
	margin: 0; 
	padding: 0 ; 
	width: 220px;
	height: 30px;
	display: block;
	}

#index .index03 { margin: 0 13px 20px 14px; background: url(../images/index_img10.jpg) right top no-repeat; }
#index .index03 p { margin-top: 0px ; padding: 9px 220px 0 0; }

#index .shika-town_ban {
	margin: 0 0 18px 0;
	padding: 0;
	width: 600px;
	height: 110px;
	}
#index .shika-town_ban a {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 110px;
	display: block;
	}
	
.red_b { font-weight:bold; color:#FF0000; }

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

#clinic table table { border: none; width: 240px; }
#clinic table table td { border: none; padding: 0; }

#map{
	width:520px;
	height:450px;
	margin-left:15px;
}

/*---------- 09  Concept -----------*/

#concept #content dl { margin: 0 0 0 0; padding: 0 0 0; float: left; width: 350px; }
#concept #content dl dt { margin: 0; padding: 0 0 0 0; font-weight: normal; display: inline; width: 100px; clear: left; float: left; }
#concept #content dl dd { margin: 0; padding: 0 0 0 0; font-weight: normal; display: inline; width: 250px; float: left; }

#concept table {
	margin: 2px 0 0 0 ;
	border-collapse: collapse;
	border: 2px solid #ffc790;
	font-size: 100%;
	line-height: 1.5em;
	width: 100%;
	}
#concept table th,
#concept table td {
	padding: 6px 10px;
	border: 1px solid #ffc790;
	text-align: center;
	font-weight: bold;
	}
#concept table.sr_tbl td { font-weight:normal; background:#f9f9f9;}
#concept table.sr_tbl td p span.sr_bold { font-weight:bold; font-size:18px;}
#concept table td.menu {
	background-color: #f9d7a0;
	}

#concept table td.left { text-align:left;}	
	
.men {
	color: #0099FF;
	}

.wemen {
	color: #FF66CC;
	}

.holiday {
	color: #FF0000;
	}

/*---------- 10  General -----------*/

#general #content dl { margin: 10px 0 0 0; padding: 0 0 0; float: left; width: 580px; }
#general #content dl dt { margin: 0; padding: 0 0 0 0; font-weight: normal; display: inline; width: 20px; clear: left; float: left; }
#general #content dl dd { margin: 0; padding: 0 0 0 0; font-weight: normal; display: inline; width: 560px; float: left; }

/*---------- 11  Esthe -----------*/


/*---------- 12  Anti-Ageing -----------*/


/*---------- 13  Denture -----------*/


/*---------- 14  Implant -----------*/

#implant #content dl { margin: 10px 0 0 0; padding: 0 0 0 0; float: left; width: 580px; }
#implant #content dl dt { margin: 0 0 6px 0; padding: 3px 0 3px 25px; font-weight: bold; background: url(../images/q_icon.jpg) 0 0 no-repeat; color:#91c71d; }
#implant #content dl dd { margin: 0 0 15px 10px; padding: 2px 0 0 25px; font-weight: normal; background: url(../images/a_icon.jpg) 0 0 no-repeat;  }

#implant #content dl dd.line { display: block; line-height: 1%; font-size: 1%; margin: 4px 0 12px 0; background: none; }

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

#ortho table.table1 td,#ortho table.table1{
	border:none;
}
#ortho .margin_t10 { margin-top: 10px; }


/*---------- 16  Recruit -----------*/


#recruit table table { border: none; width: 340px; }
#recruit table table td { border: none; padding: 0; }


/*---------- 17  Example -----------*/


#example table.table1 td,#example table.table1{
	border:none;
	_width:550px;
}
#example .margin_t10 { margin-top: 10px; }


.w_20 { width: 20px; }
.w_50 { width: 50px; }
.w_70 { width: 70px; }
.w_120 { width: 120px; }

.margin_b5 { margin-bottom: 5px; }
.margin_b8 { margin-bottom: 8px; }
.margin_b10 { margin-bottom: 10px; }
.margin_b13 { margin-bottom: 13px; }
.margin_b15 { margin-bottom: 15px; }
.margin_b18 { margin-bottom: 18px; }
.margin_b20 { margin-bottom: 20px; }
.margin_b25 { margin-bottom: 25px; }
.margin_b30 { margin-bottom: 30px; }

.margin_l31_r10 { margin: 0 10px 0 31px; }
.m0 { margin: 0; }
.text_red { color:#F00; }
.text_orange { color:#ff7300; font-weight:bold; }
.sr_mar {margin:-10px auto 20px auto;}