@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";
@import "qc.css";

/*----------------------------------------------------------------------------
******************************************************************************
Container
******************************************************************************
----------------------------------------------------------------------------*/
body{
background:url(../cmn_img/bg_udr.jpg) 50% 0 no-repeat;}
#head{
width:810px;
height:125px;
margin:0 auto;
background:url(../cmn_img/hd_udr.jpg) 50% 0 no-repeat;}

.logo{
padding-top:12px;}
.mail{
width:247px;
padding:3px 5px 0 0;}
.mail a{
width:247px;
height:66px;
padding-top:30px;}
.mail a:hover{background:url(../cmn_img/hd_con2.jpg) -1px -1px no-repeat;}

.mainIN{background:url(../cmn_img/main_udr.jpg) 50% 0 no-repeat;}

#gNavi{height:46px;}

.conBnr{
padding:0;
margin:0;}

/* contents area
------------------------------------------------------------ */
.conBox{
width:555px;
padding-bottom:15px;}

.conBox p{
font-size:110%;
padding-left:15px;
padding-right:15px;
line-height:1.68;
margin-bottom:1em;}
.conBox p.line{
padding-bottom:20px;
background:url(../cmn_img/line.gif) 50% 100% no-repeat;}
.conBox p.lineT{
padding-top:20px;
background:url(../cmn_img/line.gif) 50% 0 no-repeat;}

.conBox p.marB0{
margin-bottom:0;}


