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

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;

}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	/font-size: 160%;

}




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


#contents h2{margin:10px 0 35px 0;}

#contents h2{margin:19px 0 20px 0;}

#contents h3{margin:0 0 20px 0;}

#contents h4{
margin:0 auto;
width:590px;
text-align:left;}

#contents h4.h4a{
width:316px;
float:left;
margin:0 0 20px 0;}

#contents h4.h4b{
width:590px;
float:left;
margin:0 auto 15px auto;
float:none;}

#contents h5{
width:590px;
margin:0 auto 15px auto;}

#contents h6{
width:590px;
margin:0 auto 15px auto;}

/* link
-----------------------------------*/
a:link{color:#de8500;text-decoration: underline;}
a:visited{color:#de8500;text-decoration:underline;}
a:hover{color:#de8500;text-decoration:none;}
a:active{color:#de8500;text-decoration:underline;}


/* ul
-----------------------------------*/
#contents ul.ltD{
background:#f8f9f9;
border:1px solid #c2d7d7;
padding:15px 15px 5px 15px;
margin:0 auto 20px auto;
width:550px;
text-align:left;
}
* html #contents ul.ltD{margin:0 auto 20px 0;}
#contents ul li{
background:url(../images/lm01.gif) 0 7px no-repeat;
margin:0 0 8px 0;
padding:0 0 0 20px;
}
#child #contents ul li{
background:none;
margin:0 0 8px 0;
padding:0 0 0 10px;
}


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

#contents dl{
text-align:left;}

#contents dl.ltA,
#contents dl.ltB{
width:590px;
padding:0;
margin:0 auto 30px auto;
background:#f4f4f4;
border:0;
color:#666;

}
#contents dl.ltB{margin:0 auto;}
#implant02 #contents dl.ltB{margin:0 auto 20px auto;}


#contents dl.ltA dt,
#contents dl.ltB dt{
background:url(../images/stit-01.gif) 0 0 no-repeat;
width:560px;
padding: 10px 5px 8px 30px;
font-weight:bold;
color:#492c00;
}
#contents dl.ltA dd,
#contents dl.ltB dd{
padding:25px;
line-height:1.5;
}
#contents dl.ltA dd.par,
#contents dl.ltB dd.par{
padding:25px 25px 0 25px;
}

#contents dl.ltA dd.lm01{
background:url(../images/lm01.gif) 12px 18px no-repeat;
padding:10px 25px 0 30px;}

#contents dl.ltA dd.lm01Last{
background:url(../images/lm01.gif) 12px 18px no-repeat;
padding:10px 25px 25px 30px;}

#contents dl.ltC dd.par{
margin:0 0 10px 0;}

/* IE6用ハック */
* html #contents dl.ltA dt,* html #contents dl.ltB dt{width:590px;}


#contents dl.ltC{
width:554px;
padding:15px;
margin:0 auto 30px auto;
background:#f5eee9;
border:3px double #ebe0d8;
color:#6f4924;
}
#contents dl.ltC dt{
background:none;
font-weight:bold;
color:#402000;
border-bottom:1px dotted #dec7b7;
padding:0 0 6px 0;
}
#contents dl.ltC dd{
padding:10px 0 0 0;
}

/* IE6用ハック */
* html #contents dl.ltC{width:590px;}


#contents dl.ltE{
width:300px;
margin:0 auto 30px auto;
float:left;
}
#contents dl.ltE dt{
width:100px;
float:left;
padding:6px 0 5px 0;
border-bottom:1px dotted #CCC;
}
dl.ltE dd{
width:200px;
float:left;
border-bottom:1px dotted #CCC;
padding:6px 0 5px 0;
}




#contents dl.notes{
background:#f2f2f2;
padding: 10px 20px;
margin:0 auto 30px auto;
width:550px;
line-height:1.3;
color:#555;
}
#contents dl.notes dt{
color:#46341e;
font-weight:bold;
margin:0 0 2px 0;
background:url(../images/lm01.gif) 0 5px no-repeat;
padding:0 0 0 13px;
}
#contents dl.notes dd{
margin-bottom:7px;
}
/* IE6用ハック */
* html #contents dl.notes{width:590px;}


