@charset "UTF-8";

* {margin:0;padding:0}

html{height: 100%;}


body {
width:100%;
height:100%;
margin:0 auto;
text-align:center;
background-color:#000;
line-height:17px;
}

#wrap{
width:100%;
min-height:100%;
margin:0 auto;
text-align:center;
}

#container{
width:992px;
margin:0 auto;
padding:8px 0 0 0;
overflow:auto;
padding-bottom: 60px;
}




/*============================================
left
=============================================*/
#left{
width:192px;
float:left;
margin:0 8px 0 0;
display:inline;
padding:0px;
}

#gn{
background:url(/bbk/common/images/navi-bg-mid.gif) repeat-y center top;
margin:0px;
}

#gn-detail{
background:url(/bbk/common/images/navi-bg-top.gif) no-repeat center top;
padding:13px 0 0 0;
}

* html #gn-detail  { height:13px; }

#gn-detail #navi{
background:url(/bbk/common/images/navi-bg-btm.gif) no-repeat center bottom;
padding:0 0 13px 0;
}
#gn-detail img{
margin:0 0 0 13px;
}

#bn{
background:url(/bbk/common/images/navi-bg-mid.gif) repeat-y center top;
margin:8px 0 0 0;
line-height:0px;
}
#bn-detail{
background:url(/bbk/common/images/navi-bg-top.gif) no-repeat center top;
padding:6px 0 0 0;
}

* html #bn-detail  { height:6px; }

#bn-detail #bn-navi{
background:url(/bbk/common/images/navi-bg-btm.gif) no-repeat center bottom;
padding:0 0 6px 0;
}
#bn-detail img{
margin:0 0 0 6px;
}

h1{
width:166px;
height:166px;
margin:0 0 13px 0;
}

.navi{
display:none;
}

.navi2{
display:none;
}
.navi3{
display:none;
}

#navi-close{
display:none;
}

#navi2-close{
display:none;
}

#navi3-close{
display:none;
}


#app{
	margin-top:8px;
}
.mt8{
	margin-top:8px;
}


/*============================================
right
=============================================*/
#right-index{
width:792px;
height:1900px;
float:left;
margin:0 0 8px 0;
}
*:first-child+html #right-index{
width:792px;
height:1900px;
float:left;
margin:0 0 8px 0;
}

/*上段*/
#right-index #top{
width:792px;
height:494px;
margin:0 0 8px 0;
}
#right-index #top #main{
width:592px;
height:494px;
margin:0 8px 0 0;
float:left;
}
#right-index #top #top-right{
width:192px;
float:right;

}
#right-index #top .box{
margin:0 0 8px 0;
}

/*中段*/
#right-index #mid{
width:792px;

}
#right-index #mid h2{
width:792px;
height:36px;
margin:0 0 8px 0;
}
#right-index #mid .box{
margin:0 8px 8px 0;
}
#right-index #mid .box2{
margin:0 0 8px 0;
}


/*中段*/
#right-index #mid2{
width:792px;

}
#right-index #mid2 h2{
width:792px;
height:36px;
margin:0 0 8px 0;
}
#right-index #mid2 .box{
margin:0 8px 8px 0;
}
#right-index #mid2 .box2{
margin:0 0 8px 0;
}


/*下段*/
#right-index #btm{
width:792px;
}
#right-index #btm h2{
width:792px;
height:36px;
margin:0 0 8px 0;
}
#right-index #btm .box{
margin:0 8px 8px 0;
}



/*============================================
footer
=============================================*/
#footer{
width:100%;
height:60px;
text-align:center;
clear:both;
background:url(/bbk/common/images/footer-bg.gif) repeat-x center bottom;
}

#footer-inner{
width:992px;
text-align:center;
margin:0 auto;
}

/*pagetop*/
#footer #pagetop{
width:992px;
height:24px;
text-align:right
}

#footer #footer-detail{
width:992px;
height:35px;
clear:both;
}
#footer #logo{
margin:8px 21px 0 0;
}
#footer #sitetop{
margin:13px 20px 0 0;
}
#footer #customer{
margin:13px 0 0 0;
}
#footer #copy{
margin:16px 1px 0 389px;
}


.rollover a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}