@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: 130%;
*font-size: 160%;
}
	
h1 {} /* Header内で設定 */
h2 { padding-bottom:10px;}
h3 { padding-bottom:10px;}
h4 { padding-bottom:10px;}
h5 {
background: #39A278 url(../images/list03.gif) 0 center no-repeat;
font-size:160%;
font-weight:bold;
color:#FFFFFF;
padding:5px 0 5px 22px;
margin-bottom:10px;}

#index h2{ margin-top:10px; padding-left:5px;}
#index h3{ margin-bottom:0;}

.ttl01{
background: #39A278 url(../images/list03.gif) 0 center no-repeat;
font-size:160%;
font-weight:bold;
color:#FFFFFF;
padding:5px 0 5px 22px;
margin-bottom:10px;
}

.ttl02{
font-size:160%;
font-weight:bold;
color:#503100;}

a { color:#015353; }
a:hover,
a:active { color:#015353; text-decoration: none; }
a:visited {}
a:focus{ outline:none;}

.st{ font-weight:bold; color: #FF6600;}
.co01{ color:#8B5C29;}

.bg04{background:#e5f1fd;}


th,
td {
vertical-align:top;}

p { margin: 0 0 1em 0; }

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

.image_l { float: left; margin: 0; padding:0 10px 10px 0;}
.image_r { float: right; margin: 0; padding:0 0 10px 10px;}
.img_b{ border:1px solid #CCCCCC; background:#FFFFFF;}


.ma_l20{ margin-left:20px;}
.ma_b10{ _margin-bottom:10px;}


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

html {
background: none;}

body {
background: url(../images/body_bg.jpg) top repeat-x;
color: #333;
text-align: center;}


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

#conwrap{ background:#FFFFFF url(../images/conwrap.gif) 0 0 repeat-y; width:900px;}

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

#header {
padding:15px 0 12px 0;
_padding:15px 0 18px 0;
height:70px;}

#header h1{ float:left; width:375px;}
#header .hBnr{ float:left; width:486px; padding:5px 0 0 39px;}

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

#main01 .appoint,#main02 .appoint,#main03 .appoint,#main04 .appoint,#main05 .appoint,
#main06 .appoint,#main07 .appoint,#main08 .appoint,#main09 .appoint,#main10 .appoint,
#main11 .appoint,#main12 .appoint,#main13 .appoint,#main14 .appoint{
float:left;
width:290px;
padding:134px 0 11px 10px;}
#main01 .appoint a,#main02 .appoint a,#main03 .appoint a,#main04 .appoint a,#main05 .appoint a,
#main06 .appoint a,#main07 .appoint a,#main08 .appoint a,#main09 .appoint a,#main10 .appoint a,
#main11 .appoint a,#main12 .appoint a,#main13 .appoint a,#main14 .appoint a{
display:block;
width:235px;
height:88px;
}
/*#main01 .appoint a:hover,#main02 .appoint a:hover,#main03 .appoint a:hover,#main04 .appoint a:hover,#main05 .appoint a:hover,
#main06 .appoint a:hover,#main07 .appoint a:hover,#main08 .appoint a:hover,#main09 .appoint a:hover,#main10 .appoint a:hover,
#main11 .appoint a:hover,#main12 .appoint a:hover,#main13 .appoint a:hover,#main14 .appoint a:hover{
background: url(../images/main01_on.jpg) 0 0 no-repeat;}*/
#main01 .catch,#main02 .catch,#main03 .catch,#main04 .catch,#main05 .catch,
#main06 .catch,#main07 .catch,#main08 .catch,#main09 .catch,#main10 .catch,
#main11 .catch,#main12 .catch,#main13 .catch,#main14 .catch{
width:920px;}
#main01 .catch,#main02 .catch,#main03 .catch,#main04 .catch,#main05 .catch,
#main06 .catch,#main07 .catch,#main08 .catch,#main09 .catch,#main10 .catch,
#main11 .catch,#main12 .catch,#main13 .catch,#main14 .catch{
display:block;
width:920px;
height:232px;
text-indent:-9999px;}

#main01{ background: url(../images/main01.jpg) 0 0 no-repeat;}
#main02{ background: url(../images/main02.jpg) 0 0 no-repeat;}
#main03{ background: url(../images/main03.jpg) 0 0 no-repeat;}
#main04{ background: url(../images/main04.jpg) 0 0 no-repeat;}
#main05{ background: url(../images/main05.jpg) 0 0 no-repeat;}
#main06{ background: url(../images/main06.jpg) 0 0 no-repeat;}
#main07{ background: url(../images/main07.jpg) 0 0 no-repeat;}
#main08{ background: url(../images/main08.jpg) 0 0 no-repeat;}
#main09{ background: url(../images/main09.jpg) 0 0 no-repeat;}
#main10{ background: url(../images/main10.jpg) 0 0 no-repeat;}
#main11{ background: url(../images/main11.jpg) 0 0 no-repeat;}
#main12{ background: url(../images/main12.jpg) 0 0 no-repeat;}
#main13{ background: url(../images/main13.jpg) 0 0 no-repeat;}
#main14{ background: url(../images/main14.jpg) 0 0 no-repeat;}

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

#index #main .appoint{
float:left;
width:290px;
padding:235px 0 0 10px;}
#index #main .appoint a{
display:block;
width:235px;
height:88px;
}