/* other
-----------------------------------*/

#contents span{
font-weight:bold;
color:#f09000;
}


.center{text-align:center;}
.center2{text-align:center; margin:0 auto 25px auto;}
.right{text-align:right;}
.marR10{margin-right:10px;}
.marB5{margin-bottom:5px;}
.marB15{margin-bottom:15px;}
.marB30{margin-bottom:30px;}
.marR2{ margin-right:2px;}

hr{display:none;}



/* p
-----------------------------------*/

p{
line-height:1.6;
text-align:left;
}

#contents .sectionA p,
#contents .sectionB p{
margin-bottom:15px;}

p.arrow{
background:url(../images/arrow-01.gif) 0 0 no-repeat;
width:26px;
height:22px;
text-indent:-9999px;
margin:0 auto;
}

#contents p.notes02{
float:left;
margin:0 20px 0 0;
margin-bottom:0;
}



/* section
-----------------------------------*/

#contents .sectionA {
padding: 0 3.0em 0;
margin:0 0 30px 0;
}
#contents .sectionB {
padding: 0 3.0em 0;
margin:0 0 15px 0;
}





/* img
-----------------------------------*/

img{vertical-align:bottom;}

#contents .image_l { float: left; margin: 0 22px 8px 0; }
#contents .image_r {
float: right;
margin: 0 0 15px 20px;
padding:1px;
}
#contents .image_m { text-align:center; margin: 0 auto 15px auto; }


/* banner
-----------------------------------*/
.ban_online{
float:left;
width:393px;
margin:0 0 25px 0;
}
.ban_mail{
float:left;
width:247px;
margin:0 0 25px 0;
}


/*--------------------------------------------------------
	table
--------------------------------------------------------*/

#contents table{
width:580px;
margin:0 auto 40px auto;
border:1px solid #976c12;
background:#afc814;
color:#333;
text-align:left;
}
#contents table.marB15{margin:0 auto 15px auto;}
#contents table.tableS{
width:280px;
float:left;
}

#contents table.tb02{font-size:120%;}



#contents table th,#contents table td{padding:10px 8px;}

#contents table.tb0 th2,#contents table.tb02 td{padding:5px 6px;}

#contents table.tableS th,#contents tableS td{padding:6px 5px;}

#contents table th{
background:#715531;
font-weight:normal;
border:1px solid #976c12;
color:#FFF;
text-align:left;
width:25%;
}
#contents table.tableS th{width:27%;}

#contents table td{
background:#FFF;
font-weight:normal;
border:1px solid #976c12;
}
#contents table td p{margin: 0 0 5px;}

#contents table.tb03 th{ text-align:center;}
#contents table.tb03 td.tdHead{width:30%; font-size:120%;}
#contents table.tb03 td{padding:8px 5px;}
#contents table.tb03 td p{font-size:90%; text-align:center; margin:0;}

#contents table td.tdHead,
#contents table td.tdHead2,
#contents table td.tdHead3{
background:#e8d0b1;
color:#4c2b00;
font-weight:bold;
}
#contents table td.tdHead{width:200px;}
#contents table td.tdHead2{width:5%;}
#contents table td.tdHead3{width:500px;}



#contents table th.th2{width:20%;}
#contents table th.th3{width:10%; text-align:center;}
#contents table th.th4{width:400px; text-align:center;}
#contents table th.th6{width:19%;}

#contents table td ul{
background:none;
margin:0;
padding:0;
width:auto;
border:0;
}
#contents table td ul li{

margin:0 0 6px 0;

}
#contents table td.td03{ background:#f7f1e7;}


#contents table.tb02 td ul li{padding:0; background:none;margin:0 0 10px 0;}



#inquiry #contents table{
width:580px;
margin:0 auto 40px auto;
border:1px solid #976c12;
background:#afc814;
color:#333;
}

