/*--------------------------------------------------
contents
----------------------------------------------------------- */

/*-------------------------------
?g??????h??
-------------------------------*/

/*-------------------
????f?E16?F9???????
-------------------*/

#topMovie_01 {
    width: 530px;
    height: 294px;
    float: left;
    margin-right: 8px;
    background: url(../img/top/bg_12.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 6px;
}

/*--------------------------
?????`??????e??????@4:3
-------------------------*/


#topMovie_02 {
    width: 410px;
    height: 294px;
    float: left;
    margin-right: 6px;
    background: url(../img/top/bg_12.gif);
    background-repeat: no-repeat;
    padding-left: 140px;
    padding-top: 8px;
}


/*-------------------------------
flame
---------------------------*/

#topContents {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

#topCover {
    width: 550px;
    height: 300px;
    float: left;
    margin-right: 6px;
}

#middleContents {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

#middleContentsLeft {
    float: left;
    width: 300px;
    margin-right: 10px;
}

#middleContentsRight {
    width: 690px;
    float: left;
}

#bottomContents {
    clear: both;
    overflow: hidden;
}

/*-----------------------
?X?V????
-------------------------*/

DIV#whatsNew {
    width: 438px;
    height: 300px;
    float: left;
    BORDER: #cccccc 1px solid;
    display: inline;
    background: url(../img/top/bg_01.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;


}

DIV#whatsNewScroll {
    width: 420px;
    height: 220px;
    margin-left: 10px;
    overflow: auto;
    border: #cccccc 1px solid;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: 180px -94px;
}

P.whatImg {
    text-align: center
}

P.whatImg IMG {
    border: #ff99cc 1px solid;
    margin-bottom: 4px;
}

DD.whatTitle {
    width: 360px;
    color: #ffffff;
    font-weight: bold;
}

DD.whatCom {
    width: 360px
}

DL.news {
    padding-left: 10px;
    width: 360px;
    padding-right: 6px
}

DL.news img {
    max-width: 200px;
}

DL.news DT {
    padding-left: 4px;
    color: #39C;
}

DL.news DD {
    border-bottom: #0CF 1px dashed;
    padding-bottom: 8px;
    padding-left: 4px;
    margin-bottom: 10px
}

DL.news A {
    COLOR: #F09;
}

P#whatBack {
    margin-left: 10px
}

P#adjustment {

}

/*----------------------------------
?g?s?b?N?X
---------------------------------*/
#topicsFlame {
    float: left;
    margin-top: 10px;
    width: 548px;
    margin-right: 6px;
    height: 550px;
    border: #CCC 1px solid;
}


DIV#topics {
    width: 546px;
    height: 490px;
    float: left;
    margin-top: 0;
    margin-right: 10px;
    display: inline;
    background: url(../img/top/bg_03.jpg);
}

DIV#topcsScroll {
    width: 530px;
    height: 397px;
    overflow: auto;
    border: #cccccc 1px solid;
    margin-left: 10px;
    padding-top: 10px;
    margin-top: 20px;
}

DIV.topicsBox {
    border-bottom: #ff99cc 1px dashed;
    padding-bottom: 5px;
    padding-left: 3px;
    width: 480px;
    display: inline;
    margin-bottom: 12px;
    float: left;
    margin-left: 10px
}

P.topicsImg {
    display: inline;
    float: left
}

P.topicsImg IMG {
    border: #ff99cc 1px solid;
    margin-right: 10px;
    max-width: 240px;
}

P.topicsDate {
    margin-bottom: 2px;
    margin-left: 0;
    color: #f0f;
    padding-top: 2px;
}

DIV.topicsBox H4 {
    margin-bottom: 3px;
    color: #666666;
    font-size: 16px
}

DIV#pagerBox {
    text-align: center;
    clear: both
}

.topicsMore {
    width: 230px;
    height: 30px;
    margin: 10px;
    padding-left: 300px;
}

