@charset 'utf-8';




body
{
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;  background-color: #f8f8f8;  background-image: url(../img/bg.jpg);  background-repeat: no-repeat;  background-position: center top;  -webkit-text-size-adjust: 100%;
}
#sound
{
    height: 20px;  background-image: url(../img/bg_line.png);  background-repeat: repeat-x;  background-position: center top;
}

#soundContent
{
    width: 1034px;  margin-right: auto;  margin-left: auto;  text-align: right;
}


header
{
    width: 1006px;  height: 146px;  margin-top: -4px;  margin-right: auto;  margin-left: auto;
}
#logo
{
    float: left;
}
h1
{
    float: left;
}




.topimagebgTop
{
    clear: both;  width: 1008px;  height: 3px;  margin-right: auto;  margin-left: auto;  text-align: center;
}
.topimagebgBottom
{
    position: relative;  clear: both;  width: 1006px;  height: 3px;  margin-right: auto;  margin-left: auto;  text-align: center;
}

#topimagebg
{
    width: 1002px;  height: 453px;  margin-right: auto;  margin-left: auto;  padding-right: 3px;  padding-bottom: 3px;  padding-left: 3px;  background-image: url(../img/top_bg_r.png);  background-repeat: repeat;  background-position: left bottom;
}

#topimage
{
    overflow: hidden;  width: 1000px;  border: 1px solid #e3e3e3;
}
.bnr
{
    width: 1002px;  height: 102px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 10px;  margin-left: auto;  padding: 3px;  background-image: url(../img/bnr_bg.png);  background-repeat: no-repeat;  background-position: left top;
}


.bnr img
{
    border: 1px solid #e3e3e3;
}
.bnr2
{
    overflow: hidden;  width: 1008px;  margin-right: auto;  margin-left: auto;
}
.bnr2 .bnr
{
    float: left;  width: 494px;  height: 102px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 0;  margin-left: auto;  padding: 3px;  background-image: url(../img/bnr_bg.png);  background-repeat: no-repeat;  background-position: left top;
}
.bnr2 .bnr1
{
    float: left;  width: 1000px;  height: 102px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 0;  margin-left: auto;  padding: 3px;  background-image: url(../img/bnr_bg.png);  background-repeat: no-repeat;  background-position: left top;
}

.bnr2 .bnr1_b
{
    float: left;  width: 1000px;  height: 102px;  margin-top: 5px;  margin-right: auto;  margin-bottom: 0;  margin-left: auto;  padding: 3px;  background-image: url(../img/bnr_bg.png);  background-repeat: no-repeat;  background-position: left top;
}
.bnr2 .bnr img
{
    border: 1px solid #e3e3e3;
}
.bnr2 .bnr1 img,
.bnr2 .bnr1_b img
{
    border: 1px solid #e3e3e3;
}
.bnr2 .bnrRight
{
    float: right;  width: 494px;  height: 102px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 0;  margin-left: auto;  padding: 3px;  background-image: url(../img/bnr_bg.png);  background-repeat: no-repeat;  background-position: left top;
}
.bnr2 .bnrRight img
{
    border: 1px solid #e3e3e3;
}
.bnr3
{
    width: 1002px;  height: 102px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 0;  margin-left: auto;  padding: 3px;  background-image: url(../img/bnr_bg.png);  background-repeat: no-repeat;  background-position: left top;
}
.bnr3 img
{
    border: 1px solid #e3e3e3;
}

#siteUpdateList
{
    overflow: auto;  overflow-y: scroll;  width: 997px;  height: 195px;
}

#siteUpdate
{
    overflow: hidden;  width: 1008px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 10px;  margin-left: auto;
}
#siteUpdate dl
{
    overflow: hidden;  width: 970px;  margin-right: 8px;  margin-left: 8px;  padding-top: 8px;  padding-bottom: 8px;  background-image: url(../img/update_line.png);  background-repeat: repeat-x;  background-position: bottom;
}

#siteUpdate dl dd
{
    font-size: 12px;  line-height: 145%;  clear: left;  padding-bottom: 3px;  padding-left: 12px;  background-image: url(../img/link_icon.png);  background-repeat: no-repeat;  background-position: 0 4px;
}
#siteUpdate dl dd.blogTitle
{
    font-size: 12px;  line-height: 145%;  float: left;  margin-left: 8px;  padding-left: 12px;  background-image: url(../img/link_icon.png);  background-repeat: no-repeat;  background-position: 0 4px;
}