#inquiry #contents table th{
width:30%;
background:#FFF;
font-weight:normal;
border:1px solid #976c12;
color:#785528;
text-align:left;

}

#inquiry #contents span{
font-weight: normal;
color:#669966;
margin:0 0 5px 0;
}

#inquiry #contents table th td input.fmail{}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
background: none;
}

body {
color: #333;
text-align: center;
}
#wrapper {
width:901px;
background:#FFF;
margin:0 auto;
padding:0;
}
#main {
width:901px;
margin:0 auto;
}
#toppage #main {
width:898px;
padding:0;
}

#contents{
width:640px;
float:right;
}

h2.ptit{
width:649px;
float:right;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/


#header{
width:910px;
height:117px;
margin:0 auto;
padding:0;
background:url(../images/header.gif) 0 0 no-repeat;
text-align:left;
}
#headInner{margin:0 0 0 35px;}
#header p.headText {
height:27px;
font-size:120%;
padding:10px 0 0 0;
text-align:left;
}

#header h1 {
width:371px;
height:65px;
float:left;
background:url(../images/h1-01.gif) 0 0 no-repeat;
}
#header h1 a{
width:371px;
height:65px;
text-indent:-9999px;
display:block;

}
#header dl{
text-indent:-9999px;
}

#gn_wrapper{
width:910px;
margin:0 auto;
background:url(../images/gn_bg.gif) 0 0 no-repeat;
}

#gnavi{
margin:0 auto;
width:901px;
height:47px;
margin:0 5px 0 4px;

}
#gnavi li{
height:43px;
display:inline;
float:left;
}



/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/



#footer {
width:910px;
height:65px;
background:url(../images/footer_bg.gif) 0 0 no-repeat;
margin:0 auto;
}

#footer p.footTel{
width:500px;
float:left;
text-indent:-9999px;
} 
#footer p.copyright{
color:#009b6f;
text-align:center;
font-size:120%;
margin:0 0 10px 0;
width:400px;
float:right;
text-indent:-9999px;
} 

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
width:240px;
float: left;
margin:0;
background:url(../images/navi_bg-02.gif) 0 0 no-repeat;
}

#navi ul{
background:url(../images/navi_bg.gif) 0 0 no-repeat;
width:224px;
height:407px;
padding:3px 8px 0 8px;
margin:0 0 26px 0;
}
/* IE6用ハック */
* html #navi ul{
width:240px;
}


#navi ul li{
width:224px;
margin:0;
}

#navi .ban_shika01{margin:0 auto 20px auto; text-align:center;}
#toppage #navi .ban_shika01{margin:0 auto 215px auto; text-align:center;}


#navi .ban_gaku{ width:204px;margin:0 auto 10px auto;}


.infoArea{
width:218px;
border:1px solid #cccccc;
margin:0 auto;
background: url(../images/info_bg.gif) 0 100% no-repeat #f5f5f5;
}
.infoArea h3{
margin:0 0 20px 0;
}

.infoArea p{
font-size:120%;
margin:0 0 10px 9px;
}
.infoArea table{
width:205px;
font-size:120%;
margin:0 0 10px 9px;
text-align:left;
}
.infoArea table th,
.infoArea table td{
padding:5px 2px;
}
.infoArea table th{
width:70px;
text-align:left;
vertical-align:top;
}




/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/


/* index
------------------------------------------------------------------------*/

#tiny { height:150px; overflow:scroll; margin-bottom:20px; }
#tiny table { border: none;}
#tiny table td { border: none; vertical-align:top; }

h4#news { margin:0; padding:0; width:640px; }

#toppage h2{
width:901px;
height:246px;
margin:0;
}

#copyArea{
width:901px;
height:104px;
background:url(../images/top_copy_bg.gif) 0 0 no-repeat;
}
#copyArea p{
margin:0 0 0 621px;

}

