@charset "utf-8";

/*------topMainContent------*/

#topMainContent {
width:860px;
margin:0 20px 0 20px;
overflow:hidden;
}

/*------top left------*/

#topMainContent #left {
float:left;
width:560px;
margin:0 20px 0 0;
display:inline; 
}


/*------top right------*/

#topMainContent #right {
float:right;
width:280px;
}

/*mainImage*/
#mainImage {
width:860px;
height:300px;
margin-bottom:15px;
}

/*info*/

#topMainContent .leftMain {
background:transparent url(/img/top/bg_info.gif) repeat-y scroll 0 top;
}

#topMainContent .leftMain .info {
clear:both;
width:560px;
background:transparent url(/img/top/bg_info_btm.gif) no-repeat scroll 0 bottom;
}

#topMainContent .leftMain .info h2{
width:560px;
height:40px;
}

#topMainContent .leftMain .info ul {
overflow:hidden;
padding:0px 25px 15px 25px;
}

#topMainContent .leftMain .info li {
clear:both;
overflow:hidden;
}

#topMainContent .leftMain .info li dl{
background:transparent url(/img/cmn/line_dots.gif) repeat-x scroll 0 bottom;
padding:10px 0 10px 0;
overflow:hidden;
_zoom: 1;
}

#topMainContent .leftMain .info li dt{
float:left;
margin:0 15px 0 0;
color:#007dd6;
display:inline;
overflow:hidden;
}

#topMainContent .leftMain .info li dd{
float:right;
width:425px;
font-weight:bold;
*width:415px;
overflow:hidden;
}

/*leftBnr*/

#topMainContent #leftBnr {
clear:both;
margin-top:15px;
}

#topMainContent #leftBnr ul li {
margin-bottom:10px;
}

#topMainContent #leftBnr ul li.first {
float:left;
margin-right:20px;
_margin-right:17px;
}


/*service*/

#topMainContent #rightNav {
clear:both;
background:transparent url(/img/top/bg_service.gif) repeat-y scroll 0 top;
}

#topMainContent #rightNav .service {
width:280px;
background:transparent url(/img/top/bg_service_btm.gif) no-repeat scroll 0 bottom;
}

#topMainContent #rightNav .service h2{
width:280px;
height:45px;
}

#topMainContent #rightNav .service div.detail {
overflow:hidden;
padding:0px 10px 10px 10px;
}

#topMainContent #rightNav .service div.line {
clear:both;
overflow:hidden;
background:transparent url(/img/cmn/line_dots.gif) repeat-x scroll 0 top;
padding-top:7px;
padding-bottom:7px;
_zoom: 1;
}

#topMainContent #rightNav .service div.first {
clear:both;
overflow:hidden;
background:none;
padding-bottom:7px;
}


#topMainContent #rightNav .service ul {
overflow:hidden;
}

#topMainContent #rightNav .service ul li.last {
clear:both;
padding:10px 0 15px 0;
overflow:hidden;
}

#topMainContent #rightNav .service p.btn {
clear:both;
margin:5px 0 0 0;
overflow:hidden;
}

#topMainContent #rightNav .service li.icon {
float:left;
width:62px;
margin-right:5px;
_margin-bottom:5px;
}

#topMainContent #rightNav .service li.txt {
float:right;
width:185px;
font-weight:bold;
}


#topMainContent #rightNav .service dt{
clear:both;
margin-bottom:5px;
}

/*#topMainContent #rightNav .service dd{
background:transparent url(/img/cmn/icon_dot.gif) no-repeat scroll 8px 6px;
padding-left:15px;
}*/

#topMainContent #rightNav .service dd{
padding-left:5px;
font-weight:lighter;
}

/*rightLogo*/

#topMainContent #rightLogo {
clear:both;
overflow:hidden;
margin-top:15px;
padding:5px;
border:1px solid #cccccc;
_zoom: 1;
*padding:5px 0px 5px 5px;
}

#topMainContent #rightLogo p {
float:left;
}

#topMainContent #rightLogo p.txt {
margin-top:5px;
}

#topMainContent #rightLogo p img {
margin-right:7px;
}

/*privacyMark*/

#topMainContent #privacyMark {
clear:both;
overflow:hidden;
margin-top:15px;
padding:5px;
border:1px solid #cccccc;
_zoom: 1;
*padding:5px 0px 5px 5px;
_margin-bottom:20px;
}

#topMainContent #privacyMark p {
float:left;
}

#topMainContent #privacyMark p.txt {
margin-top:5px;
font-size:10px;
width:186px;
}

#topMainContent #privacyMark p img {
margin-right:7px;
}