@charset "UTF-8";

div#wrapper-root {
    width: 100%;
    min-width: 1000px;
    height: auto;
    min-height: 500px;
    background: url(./../img/bg_beige.jpg)
}

div#contents {
    width: 100%;
    height: auto;
    margin: -10px 0
}

div#main-visual {
    width: 100%;
    height: 710px;
    overflow: hidden
}

div#main-visual div.floor {
    position: absolute;
    width: 100%;
    height: 89px;
    background: url(./../img/mv_floor.jpg);
    left: 0;
    top: 570px
}

div#main-visual div.floor img.L {
    position: absolute;
    left: 0;
    top: -349px;
    z-index: 1
}

div#main-visual div.floor img.R {
    position: absolute;
    right: 0;
    top: -352px
}

/*   */

.container_tempcontents {
    position: relative;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.contents_temp{
    position: absolute;
    width: 796px;
    height: 178px;
    top: 30px;
}


.container_tempcontents div.titleboard {
    position: absolute;
    width: 796px;
    height: 178px;
    background: url(./../img/mv_titleboard.png);
    left: 102px
}

.container_tempcontents div.titleboard img.text {
    left: 298px;
    top: 92px
}


.container_profile {
    position: relative;
    width: 626px;
    height: 506px;
    margin: 0 auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.container_profile .contents_temp{
    position: relative;
    width: auto;
    height: auto;
    top: 40px;
    right: 0;
    bottom: 20px;
    left: 0;
}


.container_profile .contents_banner{
    position: relative;
    width: auto;
    height: auto;
    top: 60px;
    right: 0;
    bottom: 20px;
    left: 0;
}


/*   */

div#main-visual div.container {
    position: relative;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

div#main-visual div.container div.titleboard {
    position: absolute;
    width: 796px;
    height: 178px;
    background: url(./../img/mv_titleboard.png);
    left: 102px
}

div#main-visual div.container div.titleboard img.text {
    left: 298px;
    top: 92px
}

div#main-visual div.container div.member {
    position: absolute;
    left: 10px;
    top: 203px
}

div#main-visual div.container div.member .bg {
    position: absolute;
    left: 18px;
    top: 0
}

div#main-visual div.container div.member img {
    position: absolute
}

div#main-visual div.container div.member img.i-1-1 {
    left: 32px;
    top: 12px
}

div#main-visual div.container div.member img.i-1-2 {
    left: 0;
    top: 216px
}

div#main-visual div.container div.member img.i-1-3 {
    left: 148px;
    top: 220px
}

div#main-visual div.container div.member img.i-2-1 {
    left: 219px;
    top: 9px
}

div#main-visual div.container div.member img.i-2-2 {
    left: 212px;
    top: 28px
}

div#main-visual div.container div.member img.i-2-3 {
    left: 378px;
    top: 79px
}

div#main-visual div.container div.member img.i-3-3 {
    left: 505px;
    top: 0
}

div#main-visual div.container div.member img.i-3-4 {
    left: 501px;
    top: 47px
}

div#main-visual div.container div.member img.i-3-1 {
    left: 505px;
    top: 67px
}

div#main-visual div.container div.member img.i-3-2 {
    left: 501px;
    top: 113px
}

div#main-visual div.container div.member img.i-4-1 {
    left: 722px;
    top: 9px
}

div#main-visual div.container div.member img.i-4-2 {
    left: 735px;
    top: 27px
}

div#main-visual div.container div.member img.i-4-3 {
    left: 771px;
    top: 27px
}

div#main-visual div.container div.member img.i-4-4 {
    left: 757px;
    top: 67px
}

div#main-visual div.container div.member .member-a {
    position: absolute;
    left: 42px;
    top: 53px;
    background: url(./../img/mv_member_a.png);
    width: 156px;
    height: 382px;
    background-position: 0 0;
    z-index: 2
}

div#main-visual div.container div.member .member-a .item {
    position: absolute;
    left: 118px;
    top: 10px;
    background: url(./../img/mv_member_a_item.png);
    width: 34px;
    height: 35px;
    background-position: -34px 0
}

div#main-visual div.container div.member .member-b {
    position: absolute;
    left: 190px;
    top: 42px;
    background: url(./../img/mv_member_b.png);
    width: 260px;
    height: 397px;
    background-position: 0 0
}

div#main-visual div.container div.member .member-b .water-1 {
    position: absolute;
    visibility: hidden;
    left: 133px;
    top: 96px
}

div#main-visual div.container div.member .member-b .water-2 {
    position: absolute;
    visibility: hidden;
    left: 257px;
    top: 87px
}

div#main-visual div.container div.member .member-c {
    position: absolute;
    left: 412px;
    top: 50px;
    background: url(./../img/mv_member_c.png);
    width: 202px;
    height: 387px;
    background-position: 0 0
}

div#main-visual div.container div.member .member-d {
    position: absolute;
    left: 541px;
    top: 29px;
    background: url(./../img/mv_member_d.png);
    width: 339px;
    height: 419px;
    background-position: 0 0
}