.topicsMore p {
    width: 230px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

.topicsMore p a {
    width: 230px;
    height: 30px;
    display: block;
    background: url(../img/top/btn_more.png);
    background-repeat: no-repeat;
}

.topicsMore p a:hover {
    background-position: 0 -30px;
    background-repeat: no-repeat;
}

DIV.topicsBox div.topicsText img {
    max-width: 200px;
}

DIV.topicsBox div.topicsText embed {
    max-width: 200px;
}

/*--------------------------------
?g?s?b?N?X?Z??g?^?[
----------------------------*/


div.topicsCenterBox {
    border-bottom: #ff99cc 1px dashed;
    width: 480px;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;
}

P.topicsCenterImg {
    display: inline;

}

P.topicsCenterImg IMG {
    border: #ff99cc 1px solid;
    margin-right: 10px;
    margin-left: 20px;
}

DIV.topicsCenterBox H4 {
    margin-bottom: 3px;
    color: #666666;
    font-size: 16px
}

.topicsCenterText {
    margin: 10px;
    text-align: center;
}

.topicsCenterText img {
    max-width: 350px;
}

.topicsCenterText embed {
    max-width: 350px;
}


/*------------------------------------------
?V?l????
-------------------------------------------*/

DIV#newFaceFlame {
    float: left;
    margin-top: 10px;
    width: 435px;
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
}


DIV#newFace {
    width: 433px;
    height: 490px;
    float: left;
    margin-top: 0;
    display: inline;
    background: url(../img/top/bg_04.jpg);
}

/*HEIGHT: 372px;*/
DIV#newFaceScroll {
    width: 416px;
    height: 398px;
    overflow: auto;
    padding-top: 10px;
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    margin-left: 10px;
    margin-top: 18px;
}

DIV.newFaceBox {
    border-bottom: #F9F 1px dashed;
    padding-bottom: 5px;
    padding-left: 3px;
    width: 360px;
    display: inline;
    margin-bottom: 12px;
    float: left;
    margin-left: 10px
}

P.newFaceDate {
    margin-bottom: 2px;
    color: #ff00ff;
}

DIV.newFaceBox H4 {
    margin-bottom: 8px;
    color: #666666;
    font-size: 16px
}

P.newFaceImg {
    display: inline;
    float: left
}

P.newFaceImg IMG {
    BORDER: #f9f 1px solid;
    margin-right: 10px;
    margin-left: 20px;
    max-width: 300px;
}

P.newFaceind {
    padding-left: 3px;
    padding-right: 4px
}

P.newFaceind img {
    max-width: 300px;
}

P.newFaceind embed {
    max-width: 300px;
}

/* ??€??????????? */
.newFaceBox P.newFaceind img {
    max-width: 150px;
}

.newFaceBox P.newFaceind embed {
    max-width: 150px;
}


DIV#toBnMenu {
    margin-top: -2px;
    CLEAR: both;
    padding-left: 56px;
    background: url(../img/top/bg_toBtn.gif);
    background-repeat: no-repeat;
}

DIV#toBnMenu IMG {
    margin-left: 0
}

P#bottomFoot {
    CLEAR: both
}

.newFaceMore {
    width: 230px;
    height: 30px;
    margin: 10px;
    padding-left: 190px;
    overflow: hidden;
    clear: both;
}

.newFaceMore p {
    width: 230px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

.newFaceMore p a {
    width: 230px;
    height: 30px;
    display: block;
    background: url(../img/top/btn_more.png);
    background-repeat: no-repeat;
}

.newFaceMore p a:hover {
    background-position: 0 -30px;
    background-repeat: no-repeat;
}

/*----------------------------
?Z??g?^?[???fu
------------------------*/


div.newFaceCenterBox {
    border-bottom: #F9F 1px dashed;
    width: 360px;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;
}

P.newFaceCenterImg {
    display: inline;

}

P.newFaceCenterImg IMG {
    border: #ff99cc 1px solid;
    margin-right: 10px;
    margin-left: 20px;
    max-width: 300px;
}

DIV.newFaceCenterBox H4 {
    margin-bottom: 3px;
    color: #666666;
    font-size: 16px
}

.newFaceCenterText {
    margin: 10px;
    text-align: center;
}

.newFaceCenterText img {
    max-width: 300px;
}

.newFaceCenterText embed {
    max-width: 300px;
}


/*-----------------------------------
?q?hL???????h???
-----------------------------------*/
DIV#catBoxFlame {
    width: 300px;
    height: 683px;
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-top: #cccccc 1px solid;

}

