/* default
========================================== */
*{
margin:0;
padding:0;
}
a img, img {  
border:0;
vertical-align:top;
}  
p, dd, li, h1, h2, h3, h4 {
font-size:81.3%;
line-height:1.6;
}
dt {
font-size:87.5%;
font-weight:bold;
}
dd li {
font-size:100%;
}
p, li, dt, dd, h1, h2, h3, h4 {
color:#392706;
}
p {
margin-bottom:18px;
}
ul, ol {
margin-left:8px;
padding-left:8px;
}
.clear {
clear:both;
}
.clearfix{
zoom:1;
}
.clearfix:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}


/* layout & background
========================================== */
body {
width:792px;
margin:0 auto;
background:#ccc url(../img/bg_body.gif) repeat-y 50% 0;
}
#contentsBody {
width:792px;
margin:0 auto;
}
#header {
width:792px;
height:74px;
background:url(../img/bg_header.gif) no-repeat 50% 0;
}
#contents {
width:792px;
background:url(../img/bg_contents.gif) repeat-y 50% 0;
clear:both;
}
#footer {
width:792px;
min-height:100px;
height:auto !important;
height:100px;
}

/* each
========================================== */
/* header ------------------------------------------------------------------- */
.logo {
margin:20px 12px 0 8px;
}
.tilHead {
margin:8px 0 0 0;
}
.contact {
display:inline-block;
margin:12px 0 0 0;
}
/* contents ------------------------------------------------------------------- */
/* .contactBox  */
.contactBox {
display:block;
width:756px;
margin:18px 0 18px 18px;
border:1px solid #dcdcda;
background:#ececec;
zoom:1;
}
.contactBox:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.contactBoxInner {
display:block;
margin:14px 0 14px 76px;
}
.contactBox .txt {
float:left;
}
/* .wraper */
.wraper {
width:780px;
margin:0 6px 6px 6px;
padding:0 0 4px 0;
background:url(../img/bg_wrap_bottom.gif) no-repeat 0 bottom;
zoom:1;
}
.wraper:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.wraper h2{
padding:4px 0 0 0;
background:url(../img/bg_wrap_top.gif) no-repeat 0 0;
}
.wraper h2 a {
width:768px;
height:39px;
display:block;
margin:0 6px;
background:url(../img/bg_stil.gif) no-repeat 0 0;
}
.wraper h2 a:hover {
background:url(../img/bg_stil_o.gif) no-repeat 0 0;
}
.wraper h2 span {
width:768px;
height:39px;
display:block;
background:url(../img/icon_open.gif) no-repeat 730px 8px;
} 
.wraper h2.iconSortDown span {
background:url(../img/icon_close.gif) no-repeat 730px 8px;
}
.wraper h2 img {
margin:8px 0 0 32px;
}
.wraper div.inner {
background:#fff;
margin:0 0 4px 0;
width:768px;
padding:15px 6px 0px 6px;
}
.wraper div.inner .contactBox {
margin-left:6px;
}

/* .wraper div.inner text margin class */
.wraper div.inner p,
.wraper div.inner dl,
.wraper div.inner ul,
.wraper div.inner ol,
.wraper div.inner h3{
margin-left:12px;
}
.wraper div.inner p {
padding-right:12px;
}
.wraper div.inner h3{
margin-bottom:12px;
}
.wraper div.inner p.indent {
margin-left:24px;
}
.wraper div.inner .businessPic p {
margin-left:0;
}

/* features */
.features {
width:726px;
margin:0 0 18px 0;
padding:0 0 12px 18px;
border-bottom:1px solid #ccc;
}
.features li {
margin-bottom:12px;
}
.consult {
width:738px;
padding:6px 0 0 6px;
zoom:1;
}
.consult:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.consult dt {
margin-bottom:4px;
margin-left:3px;
}
.consult dd.consultList {
width:510px;
margin-bottom:12px;
border:1px solid #d4a975;
float:left;
}
.consult dd.consultList ul{
width:220px;
margin:10px 0 0 0;
padding:0 0 10px 24px;
float:left;
}
.consult dd.consultList ul.leftUl li {
margin-right:18px;
}
.consult dd.consultTxt {
width:510px;
float:left;
}
.consult dd.consultImg {
width:192px;
float:right;
}
.consult dd.consultTxt p,
.consult dd.consultImg p {
margin-left:0;
}
/* benefits  */
.benefits {
margin:-0.5em 0 0 0;
padding:0;
}
.benefits li{
list-style-type:none;
padding:8px 0 0 40px;
margin:12px 0;
min-height:30px;
height:auto !important;
height:30px;
}
.benefits li.li01 {
background:url(../img/icon_list01.gif) no-repeat 0 50%;
}
.benefits li.li02 {
padding-top:4px;
background:url(../img/icon_list02.gif) no-repeat 0 50%;
}
.benefits li.li03 {
background:url(../img/icon_list03.gif) no-repeat 0 50%;
}
.benefits li.li04 {
padding-top:4px;
background:url(../img/icon_list04.gif) no-repeat 0 50%;
}
.benefits li.li05 {
padding-top:4px;
background:url(../img/icon_list05.gif) no-repeat 0 50%;
}
/* business */
.businessPic {
display:block;
float:right;
width:246px;
margin-left:18px;
padding-rignt:12px;
}
.shortTxt {
width:472px;
}
/* download */
.download {
width:738px;
padding:18px 0 18px 6px;
border-top:1px solid #ccc;
zoom:1;
}
.download:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.download dd,
.download dt {
width:600px;
margin-bottom:12px;
float:left;
}
.download dd.downloadImg {
width:120px;
float:right;
}
.download dd span.pdf {
margin-left:6px;
padding-left:18px;
background:url(../img/icon_pdf.gif) no-repeat 0 50%;
}
.downloadFirst {
border:none;
padding-top:6px;
}
/* .link  */
#link {
text-align:right;
padding:87px 30px 16px 0;
}

/* fotter ------------------------------------------------------------------- */
#footer span {
width:243px;
padding-right:17px;
float:right;
}
#footer address {
padding-left:1px;
}