#contents .topSectionA{
background:  url(../images/top_con_bg-01.gif) 0 0 no-repeat;
width:640px;
height:290px;
margin:21px 0 0 0;
}
#contents .topSectionA h3{
width:640px;
height:50px;
margin:0;
}
#contents .topSectionA ol{
width:640px;
height:158px;
margin:0;
text-indent:-9999px;
}
#contents .topSectionA p{
width:333px;
height:50px;
margin:0 auto 20px auto;
}

#contents .topSectionB{
background:  url(../images/top_con_bg-02.gif) 0 0 no-repeat;
width:640px;
margin:0 0 20px 0;
}
#contents .topSectionB p{
padding:0 20px 20px 20px ;
}

#toppage #contents dl{
width:640px;
padding:0;
margin:0 0 20px 0;
background:#FFF;
border:0;
}

#toppage #contents dl dt{
background:url(../images/top_tit-01.gif) 0 0 no-repeat;
width:640px;
height:32px;
margin:0 auto;
padding:0;
text-indent:-9999px;
}
#toppage #contents dl dd{
padding:15px 20px 20px 50px;


}

#contents .topSectionC{
width:618px;
border:1px solid #cccccc;
background: url(../images/top_con_bg-03.gif) 0 0 no-repeat #f5f5f5;
padding:0 8px 12px 12px;
margin:0 0 20px 0;
}

/* IE6用ハック */
* html #contents .topSectionC{width:640px; text-align:left;}

#contents .topSectionC h4{
width:271px;
height:31px;
text-align:left;
margin:0;
}
#contents .topSectionC div.topSecCleft{
width:271px;
height:31px;
float:left;
}




#contents .topSectionC table{
width:350px;
margin:0;
background:none;
border:none;
}
#contents .topSectionC table th,
#contents .topSectionC table td{
background:none;
border:none;
padding:3px 2px;
vertical-align:top;
}
#contents .topSectionC table th{
width:65px;
color:#594221;
text-align: left;
}

#contents .topSectionC div#map{
width:254px;
height:200px;
float:right;
margin:10px 0 0 0;
}


#clinic #contents div#map{
width:500px;
height:300px;
margin:0 auto 40px auto;
border:8px solid #f1f1f1;
}



/* fdgallary layout
--------------------------------*/

.glup,
dl.glbox03,
#root dl.glbox{
width:590px;
margin:0 auto 30px;
}
#root dl.glbox{margin:0 auto 5px;}

dl.glbox01,
dl.glbox02{
width:290px;
float:left;
display:inline;
}

dl.glbox01{margin-right:10px;}

dl.glbox01 dt,
dl.glbox02 dt,
dl.glbox03 dt,
#root dl.glbox dt{
background:url(../images/fdgallery_ttl.jpg) 0 0 no-repeat;
width:175px;
_width:200px;
font-weight:bold;
color:#cfcbc5;
padding:7px 0 6px 25px;
}

dl.glbox01 dd,
dl.glbox02 dd,
dl.glbox03 dd,
#root dl.glbox dd{
background:#F2F2F2;
}

dl.glbox03 dd{
float:left;
display:inline;
}

dl.glbox01 dd img,
dl.glbox02 dd img{
margin:10px 25px 5px;
}


#root dl.glbox dd img{margin:10px 120px 5px 120px;}

#root #contents ul.slide li span{
width:348px;
margin:0 auto 10px auto;
background:url(../images/slide_bg-01.gif) 0 0 repeat-x;
display:block;
text-align:center;
padding:0;
color:#fff;
border:1px solid #b3b3b3;
}
/* IE6用ハック */
* html #root #contents ul.slide li span {width:350px;}

#root #contents ul.slide li span img{
margin:0;
}

dl.glbox03 dd img{margin:10px 27px 5px 28px;}
dl.glbox03 dd.rt img{
float:none;
margin:10px 28px 5px 27px;
}


/* fdgallary ul
/*--------------------------*/

#implant #contents ul.slide li,
#root dl.glbox dd ul.slide li{
background:none;
margin:0;
padding:0;
text-align:center;
}

