/* gokairyo add */
a:link,a:visited {text-decoration: none;color: #333;}
a:hover{text-decoration: underline;color: #333;}
a:active{text-decoration: none;color: #555;}
.fl{float:left;}
.fr{float:right;}

/*word hidden*/
.top-logo a,header nav ul li a,footer{text-indent: -9000px;overflow: hidden;}

/*all after*/
.css:after {clear: both;content: '.';display: block;height: 0px;visibility: hidden;}

/*all cleaer*/
.cleaer {clear: both;display: block;font-size: 1px;height: 0px;line-height: 1px;margin: 0px;padding: 0px;}

/*all*/
#container {width: 100%;height: 100%;}

/* index css */
.ind-main {width: 960px;height: 580px;top: 50%;left: 50%;margin-left: -480px;margin-top: -280px;overflow: hidden;position: absolute;}
.ind-main a {width: 960px;height: 527px;display: block;}
.ind-main a.cr {height: 33px;margin-top: 20px;}
.ind-main .tp01,
.ind-main .tp-css {background: url(../img/ind-tt01.jpg) no-repeat center center;}
.ind-main .tp02 {background-image: url(../img/ind-tt02.jpg);}
.ind-main .tp03 {background-image: url(../img/ind-tt03.jpg);}
.ind-main .tp04 {background-image: url(../img/ind-tt04.jpg);}
.ind-main .tp05 {background-image: url(../img/ind-tt05.jpg);}
.ind-main .tp06 {background-image: url(../img/ind-tt06.jpg);}
.ind-main .tp07 {background-image: url(../img/ind-tt07.jpg);}
.ind-main .tp08 {background-image: url(../img/ind-tt08.jpg);}
.ind-main .tp09 {background-image: url(../img/ind-tt09.jpg);}
.ind-main .tp10 {background-image: url(../img/ind-tt10.jpg);}
.ind-main .logo {width: 508px;height: 33px;margin-left: 226px;}

/* docc css */
.do-main {width: 960px;height: 630px;top: 50%;left: 50%;margin-left: -480px;margin-top: -300px;overflow: hidden;position: absolute;}
header {width: 960px;height: 60px;}
.top-logo,.top-logo a {	width: 280px;height: 60px;float: left;}
.top-logo a,header nav ul li a {background: url(../img/do-top.png) no-repeat 0 0;}
header nav,header nav ul {width: 640px;height: 60px;margin: 0;padding: 0;}
header nav {margin-right: 29px;float: right !important;}
header nav ul,header nav ul li,header nav ul li a {float: left;}
header nav ul li {opacity: 0.4;}
header nav ul .current {opacity: 1;}
header nav ul .construction a {width: 124px;height: 60px;margin-right: 0px;background-position: -268px 0;}
header nav ul .interiors a {width: 124px;height: 60px;margin-right: 0px;background-position: -415px 0;}
header nav ul .yangban a {width: 124px;height: 60px;margin-right: 0px;background-position: -533px 0;}
header nav ul .experience a {width: 124px;height: 60px;margin-right: 0px;background-position: -654px 0;}
header nav ul .contact a {width: 124px;height: 60px;background-position: -772px 0;}

.footer{width: 960px;height: 30px;line-height:30px;font-size:12px;border-top: 1px solid #c8c8c8;}
.footer .z{width: 840px;}
.footer .z1{width: 120px;}

.do-nr {width: 960px;height: 523px;}
.do-w-nr {width: 960px;height: 435px;margin-top: 42px;	float: left;}

/* ad-gallery */
#gallery {padding: 0;}
#descriptions {position: relative;height: 50px;background: #EEE;margin-top: 10px;width: 640px;padding: 10px;overflow: hidden;}
#descriptions .ad-image-description { position: absolute }
#descriptions .ad-image-description .ad-description-title { display: block }
.ad-gallery {width: 960px;height: 495px;}
.ad-gallery,.ad-gallery * {margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {width: 800px;height: 460px;top: 26px;left: 38px;position: relative;overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 40%;left: 48%;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 120px;height: 420px;cursor: pointer;display: block;z-index: 100;background: url(../img/next.gif) no-repeat center -9000px;}
.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 420px;
    cursor: pointer;
    display: block;
    z-index: 100;
	background: url(../img/prev.gif) no-repeat center -9000px;
}
.ad-gallery .ad-image-wrapper .ad-prev,
.ad-gallery .ad-image-wrapper .ad-next {
    /* Or else IE will hide it */
    /*background: url(../img/non-existing.jpg) \9;*/
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image
{
    background: url(../img/arow.png) -18px -60px;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 420px;
    left: 630px;
    z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../img/arow.png) -68px -60px;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 420px;
    left: 105px;
    z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0 }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    display: none;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(../img/opa75.png);
    color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block }
.ad-gallery .ad-controls { height: 20px }
.ad-gallery .ad-info { float: left }
.ad-gallery .ad-slideshow-controls { float: right }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start,
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    padding-left: 5px;
    cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
}
.ad-gallery .ad-nav {
    width: 80px;
    height: 474px;
    top: -434px;
    left: 843px;
    position: relative;
}
.ad-gallery .ad-forward,
.ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward,
.ad-gallery .ad-back { height: 15px }
.ad-gallery .ad-back {
    cursor: pointer;
    top: -15px;
    right: 0px;
    width: 80px;
    height: 15px;
    display: block;
    background: url(../img/arow.png) no-repeat -20px 0px;
}
.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    top: 444px;
    right: 0px;
    width: 80px;
    height: 15px;
    background: url(../img/arow.png) no-repeat -20px -30px;
}
.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    top: 15px;
    left: 110px;
    width: 80px;
    height: 444px;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 100px;
    list-style: none;
}
.ad-gallery .ad-thumbs li {
    /*float: left;*/
    width: 80px;
    padding-bottom: 1px;
}
.ad-gallery .ad-thumbs li a { display: block }
.ad-gallery .ad-thumbs li a img {display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {  }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}

/* experience */
.psxm div {width: 212px;height: 435px;float: left;background: url(../img/psxm01.gif) no-repeat 0 0;}
.psxm div.p2 {width: 242px;background-image: url(../img/psxm02.gif);}
.psxm div.p3 {width: 208px;background-image: url(../img/psxm03.gif);}
.psxm div.p4 {width: 160px;background-image: url(../img/psxm04.gif);}
.psxm div.p5 {width: 138px;background-image: url(../img/psxm05.gif);}

/* contact */
.lxwm div {width: 960px;height: 160px;}
.lxwm div.p1{ width:425px; height:435px;}
.lxwm div.p2{ width:425px; height:435px; font-size:14px; line-height:25px; padding-left:30px;font-family: "΢ÈíÑźÚ";}
.lxwm div.p3{ width:480px; font-size:14px; color:#676767;}
.lxwm div.p3 .x1{ width:460px; height:35px; line-height:35px; text-align:left; border-bottom:1px solid #676767;}
.lxwm div.p3 ul{ width:460px;}
.lxwm div.p3 ul li{ width:226px; height:25px; line-height:25px;display:inline-block;zoom:1;*display:inline;}


.di{ font-size:12px; color:#676767; float:right; padding-right:13%;}