#index #main .catch{
float:right;
width:600px;}
#index #main .catch{
display:block;
width:600px;
height:230px;
text-indent:-9999px;}
#index #main{ background: url(../images/idx_main.jpg) 0 0 no-repeat; margin-bottom:2px; }

ul#menu li{
float:left;}
#menu{ background:#FFFFFF; padding-bottom:6px;}



/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#footwrap { background:#8e8e90;}

#footer {
width:900px;
margin:0 auto;
text-align:left;
padding:20px 5px 10px 5px;}

#footer .fBnr01{ float:left; width:210px; padding-top:15px;}
#footer .fBnr02{
float:right;
width:635px;
padding-bottom:15px;}

#footer .fBnr02 a{
display:block;
width:635px;}


/*------------------------------------------------------------------------*/
.pagetop{
margin-left:790px;
width:105px;
margin-top:20px;}
.pagetop a{
display:block;
width:105px;
height:26px;
}

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

#navi{
background:#e3e3e3;
width:224px;
padding:10px;}

#navi dl.navi_a{ margin-bottom:10px;}
#navi dl.navi_a dd.navi_a01{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_a dd.navi_a02{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_a dd.navi_a03{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_a dd.navi_a04{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_a dd.navi_a05{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_a dd.navi_a06{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_a dd.navi_a01 a,#navi dl.navi_a dd.navi_a02 a,
#navi dl.navi_a dd.navi_a03 a,#navi dl.navi_a dd.navi_a04 a,
#navi dl.navi_a dd.navi_a05 a,#navi dl.navi_a dd.navi_a06 a{
display:block;
width:224px;
height:56px;
}


#navi dl.navi_b{ margin-bottom:20px;}
#navi dl.navi_b dd.navi_b01{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_b dd.navi_b02{border-bottom:1px solid #FFFFFF;}
#navi dl.navi_b dd.navi_b01 a,#navi dl.navi_b dd.navi_b02 a{
display:block;
width:224px;
height:55px;
}


ul.navi_bnr li.navi_bnr01{margin-bottom:3px;}
ul.navi_bnr li.navi_bnr02{margin-bottom:18px;}
ul.navi_bnr li.navi_bnr03{margin:0 10px 10px 54px;}
ul.navi_bnr li.navi_bnr04{margin-bottom:3px;}


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

#contents{
float:right;
width:633px;
text-align:left;

}

/** html #contents{width:635px;}*/

.box08{
border:1px solid #CCCCCC;
padding:10px;
margin-bottom:20px;}

.box09{
background: #EEF7F3;
border:1px solid #CCCCCC;
padding:10px;
margin-bottom:20px;}

.access{ width:450px; height:450px;}
/*------------------------------------------------------------------------*/

ul.list01{ margin-bottom:20px;}
ul.list01 li{
background:url(../images/list05.jpg) 0 center no-repeat;
padding:0 0 0 20px;
font-weight:bold;
color: #FF6600;
margin-bottom:5px;}