#siteUpdate dl dd.blogimage
{
    float: left;  width: 80px;  margin: 0;  padding: 0;  text-align: center;  background-image: none;
}
#siteUpdate dl dd a
{
    font-size: 12px;  padding-bottom: 0;  text-decoration: none;  color: #343434;
}
#siteUpdate dl dd a:hover
{
    text-decoration: underline;
}

#siteUpdate dl dt
{
    font-size: 12px;  float: left;  width: 135px;  padding-top: 3px;  padding-bottom: 7px;  color: #f46184;
}




#siteUpdateContent
{
    float: left;  width: 998px;  height: 235px;  padding: 5px;  background-image: url(../img/update_long_bg.png);  background-repeat: no-repeat;  background-position: left top;
}




#update
{
    overflow: hidden;  width: 1008px;  margin-top: 10px;  margin-right: auto;  margin-bottom: 10px;  margin-left: auto;
}
#update dl
{
    overflow: hidden;  width: 285px;  margin-right: 8px;  margin-left: 8px;  padding-top: 5px;  padding-bottom: 5px;  background-image: url(../img/update_line.png);  background-repeat: repeat-x;  background-position: bottom;
}

#update dl dd
{
    font-size: 12px;  line-height: 145%;  padding-bottom: 5px;  padding-left: 12px;  background-image: url(../img/link_icon.png);  background-repeat: no-repeat;  background-position: 0 4px;
}
#update dl dd.blogTitle
{
    font-size: 12px;  line-height: 145%;  float: left;  width: 180px;  margin-left: 8px;  padding-bottom: 5px;  padding-left: 12px;  background-image: url(../img/link_icon.png);  background-repeat: no-repeat;  background-position: 0 4px;
}

#update dl dd.blogimage
{
    float: left;  width: 80px;  margin: 0;  padding: 0;  text-align: center;  background-image: none;
}
#update dl dd a
{
    font-size: 12px;  text-decoration: none;  color: #343434;
}
#update dl dd a:hover
{
    text-decoration: underline;
}

#update dl dt
{
    font-size: 12px;  padding-top: 3px;  padding-bottom: 5px;  color: #f46184;
}




#divaStation
{
    float: left;  width: 318px;  height: 302px;  padding: 5px;  background-image: url(../img/update_bg.png);  background-repeat: no-repeat;  background-position: left top;
}
#twitter
{
    float: left;  width: 318px;  height: 302px;  margin-left: 12px;  padding: 5px;  background-image: url(../img/update_bg.png);  background-repeat: no-repeat;  background-position: left top;
}

#twitter h2
{
    width: 312px;  height: 26px;  padding-top: 6px;  padding-right: 6px;  text-align: right;  background-image: url(../img/twitter_title.png);
}

#twitterContainer
{
    font-size: 12px;  padding-left: 8px;
}
#movie
{
    float: left;  width: 318px;  height: 302px;  margin-left: 12px;  padding: 5px;  background-image: url(../img/update_bg.png);  background-repeat: no-repeat;  background-position: left top;
}
#movie dl
{
    overflow: hidden;  width: 285px;  margin-right: 8px;  margin-left: 8px;  padding-top: 5px;  padding-bottom: 5px;  background-image: url(../img/update_line.png);  background-repeat: repeat-x;  background-position: bottom;
}
#movie dl dd
{
    font-size: 12px;  line-height: 145%;  padding-bottom: 0;  padding-left: 12px;  background-image: url(../img/link_icon.png);  background-repeat: no-repeat;  background-position: 0 4px;
}
#movie dl dd a
{
    font-size: 12px;  text-decoration: none;  color: #343434;
}
#movie dl dd a:hover
{
    text-decoration: underline;
}
#movie dl dd.movieimage
{
    float: left;  width: 80px;  height: 100px;  margin: 0;  padding: 0;  background-image: none;
}
#movie dl dd.movieimagelong
{
    float: left;  width: 80px;  height: 130px;  margin: 0;  padding: 0;  background-image: none;
}
#movie dl dd.movieTitle
{
    float: left;  width: 180px;  margin: 0;  padding-top: 0;  padding-right: 0;  padding-bottom: 5px;  padding-left: 12px;  background-image: none;
}
#movie dl dd.movieLink
{
    float: left;  width: 100px;  margin-top: 0;  margin-right: 0;  margin-bottom: 0;  margin-left: 12px;  padding-top: 0;  padding-right: 0;  padding-bottom: 0;
}



#movie dl dt
{
    font-size: 12px;  padding-top: 5px;  padding-bottom: 5px;  color: #f46184;
}
.updateContent
{
    overflow: auto;  overflow-y: scroll;  height: 265px;
}


