html, body {height: 100%;}

body {
padding: 0px;
margin: 0px;
position: relative;
min-width: 802px;
min-height: 802px;
}

img {
border: 0px;
}

.main {
margin: -401px 0 0 -401px;
position: absolute;
top: 50%;
left: 50%;
width: 802px;
height: 802px;
}

.projects-top-left {
margin: 0px;
padding: 0px;
width: 202px;
height: 202px;
position: absolute;
top: 0px;
left: 0px;
}

.projects-top-center {
margin: 0px;
padding: 0px;
width: 202px;
height: 202px;
position: absolute;
top: 0px;
left: 300px;
}

.projects-top-right {
margin: 0px;
padding: 0px;
width: 202px;
height: 202px;
position: absolute;
top: 0px;
left: 600px;
}

.projects-bottom-left {
margin: 0px;
padding: 0px;
width: 202px;
height: 202px;
position: absolute;
top: 600px;
left: 0px;
}

.projects-bottom-center {
margin: 0px;
padding: 0px;
width: 202px;
height: 202px;
position: absolute;
top: 600px;
left: 300px;
}

.projects-bottom-right {
margin: 0px;
padding: 0px;
width: 202px;
height: 202px;
position: absolute;
top: 600px;
left: 600px;
}

.menu-works {
margin: 0px;
padding: 0px;
width: 50px;
height: 12px;
position: absolute;
top: 373px;
left: 152px;
}

.menu-motion {
margin: 0px;
padding: 0px;
width: 95px;
height: 12px;
position: absolute;
top: 405px;
left: 107px;
}

.menu-photos {
margin: 0px;
padding: 0px;
width: 53px;
height: 12px;
position: absolute;
top: 437px;
left: 149px;
}

.pre {
margin: 0px;
padding: 0px;
width: 20px;
height: 20px;
position: absolute;
top: 401px;
left: 221px;
}

.next {
margin: 0px;
padding: 0px;
width: 20px;
height: 20px;
position: absolute;
top: 401px;
left: 561px;
}

.logo {
margin: 0px;
padding: 0px;
width: 320px;
height: 275px;
position: absolute;
top: 263px;
left: 241px;
}

.contact-tw {
margin: 0px;
padding: 0px;
width: 15px;
height: 15px;
position: absolute;
top: 538px;
left: 345px;
}

.contact-fb {
margin: 0px;
padding: 0px;
width: 8px;
height: 15px;
position: absolute;
top: 538px;
left: 373px;
}

.contact-be {
margin: 0px;
padding: 0px;
width: 15px;
height: 15px;
position: absolute;
top: 538px;
left: 393px;
}

.contact-vi {
margin: 0px;
padding: 0px;
width: 16px;
height: 15px;
position: absolute;
top: 538px;
left: 417px;
}

.contact-mail {
margin: 0px;
padding: 0px;
width: 15px;
height: 15px;
position: absolute;
top: 538px;
left: 441px;
}

.content-top-bar {
margin: 0px;
padding: 0px;
width: 800px;
height: 50px;
position: absolute;
top: 0px;
left: 0px;
background-color: #37464C;
}

.content-bottom-bar {
margin: 0px;
padding: 0px;
width: 800px;
height: 50px;
position: absolute;
top: 750px;
left: 0px;
background-color: #37464C;
}

.project-title {
margin: 0px;
padding: 0px;
width: 700px;
position: absolute;
top: 92px;
left: 50px;
}

.project-role {
margin: 0px;
padding: 0px;
width: 700px;
position: absolute;
top: 142px;
left: 50px;
}

.project-play {
margin: 0px;
padding: 0px;
width: 16px;
height: 12px;
position: absolute;
top: 160px;
left: 50px;
}

.f-1 {
margin: 0px;
padding: 0px;
width: 336px;
height: 190px;
position: absolute;
top: 240px;
left: 50px;
}

.f-2 {
margin: 0px;
padding: 0px;
width: 337px;
height: 190px;
position: absolute;
top: 240px;
left: 412px;
}

.f-3 {
margin: 0px;
padding: 0px;
width: 336px;
height: 190px;
position: absolute;
top: 458px;
left: 50px;
}

.f-4 {
margin: 0px;
padding: 0px;
width: 337px;
height: 190px;
position: absolute;
top: 458px;
left: 412px;
}

.n-1 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 229px;
left: 50px;
}

.n-2 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 229px;
left: 288px;
}

.n-3 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 229px;
left: 524px;
}

.n-4 {
margin: 0px;
padding: 0px;
width: 224px;
height: 127px;
position: absolute;
top: 379px;
left: 50px;
}

.n-5 {
margin: 0px;
padding: 0px;
width: 224px;
height: 127px;
position: absolute;
top: 379px;
left: 288px;
}

.n-6 {
margin: 0px;
padding: 0px;
width: 225px;
height: 127px;
position: absolute;
top: 379px;
left: 524px;
}

.n-7 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 529px;
left: 50px;
}

.n-8 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 529px;
left: 288px;
}

.n-9 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 529px;
left: 524px;
}

.t-core-1 {
margin: 0px;
padding: 0px;
width: 390px;
height: 276px;
position: absolute;
top: 193px;
left: 205px;
}