#P04 .conBox p{
margin-bottom:2em;}
#P04 .conBox p.br{margin-bottom:1em;}

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* image
------------------------------------------------------------ */
p.imgS,p.imgN{
padding-left:15px;
padding-bottom:15px;}
p.imgN{
float:left;}
p.imgR{
float:right;
padding-left:15px;
padding-bottom:15px;}
p.imgL,
p.imgL2,
p.imgL3{
float:left;
padding-right:5px;}
p.imgR img,
p.imgL img,
p.imgL2 img,
p.imgL3 img,
p.imgS img{
padding:1px;
border:3px solid #F0F0F0;}
p.imgL4{
float:left;
padding-right:5px;
margin-right:10px;}


/* pagetop
------------------------------------------------------------ */
p.pagetop{
text-align:right;
margin-bottom:10px;}
p.marB0{
margin-bottom:0;}
p.pagetop a{
line-height:1;
font-size:70%;}

/* pankuzu
-----------------------------------------------------------------------------*/
div.panList{
width:548px;
padding:2px 0 1px 5px;
border:1px solid #D8D8D8;
background-color: #F0F0F0;
margin-bottom:10px;}
p.panList a:link{color:#333;text-decoration:none;}
p.panList a:visited{color:#333;text-decoration:none;}
p.panList a:hover{color:#333;text-decoration:underline;}
p.panList a:active{color:#333;text-decoration:none;}

/* spacing
------------------------------------------------------------ */
.br{margin-bottom:1em;}
.conBox .br2{margin-bottom:2em;}

.tac{text-align:center;}


/* text
------------------------------------------------------------ */
span.bTxt{
color:#735846;
display:block;
padding:10px 10px 10px 0;}

/* links
------------------------------------------------------------ */

p.link,
.gBox p.link,{
padding:0 0 3px 20px;
margin-bottom:10px;
margin-left:0;
background:url(../cmn_img/i03.gif) 0 8px no-repeat;}
p.link{
padding:0 0 3px 17px;}


#P15 p.link{
margin-bottom:0;
margin-left:15px;}

/* dl style
------------------------------------------------------------ */

.dlSt1{margin-bottom:15px;}

.dlSt1 dt, .dlSt1 dd{
font-size:110%;
padding:0 15px;
}

.dlSt1 dt{font-weight:bold;}



/*----------------------------------------------------------------------------
******************************************************************************
Headding
******************************************************************************
----------------------------------------------------------------------------*/

/* page title
------------------------------------------------------------ */
.contents h2{
width:555px;
height:108px;
display:block;
margin-bottom:2px;
text-indent:-99999em;}
#P02 h2{background:url(../img/ptit02.jpg) 0 0 no-repeat;}
#P03 h2{background:url(../img/ptit03.jpg) 0 0 no-repeat;}
#P04 h2{background:url(../img/ptit04.jpg) 0 0 no-repeat;}
#P05 h2{background:url(../img/ptit05.jpg) 0 0 no-repeat;}
#P06 h2{background:url(../img/ptit06.jpg) 0 0 no-repeat;}
#P07 h2{background:url(../img/ptit07.jpg) 0 0 no-repeat;}
#P08 h2{background:url(../img/ptit08.jpg) 0 0 no-repeat;}
#P09 h2{background:url(../img/ptit09.jpg) 0 0 no-repeat;}
#P10 h2{background:url(../img/ptit10.jpg) 0 0 no-repeat;}
#P11 h2{background:url(../img/ptit11.jpg) 0 0 no-repeat;}
#P12 h2{background:url(../img/ptit12.jpg) 0 0 no-repeat;}
#P13 h2{background:url(../img/ptit13.jpg) 0 0 no-repeat;}
#P14 h2{background:url(../img/ptit14.jpg) 0 0 no-repeat;}
#P15 h2{background:url(../img/ptit15.jpg) 0 0 no-repeat;}
#P16 h2{background:url(../img/ptit16.jpg) 0 0 no-repeat;}
#P17 h2{background:url(../img/ptit17.jpg) 0 0 no-repeat;}
#P18 h2{background:url(../img/ptit18.jpg) 0 0 no-repeat;}
#P19 h2{background:url(../img/ptit19.jpg) 0 0 no-repeat;}
#P20 h2{background:url(../img/ptit20.jpg) 0 0 no-repeat;}
#P21 h2{background:url(../img/ptit21.jpg) 0 0 no-repeat;}

/* title
------------------------------------------------------------ */
.contents h3 #top_h3{
width:555px;
padding-bottom:5px;
margin-bottom:15px;
background:#44A0E1 url(../cmn_img/tit_btm.jpg) 0 100% no-repeat;}
.contents h3 {
width:538px;
color:#fff;
font-size:110%;
display:block;
margin:10px 0 10px 0;
padding:12px 0 6px 17px;
background:url(../cmn_img/tit.jpg) 0 0 no-repeat;}

.contents h4 #h4{
width:555px;
margin-bottom:15px;
border-bottom:3px solid #F0F0F0;}
.contents h4 {
display:block;
width:538px;
font-size:110%;
padding:3px 0 6px 17px;
border-bottom:1px solid #D8D8D8;
background:url(../cmn_img/i01.jpg) 0 6px no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
image
******************************************************************************
----------------------------------------------------------------------------*/
#P11 .imgL,
#P13 .imgL,
#P15 .imgL{
padding-right:15px;}

/*----------------------------------------------------------------------------
******************************************************************************
List
******************************************************************************
----------------------------------------------------------------------------*/

ol{
width:530px;
padding-left:20px;
margin-bottom:15px;}
ol li{
color:#00a5d8;
font-size:110%;
margin-bottom:3px;
padding-left:0px;
margin-left:17px;
list-style:decimal;}


/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/

.gBox{
width:523px;
padding:10px 15px 2px 17px;
margin-bottom:20px;
background:url(../idx_img/uni3_bg.gif) 0 100% no-repeat;}
.gBox p{
line-height:1.6;
font-size:110%;
padding-bottom:10px;}


/*----------------------------------------------------------------------------
******************************************************************************
Table
******************************************************************************
----------------------------------------------------------------------------*/

table {
width:523px;
margin:0 auto 15px;
background:#f0f0f0;
border:1px solid #d8d8d8;}
table th,
table td{
font-size:110%;
line-height:1.5;
text-align:left;
padding:3px 10px 1px 10px;}
table th{
width:25%;
color:#fff;
background-color:#c3c3c3;}
table td{
background-color:#fff;}



/*----------------------------------------------------------------------------
******************************************************************************
P02
******************************************************************************
----------------------------------------------------------------------------*/

#P02 h5{
color:#3c920e;
margin:0;
font-size:110%;
width:528px;
padding:7px 10px 10px 17px;
border-bottom:0;
border-top:1px solid #8dc83a;
background:url(../cmn_img/gtit.gif) 0 100% no-repeat;}

#P02 .gBox .imgR{
padding-top:3px;}


/*----------------------------------------------------------------------------
******************************************************************************
P03
******************************************************************************
----------------------------------------------------------------------------*/

#P03 dl{
width:265px;
float:left;
margin-bottom:20px;}
#P03 dl.marR25{
margin-right:25px;}
#P03 dl dt{
width:265px;
font-size:110%;
margin-bottom:5px;
border-bottom:4px solid #F0F0F0;}
#P03 dl dt span{
display:block;
width:248px;
color:#735846;
font-weight:bold;
line-height:1.2;
padding:0 0 3px 17px;
border-bottom:1px solid #D8D8D8;
background:url(../cmn_img/i02.jpg) 0 3px no-repeat;}
#P03 dl dd img{
margin-bottom:5px;}
#P03 dl dd.txt{
padding:3px;
font-size:110%;
line-height:1.3;}

