body.header-gradient {
padding: 0px;
margin: 0px;
background: #ffffff url(../images/header_gradient.jpg) repeat-x center top;
}

table.header-image {
border-collapse: collapse;
padding: 0px;
margin: 0px;
width: 100%;
background-image: url(../images/header_back.jpg);
background-repeat: no-repeat;
background-position: center top;
}

table.footer-image {
border-collapse: collapse;
padding: 0px;
margin: 30px 0px 0px 0px;
width: 100%;
background-image: url(../images/footer_gradient.jpg);
background-repeat: x;
background-position: center top;
}

.main {
width: 803px;
padding: 0px;
margin: 0px;
}

.header {
width: 803px;
padding: 0px;
margin: 0px;
}

.footer {
width: 803px;
height: 164px;
padding: 0px;
margin: 0px;
}

.header-logo {
width: 188px;
height: 46px;
padding: 0px 0px 0px 0px;
margin: 12px 0px 0px 0px;
float: left;
overflow: hidden;
}

.header-pp {
padding: 0px;
margin: 15px 3px 0px 0px;
float: right;
}

.header-contact {
height: 19px;
padding: 0px 0px 0px 0px;
margin: 0px;
float: right;
overflow: hidden;
}

.header-nav-zab {
height: 64px;
width: 803px;
padding: 0px;
margin: 7px 0px 0px 0px;
float: left;
background-image: url(../images/top_subnav_back.png);
background-repeat: no-repeat;
background-position: center top;
}

.header-nav {
height: 52px;
width: 798px;
padding: 0px;
margin: 5px 0px 7px 5px;
float: left;
overflow: hidden;
}