.t-core-2 {
margin: 0px;
padding: 0px;
width: 390px;
height: 220px;
position: absolute;
top: 486px;
left: 205px;
}

.th-1 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 182px;
left: 255px;
}

.th-2 {
margin: 0px;
padding: 0px;
width: 290px;
height: 163px;
position: absolute;
top: 368px;
left: 255px;
}

.th-3 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 553px;
left: 255px;
}

.th-ntt-its-1 {
margin: 0px;
padding: 0px;
width: 624px;
height: 152px;
position: absolute;
top: 194px;
left: 89px;
}

.th-ntt-its-2 {
margin: 0px;
padding: 0px;
width: 624px;
height: 152px;
position: absolute;
top: 370px;
left: 89px;
}

.th-ntt-its-3 {
margin: 0px;
padding: 0px;
width: 624px;
height: 152px;
position: absolute;
top: 548px;
left: 89px;
}

.th-sorenson-1 {
margin: 0px;
padding: 0px;
width: 564px;
height: 318px;
position: absolute;
top: 205px;
left: 116px;
}

.th-sorenson-2 {
margin: 0px;
padding: 0px;
width: 273px;
height: 154px;
position: absolute;
top: 537px;
left: 116px;
}

.th-sorenson-3 {
margin: 0px;
padding: 0px;
width: 273px;
height: 154px;
position: absolute;
top: 537px;
left: 407px;
}

.s-1 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 190px;
left: 95px;
}

.s-2 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 190px;
left: 415px;
}

.s-3 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 368px;
left: 95px;
}

.s-4 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 368px;
left: 415px;
}

.s-5 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 545px;
left: 95px;
}

.s-6 {
margin: 0px;
padding: 0px;
width: 290px;
height: 164px;
position: absolute;
top: 545px;
left: 415px;
}

.f-denki-1 {
margin: 0px;
padding: 0px;
width: 336px;
height: 224px;
position: absolute;
top: 206px;
left: 50px;
}

.f-denki-2 {
margin: 0px;
padding: 0px;
width: 337px;
height: 224px;
position: absolute;
top: 206px;
left: 412px;
}

.f-denki-3 {
margin: 0px;
padding: 0px;
width: 336px;
height: 224px;
position: absolute;
top: 457px;
left: 50px;
}

.f-denki-4 {
margin: 0px;
padding: 0px;
width: 337px;
height: 224px;
position: absolute;
top: 457px;
left: 412px;
}

.o-1 {
margin: 0px;
padding: 0px;
width: 699px;
height: 394px;
position: absolute;
top: 245px;
left: 50px;
}

.o-stripe-1 {
margin: 0px;
padding: 0px;
width: 348px;
height: 494px;
position: absolute;
top: 203px;
left: 226px;
}

.fi-1 {
margin: 0px;
padding: 0px;
width: 336px;
height: 190px;
position: absolute;
top: 255px;
left: 50px;
}

.fi-2 {
margin: 0px;
padding: 0px;
width: 337px;
height: 255px;
position: absolute;
top: 255px;
left: 412px;
}

.fi-3 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 499px;
left: 50px;
}

.fi-4 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 499px;
left: 288px;
}

.fi-5 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 499px;
left: 524px;
}

.tw-1 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 196px;
left: 50px;
}

.tw-2 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 196px;
left: 288px;
}

.tw-3 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 196px;
left: 524px;
}

.tw-4 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 328px;
left: 50px;
}

.tw-5 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 328px;
left: 288px;
}

.tw-6 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 328px;
left: 524px;
}

.tw-7 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 459px;
left: 50px;
}

.tw-8 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 459px;
left: 288px;
}

.tw-9 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 459px;
left: 524px;
}

.tw-10 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 591px;
left: 50px;
}

.tw-11 {
margin: 0px;
padding: 0px;
width: 224px;
height: 126px;
position: absolute;
top: 591px;
left: 288px;
}

.tw-12 {
margin: 0px;
padding: 0px;
width: 225px;
height: 126px;
position: absolute;
top: 591px;
left: 524px;
}

.t-toho-1 {
margin: 0px;
padding: 0px;
width: 698px;
height: 190px;
position: absolute;
top: 236px;
left: 50px;
}

.t-toho-2 {
margin: 0px;
padding: 0px;
width: 698px;
height: 190px;
position: absolute;
top: 457px;
left: 50px;
}

.t-1 {
margin: 0px;
padding: 0px;
width: 400px;
height: 226px;
position: absolute;
top: 210px;
left: 200px;
}

.t-2 {
margin: 0px;
padding: 0px;
width: 400px;
height: 226px;
position: absolute;
top: 453px;
left: 200px;
}

.f-ske-seishun-1 {
margin: 0px;
padding: 0px;
width: 336px;
height: 186px;
position: absolute;
top: 250px;
left: 50px;
}

.f-ske-seishun-2 {
margin: 0px;
padding: 0px;
width: 337px;
height: 186px;
position: absolute;
top: 250px;
left: 412px;
}

.f-ske-seishun-3 {
margin: 0px;
padding: 0px;
width: 336px;
height: 186px;
position: absolute;
top: 460px;
left: 50px;
}

.f-ske-seishun-4 {
margin: 0px;
padding: 0px;
width: 337px;
height: 186px;
position: absolute;
top: 460px;
left: 412px;
}