/*----------------------------------------------------------------------------
******************************************************************************
P04
******************************************************************************
----------------------------------------------------------------------------*/
#P04 .bTits h5{
width:555px;
margin-bottom:15px;
border-bottom:0;
padding-bottom:5px;
background:url(../cmn_img/mtit2_bg.gif) 0 100% no-repeat;}
#P04 .bTits h5 span{
display:block;
width:538px;
color:#1a7ccd;
font-size:110%;
padding:9px 0 2px 17px;
border-bottom:0;
background:#afe5f7 url(../cmn_img/mtit2.gif) 0 0 no-repeat;}

#P04 .bTits p{
font-size:110%;
padding-right:15px;
padding-left:15px;
padding-bottom:15px;}
#P04 .bTits p.imgL{
padding-bottom:15px;
padding-left:15px;}
#P04 .bTits p.imgL2,
#P12 p.imgL2{
padding-bottom:15px;
padding-right:0;
padding-left:15px;}
#P17 p.imgL2{
padding-bottom:15px;
padding-right:0;
padding-left:15px;}
#P04 .bTits p.imgL3,
#P12 p.imgL3{
padding-bottom:15px;
padding-right:1px;
padding-left:5px;}
#P17 p.imgL3{
padding-bottom:15px;
padding-right:1px;
padding-left:5px;}



/*----------------------------------------------------------------------------
******************************************************************************
P05
******************************************************************************
----------------------------------------------------------------------------*/

#P05 ol{
width:470px;
margin:0 auto;
padding:10px 10px 5px 20px;
margin-bottom:15px;
background-color:#dbf3fb;}
#P05 ol li{
color:#00a5d8;
font-size:110%;
margin-bottom:5px;
padding-left:0px;
margin-left:17px;
list-style:decimal;}
/*----------------------------------------------------------------------------
******************************************************************************
P12 etc
******************************************************************************
----------------------------------------------------------------------------*/

#P02 p.link,
#P13 p.link,#P07 p.link,
#P11 p.link,#P12 p.link,
#P14 p.link,#P15 p.link{
margin-bottom:0;
margin-left:15px;}


/*----------------------------------------------------------------------------
******************************************************************************
P07
******************************************************************************
----------------------------------------------------------------------------*/


#P07 ul.check{
width:470px;
margin:0 auto 20px;
padding-left:40px;}
#P07 ul.check li{
width:200px;
float:left;}
#P07 ul.lgr{
padding-left:20px;}
#P07 ul.lgr li{
width:430px;}