#games
{
    clear: both;  overflow: hidden;  width: 1026px;  margin-right: auto;  margin-bottom: 20px;  margin-left: auto;  padding-right: 200px;  padding-left: 200px;
}
/*20220607*/
#mega39s
{
    float: left;  width: 511px;  height: 245px; margin-left: 4px; padding-top: 50px;  background-image: url(../img/game_mega39s_bg.png?upd);
}
#mega39s .gameimgWrap {
    display: inline-block;
    margin: 34px 0 30px;
}
/*20220527*/

#ft_vr
{
    float: left;  width: 511px;  height: 245px;  padding-top: 50px;  background-image: url(../img/game_ftdx_vr.png);
}


#ft_vr .gameright
{
    float: left;  margin-left: 20px;
}


#ft_vr .gameleft
{
    float: left;  margin-left: 10px;
}


#x
{
    float: left;  width: 511px;  height: 245px;  margin-left: 4px;  padding-top: 50px;  background-image: url(../img/game_x.png);
}

#ft
{
    float: left;  width: 511px;  height: 245px;  padding-top: 50px;  background-image: url(../img/game_ft.png);
}



#f
{
    float: left;  width: 511px;  height: 245px;  padding-top: 50px;  background-image: url(../img/game_f.png);
}
#diva
{
    float: left;  width: 511px;  height: 245px;  margin: 0;  padding-top: 50px;  background-image: url(../img/game_diva.png);
}


#mirai
{
    float: left;  width: 511px;  height: 245px;  padding-top: 50px;  background-image: url(../img/game_mirai.png);
}
#ac
{
    float: left;  width: 511px;  height: 245px;  padding-top: 50px;  background-image: url(../img/game_ac.png);
}


#mobile
{
    float: left;  width: 511px;  height: 245px;  padding-top: 50px;  background-image: url(../img/game_mobile.png);
}


#goods
{
    float: left;  width: 511px;  height: 230px;  padding-top: 70px;  background-image: url(../img/game_goods.png);
}
footer
{
    clear: both;  overflow: hidden;  width: 100%;  background-image: url(../img/bg_line.png);  background-repeat: repeat;  background-position: center top;
}
#footerContent
{
    width: 1008px;  margin-right: auto;  margin-left: auto;  padding-top: 15px;  padding-right: 200px;  padding-bottom: 15px;  padding-left: 200px;
}
#segalogo
{
    float: left;  margin-top: 5px;  margin-right: 15px;
}
#tweet
{
    float: right;  width: 112px;
}
#facebook
{
    float: right;  width: 125px;
}
nav
{
    position: fixed;  top: 39px;  left: 0;  overflow-y: scroll; width: 210px;   height: 100%;  margin-bottom: 15px; margin-left: 0;padding-right: 5px;
    z-index: 50;
    text-align: center;
}

nav a
{
    position: relative;  display: block;  height: 100px;
}
nav > a:last-child {
margin-bottom: 60px;
}

/**20220527**/
nav::-webkit-scrollbar
{
    width: 5px;
}
nav::-webkit-scrollbar-thumb
{
    background: rgba(72, 177, 184, .3);
}
nav::-webkit-scrollbar-track
{
    background: rgba(72, 177, 184, .1);
}



section#main
{
    width: 1010px;  margin-right: auto;  margin-left: auto;  padding-right: 200px;  padding-bottom: 20px;  padding-left: 200px;
}

#sidenav
{
    width: 210px;
}

/*20220527*/
#sidenav h1
{
    float: none;
}

#sidenav h1 a
{
    height: 168px;
}
/*20220527*/
#mainContent
{
    padding-top: 20px;
    position: relative;
    z-index: 40;
}
#gameList
{
    clear: both;  width: 100%;  padding-top: 15px;  background-image: url(../img/gamelist_bg.png);
}

#siteUpdateList dl .siteUpdate_miraidx
{
    float: left;  width: 355px;
}
#siteUpdateList .siteicon
{
    float: left;  width: 355px;  padding-bottom: 0;
}

#siteUpdateList dl .siteUpdate_ac
{
    width: 355px;  background-image: url(../img/site_ac.png);  background-repeat: no-repeat;  background-position: right 1px;
}

#oshirase
{
    font-size: 12px;  line-height: 145%;  clear: left;  margin-left: 5px;  padding: 2px 5px 1px 8px;  padding-bottom: 3px;  background-image: url(../img/link_icon2.png);  background-repeat: no-repeat;  background-position: 0 5px;
}


#oshirase a
{
    font-size: 12px;  padding-bottom: 0;  text-decoration: none;  color: #343434;
}
#oshirase a:hover
{
    text-decoration: underline;
}