.header-nav-button {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.header-nav-button li {
float: left;
margin-right: 3px;
}

.footer-contact {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
float: right;
clear: right;
}

.footer-copyright {
padding: 0px;
margin: 10px 0px 0px 0px;
float: left;
}

.top-movie-zab {
width: 784px;
height: 355px;
padding-top: 7px;
margin: 0px 10px 0px 9px;
background-image: url(../images/top_movie_back.png);
background-repeat: no-repeat;
background-position: 0px 7px;
clear: both;
_height: 362px;
}

.top-movie {
width: 760px;
height: 320px;
padding: 10px;
margin: 0px;
overflow: hidden;
_width: 780px;
_height: 340px;
}

.top-movie-flv {
width: 760px;
height: 330px;
padding: 10px;
position: relative;
top: -7px;
margin: 0px;
overflow: hidden;
_width: 780px;
_height: 350px;
}

.top-nav-box {
width: 803px;
height: 114px;
padding: 0px;
margin: 10px 0px 0px 0px;
}

.content-zab {
width: 803px;
padding: 0px;
margin: 0px;
overflow: hidden;
background-image: url(../images/content_back.png);
background-repeat: no-repeat;
background-position: 0px 5px;
clear: both;
}

.content {
width: 780px;
padding-top: 5px;
margin: 0px 13px 0px 10px;
}

.sub-title {
height: 18px;
padding: 0px;
margin: 20px 0px 0px 0px;
float: left;
clear: left;
}

.main-title {
width: 554px;
height: 59px;
padding-top: 20px;
margin: 0px;
float: left;
clear: both;
_height: 69px;
}

.main-title-single {
width: 554px;
height: 29px;
padding: 0px;
margin: 20px 0px 0px 0px;
float: left;
}

.page-nav-box {
width: 780px;
height: 33px;
padding: 0px;
margin: 0px;
position: relative;
top: 5px;
clear: both;
}

.page-nav-button {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.page-nav-button li {
float: left;
margin-right: 2px;
padding: 0px;
}

.topic01 {
width: 780px;
margin: 20px 0px 0px 0px;
float: left;
clear: both;
}

.topic02 {
width: 780px;
margin: 10px 0px 0px 0px;
float: left;
clear: both;
}

.image-produce-box {
width: 780px;
margin: 0px;
padding: 0px;
}

.image-produce {
width: 385px;
height: 385px;
margin: 0px 5px 0px 0px;
float: left;
clear: left;
}

.image-produce-cap-box {
width: 390px;
margin: 0px;
padding: 0px;
float: right;
}

.image-produce-cap {
width: 368px;
margin: 0px 0px 5px 0px;
padding: 10px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
_width: 390px;
}

.produce-textbox {
width: 758px;
margin: 0px 0px 0px 0px;
padding: 10px;
border: 1px #51a0c8 solid;
_width: 780px;
}

.produce-flow-bass {
margin: 0px;
padding: 0px;
background-image: url(../images/flow_yajirusi_big.gif);
background-repeat: no-repeat;
background-position: left center;
}

.produce-flow-box {
width: 40px;
margin: 0px;
text-align: center;
background-color: #84AEBC;
border: 3px #7794AC double;
}

.edit-room01 {
width: 366px;
height: 410px;
margin: 0px 4px 0px 0px;
padding: 10px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
background-image: url(../images/edit-hd-photo.jpg);
background-repeat: no-repeat;
background-position: 10px 191px;
float: left;
_width: 388px;
_height: 432px;
}

.edit-room02 {
width: 366px;
height: 410px;
margin: 0px 0px 0px 0px;
padding: 10px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
background-image: url(../images/edit-fcp-photo.jpg);
background-repeat: no-repeat;
background-position: 10px 191px;
float: right;
_width: 388px;
_height: 432px;
}

.edit01 {
width: 388px;
margin: 0px 4px 0px 0px;
padding: 0px;
float: left;
}

.edit02 {
width: 388px;
margin: 0px;
padding: 0px;
float: right;
}

.edit-chart-left {
width: 117px;
border-bottom: 1px #51a0c8 solid;
border-top: 1px #51a0c8 solid;
border-left: 1px #51a0c8 solid;
background-color: #d6e8f2;
margin: 0px;
padding: 5px;
float: left;
_width: 128px;
}

.edit-chart-right {
width: 248px;
border: 1px #51a0c8 solid;
margin: 0px;
padding: 5px;
float: right;
_width: 260px;
}

.edit-chart-left02 {
width: 117px;
border-bottom: 1px #51a0c8 solid;
border-left: 1px #51a0c8 solid;
background-color: #d6e8f2;
margin: 0px;
padding: 5px;
float: left;
_width: 128px;
}

.edit-chart-right02 {
width: 248px;
border-bottom: 1px #51a0c8 solid;
border-left: 1px #51a0c8 solid;
border-right: 1px #51a0c8 solid;
margin: 0px;
padding: 5px;
float: right;
_width: 260px;
}

.edit-chart-left-sep {
width: 117px;
border-bottom: 1px #51a0c8 solid;
border-top: 1px #51a0c8 solid;
border-left: 1px #51a0c8 solid;
background-color: #d6e8f2;
margin-top: 3px;
padding: 5px;
float: left;
_width: 128px;
}

.edit-chart-right-sep {
width: 248px;
border: 1px #51a0c8 solid;
margin-top: 3px;
padding: 5px;
float: right;
_width: 260px;
}

.web01 {
width: 236px;
height: 125px;
margin: 0px 3px 0px 0px;
padding: 10px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
float: left;
_width: 258px;
_height: 145px;
}

.web02 {
width: 236px;
height: 125px;
margin: 0px;
padding: 10px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
float: left;
_width: 258px;
_height: 145px;
}

.movie-file {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.movie-file li {
float: left;
width: 195px;
}

.web-ex {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.web-ex li {
float: left;
width: 390px;
}

.first-point-box {
width: 752px;
margin: 1px 0px 0px 8px;
padding: 10px;
background-color: #d6e8f2;
_width: 772px;
}

.first-flow01 {
width: 20px;
margin: 0px;
padding: 5px;
background-color: #51a0c8;
text-align: center;
vertical-align: center;
}

.first-flow02 {
width: 150px;
margin: 0px;
padding: 5px;
border-top: 1px #51a0c8 solid;
border-right: 1px #51a0c8 solid;
border-bottom: 1px #51a0c8 solid;
text-align: center;
vertical-align: center;
}

.first-flow02-b {
width: 150px;
margin: 0px;
padding: 5px;
border: 1px #51a0c8 solid;
text-align: center;
vertical-align: center;
}

.first-flow03 {
width: 500px;
margin: 0px;
padding: 5px;
border-top: 1px #51a0c8 dotted;
border-bottom: 1px #51a0c8 dotted;
text-align: left;
vertical-align: center;
}

.estimate01 {
width: 366px;
height: 565px;
margin: 0px;
padding: 10px;
border: 1px #51a0c8 solid;
float: left;
_width: 388px;
_height: 585px;
}

.estimate02 {
width: 366px;
height: 565px;
margin: 0px;
padding: 10px;
border: 1px #51a0c8 solid;
float: right;
_width: 388px;
_height: 585px;
}

.estimate-title {
margin: 0px;
padding: 0px;
text-align: center;
border-bottom: 1px #51a0c8 solid;
}

.estimate-content {
margin: 5px 0px 10px 0px;
padding: 5px 0px 0px 10px;
background-color: #d6e8f2;
}

.estimate-list-left {
width: 205px;
margin: 0px;
padding-top: 10px;
float: left;
text-align: left;
border-bottom: 1px #666666 dotted;
position: relative;
left: 14px;
}

.estimate-list-right {
width: 134px;
margin: 0px;
padding-top: 10px;
float: right;
text-align: right;
border-bottom: 1px #666666 dotted;
position: relative;
right: 14px;
}

.pack01 {
width: 366px;
margin: 0px;
padding: 10px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
float: left;
_width: 388px;
}

.pack02 {
width: 383px;
margin: 0px;
padding: 0px 0px 0px 5px;
float: right;
_width: 388px;
}

.pack-ex {
border-top: 1px #51a0c8 dotted;
border-bottom: 1px #51a0c8 dotted;
}

.pack-ex02 {
border-bottom: 1px #51a0c8 dotted;
}

.pack-ex03 {
padding-top: 5px;
}

.pack-movie {
margin: 0px;
padding: 20px 0px 10px 0px;
position: relative;
left: 41px;
}

.pack-comment {
background-color: #d6e8f2;
margin-top: 10px;
padding: 5px;
}

.work-photo {
width: 156px;
margin: 0px;
padding: 0px;
float: left;
}

.work-list-bass {
width: 780px;
border-top: 1px #51a0c8 dotted;
margin: 0px;
padding: 10px 0px 10px 0px;
}

.work-list-box {
width: 390px;
margin: 0px;
padding: 0px;
float: left;
}

.hdroom-player {
width: 780px;
height: 430px;
margin: 0px;
padding: 0px;
background-image: url(../images/hdroom-player.png);
background-repeat: no-repeat;
background-position: center top;
}

.hdroom-movie {
width: 720px;
height: 405px;
margin: 0px;
padding: 0px;
position: relative;
top: 11px;
left: 30px;
}

.hdroom-thumbnails {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.hdroom-thumbnails-list01 {
float: left;
margin-right: 5px;
margin-bottom: 10px;
padding: 0px;
}

.hdroom-thumbnails-list02 {
float: left;
margin-bottom: 10px;
padding: 0px;
}

.contact01 {
border-top: 1px #51a0c8 dotted;
border-bottom: 1px #51a0c8 dotted;
margin: 0px;
padding: 4px 0px 4px 10px;
}

.contact02 {
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
margin: 0px;
padding: 4px 0px 4px 10px;
}

.textbox-right {
margin: 0px;
padding: 0px;
float: right;
}

.textbox-left {
margin: 0px;
padding: 0px;
float: left;
}

.textbox-profile-box {
width: 530px;
margin: 0px;
padding: 0px;
float: left;
}

.textbox-profile01 {
width: 530px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-top: 1px #51a0c8 dotted;
float: left;
}

.textbox-profile01-bottomline {
border-bottom: 1px #51a0c8 dotted;
}

.textbox-line {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-top: 1px #51a0c8 dotted;
border-bottom: 1px #51a0c8 dotted;
float: left;
}

.textbox-color {
margin: 0px 0px 0px 0px;
padding: 5px;
background-color: #F0F6E9;
border: 1px #DDE7D4 solid;
float: left;
clear: left;
}

.textbox-profile02 {
width: 130px;
margin: 0px;
padding: 0px;
float: left;
}

.textbox-profile03 {
width: 400px;
margin: 0px;
padding: 0px;
float: left;
}