#P07 ul.link{
margin-left:15px;
padding-bottom:10px;}
#P07 ul.link li{
padding:0 0 0 20px;
margin-bottom:2px;
font-size:110%;
background:url(../cmn_img/i03.gif) 0 4px no-repeat;}
#P07 p.link{
margin-bottom:20px;}
#P07 ol li{
color:#666;
font-size:110%;
margin-bottom:15px;
padding-left:0px;
padding-right:5px;
margin-left:17px;
list-style:decimal;}
#P07 ol li a{
padding-left:17px;
background:url(../cmn_img/i03.gif) 0 1px no-repeat;}
#P07 ol li span{
font-weight:bold;}


/*----------------------------------------------------------------------------
******************************************************************************
P19
******************************************************************************
----------------------------------------------------------------------------*/

#P19 table{
margin-bottom:5px;}
#P19 table th{
width:200px;}
#P19 table td{
text-align:right;}
#P19 table td.img{
width:1%;
padding:0;}

#P19 .conBox p{
padding-bottom:20px;}
#P19 .conBox p.padB0{
padding-bottom:0px;}


#P19 .conBox p.lineT{
margin-top:20px;}

#P19 ul.check{
width:500px;}


ul.check{
width:510px;
margin:0 auto;
padding:10px;
background:#fbfbfb;}
ul.check li{
font-size:110%;
padding:0 0 2px 25px;
margin-bottom:5px;
background:url(../idx_img/uni3_arr.gif) 0 4px no-repeat;}
/*----------------------------------------------------------------------------
******************************************************************************
P20
******************************************************************************
----------------------------------------------------------------------------*/
#P20 table th{
width:180px;
vertical-align:top;}
#P20 table td input{
margin:1px;}
#P20 table td span.fsS{
font-size:82%;}
em{
font-style:normal;
color:#ea667c;
font-weight:normal;}

.w50{width:50px;}
.w300{width:300px;}

p.formBtn input{
width:140px;
text-align:center;
padding:4px;
margin:10px;}
p.formBtn{
text-align:center;}



/*----------------------------------------------------------------------------
******************************************************************************
P21
******************************************************************************
----------------------------------------------------------------------------*/
#P21 div.sm{
width:555px;}
#P21 ul.sitemap li.cTit{
display:block;
font-size:110%;
width:555px;
margin:0;
background:url(../cmn_img/tit.jpg) 0 0 no-repeat;}
#P21 ul.sitemap li strong{
display:block;
width:525px;
color:#fff;
padding:8px 13px 7px 17px !important;
padding:8px 13px 6px 17px;
background:url(../cmn_img/tit_btm.jpg) 0 100% no-repeat;}

#P21 ul.sitemap li.cTit ul{
padding-top:10px;
padding-bottom:60px;
background:#fff url(../cmn_img/line.gif) 0 86% no-repeat;}
#P21 ul.sitemap li.cTit ul.bottom{
padding-top:10px;
padding-bottom:40px;
background:#fff none;}
#P21 ul.sitemap li.cTit ul li{
font-size:100%;}

#P21 ul.sitemap li,
#P21 ul.sitemap2 li{
font-size:110%;
margin-left:8px;
margin-bottom:5px;}
#P21 ul.sitemap li a,
#P21 ul.sitemap2 li a{
padding:3px 0 0 17px;
background:url(../cmn_img/i03.gif) 0 3px no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
treatment
******************************************************************************
----------------------------------------------------------------------------*/

#treatment .contents h5 span{
color:#735846;
background:url(../cmn_img/i02.jpg) 0 6px no-repeat;}

#treatment .contents .pnt{
margin-bottom:15px;
background-color:#f0f0f0;}
#treatment .contents .pnt dt{
font-size:110%;
margin-bottom:10px;
background-color:#fff;
border-bottom:2px solid #91816e;}
#treatment .contents .pnt dt span{
display:block;
color:#fff;
width:300px;
line-height:1;
font-weight:bold;
padding: 5px 15px 2px 17px;
background:url(../cmn_img/mtit.gif) 0 0 no-repeat;}

