@charset "shift_jis";
/* clearfix */

.clearfix::after {
     content: '';
     display: block;
     clear: both;
}
#main {
     position: relative;
}
#main #title-area {
     position: absolute;
     width: 864px;
}
#main #title-area h1 {
     position: relative;
     top: 0px;
     left: 0px;
}
/* main-inner */

#main #main-inner {
     border: none;
     background: url('../img/top.png') no-repeat center top;
}
#main #main-title, #main #section01, #main #section02, #main #section03, #main #section04, #main #section05, #main #section06 {
     position: relative;
     width: 864px;
}
#main #main-title h2, #main #main-title #main-cara, #main #main-title #main-fukidashi01, #main #main-title #main-fukidashi02, #main #main-title #main-lead, #main #main-title h3, #main #main-title p, #main #section01 h2, #main #section01 h3, #main #section01 div, #main #section01 p, #main #section02 h2, #main #section02 div, #main #section02 p, #main #section03 h2, #main #section03 div, #main #section03 p, #main #section04 h2, #main #section04 div, #main #section04 p, #main #section05 h2, #main #section05 div, #main #section05 p, #main #section06 h2, #main #section06 div, #main #section06 p {
     position: absolute;
     margin: 0;
     padding: 0;
}
/* main-title */
#main #main-title {
     height: 710px;
}
#main #main-title h2 {
     top: 65px;
     left: 32px;
     z-index: 3;
}
#main #main-title #main-cara {
     top: 120px;
     left: 450px;
     z-index: 3;
}
#main #main-title #main-fukidashi01 {
     top: 20px;
     left: 535px;
     z-index: 2;
}
#main #main-title #main-fukidashi02 {
     top: 190px;
     right: -10px;
     z-index: 2;
}
#main #main-title #main-lead {
     top: 440px;
     left: 30px;
     z-index: 2;
}
#main #cont-wrap {
     background-color: #000000;
}
#main #section02 .img01, #main #section03 .img01, #main #section04 .img01, #main #section05 .img01, #main #section06 .img01, #main #section06 .img02 {
     left: 0;
     right: 0;
     text-align: center;
}
/* section01 */
#main #section01 {
     border: none;
     background: url('../img/sec01-bg.png') no-repeat center top;
     height: 375px;
}
#main #section01 .img01 {
     top: 30px;
     left: 0px;
     z-index: 4;
}
#main #section01 .img02 {
     top: 120px;
     left: 30px;
     z-index: 4;
}
#main #section01 .img03 {
     top: 260px;
     right: 15px;
     z-index: 4;
}
/* section02 */
#main #section02 {
     border: none;
     background: url('../img/mario-bg.png') no-repeat center top;
     height: 371px;
     margin-bottom: 13px;
}
#main #section02 .img01 {
     top: 28px;
}
#main #section02 .img02 {
     top: 115px;
     left: 245px;
     z-index: 4;
}
#main #section02 .img03 {
     bottom: 10px;
     left: 30px;
     z-index: 4;
}
/* section03 */
#main #section03 {
     border: none;
     background: url('../img/peach-bg.png') no-repeat center top;
     height: 380px;
     margin-bottom: 20px;
}
#main #section03 .img01 {
     top: 35px;
     right: 35px;
}
#main #section03 .img02 {
     top: 135px;
     left: 340px;
     z-index: 4;
}
#main #section03 .img03 {
     bottom: 10px;
     right: 30px;
     z-index: 4;
}
/* section04 */
#main #section04 {
     border: none;
     background: url('../img/inkling-bg.png') no-repeat center top;
     height: 582px;
}
#main #section04 .img01 {
     top: 28px;
}
#main #section04 .img02 {
     top: 115px;
     left: 0;
     right: 0;
     z-index: 4;
     text-align: center;
}
#main #section04 .img03 {
     bottom: 10px;
     left: 30px;
     z-index: 4;
}
#main #section04 .img04 {
     bottom: 5px;
     left: -10px;
     z-index: 4;
}
/* section05 */
#main #section05 {
     border: none;
     background: url('../img/link-bg.png') no-repeat center top;
     height: 387px;
     margin-bottom: 30px;
}
#main #section05 .img01 {
     top: 42px;
}
#main #section05 .img02 {
     top: 135px;
     left: 340px;
     z-index: 4;
}
#main #section05 .img03 {
     bottom: 10px;
     right: 30px;
     z-index: 4;
}
/* section06 */
#main #section06 {
     border: none;
     background-color: #ff8c00;
     height: 488px;
}
#main #section06 .img01 {
     top: 20px;
}
#main #section06 .img02 {
     top: 110px;
}
#main #section06 .img03 {
     bottom: 25px;
     left: 0;
     right: 0;
     z-index: 4;
     text-align: center;
}