@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::
 * Style Name: layout.css
 * Create Date: 2012.10.09
 * Copyright : 2012 BRANBERY HEAG!! 
 * License : MIT License.
:::::::::::::::::::::::::::::::::*/



/*anchor
------------------------------------*/

#anc-top {
	position: absolute;
	top: 0;
	z-index: 2000;
}
#anc-cutUp {
	position: absolute;
	top: 660px;
	z-index: 2000;
}
#anc-service {
	position: absolute;
	top: 1479px;
	z-index: 2000;
}
#anc-case {
	position: absolute;
	top: 2217px;
	z-index: 2000;
}
#anc-company {
	position: absolute;
	top: 2890px;
	z-index: 2000;
}
#anc-others {
	position: absolute;
	top: 3660px;
	z-index: 2000;
}



/*content wrapper
------------------------------------*/
.mod-contentWrapper {
width: 100%;
}

.mod-contentWrapper .wgt-contents {
width: 1228px;
margin: 0 auto;
}

#contactBody .mod-contentWrapper {
width: 100%;
}

#contactBody .mod-contentWrapper .wgt-contents {
width: 100%;
margin: 0;
}



/*top page
------------------------------------*/
#top.mod-contentWrapper {
/* background: url("../../images/top/bg.jpg") 0 130px repeat fixed; */
background: url("../../images/top/bg.jpg") center 130px repeat-x fixed;
/* background-color: #8db255; */
/* height: 685px; */
}

#top.mod-contentWrapper .wgt-contents.wgt-top {
position: relative;
height: 685px;
background: none;
}

#top.mod-contentWrapper .wgt-contents.wgt-top.ip {
background: none;
}


/*cut up
------------------------------------*/
#cutUp.mod-contentWrapper {
background: #151515;
}

#cutUp.mod-contentWrapper .wgt-contents.wgt-cutUp {
position: relative;
height: 673px;
background: #151515 url("../../images/cutup/bg_cut_up01.jpg") -500px top no-repeat fixed;
}

#cutUp.mod-contentWrapper .wgt-contents.wgt-cutUp.ip {
background: none;
background: #151515;
}


#cutUp .wgt-slideArea {
z-index: 10;
position: absolute;
top: 250px;
left: 10%;
width: 990px;
height: 330px;
margin-left: -505px;
}



/*service
------------------------------------*/
#service.mod-contentWrapper {
z-index: 60;
background: #151515;
}

#service.mod-contentWrapper .wgt-contents.wgt-service {
position: relative;
height: 738px;
background: #151515 url("../../images/service/bg.jpg") 0 bottom no-repeat fixed;
}

#service.mod-contentWrapper .wgt-contents.wgt-service.ip {
background: none;
background: #214d6b;
}


#service .wgt-slideArea {
z-index: 10;
position: absolute;
top: 0;
left: 50%;
width: 990px;
height: 330px;
margin-left: -505px;
}



/*Case study
------------------------------------*/
#case.mod-contentWrapper {
background: #8db255;
}

#case.mod-contentWrapper .wgt-contents.wgt-case {
position: relative;
height: 820px;
background: #8db255 url("../../images/case/bg.jpg") 0 bottom repeat-x fixed;
}

#case.mod-contentWrapper .wgt-contents.wgt-case.ip {
background: none;
background: #8db255;
}


#case .wgt-bgCover {
height: 820px;
background: url("../../images/case/bg_cover.png") 50% bottom repeat-y fixed;
}

#case .wgt-slideArea {
z-index: 10;
position: absolute;
top: 0;
left: 50%;
width: 990px;
height: 330px;
margin-left: -505px;
}



/*Company
------------------------------------*/
#company.mod-contentWrapper {
background: #fff;
}

#company.mod-contentWrapper .wgt-contents.wgt-company {
position: relative;
height: 766px;
background: #e0e0e0 url("../../images/company/bg.jpg") 0 69.5% no-repeat fixed;
}

#company.mod-contentWrapper .wgt-contents.wgt-company.ip {
background: none;
background: #e0e0e0;
}


#company .wgt-slideArea {
z-index: 10;
position: absolute;
top: 0;
left: 50%;
width: 990px;
height: 330px;
margin-left: -505px;
}



/*Other
------------------------------------*/
#others.mod-contentWrapper {
background: #84c6cb;
}

#others.mod-contentWrapper .wgt-contents.wgt-others {
position: relative;
height: 760px;
background: #84c6cb;
}

#others.mod-contentWrapper .wgt-contents.wgt-others.ip {
background: none;
background: #84c6cb;
}

#others .wgt-others.an {
height: 800px;
}


/*Contact
------------------------------------*/
#contactBody {
background: #2bb2ff;
}

#contact.mod-contentWrapper {
background: #2bb2ff;
}

#contact.mod-contentWrapper .wgt-contents.wgt-contact {
position: relative;
height: 730px;
margin: 0;
background: #2bb2ff url("../../images/contact/bg.gif") 0 0 no-repeat;
text-align: left;
}