.list04 {text-align:right;}
/*------------------------------------------------------------------------*/
dl.merit{ margin-bottom:15px;}
dl.merit dt{
background:url(../images/list06.gif) 0 center no-repeat;
padding:0 0 0 20px;
font-weight:bold;
color:#FF6600;}


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

table.layout01{
border:1px solid #CCCCCC;
border-width:1px 0 0 1px;
margin:0 0 15px 0;}
table.layout01 th,
table.layout01 td{
border:1px solid #CCCCCC;
border-width:0 1px 1px 0;
text-align:left;
padding:5px;}
table.layout01 th{
width:150px;
background: #B7E3C0;
text-align:center;
font-weight:bold;}
table.layout01 th.bg02{ background:#6ca850;}
table.layout01 th.bg03{ background:#46cbcd;}
table.layout01 td ul li{
background:url(../images/list01.gif) 0 center no-repeat;
padding:0 0 0 15px;}

#perio table.layout01{
width:610px;}

table.layout02{
width:100%;
border:1px solid #CCCCCC;
border-width:1px 0 0 1px;
margin:0 0 15px 0;}
table.layout02 th,
table.layout02 td{
border:1px solid #CCCCCC;
border-width:0 1px 1px 0;
text-align:left;
padding:5px;}
table.layout02 th{
width:150px;
background: #B7E3C0;
text-align:center;
font-weight:bold;}
table.layout02 td.tdHead{
background:#d9f2de;
color:#1e5d2b;
font-weight:bold;
text-align:center;
}
table.layout02 td ul li{
background:url(../images/list01.gif) 0 center no-repeat;
padding:0 0 0 15px;}


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

.btn02{
width:225px;
margin-top:10px;}
.btn02 a{
display:block;
width:225px;
}


.btn03{
width:275px;
margin-top:20px;}
.btn03 a{
display:block;
width:275px;
}


.btn04{
width:275px;
padding-right:10px;}
.btn04 a{
display:block;
width:275px;
}


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

.ba01{
background:url(../images/arrow01.jpg) 260px 30px no-repeat;
width:550px;
margin:0 30px}
.ba02{
background:url(../images/arrow01.jpg) 260px 60px no-repeat;
width:550px;
margin:0 30px}

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

dl.flow_d{
background:url(../images/arrow02.jpg) 260px bottom no-repeat;
margin:0 10px 20px 10px;}
dl.flow_d dt{
background:#559c36;
margin-bottom:10px;
padding:3px 3px 3px 10px;
font-weight:bold;
color:#FFFFFF;}
dl.flow_d dd{
padding:0 10px 30px 10px;}

dl.flow_e{margin:0 10px;}
dl.flow_e dt{
background: #559c36;
margin-bottom:10px;
padding:3px 3px 3px 10px;
font-weight:bold;
color:#FFFFFF;}
dl.flow_e dd{
padding:0 10px 30px 10px;}

.flow2_d{
background:url(../images/arrow02.jpg) 260px bottom no-repeat;
margin:30px 10px 20px 10px;}
.flow2_d p{
padding:0 10px 50px 10px;}

.flow2_e{margin:30px 10px 20px 10px;}
.flow2_e p{
padding:0 10px 50px 10px;}

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

dl.case{
padding-bottom:10px;
margin-bottom:10px;}
dl.case dt{
background: #39A278 url(../images/list03.gif) 0 center no-repeat;
font-size:120%;
font-weight:bold;
color:#FFFFFF;
padding:3px 0 3px 22px;
margin-bottom:10px;}
dl.case dd{
padding-bottom:10px;}


/* faq
------------------------------------------------------------------------*/
dl.faq {
border:1px solid #CCCCCC;
margin:10px 0;
padding:10px;
width:610px;}
* html dl.faq{
width:630px;
}
dl.faq dt {
border:1px dotted #CCCCCC;
border-width:0 0 1px 0;
padding-bottom:5px;}
dl.faq dd {
background:url(../images/answer.gif) left 0 no-repeat;
margin-top:10px;
padding:0 0 8px 30px;}

dl.voice{ background:#FFFFFF url(../images/voice.jpg) 5px 10px no-repeat; padding:10px 10px 10px 60px;}
dl.voice dt{ font-weight:bold; color:#015353;}
dl.voice dd{}



/* index
------------------------------------------------------------------------*/
#index #contents{
float:right;
width:640px;}

#conbox01{
background:url(../images/idx_bg01.jpg) 0 0 no-repeat;
padding:10px 10px 0 10px;
_width:640px;}
dl.box01,dl.box03{
float:left;
width:282px;
_width:302px;
padding:12px 10px 10px 10px;
min-height:170px;
_height:190px;}
dl.box02,dl.box04{
float:right;
width:282px;
_width:302px;
padding:12px 10px 10px 10px;
min-height:170px;
_height:190px;}
dl.box01{ background:url(../images/idx_con01.jpg) 0 0 no-repeat; border-bottom:1px solid #cfc5c4; margin:0 10px 10px 0;}
dl.box02{ background:url(../images/idx_con02.jpg) 0 0 no-repeat; border-bottom:1px solid #cfc5c4; margin-bottom:10px;}
dl.box03{ background:url(../images/idx_con03.jpg) 0 0 no-repeat; border-bottom:1px solid #cfc5c4; margin:0 10px 10px 0;}
dl.box04{ background:url(../images/idx_con04.jpg) 0 0 no-repeat; border-bottom:1px solid #cfc5c4; margin-bottom:10px;}

dl.box01 dt a,dl.box03 dt a{
display:block;
width:175px;
height:75px;
margin:0 0 10px 106px;
}
dl.box02 dt a,dl.box04 dt a{
display:block;
width:175px;
height:75px;
margin:0 0 10px 105px;
}


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

#conbox02{
width:640px;
background:url(../images/idx_bg04.jpg) 0 0 no-repeat;
margin-top:5px;
padding:25px 30px 10px 30px;}
#conbox02 ul{ padding-bottom:15px;}
#conbox02 ul li{
background:url(../images/list01.gif) 0 center no-repeat;
padding:0 0 0 15px;}

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

#conbox03{
background:url(../images/idx_bg07.jpg) 0 0 no-repeat;
margin-top:5px;
padding:15px 15px 0 15px;
_width:640px;}

.bg01{
border:1px solid #139d7c;
background:#b4d9d0;
padding:10px;
margin-bottom:10px;}

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

#conbox04{
border:1px solid #cdcdcd;
padding:10px;
width:620px;
_width:640px;}

#box05{
float:left;
padding-left:10px;
width:320px;}

#box05 dl{ padding:5px 0; clear:both;}
#box05 dl dt{
float:left;
text-align:center;
font-weight:bold;
background:#569a35;
padding:3px;
width:70px;
color:#FFFFFF;}
#box05 dl dd{
float:left;
padding:0 0 0 10px;}

#box05 .idx_btn01{
width:275px;
margin:15px 0 30px 0;}

#box05 .idx_btn01 a{
display:block;
width:275px;}
/*#box05 .idx_btn01 a:hover{
background: url(../images/idx_btn01_on.jpg) 0 0 no-repeat;}*/

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

#box06{ float:right; padding:0 0; width:286px;}
#box06 dl{ background:#549b35; padding:5px;}
#box06 dl dd{ border:1px solid #FFFFFF; width:275px; height:170px;}

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

#box07 ul{ float:left; width:380px;}

#box07 .idx_btn02{
float:right;
width:225px;
padding-right:10px;}

#box07 .idx_btn02 a{
display:block;
width:225px;}

#tiny table { border: none; width: 540px;}
#tiny table td { border: none;}
#tiny table th { border: none;}
	
#tiny table .tn_date { background:url(../images/list01.gif) 0 9px no-repeat; width: 80px; padding-left: 15px; }


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

#contents p.linkTextA{
background:url(../images/lm-01.gif) 15px 7px no-repeat;
text-align:right;

}

.ortho_box {
background: url(../images/ortho_box_bg.jpg) right 0 no-repeat;
margin: 0 50px;
}

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

.case_box .image_l { padding: 0 17px 10px 0; }
.case_box .image_r { padding: 0; }

.case_box .sr_image_l { padding: 0 77px 10px 0; float:left; margin:0;}