﻿@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* image
------------------------------------------------------------ */
p.imgR{float:right;}
p.imgL{float:left; padding-right:20px; padding-bottom:30px;}
p.imgR img,
p.imgL img{
	padding:2px;
	background-color:#FFF;
	border:1px solid #D9D3CB;}

/* spacing
------------------------------------------------------------ */

.tar{text-align:right;}
.tac{text-align:center;}

.padB10{	padding-bottom:10px;}

/*----------------------------------------------------------------------------
******************************************************************************
Headding
******************************************************************************
----------------------------------------------------------------------------*/

/* page title
------------------------------------------------------------ */
h2{
	width:790px;
	padding:5px;
	height:120px;
	display:block;
}
.P02 h2{ background:url(../img/ptit02.jpg) 50% 50% no-repeat;}
.P03 h2{ background:url(../img/ptit03.jpg) 50% 50% no-repeat;}
.P04 h2{ background:url(../img/ptit04.jpg) 50% 50% no-repeat;}
.P05 h2{ background:url(../img/ptit05.jpg) 50% 50% no-repeat;}
.P06 h2{ background:url(../img/ptit06.jpg) 50% 50% no-repeat;}
.P07 h2{ background:url(../img/ptit07.jpg) 50% 50% no-repeat;}
.P08 h2{ background:url(../img/ptit08.jpg) 50% 50% no-repeat;}
.P09 h2{ background:url(../img/ptit09.jpg) 50% 50% no-repeat;}
.P10 h2{ background:url(../img/ptit10.jpg) 50% 50% no-repeat;}

/* title
------------------------------------------------------------ */
h3{
	color:#fff;
	font-size:78%;
	padding:6px 0 4px 15px !important;
	padding:7px 0 4px 15px;
	margin-bottom:15px;
	border-top:3px double #fff;
	border-bottom:3px double #fff;
	background:#48a9c1 url(../cmn_img/tit.gif) 0 0 no-repeat !important;
	background:#48a9c1 url(../cmn_img/tit.gif) 0 3px no-repeat;}

h4{
	font-size:78%;
	color:#6B6154;
	margin-bottom:15px;
	background-color:#F1EAD8;
	padding:6px 0 4px 10px !important;
	padding:7px 0 3px 10px;
	border:1px solid #E6E1CE;}

/*----------------------------------------------------------------------------
******************************************************************************
Link
******************************************************************************
----------------------------------------------------------------------------*/

/* pankuzu
-----------------------------------------------------------------------------*/
#path{
	width:548px;
	padding:2px 4px 1px 6px !important;
	padding:2px 4px 2px 6px;
	border:1px solid #ddd;
	margin-bottom:10px;
	background-color:#F3F3F3;}
#path sub{
	color:#b5b5b5;
	vertical-align:baseline;}

/* pagetop
-----------------------------------------------------------------------------*/
p.pagetop{
	font-size:70%;
	text-align:right;
	margin-bottom:10px;}
p.pagetop a{
	padding-left:10px;
	background:url(../cmn_img/arr02.gif) 0 4px no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
.conBox p{
	padding-right:12px;
	padding-left:12px;
	margin-bottom:1em;}
.conBox p.marBD{
	margin-bottom:2em;}


/* table
-----------------------------------------------------------------------------*/
table{
	background-color:#B6DDE7;}
table th,
table td{
	font-size:78%;
	line-height:1.46;
	padding:5px 10px 5px 10px;}
table th{
	width:30%;
	text-align:left;
	background-color:#F1F8FE;}
table td{
	width:70%;
	background-color:#fff;}


/*----------------------------------------------------------------------------
******************************************************************************
P02 clinic
******************************************************************************
----------------------------------------------------------------------------*/
.P02 .contents dl{
	width:180px;
	float:left;}
.P02 .contents dl dt,
.P02 .contents dl dd{
	text-align:center;}

.P02 .contents table{
	width:370px;
	float:left;
	margin-bottom:30px;}

/*----------------------------------------------------------------------------
******************************************************************************
P03 clinic/info
******************************************************************************
----------------------------------------------------------------------------*/
.P03 .contents .conBox h4{
	color:#555;
	font-weight:normal;
	margin:0 0 5px 10px;
	padding:0 0 0 10px !important;
	padding:0 0 0 10px;
	border:0;
	line-height:1.1;
	background-color:#fff;
	border-left:3px solid #48A9C1;}

.P03 .contents .conBox div{
	width:518px;
	padding:10px 10px 10px 12px;
	margin:0 auto 25px;
	border:1px solid #B6DDE7;
	background-color:#F1F8FE;}
.P03 .contents .conBox div p{
	padding-left:0;
	padding-right:0;
	padding-top:5px;
	margin:0;}
.P03 .contents .conBox div p.imgR{
	padding-top:0;
	padding-left:20px;}
.P03 .contents .conBox div p.padB10{
	padding-bottom:10px;}

.P03 .contents .conBox div dt{
	color:#48A9C1;
	font-weight:bold;}
.P03 .contents .conBox div dd{
	padding-bottom:10px;}



/*----------------------------------------------------------------------------
******************************************************************************
clinic information
******************************************************************************
----------------------------------------------------------------------------*/

#cInfo{
	width:560px;
	padding:0;
	margin:0 0 30px 0;
	background:#fff;
	border:0;}
#cInfo h4{
	width:260px;
	height:31px;
	border:0;
	padding:0;
	text-indent:-99999em;
	margin-bottom:10px;
	background:url(../idx_img/idx_clinic.gif) 0 0 no-repeat;}

#cInfo .in{
	width:270px;
	float:right;}
#cInfo p{
	float:left;
	width:290px;}

#cInfo dl{
	width:260px;}
#cInfo dl dt,
#cInfo dl dd{
	margin-bottom:5px;}
#cInfo dl dt{
	color:#48A9C1;
	float:left;
	width:52px;
	text-align:right;}
#cInfo dl dd{
	width:160px;
	float:left;
	padding-left:15px;
	margin-right:10px;}