DIV#catBoxFlame02 {
    width: 300px;
    height: 683px;
    float: left;
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-top: #cccccc 1px solid;

}

DIV#catScroll02 {
    width: 277px;
    height: 575px;
    margin-left: 7px;
    overflow: auto;
    margin-top: 0;
    padding-left: 5px;


}


DIV#catBox {
    width: 300px;
    height: 623px;
    background: url(../img/top/bg_05.jpg);
    background-repeat: no-repeat;

}


DIV#catScroll {
    width: 280px;
    height: 575px;
    margin-left: 10px;
    margin-top: 0;
    border: #cccccc 1px solid;
    /*
        overflow: auto;
    */
    overflow: hidden;
    position: relative;
}

DIV#catScroll div {
    width: 280px;
    height: 640px;
    position: relative;
}

DIV#catScroll div iframe {
    /*position:absolute;*/
    /*top:-70px;*/
}

/* ƒIƒtƒBƒVƒƒƒ‹—p */
DIV#catroomScroll {
    height: 575px;
    margin: 0 auto 0;
    text-align: center;
    overflow-y: scroll;
}

DIV.catRoomList {
    border-bottom: #ff99cc 1px dashed;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

P.catDate {
    color: #f0f;
    margin-left: 4px
}

DIV.catRoomList H4 {
    margin: 0 4px 4px;
    font-size: 16px;
    color: #666666;
}

P.catImg {
    text-align: center;
    margin-bottom: 4px
}

P.catImg IMG {
    width: auto;
    height: auto;
    max-width: 100%;
    border: 1px solid #CFCFCF;
}

.catName {
    text-align: center;
    margin: 4px auto;
    font-size: 18px;
    color: #ff00ff;
}

div.catCom {
    text-align: center;
    padding: 0 12px;
    color: #666666;
    word-wrap: break-word;
}

div.catCom img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.topCatRoomMore {
    width: 230px;
    height: 30px;
    margin: 10px;
    padding-left: 50px;
}

.topCatRoomMore p {
    width: 230px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

.topCatRoomMore p a {
    width: 230px;
    height: 30px;
    display: block;
    background: url(../img/top/btn_more.png);
    background-repeat: no-repeat;
}

.topCatRoomMore p a:hover {
    background-position: 0 -30px;
    background-repeat: no-repeat;
}

/*-----------------------------------
????E??
---------------------------------*/

#hotNews {
    width: 1000px;
    height: 55px;
    clear: both;
    overflow: hidden;
}

#hotNewsMarq {
    height: 50px;
    width: 880px;
    background: url(../img/top/bg_05.png);
    margin-top: 0;
    padding-left: 122px;
    padding-top: 15px;
    font-size: 14px;
    background-repeat: no-repeat;
    white-space: nowrap;
}

#hotNewsMarq p {
    width: 850px;
    height: 22px;
    display: block;
    font-size: 16px;
    color: #ff0099;
}

/*-------------------------------
????E??OK?q?hL
--------------------------------*/

#freeSpace_01 {
    width: 684px;
    height: 390px;
    border: #cccccc 1px solid;
    margin-bottom: 10px;
    background: url(../img/top/bg_06.jpg);
    background-position: 0 60px;
}


#realTimeGirlScroll {
    width: 650px;
    height: 270px;
    margin-left: 10px;
    overflow: auto;
    margin-top: 3px;
    border: #cccccc 1px solid;

    padding: 5px;

}

.realTimeGirl {
    background: url(../img/top/bg_06.gif);
    width: 120px;
    height: 170px;
    padding-top: 25px;
    float: left;
    margin: 3px;
}

.realTimeGirl img {
    margin-left: 7px;
    border: #cccccc 1px solid;
}

.realTimeGirl h4 {
    width: 118px;
    height: 15px;
    background: url(../img/top/bg_07.gif);
    text-align: center;
    line-height: 15px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    margin-left: 1px;
}

.realTimeGirl h4 a {
    color: #ffffff;
}

.realTimeGirl h4 a:hover {
    color: #ffffff;
}

