@import "style.css";

/*indexWrap*/
#indexWrap{
padding:0 0 20px 0;
background:#D5D5D6 url(../img/style/indexWrapBg.png) 0 0 repeat-x;
}

/*indexWrap #header*/
#indexWrap #header{
padding:20px 0;
width:800px;
}

#indexWrap #header h1{
text-indent:-9999px;
float:left;
width:247px;
}

#indexWrap #header h1 a{
display:block;
/*\*/
overflow:hidden;
/**/
width:247px;
height:61px;
background:url(../img/style/logo.gif);
}

#indexWrap #header h2{
font-size:x-small;
font-weight:normal;
text-align:right;
height:15px;
overflow:hidden;
}

#indexWrap #header ul{
margin:33px 0 0 0;
width:227px;
float:right;
}

/*headerFlt*/
#headerFlt,#headerListFlt{
width:500px;
float:right;
}

/*indexMapPr*/
#indexMapPr{
width:600px;
height:300px;
float:left;
}

/*indexSearchArea*/
#indexSearchArea{
width:180px;
float:right;
}

#indexSearchArea h3{
text-indent:-9999px;
width:180px;
height:50px;
background:url(../img/style/indexSearchAreaTitle.gif) 0 0 no-repeat;
}

#indexSearchArea input#dentalSearchAll{
width:148px;
margin:0 0 0 8px;
padding:2px 5px;
border:1px solid #808080;
}

#indexSearchArea input#dentalSearchAllSubmit{
margin:5px 0 0 8px;
line-height:1;
padding:2px 5px;
}

/*indexBottomWrap*/
#indexBottomWrap{
background:url(../img/style/indexBottomWrapBg.png) 0 0 repeat-x;
}

/*indexBottom*/
#indexBottom{
background:url(../img/style/indexBottomBg.png) top center no-repeat;
}

/*indexInfoAreaContent*/
.indexInfoAreaContent{
margin:20px 0 0 0;
width:600px;
}

/*indexBottomFlt01*/
#indexBottomFlt01{
width:600px;
float:left;
}

/*indexBottomFlt02*/
#indexBottomFlt02{
width:160px;
margin:20px 0 0 0;
float:right;
}

/*infoArea*/
#infoArea{
width:280px;
float:left;
}

#infoArea h3{
height:36px;
text-indent:-9999px;
background:url(../img/style/infoTitle.gif) 0 0 no-repeat;
}

#infoArea ul,#infoArea ul li{
list-style-type:none;
}

#infoArea ul li{
padding:0 0 5px 0;
margin:0 0 5px 0;
color:#fff;
border-bottom:1px solid #fff;
}

/*indexMobArea*/
#indexMobArea{
width:280px;
float:right;
color:#fff;
}

#indexMobArea h3{
margin:0 0 15px 0;
height:55px;
text-indent:-9999px;
background:url(../img/style/mobileTitle.gif) 0 0 no-repeat;
border-bottom:1px solid #fff;
}

#indexMobArea p{
line-height:1.5;
}

#indexMobArea img{
margin:0 0 0 10px;
}

/*indexAreaSort*/
#indexAreaSort{
line-height:1.5;
width:280px;
float:left;
padding:0 0 5px 0;
background:url(../img/style/indexLayBlockBottom.gif) bottom left no-repeat;
}

#indexAreaSort h3{
text-indent:-9999px;
height:23px;
background:url(../img/style/indexAreaSortTitle.png) 0 0 no-repeat;
}

#indexAreaSort dl{
background:#fff;
padding:10px 5px 5px 5px;
}

#indexAreaSort dl dd ul,#indexAreaSort dl dd ul li{
list-style-type:none;
}

#indexAreaSort dl dt{
text-align:center;
float:left;
width:6.5em;
font-weight:bold;
}

#indexAreaSort dl dd{
margin:0 0 0 6.5em;
}

#indexAreaSort dl dd ul li{
display:inline;
}

#indexAreaSort dl dd ul li a{
color:#404040;
font-size:x-small;
}

/*newDentalList*/
#newDentalList{
width:280px;
float:right;
padding:0 0 5px 0;
background:url(../img/style/indexLayBlockBottom.gif) bottom left no-repeat;
}

#newDentalList ul,#newDentalList ul li{
list-style-type:none;
}

#newDentalList ul li{
margin:0 0 5px 0;
}

*:first-child+html #newDentalList ul li dl{
margin:-1em 0 0 0;
}

#newDentalList ul li dl dt{
font-weight:bold;
}

#newDentalList ul li dl dt a{
color:#00A0C6;
}

#newDentalList ul li dl dd span{
font-size:x-small;
}

* html #newDentalList ul li dl{
margin:-1em 0 0 0;
}

#newDentalList h3{
text-indent:-9999px;
height:23px;
background:url(../img/style/newDentalListTitle.png) 0 0 no-repeat;
}

#newDentalList ul{
background:#fff;
padding:10px 5px;
width:270px;
}

#indexPlusBanner{
width:160px;
}

#indexPlusBanner h4{
text-indent:-9999px;
}

#indexPlusBanner h4#julea_link{
margin-bottom:20px;
}

#indexPlusBanner h4#julea_link a{
display:block;
/*\*/
overflow:hidden;
/**/
width:160px;
height:180px;
background:url(../img/style/julea_btn_index.png) 0 0 no-repeat;
}

#indexPlusBanner h4#denta_link a{
display:block;
/*\*/
overflow:hidden;
/**/
width:161px;
height:179px;
background:url(../img/style/indexSideBanner.png) 0 0 no-repeat;
}

/*mainArea*/
#mainArea{
width:800px;
}

/*resultArea*/
#resultArea ul{
margin:20px 0;
}

#resultArea ul,#resultArea ul li{
list-style-type:none;
}

#resultArea ul li dl dt{
background:#E5E5E5;
padding:5px 0 5px 15px;
}

#resultArea ul li dl dt a{
text-decoration:none;
color:#1385B9;
font-size:16px;
font-weight:bold;
}

#resultArea ul li dl dd{
width:585px;
padding:20px 0 10px 15px;
background:url(../img/style/resultAreaDdBottom.gif) bottom left repeat-x;
}

#resultArea ul li dl{
margin:0 0 10px 0;
}

*:first-child+html #resultArea ul li dl dt{
margin:-16px 0 0 0;
}

* html #resultArea ul li dl dt{
margin:-16px 0 0 0;
}
/*areaSort*/
#areaSort{
padding:0 0 5px 0;
background:url(../img/style/areaSortBottom.gif) bottom left no-repeat;
}

#areaSort h3{
background:url(../img/style/areaSortTitle.png) 0 0 no-repeat;
text-indent:-9999px;
height:31px;
}

#areaSort dl{
background:#fff url(../img/style/areaSortLine.gif) 0 0 repeat-y;
padding:10px 5px 5px 5px;
}

#areaSort dl dd ul,#areaSort dl dd ul li{
list-style-type:none;
}

#areaSort dl dt{
text-align:center;
float:left;
width:130px;
font-weight:bold;
}

#areaSort dl dd{
margin:0 0 10px 130px;
padding:0 0 0 10px;
}

#areaSort dl dd ul li{
display:inline;
margin:0 10px 0 0;
}

#areaSort dl dd ul li a{
color:#404040;
}

/*sideContent*/
#sideContent{
width:160px;
float:right;
}