#implant #contents ul.slide li span{
width:238px;
margin:0 auto 10px auto;
background:url(../images/slide_bg-01.gif) 0 0 repeat-x;
display:block;
text-align:center;
padding:0;
color:#fff;
border:1px solid #b3b3b3;
}
#implant #contents ul.slide li span img{
margin:0;
}

#implant02 #contents ul.slide{
width:590px;
margin-bottom:20px;
}

#cost #contents ul.slide{
width:590px;
background:#F2F2F2;
margin:0 auto;
}

#implant02 #contents ul.slide li,
#cost #contents ul.slide li,
#cost #contents ul.slide02 li,
#cost #contents ul.slide03 li,
#cost #contents ul.slide04 li{
background:none;
margin:0;
padding:0;
background-color:#F2F2F2;
}

#implant02 #contents ul.slide li span,
#cost #contents ul.slide li span,
#cost #contents ul.slide02 li span,
#cost #contents ul.slide03 li span,
#cost #contents ul.slide04 li span{
width:198px;
margin:0 auto 10px auto;
background:url(../images/slide_bg-01.gif) 0 0 repeat-x;
display:block;
text-align:center;
padding:0;
color:#fff;
border:1px solid #b3b3b3;}

/* IE6用ハック */
* html #implant02 #contents ul.slide li span,
* html #cost #contents ul.slide li span,
* html #cost #contents ul.slide02 li span,
* html #cost #contents ul.slide03 li span,
* html #cost #contents ul.slide04 li span{
width:200px;
}
#cost #contents ul.slide li.lst02 span{width:462px;}
#cost #contents ul.slide li.lst03 span{width:103px;}
#cost #contents ul.slide04 li span{width:468px;}

/* IE6用ハック */
* html #cost #contents ul.slide li.lst02 span{width:464px;}
* html #cost #contents ul.slide li.lst03 span{width:105px;}
* html #cost #contents ul.slide04 li span{width:470px;}

#implant02 #contents ul.slide li.lst01 img{
margin:10px 110px;
}

#implant02 #contents ul.slide li.lst02 img{
margin:10px 205px;
}

#implant02 #contents ul.slide li.lst03 img{
margin:10px 120px;
}

#cost #contents ul.slide li.lst01 img{
margin:10px 150px 5px;
}

#cost #contents ul.slide li.lst02 img{
margin:10px 53px 5px;
}

#cost #contents ul.slide li.lst03 img{
margin:10px 230px 5px;
}

#implant02 #contents ul.slide li span img,
#cost #contents ul.slide li span img,
#cost #contents ul.slide li.lst01 span img,
#cost #contents ul.slide li.lst02 span img,
#cost #contents ul.slide li.lst03 span img,
#cost #contents ul.slide02 li span img,
#cost #contents ul.slide03 li span img,
#cost #contents ul.slide04 li span img{
margin:0;}

#cost .glbox{
width:590px;
margin:0 auto 5px auto;
background:#F2F2F2;
}
* html #cost .glbox{
margin:0 auto 5px 0;
}

#cost .glbox2{
width:590px;
margin:0 auto 20px auto;
background:#F2F2F2;
}
* html #cost .glbox2{
margin:0 auto 20px 0;
}

#cost #contents ul.slide02,
#cost #contents ul.slide03{
width:295px;
float:left;
margin:0;
}

#cost #contents ul.slide02 li img,
#cost #contents ul.slide03 li img{
margin:10px 47px 5px;
}

#cost #contents ul.slide04{
width:590px;
margin-bottom:0;
}

#cost #contents ul.slide04 li img{
margin:10px 60px 5px;
}


/* googlemap
--------------------------*/

#contents p#map02{
width:500px;
height:280px;
border:8px solid #f2fadd;
margin:0 auto 30px auto;
}


/* pagetop
--------------------------*/
#contents p.pagetop{
width:110px;
height:37px;
margin:0 0 30px 530px;
}