@charset "shift_jis";

/* main-inner */

#main #main-inner {
    border: none;
    background: url('../img/bg_ptrn.png') repeat center top;
    margin-top: 10px;
}
#cont-wrap,
#main #main-title,
#main #sec01,
#main #sec02,
#main #sec03,
#main #sec04
{
    position: relative;
    width: 864px;
}
#main #main-title h2,
#main #main-title .lead,
#main #main-title .chara,
#main #sec01 .sec01-ttl,
#main #sec01 .sec01-sub1,
#main #sec01 .sec01-ttl2,
#main #sec01 .sec01-sub2,
#main #sec02 .sec02-ttl,
#main #sec02 .sec02-sub1,
#main #sec02 .sec02-img,
#main #sec03 .sec03-ttl,
#main #sec03 .sec03-sub1-img03
{
    position: absolute;
    text-align:center;
    left:0;
    right:0;
    padding: 0;
}
#main #sec01 .sec01-sub-txt03,
#main #sec02 .sec02-sub1-txt02,
#main #sec02 .sec02-sub1-txt03,
#main #sec02 .sec02-sub1-txt04,
#main #sec02 .sec02-sub1-img01,
#main #sec02 .sec02-sub1-img02,
#main #sec02 .sec02-sub1-img03,
#main #sec02 .sec02-sub1-img04,
#main #sec02 .sec02-sub1-img05,
#main #sec02 .sec02-sub1-img06,
#main #sec03 .sec03-sub1-img01,
#main #sec03 .sec03-sub1-img02,
#main #sec04 .sec04-sub1-img01{
    position: absolute;
    padding:0;
    text-align:center;
}

/* main-title */
#main #title-area {
    z-index: 10;
    height: 35px;
}
#main #title-area h1 {
    position: absolute;
    top: 12px;
    left: 20px;
}
#main #main-title {
    height: 620px;
    background: url('../img/top_bg.png') center top no-repeat;
    top: -45px;
}
#main #main-title h2 {
    top: 40px;
    z-index: 4;
}
#main #main-title .lead {
    top: 475px;
    z-index: 3;
}
#main #main-title .chara {
    top: 240px;
    left:-24.5px;
    z-index: 3;
}
/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
#cont-wrap{
    height: auto;
    background:url('../img/secbg.png') center top repeat;
    margin-top:-45px;
    margin-bottom: 20px;
}
#main #sec01{
    height:1320px;
}
#main #sec01 .sec01-ttl{
    top: 20px;
}
#main #sec01 .sec01-sub1{
    top:100px;
}
#main #sec01 .sec01-sub1 .sec01-sub-txt01,
#main #sec01 .sec01-sub1 .sec01-sub-img01{
    display:inline-block;
}
#main #sec01 .sec01-sub1 .sec01-sub-txt01
{
    margin-left:20px;
}
#main #sec01 .sec01-sub1 .sec01-sub-txt02
{
    margin-top:-12px;
}
#main #sec01 .sec01-sub1 .sec01-sub-txt03{
    bottom: 18px;
    left: 234px;
}
#main #sec01 .sec01-ttl2{
    top: 450px;
}
#main #sec01 .sec01-sub2{
    top:550px;
}
#main #sec01 .sec01-sub2-box01,
#main #sec01 .sec01-sub2-box02,
#main #sec01 .sec01-sub2-box03,
#main #sec01 .sec01-sub2-box04{
    position: relative;
    display:inline-block;
    width:390px;
    height:357px;
    margin-bottom: 20px;
}
#main #sec01 .sec01-sub2-box01,
#main #sec01 .sec01-sub2-box03{
    margin-right: 12px;
}
#main #sec01 .sec01-sub2-txt01,
#main #sec01 .sec01-sub2-txt02,
#main #sec01 .sec01-sub2-txt03,
#main #sec01 .sec01-sub2-txt04{
    position:absolute;
    top:12px;
    left:0;
    right:0;
    text-align:center;
}

#main #sec02{
    height:841px;
}
#main #sec02 .sec02-img{
    left:-35.5px;
    z-index: 3;
}
#main #sec02 .sec02-img{
    left:-35.5px;
    z-index: 3;
}
#main #sec02 .sec02-ttl{
    top:60px;
    z-index:4;
}
#main #sec02 .sec02-sub1{
    top:140px;
    z-index:4;
}
#main #sec02 .sec02-sub1-txt02{
    top: 84px;
    left: 334px;
}
#main #sec02 .sec02-sub1-txt03{
    top: 280px;
    left: 48px;
}
#main #sec02 .sec02-sub1-txt04{
    top: 500px;
    left: 470px;
}
#main #sec02 .sec02-sub1-img01{
    top: 90px;
    left: 30px;
}
#main #sec02 .sec02-sub1-img02{
    top: 254px;
    left: 232px;
}
#main #sec02 .sec02-sub1-img03{
    top: 410px;
    left: 140px;
}
#main #sec02 .sec02-sub1-img04{
    top: 80px;
    left: 464px;
}
#main #sec02 .sec02-sub1-img05{
    top: 192px;
    left: 662px;
}
#main #sec02 .sec02-sub1-img06{
    top: 54px;
    left: 148px;
}
#main #sec03{
    height:304px;
}
#main #sec03 .sec03-sub1-img01{
    top: -9px;
    left: -36px;
}
#main #sec03 .sec03-sub1-img02{
    top:-26px;
    right: -90px;
}

#main #sec03 .sec03-sub1-img03{
    top: 220px;
    right: 0;
}

#main #sec04 .sec04-sub1-img01{
    top: 162px;
    right: 34px;
}
#main #sec04{
    height:234px;
}
/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */

/* main-footer */
.main-footer {
    position: relative;
    margin: 20px 0 0;
    padding-bottom: 32px;
}

.f-border {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #C1C1C1;
}

.main-footer .f-hard {
    position: absolute;
    top: 0;
    right: 0;
}

.f-border .f-hard {
    top: 20px;
}

.f-wrap {
    margin: 36px 0 0;
}

.main-footer .f-logo {
    float: left;
    width: 320px;
    text-align: center;
}

.main-footer .f-contents {
    float: right;
    width: 514px;
}

.main-footer .f-icon {
    float: left;
}

.main-footer .f-name {
    position: relative;
    float: right;
    width: 443px;
    height: 55px;
}

.main-footer .f-soft-ttl {
    position: absolute;
    top: 10px;
}

.main-footer .f-copyright {
    position: absolute;
    bottom: 10px;
    color: #FFFFFF;
    font-size: 9px;
}

.main-footer .f-note01 {
    margin: 5px 0 15px;
    color: #FFFFFF;
    font-size: 9px;
}

.main-footer .f-btn {
    margin: 15px 0 0;
}


/* clearfix */

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}