.realTimeGirlMore {
    width: 230px;
    height: 30px;
    margin: 10px;
    padding-left: 440px;
}

.realTimeGirlMore p {
    width: 230px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

.realTimeGirlMore p a {
    width: 230px;
    height: 30px;
    display: block;
    background: url(../img/top/btn_more.png);
    background-repeat: no-repeat;
}

.realTimeGirlMore p a:hover {
    background-position: 0 -30px;
    background-repeat: no-repeat;
}


/*----------------------------------
?????`???b?g
----------------------------------*/

#freeSpace_02 {
    width: 690px;
    height: auto;
    clear: both;
    overflow: hidden;
}

#freeSpace_04 {
    float: left;
    width: 230px;
    height: 280px;
    border: #cccccc 1px solid;
    padding-left: 0;
}

.freeSpace_04_non {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#freeSpace_04 embed {
    margin-left: 10px;
    margin-top: 8px;
}

#freeSpace_04 h4 {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    background: url(../img/top/bg_02.jpg);
    margin: 2px;
    height: 25px;
    width: 226px;
}

#freeSpace_04 h4 a {
    color: #ffffff;
}

#freeSpace_04 h4 a:hover {
    color: #ffffff;
}

#freeSpace_04 p {
    color: #ffffff;
    text-align: center;
}


/*--------------------------------------
?C?x??g?g????
-------------------------------------*/

#freeSpace_05 {
    float: left;
    width: 684px;
    height: 683px;
    border: #cccccc 1px solid;
    padding-left: 0;
    margin-right: 10px;
    background: url(../img/top/bg_07.jpg);
    background-position: 0 60px;
}

#freeSpace_05Scroll {
    width: 664px;
    height: 575px;
    margin-left: 5px;
    overflow: auto;
    margin-top: 0;
    border: #cccccc 1px solid;
}

div#eventBox {
    padding-top: 5px;
    padding-bottom: 15px;
}

div.eventList {
    width: 560px;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: 1px dotted #F9C;
    clear: both;
}

div.eventList h3 {
    font-size: 14px;
    line-height: 110%;
    color: #F6C;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 5px;
    border-left: 5px solid #F3C;
    border-bottom: 1px solid #f3c;
}

p.img {
    text-align: center;
}

p.img img {
    border: 1px solid #CFCFCF;
    margin-bottom: 16px;
}

div.text {
    margin-left: 0;
}

div.text img {
    max-width: 560px;
}

div.text embed {
    max-width: 300px;
}


.eventListMore {
    width: 230px;
    height: 30px;
    margin: 10px;
    padding-left: 440px;
}

.eventListMore p {
    width: 230px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

.eventListMore p a {
    width: 230px;
    height: 30px;
    display: block;
    background: url(../img/top/btn_more.png);
    background-repeat: no-repeat;
}

.eventListMore p a:hover {
    background-position: 0 -30px;
    background-repeat: no-repeat;
}


/*------------------------
TOP’Η‰Α
-----------------------*/

.topShopInfo_box_new {
    width: 970px;
    margin: 6px;
    background-color: #ff99cc;
    padding: 10px;
    overflow: hidden;
    clear: both;
    border-radius: 10px;

}

.topShopInfo_box_left {
    float: left;
    width: 460px;

}

.topShopInfo_box_right {
    float: left;
    padding: 10px;
    font-family: 'ƒƒCƒŠƒI', Meiryo, 'ƒqƒ‰ƒMƒmŠΫƒS ProN', 'Hiragino Maru Gothic ProN', 'Franklin Gothic Medium', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 23px;
}


.topShopInfoTitle {
    background: url(../img/new202003/zeikin.png);
    background-size: 970px;
    background-repeat: no-repeat;
    width: 970px;
    height: 48px;
    margin-bottom: 10px;
}

.topShopInfoTitle h4 {
    font-family: 'ƒƒCƒŠƒI', Meiryo, 'ƒqƒ‰ƒMƒmŠΫƒS ProN', 'Hiragino Maru Gothic ProN', 'Franklin Gothic Medium', 'Helvetica', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 48px;
    padding-left: 80px;

}