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

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

/* HEADER */
#header {background : url("/images/design/header.png") no-repeat ; height : 150px ;}
#header * {color : #fff ;}
#header h1 {color : #fff ; top : 195px !important;}

#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 30px no-repeat ;}
#center h3 {background :url("/images/design/h3.png") no-repeat;color:#3f3f3f ;}
#center h3 a {color : #3f3f3f ;}
#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 solid #343434 ;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 : #fff ;}
#footer * {color : #fff ; }

/* TOPPAGE */

#index #center img {margin:0;}
#index #center h3 {background :url("/images/design/h3.png") repeat-x;color:#3f3f3f ;}
#index #center h3.img {background :url("/images/top_h3.png") no-repeat;line-height:168px;overflow:hidden;}
#index #center h3 a {color : #3f3f3f ;}
#index #center h4 {background: url("/images/top_h4.png") repeat-x center;color:#fff;}
#index #center h4 a {color : #fff ;}
#index #center .whats h5 {background: url("/images/top_h5.png") repeat-x center;color:#fff;}
#index #center h5 a {color : #fff ;}
#index #center .whats p {background: url("/images/design/new_arrow.png") no-repeat 4px center;}
.img {margin-left: 0px;padding: 0px;}

/*topimage*/
#index #imageContainer { position : absolute ; left : 0px ; top : 150px ; }
#index #header { height :610px ; background : url("/images/design/header.png") no-repeat ; }
#index ol#topmenu { position : absolute ; left : 0px ; top : 535px ; }
#index ol#topmenu { margin: 0; padding: 0; list-style: none; }
#index ol#topmenu li { font-size: 1%; line-height: 1%; float: left; margin-right: 0px; }
#index ol#topmenu img {border-width: 0; }

#c-page #header{height:160px;}
#c-page #header h1{height:250px;background:none;overflow:hidden;left: 10px !important;top: 180px !important;text-align:center;}
#c-page #header h1 img{height:250px;margin:0;top:0px;}
#c-page #center{padding-top:270px;background:none;}

address.callback {top: 55px ;}

dl {
  width:640px;
}
dt {
  float:left;
  width:180px;
  clear:both;
  padding:5px;
  border-top:1px dotted #370000;
}
dd {
  float:right;
  width:440px;
  padding:5px;
  border-top:1px dotted #370000;
}

/* add */
span.att2{
color:#8E6B23;
font-weight:bold;
font-size:105%;
}

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

#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: #fbf0e5;
color:#333;
}