@charset "utf-8";
@import url(css/dental/import.css);
@import url(css/dental/fit.css);
@import url(css/dental/container_shadow.css);

/* DEFAULT */
body {background : #292929 url("/images/design/bg.png") repeat-x ;}
#container {background : #292929 url("/images/design/container.png") repeat-y ;}
a {color: #666 ;}
a:hover {color: #000 ;}
hr {border: 1px solid #999 ;}

/* HEADER */
#header {background : url("/images/design/header.png") no-repeat ;}
#header * {color : #fff ;}
#header h1 {color : #333 ;}

#fontSize {border-bottom: 3px solid #322620 ;}
#fontSize p {color : #322620 ;}
#fontSize li a.off {border: 1px solid #322620 ;color: #1e3766;background: #fff ;}
#fontSize li a.on {border: 1px solid #fff ;color: #fff ;background: #1e3766 ;}

/* CONTENTS */
#center {background: url("/images/design/title.png") left 36px no-repeat ;}
#center h3 {background :url("/images/design/h3.png") no-repeat ;color : #2c221a ;}
#center h3 a {color : #684f42;}
#center table th {background : #f7f7ee ;border : 1px solid #cccccc ;}
#center table td {border : 1px solid #cccccc ;}
#center .faq a {background : url("/images/question.png") left center no-repeat ;} 

/* NAVI */
#category li span, #category li a {color : #322620 ;}
#category li li, #category li.sitemap {background: #fff ; }
#category li a  {background: #fff url("/images/design/navi.png") 0px center no-repeat ; color : #fff ; }
#category li a:hover  {background: #fff url("/images/design/navi.png") -225px center no-repeat; }
#category li li a, #category li.sitemap a {border-bottom: 1px dotted #b3b3b3 ;background: #fff url("/images/design/subnavi.png") 0px center no-repeat;color : #000 ; }
#category li li a:hover, #category li.sitemap a:hover{background: #fff url("/images/design/subnavi.png") -225px center no-repeat ;}

/* FOOTER */
#footer {background : #fff url("/images/design/footer.png") no-repeat ;color : #999 ;}
#footer * {color : #fff ; }

/* TOPPAGE */

#index #header {background : url("/images/index_top.png") no-repeat ;}

#index #center h3 {color : #2c221a ;background: url("/images/top_h3.png") repeat-x center;}
#index #center h3 a {color : #302618 ;}
#index #center h4 {background: url("/images/top_h4.png") repeat-x center;}
#index #center .whats h5 {background: url("/images/top_h5.png") repeat-x center;}
#index #center .whats p {background: url("/images/design/new_arrow.png") no-repeat 4px center;}


/* add */

#center .list a {background : url("/images/ico_list.png") left center no-repeat ;
padding-left:25px; margin-left:5px;} 

#center .list2 a {background : url("/images/ico_list2.png") left center no-repeat ;
padding-left:25px; margin-left:5px;} 

span.att{
background-color: #f5d1d1;
color:#333;
}

span.att2{
color:#370d16;
font-weight:bold;
font-size:105%;
}

span.att3{
border-left:#330000 solid 5px;
padding:5px 7px 5px 7px;
margin:5px 5px 10px 0px;
font-weight:bold;
font-size:120%;
}