#treatment .contents .pnt dd{
	font-size:110%;
	padding:0 15px 12px 15px;
	border-bottom:15px solid #fff;}

#treatment .contents .pnt2{
margin-bottom:15px;
background-color:#f0f0f0;}
#treatment .contents .pnt2 dt{
font-size:100%;
margin-bottom:10px;
background-color:#fff;
border-bottom:2px solid #91816e;}
#treatment .contents .pnt2 dt span{
display:block;
color:#fff;
width:360px;
line-height:1;
font-weight:bold;
padding: 5px 15px 2px 17px;
background:url(../cmn_img/mtit_2.gif) 0 0 no-repeat;}

#treatment .contents .pnt2 dd{
	font-size:110%;
	padding:0 15px 12px 15px;
	border-bottom:15px solid #fff;}



/*----------------------------------------------------------------------------
******************************************************************************
P08
******************************************************************************
----------------------------------------------------------------------------*/
#P08 .conBox p.padB20{
	padding-bottom:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
P09
******************************************************************************
----------------------------------------------------------------------------*/

#P09 .conBox p{
	padding-bottom:15px;}

/*----------------------------------------------------------------------------
******************************************************************************
P10
******************************************************************************
----------------------------------------------------------------------------*/

#P10 #em{
	width:510px;
	margin:0 auto 20px;}
#P10 #em dl{
	width:170px;
	float:left;
	padding-bottom:15px;}
#P10 #em dl dt,
#P10 #em dl dd{
	width:170px;
	text-align:center;}
#P10 #em dl dd{
	font-size:120%;}

#P10 #em dl.lwr,
#P10 #em dl.lwr dt,
#P10 #em dl.lwr dd{
	width:230px;}
#P10 #em dl#marL30{
	margin-left:30px;
	display:inline;}


/*----------------------------------------------------------------------------
******************************************************************************
P16
******************************************************************************
----------------------------------------------------------------------------*/
dl.flow{
background-color:#f0f0f0;
width:555px;
margin-bottom:20px;}
dl.flow dt{
font-size:110%;
color:#83ba35;
font-weight:bold;
padding:10px 17px 0 17px;
background:url(../cmn_img/flow_bg.gif) 0 0 no-repeat;}
dl.flow dd{
font-size:110%;
padding:0 0 30px 17px;
background:url(../cmn_img/flow_btm.gif) 0 100% no-repeat;}
dl.flow dd.end{
padding:0 0 10px 17px;
background:url(../cmn_img/flow_btm.gif) 0 -24px no-repeat;}


/*----- Info -----*/


#info .conBox p.alpha {
	width: 181px;
	float: right;
	margin: 0;
	padding: 0;
	}
#info .conBox p.beta { margin-right: 181px; }



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

#implant table.compare { font-size: 90%; }

#implant ol p { margin-bottom: 0; }
#implant ol p.description {
	color: #666;
	margin-bottom: 1em;
	}

#implant p.footnotes { font-size: 90%; }


.pink{color:#f227eb;}

/* unit03
------------------------------------------------------------ */
.marT15 { margin-top:15px; }

#unit03 h4{
	width:555px;
	height:41px;
	display:block;
	text-indent:-99999em;
	padding:0;
	background:url(../idx_img/idx_stit.jpg) 0 0 no-repeat;}

#unit03 ul{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px !important;
	padding-bottom:15px;
	background:url(../idx_img/uni3_bg.gif) 0 100% no-repeat;}
#unit03 ul li{
	font-size:90%;
	float:left;
	width:220px;
	line-height:1.2;
	margin-right:30px;
	margin-bottom:5px;
	padding:4px 0 3px 22px;
	background:url(../idx_img/uni3_arr.gif) 0 3px no-repeat;}
#unit03 ul li.lgr{width:400px;}
#unit03 ul li a{font-weight:bold;}