/*----------------------------------------------------------------------------
******************************************************************************
treatment/
******************************************************************************
----------------------------------------------------------------------------*/

.conBox .cases p.imgR,
.conBox .cases p.imgL{
	display:inline;
	margin:0;
	padding-bottom:20px;}
.conBox .cases p.imgR{
	padding-left:0;}
.conBox .cases p.imgL{
	padding-right:18px;}
	
.conBox .cases p.w260{
	width:260px;}



/*----------------------------------------------------------------------------
******************************************************************************
P04 treatment/artificial_tooth
******************************************************************************
----------------------------------------------------------------------------*/
.P04 .contents dl.num,
dl.nml{
	width:540px;
	margin:0 auto 30px;}
.P04 .contents dl.num dt{
	color:#5cb4c2;
	font-weight:bold;
	padding:5px 0 10px 50px;
	text-indent:-12px;}
.P04 .contents dl.num dt.nu01 {	background:url(../img/nu01.gif) 0 0 no-repeat;}
.P04 .contents dl.num dt.nu02 {	background:url(../img/nu02.gif) 0 0 no-repeat;}
.P04 .contents dl.num dt.nu03 {	background:url(../img/nu03.gif) 0 0 no-repeat;}
.P04 .contents dl.num dt.nu04 {	background:url(../img/nu04.gif) 0 0 no-repeat;}
.P04 .contents dl.num dt.nu05 {	background:url(../img/nu05.gif) 0 0 no-repeat;}

.P04 .contents dl.num dd {
	padding-left:40px;
	margin-bottom:15px;}

dl.nml dt{
	color:#555;
	font-weight:bold;
	margin:0 0 5px 3px;
	padding:0 0 0 10px;
	line-height:1.1;
	border-left:3px solid #48A9C1;}
dl.nml dd{
	padding:0 0 0 15px;
	margin-bottom:10px;}


/*----------------------------------------------------------------------------
******************************************************************************
P07 treatment/artificial_tooth
******************************************************************************
----------------------------------------------------------------------------*/
.P07 .contents p span{ font-weight:bold;}


/*----------------------------------------------------------------------------
******************************************************************************
P08 treatment/perio
******************************************************************************
----------------------------------------------------------------------------*/

.P08 .contents p.imgR{padding-bottom:30px;}


.P08 .contents .conBox dl dt{
	color:#555;
	font-weight:bold;
	margin:0 0 5px 10px;
	padding:0 0 0 10px;
	line-height:1.1;
	border-left:3px solid #48A9C1;}
.P08 .contents .conBox dl{
	margin-bottom:40px;}
.P08 .contents .conBox dl dd{
	margin:0 0 5px 23px;}

.P08 .contents .conBox dl dl{
	margin-bottom:0;
	padding:10px 20px 0 0;}
.P08 .contents .conBox dl dl dt,
.P08 .contents .conBox dl dl dd{
	font-size:100%;
	padding:0;
	margin:0;}
.P08 .contents .conBox dl dl dt{
	border:none;
	color:#48A9C1;}
.P08 .contents .conBox dl dl dd{
	margin-bottom:10px;}

/*----------------------------------------------------------------------------
******************************************************************************
P10 clinic/info
******************************************************************************
----------------------------------------------------------------------------*/
.P10 .contents dl{
	width:560px;
	margin-bottom:20px;
	border-bottom:3px double #E6E1CE;}
.P10 .contents dl dt{
	font-size:78%;
	color:#6B6154;
	font-weight:bold;
	margin-bottom:15px;
	background-color:#F1EAD8;
	padding:2px 0 0 10px !important;
	padding:2px 0 1px 10px;
	border:1px solid #E6E1CE;}
.P10 .contents dl dd{
	margin-left:33px;
	padding:10px 0 4px 30px;
	line-height:1;
	background:url(../cmn_img/arr03.gif) 0 50% no-repeat;}
.P10 .contents dl dd.end{
	padding:10px 0 4px 30px;
	line-height:1;
	margin-bottom:20px;
	background:url(../cmn_img/arr04.gif) 0 146% no-repeat;}
.P10 .contents dl dd a{
	padding:0 0 0 0;
	margin-bottom:0;}

.P10 .contents ul{
	padding-bottom:70px;}
.P10 .contents ul li{
	font-size:78%;
	margin-bottom:15px;
	background-color:#F1EAD8;
	border:1px solid #E6E1CE;}
.P10 .contents ul li a{
	width:535px;
	display:block;
	padding:2px 0 0 23px !important;
	padding:2px 0 1px 23px;
	background:url(../cmn_img/arr05.gif) 5px 5px no-repeat;}
.P10 .contents ul li a:link{color:#6B6154;text-decoration:underline;}
.P10 .contents ul li a:visited{color:#6B6154;text-decoration:underline;}
.P10 .contents ul li a:hover{color:#8c775b;text-decoration:none;}
.P10 .contents ul li a:active{color:#6B6154;text-decoration:underline;}