div#main-visual div.container div.member .member-e {
    position: absolute;
    left: 814px;
    top: 54px;
    background: url(./../img/mv_member_e.png);
    width: 194px;
    height: 389px;
    background-position: 0 0
}

div#main-visual div.container div.member .member-e .kirakira-1 {
    position: absolute;
    left: 55px;
    top: 64px;
    visibility: hidden
}

div#main-visual div.container div.member .member-e .kirakira-2 {
    position: absolute;
    left: 37px;
    top: 82px;
    visibility: hidden
}

div#main-visual div.container div.member .member-e .kirakira-3 {
    position: absolute;
    left: 154px;
    top: 141px;
    visibility: hidden
}

div#main-visual div.container div.member .member-e .kirakira-4 {
    position: absolute;
    left: 136px;
    top: 157px;
    visibility: hidden
}

div#main-visual div.container div.member .member-e .bomb {
    position: absolute;
    left: 61px;
    top: 82px;
    visibility: hidden
}

div#main-visual div.container div.member .member-a .pop {
    position: absolute;
    left: 69px;
    top: 155px;
    z-index: 2
}

div#main-visual div.container div.member .member-b .pop {
    position: absolute;
    left: 3px;
    top: -94px;
    z-index: 2
}

div#main-visual div.container div.member .member-c .pop {
    position: absolute;
    left: 23px;
    top: -106px;
    z-index: 2
}

div#main-visual div.container div.member .member-d .pop {
    position: absolute;
    left: 203px;
    top: -74px;
    z-index: 2
}

div#main-visual div.container div.member .member-e .pop {
    position: absolute;
    left: -27px;
    top: 168px;
    z-index: 2
}

div#labs {
    width: 100%;
    height: 740px;
    background: url(./../img/labs_bg.png)
}

div#labs div.container {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    z-index: 1
}

div#labs div.container div.title {
    width: 746px;
    height: auto;
    top: -45px;
    margin: 0 auto
}

div#labs div.container div.mamemame,
div#labs div.container div.pakupaku,
div#labs div.container div.sukusuku {
    width: 333px;
    height: 650px;
    top: -25px;
    left: 0;
    float: left;
    text-align: center
}

div#labs div.lab-name {
    text-align: center
}

div#labs div.lab-name img.pop {
    left: 65px;
    position: absolute
}

div#labs div.lab-name img.name {
    margin-top: 50px
}

div#labs div.lab-img {
    width: 252px;
    height: 264px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px
}

div#labs div.lab-img img {
    position: absolute;
    left: 0;
    top: 0
}

div#labs div.container div.mamemame div.lab-img img.over {
    left: 16px;
    top: -32px
}

div#labs div.container div.pakupaku div.lab-img img.over {
    left: 16px;
    top: -20px
}

div#labs div.container div.sukusuku div.lab-img img.over {
    left: 16px;
    top: -21px
}

div#labs div.lab-text {
    background: url(./../img/labs_textline.png);
    width: 194px;
    height: 115px;
    margin: 0 auto;
    text-align: left
}

div#labs div.lab-text img {
    top: 8px
}

div#labs img.btn {
    width: 197px;
    height: 37px;
    display: block;
    padding: 10px;
    margin: 0 auto
}

div#labs a {
    display: block
}

div#labs a.to-lab:hover img.btn {
    opacity: .8
}

div#info {
    width: 100%;
    height: 255px;
    background: url(./../img/info_bg.png)
}

div#info div.member {
    position: absolute;
    width: 100%;
    height: 400px;
    left: 0;
    top: -180px;
    overflow: hidden
}

div#info div.member div.con {
    left: 50%
}

div#info div.member img.L {
    position: absolute;
    left: -580px;
    top: 15px
}

div#info div.member img.R {
    position: absolute;
    left: 480px;
    top: 15px
}

div#info div.container {
    clear: left;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding-top: 15px;
}

div#info div.container div.coulum-L {
    left: 0;
    top: 0;
    width: 590px;
    float: left
}

div#info div.container div.area-fb {
    left: 23px;
    top: -32px;
    width: 563px;
    height: 388px;
    background: url(./../img/info_fb.png)
}

div#info div.container div.area-fb div.box-plugin {
    top: 35px;
    left: 45px;
    width: 465px;
    height: 310px
}

div#info div.container div.coulum-R {
    left: -7px;
    top: 0;
    width: 410px;
    float: right
}

div#info div.container div.area-special {
    clear: both;
    width: 368px;
    height: 180px;
    margin: 0 auto;
    margin-top: 18px;
    background: url(./../img/info_special_bg.png)
}

div#info div.container div.area-special div.con {
    text-align: center;
    left: 0;
    top: 50px
}

div#info div.container div.area-special a {
    display: block;
    line-height: 0;
    margin-bottom: 2px
}

div#info div.container div.area-other {
    width: 380px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center
}

div#info a:hover {
    opacity: .85
}