@charset "utf-8";
/* @group Main layouts */
#pfg{
    color:#000;
    height:400px;
    width:972px;
    position:relative;
/*    */overflow:hidden;/**/
}
#pfg.profile_detail{
    overflow:visible;
}
/*
#pfg_area{
    overflow: hidden;
}
*/
#loading{
    position:absolute;
    top:0;
    right:0px;
    z-index:201;
    width:84.5%;
    height:400px;
    text-align:center;
    line-height:450px;
    background-color:rgba(0,0,0,0.6);/* IEみ対応？　#000;*/
    /*background-color*/ /*\**//*: #000\9; *//* ie hack*/
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b9000000,endcolorstr=#b9000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9000000,endColorstr=#b9000000)";
zoom:1;
}
#loading_animation{
    position:absolute;
    right:16px;
    bottom:16px;
    z-index:201;
    width:84px;
    height:84px;
}
/********** STATUS ユーザー情報 自分 **********/
#status_user{
    text-align:center;
    width:150px;
    height:400px;
    background:#e0f9ff;
    background:rgba(255,255,255,0.8);
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}

#status_user dt {
  padding: 0 0 8px;
}

#status_user dt img {
  max-width: 120px;
  max-height: 120px;
  margin: 14px 0 4px 14px;
  display: block;
  border: 1px solid #fff;
}

#status_user dt a:hover img{
    border:1px solid #888;
}
#status_user dl strong{
    font-weight:bold;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#status_user .user_energy .energy_param{
    height:30px;
    width:123px;
    background:url('//static.gesoten.com/img/user_energy.png') no-repeat 0 0;
}
#status_user .user_energy .icon_star_ss,.icon_star_ss{
    height:14px;
    width:14px;
    margin:0 2px 0 0;
    vertical-align:-2px;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -623px;
}
.icon_coin_ss{
    height:14px;
    width:14px;
    margin:0 2px 0 0;
    vertical-align:-2px;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -14px -623px;
}
#status_user .user_energy .btn_energy_recover{
    color:#333;
    font-size:85%;
    text-align:center;
    line-height:21px;
    height:20px;
    width:90px;
    margin: 8px auto 0;
    display:block;
    border:1px solid #5a8cb4;
    background:#b8e8ff;
    border-radius:10px;
}
#status_user .user_energy a.btn_energy_recover{
    cursor:pointer;
}
#status_user .user_energy a.btn_energy_recover:hover{
    text-decoration:none;
    border:1px solid #004678;
}
#status_user .user_energy span.btn_energy_recover{
    color:#aaa;
    border:1px solid #ccc;
    background:#eee;
}
#status_user .user_energy .energy_to_recover{
    color:#666;
    font-size:85%;
}
#status_user .user_setting{
    margin:10px auto 0px;
}
#status_user .user_setting a{
    color:#666;
    font-size:85%;
    text-align:center;
    line-height:24px;
    height:24px;
    width:110px;
    margin:0 auto;
    display:block;
    border:1px solid #aaa;
    background:#eee;
    border-radius:6px;
}
#status_user .user_setting a:hover{
    text-decoration:none;
    border:1px solid #666;
}
#status_user .status_user_bottom{
    overflow:hidden;
    position:absolute;
    bottom:6px;
    left:0;
}

#status_user .status_user_bottom li{
    font-size: 116%;
    font-weight: bold;
    text-align: left;
    line-height: 29px;
    padding-left: 5px;
    height: 44px;
    width: 70px;
    float: left;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

#status_user .status_user_bottom li a{
  position: relative;
  display: block;
  white-space: nowrap;
}

#status_user .status_user_bottom li a:hover{
    text-decoration:none;
}

#status_user .status_user_bottom li img {
  height: 27px;
  width: 27px;
  margin-right: 2px;
}

#status_user li.status_user_friend,
#status_user li.status_user_star {
  text-align: center;
  width: 145px;
}

#status_user li.status_user_star img {
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}

#status_user li.status_user_friend img {
  background: url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 0;
  margin-right: 4px;
}

#status_user li.status_user_nice img {
  background: url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -27px 0;
}

#status_user li.status_user_gift img {
  background: url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -248px 0;
  margin-left: 4px;
}

#status_user li.status_user_level img {
  background: url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -54px 0;
  margin-left: 4px;
}

#status_user li.status_user_badge img {
  background: url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -81px 0;
}

#status_user li.status_user_nice a:hover {
  text-decoration: none;
}

#status_user li.status_user_nice a span,
#status_user li.status_user_gift a span{
    color:#fff;
    font-weight:bold;
    padding:1px 2px 0;
    border:1px solid #fff;
    background:#f00;
}
#status_user li.status_user_nice a:hover span,
#status_user li.status_user_gift a:hover span{
    border:1px solid #b40000;
}

#status_user_next_lv {
  height: 14px;
  width: 138px;
  position:absolute;
  bottom: 5px;
  left: 6px;
}

#status_user_next_lv p{
    color:#333;
    font-size:85%;
    font-weight:bold;
    text-align:left;
    width:54px;
    float:left;
}
#status_user_next_lv .next_lv_wrap{
    float:left;
    width:84px;
    height:4px;
    margin:6px 0 0;
    position:relative;
    background:#bbb;
    overflow:hidden;
}
#status_user_next_lv .next_lv_inner{
    position:absolute;
    top:0;
    left:0;
    height:4px;
    background:#ff64c2;
}

.status_user_bottom .status_user_star a,
.status_user_bottom .status_user_friend a,
.status_user_bottom .status_user_gift a,
.status_user_bottom .status_user_nice a {
  padding: 6px 0;
}

.status_user_bottom .status_user_level a,
.status_user_bottom .status_user_badge a {
  padding-top: 2px;
}

/********** STATUS ユーザー情報 他人 **********/
#status_user .user_actions{
    font-size:85%;
    padding:6px 0 2px;
}
#status_user.user_pub .status_user_bottom{
    bottom: 22px;
    border-bottom: 1px dashed #ddd;
}
#status_user .status_user_block{
    position: absolute;
    left: 0;
    bottom: 3px;
    color: #aaa;
    font-size:85%;
    width: 150px;
}
#status_user .user_actions > ul{
    overflow:hidden;
}
#status_user .user_actions > ul > li{
    padding:0 0 6px 10px;
    float:left;
}
#status_user .user_actions li.btn_talk_to,
#status_user .user_actions li#btn_kizuna_to{
    padding:0 0 6px 8px;
}
#status_user .user_actions > ul > li > a,
#status_user .user_actions li span{
    color:#333;
    font-weight:bold;
    line-height:35px;
    height:34px;
    width:128px;
    display:block;
    margin:0 auto;
    border:1px solid #aaa;
    background:#fff;
    border-radius:6px;
}
#status_user .user_actions > li a:hover{
    text-decoration:none;
    border:1px solid #666;
}
#status_user .user_actions li#btn_nice_to span,
#status_user .user_actions li#btn_friend_to span{
    color:#666;
    background:#ddd;
}
#status_user .user_actions li#btn_nice_to a{
    background:#bef0ff;
}
#status_user .user_actions li#btn_message_to a{
    width:59px;
}
#status_user .user_actions li.btn_talk_to a,
#status_user .user_actions li#btn_kizuna_to > a{
    width:59px;
}
#status_user .user_actions > ul > li > a > img,
#status_user .user_actions > ul > li > span > img{
    height:24px;
    width:24px;
    margin:0 2px 0 0;
}
#status_user .user_actions li#btn_nice_to a img,
button.greeting_btn img{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -346px;
}
#status_user .user_actions li#btn_nice_to span img,
button.greeting_btn.greeting_done img{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -24px -346px;
}
#status_user .user_actions li#btn_nice_to a img,
#status_user .user_actions li#btn_nice_to span img,
#pfg .user_robo .apply_btn img{
    margin:0;
}
#status_user .user_actions li#btn_friend_to a img,
#pfg .user_robo .apply_btn img{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -48px -346px;
}
#status_user .user_actions li#btn_friend_to span img,
button.greeting_btn.greeting_done img{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -48px -346px;
}
#status_user .user_actions li#btn_message_to a img{
    margin:0;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -72px -346px;
}
#status_user .user_actions li#btn_kizuna_to > a img,
button.kizuna_btn img{
    margin:0;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -250px -2px;
}
#status_user .user_actions li.btn_talk_to a img{
    height:17px;
    width:31px;
    margin:-1px 0 0;
    background:url('//static.gesoten.com/img/common/sprite.png?20131010') no-repeat -26px -282px;
}
#status_user .user_actions li#btn_vegemon_to a img{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -96px -346px;
}
#status_user .user_actions li#btn_kizuna_to #link_items{
    top:auto;
    left:4px;
    width:194px;
    padding:4px 0 2px 4px;
}
#status_user .user_actions li#btn_kizuna_to #link_items li{
    width:40px;
    padding:2px 6px 6px 2px;
}
#status_user .user_actions li#btn_kizuna_to #link_items img{
    width:40px;
    border-radius:6px;
}
.buttons_action{
    position:absolute;
    z-index:1000;
    top:-26px;
    left:0;
    border:2px solid #333;
    background:#fff;
    border-radius:6px;
}
.buttons_action_inner{
    text-align:center;
    overflow:hidden;
}
.buttons_action_inner button{
    cursor:pointer;
    float:right;
    padding:0 1px 0 0;
    height:25px;
    width:29px;
    border:0 none;
    background-color:rgba(0, 0, 0, 0);
}
.buttons_action_inner button, x:-moz-any-link{
    padding:0 2px 0 0;
}
.buttons_action_inner button:last-child{
    border-right:1px solid #aaa;
}
.island_s .inner .buttons_action_inner button img{
    width:22px;
    height:22px;
    position:relative !important;
}
.island_s .inner .buttons_action_inner button.apply_btn img{
    width:24px;
}
button.greeting_btn.greeting_done{
    display: none;
}
#island_world #link_items{
    width:56%;
    padding:6px 0 0 6px;
    top:34%;
    left:20%;
    z-index:7;
    border-radius:6px;
}
#island_world #link_items p{
    display:none;
}
#island_world #link_items li{
    height:26px;
    width:26px;
    padding:2px 4px 8px 2px;
}
#island_world #link_items li a{
    display:block;
    cursor:pointer;
}
#island_world #link_items li div{
    line-height:1;
    top:-4px;
    padding:1px 2px 0;
}
#island_world #link_items li img{
    width:26px;
    border-radius:4px;
}

#status_user.user_pub .status_user_bottom li.status_user_friend,
#status_user.user_pub .status_user_bottom li.status_user_level,
#status_user.user_pub .status_user_bottom li.status_user_badge {
  height: 38px;
}

/********** NAV メイン右端 **********/
#nav_pfg_global{
    /*width:157px;*/
    position:absolute;
    top:2px;
    right:0;
    z-index:102;
    height:0;
}
#nav_pfg_global .view_change{
    padding:4px 5px 12px 0;
    overflow:hidden;
}
#nav_pfg_global .view_change a{
    color:#666;
    font-size:85%;
    font-weight:bold;
    line-height:32px;
    height:29px;
    width:110px;
    padding:0 0 0 12px;
    display:block;
    float:right;
}
#nav_pfg_global .view_change a:hover{
    text-decoration:none;
}
#nav_pfg_global .view_change#go_world a{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -139px;
}
#nav_pfg_global .view_change#go_world a:hover{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -168px;
}
#nav_pfg_global .view_change#go_island a{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -197px;
}
#nav_pfg_global .view_change#go_island a:hover{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -226px;
}
#go_world {
    display:none;
}
#nav_pfg_global ul {
    position:relative;
    left:67px;
    width:60px;
}
#nav_pfg_global li a{
    height:60px;
    width:60px;
    display:block;
    float:right;
}
#nav_pfg_global li a:hover{
    text-decoration:none;
}
#nav_pfg_global li a.tutorial{
    width:157px;
}
#nav_pfg_global li.outing a.tutorial{
    background:url('//static.gesoten.com/img/pfg_main_nav_primary.png') no-repeat 0 0;
}
#nav_pfg_global li.outing a{
    background:url('//static.gesoten.com/img/pfg_main_nav.png') no-repeat 0 0;
}
#nav_pfg_global li.decorate a{
    background:url('//static.gesoten.com/img/pfg_main_nav.png') no-repeat 0 -60px;
}
#nav_pfg_global li.equip a{
    background:url('//static.gesoten.com/img/pfg_main_nav.png') no-repeat 0 -120px;
}
#nav_pfg_global li.gacga a{
    background:url('//static.gesoten.com/img/pfg_main_nav.png') no-repeat 0 -180px;
}
#nav_pfg_global li a span{
    display:none;
}
/********** STATUS 棒グラフ **********/
#status_chart{
    height:112px;
    width:224px;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -27px;
    position:absolute;
    top:5px;
    left:156px;
    z-index:5;
}
#status_chart ul{
    padding:14px 0 0 16px;
}
#status_chart li{
    line-height:14px;
    height:14px;
    padding:5px 0 0;
}
#status_chart dl{
    overflow:hidden;
}
#status_chart dt,
#status_chart dd{
    float:left;
}
#status_chart dt{
    font-size:85%;
    font-weight:bold;
    width:50px;
}
#status_chart dd.status_param{
    width:112px;
}
#status_chart dd.status_param img{
    height:14px;
    width:107px;
    display:block;
    background:url('//static.gesoten.com/img/status_param.png') no-repeat 0 0;
}
#status_chart .param_value{
    color:#a00;
    font-size:116%;
    font-weight:bold;
    width:34px;
}
/********** VIEW 島 **********/
#island{
    height:400px;
    width:700px;
    margin:0 0 0 190px;
    position:relative;
    z-index:1;
}
#island ul img{
    position:absolute;
}
.user_robo{
    position:absolute;
    z-index:7;
}
.user_robo .comment_box{
    height:52px;
    width:204px;
    margin:0 0 -10px 18px;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -255px;
}
.user_robo .comment_box input[type="text"]{
    font:13px/1.5 Meiryo,"MS PGothic",arial,sans-serif;
    width:160px;
    margin:8px 0 0 10px;
    border:0;
    box-shadow:none;
}
.user_robo .comment_box input[type="submit"]{
    color:#fff;
    font-size:85%;
    font-weight:bold;
    text-align:center;
    height:22px;
    width:24px;
    display:block;
    position:absolute;
    top:8px;
    right:8px;
    border:0;
    background:#0088d0;
    border-radius:4px;
    padding: 1px 1px 0 0;
}
.user_robo.no_island{
    bottom:230px;
    left:94px;
}
.robo_set{
    height:110px;
    width:110px;
    position:relative;
}
.robo_set img{
    height:110px;
    width:110px;
    position:absolute;
    top:0;
    left:0;
}
/********** VIEW 島x5 **********/
#island_world{
    height:400px;
    width:972px;
    z-index:1;
}
.island_s{
    text-align:center;
    height:333px;
    width:300px;
    position:absolute;
}
#island_s_lt{
    z-index:1;
    bottom:130px;
    left:128px;
}
#island_s_rt{
    z-index:2;
    bottom:130px;
    left:646px;
}
#island_s_c{
    z-index:3;
    bottom:30px;
    left:400px;
}
#island_s_lb{
    z-index: 4;
    bottom: -50px;
    left: 170px;
}
#island_s_rb{
    z-index:5;
    bottom:-70px;
    left:652px;
}
.island_s .inner{
    height:333px;
    width:300px;
    position:relative;
}
.island_s .inner img{
    position:absolute;
}
.island_s .inner img.hover{
    outline:4px #f00 solid;
}
.island_s .inner div.hover{
    position:absolute;
    width:30px;
    height:15px;
    border:4px #f00 solid;
    -moz-border-radius: 70px / 43px;
    -webkit-border-radius: 70px / 43px;
    border-radius: 70px / 43px;
}
.island_user_name{
    color:#fff;
    font-size:85%;
    line-height:18px;
    height:18px;
    width:140px;
    padding:0 4px;
    margin:0 auto;
    background:#000;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-radius:4px 4px 0 0 / 4px 4px 0 0;
    opacity:0.9;
}
.user_robo.no_island .island_user_name{
    border-radius:4px;
}
.user_banner{
    bottom:-44px;
    left:-18px;
}
.user_banner_king{
    display:block;
    bottom:-80px;
    left:110px;
}
.user_robo .comment_box_s{
    height:38px;
    width:170px;
    margin:0 0 -6px;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -307px;
    opacity:0.9;
}
.user_robo .comment_box_s span,
.user_robo .comment_box span{
    color:#000;
    font-size:85%;
    display:block;
    padding:5px 0 0;
    margin:0 auto;
    width:152px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.user_robo .comment_box span{
    font-size:100%;
    padding:9px 0 0;
    width:170px;
}
.robo_set_s{
    height:48px;
    width:48px;
    margin:0 auto;
    position:relative;
}
.robo_set_s img{
    height:48px;
    width:48px;
    position:absolute;
    top:0;
    left:0;
}
/********** BANNERS **********/
#pfg_banners{
    position:absolute;
    bottom:0;
    left:156px;
    z-index:4;
}
#pfg_banners ul{
    overflow:hidden;
}
#pfg_banners ul li{
    width:250px;
    margin:0 4px 0 0;
    float:left;
}

/********** modal win **********/
.win_pfg{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('//static.gesoten.com/img/bg_repeat_modal_win.png') repeat;
    z-index:100;
}
.win_pfg_wrap{
    position:absolute;
    top:5px;
/*  left:156px;*/
left:5px;
    width:810px;
    height:390px;
    background:url('//static.gesoten.com/img/bg_modal_win.png') no-repeat 0 0;
}
.win_pfg_wrap_gacha_comming{
    position: relative;
    top:5px;
    left:5px;
    width:810px;
    height:390px;
    background:#fff;
}
.win_pfg_inner{
    position:relative;
    width:810px;
    height:374px;
    padding:16px 0 0;
}
.win_pfg_close{
    width:30px;
    height:30px;
    display:block;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
}
.win_pfg_close span{
    display:none;
}
.win_pfg_tit{
    font-size:161.6%;
    font-weight:bold;
    line-height:1.2;
    width:762px;
    margin:0 auto;
    border-bottom:2px solid #000;
}
.win_pfg_main{
    height:337px;
    width:762px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.win_pfg_left{
    width:300px;
    float:left;
}
.win_pfg_right{
    width:432px;
    padding:16px 0 0;
    height:310px;
    float:right;
}
.win_pfg_subtit{
    color:#780000;
    font-size:131%;
    font-weight:bold;
}
.win_pfg_subtit span{
    font-size:70%;
}
/********** 島 装備 変更 **********/
#win_decorate .island_s{
    top:0;
    left:0;
}
#win_decorate .btn_change_island{
    position:absolute;
    bottom:10px;
    left:0;
}
#win_decorate .btn_change_island a{
    color:#333;
    font-weight:bold;
    text-align:center;
    line-height:27px;
    height:26px;
    width:118px;
    display:block;
    border:4px solid #aaa;
    background:#fff;
    border-radius:17px;
}
#win_decorate .btn_change_island a:hover{
    text-decoration:none;
    border:4px solid #666;
    background:#eee;
}
#win_decorate .win_pfg_right li,
#win_equip .win_pfg_right li{
    margin:0 0 2px;
    border:1px solid #ccc;
    background:#eee;
    position:relative;
}
#win_decorate .win_pfg_right li a,
#win_equip .win_pfg_right li a{
    color:#000;
    font-size:116%;
    font-weight:bold;
    line-height:54px;
    height:54px;
    width:430px;
    display:block;
    background:url('//static.gesoten.com/img/list_arrow.png') no-repeat right center;
}
#win_equip .win_pfg_right li a{
    line-height:46px;
    height:46px;
}
#win_decorate .win_pfg_right li:hover,
#win_equip .win_pfg_right li:hover{
    border:1px solid #aaa;
    background:#b8e8ff;
}
#win_decorate .win_pfg_right li a.object_remove{
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height:27px;
    height:26px;
    width:26px;
    display:block;
    position:absolute;
    top:14px;
    left:8px;
    background:#ccc;
}
#win_decorate .win_pfg_right li a.object_remove:hover{
    text-decoration:none;
    background:#aaa;
}
#win_decorate .win_pfg_right li dl,
#win_equip .win_pfg_right li dl{
    overflow:hidden;
    padding:0 10px;
}
#win_decorate .win_pfg_right li dl{
    padding:0 10px 0 40px;
}
#win_decorate .win_pfg_right li dt,
#win_decorate .win_pfg_right li dd,
#win_equip .win_pfg_right li dt,
#win_equip .win_pfg_right li dd{
    float:left;
}
#win_decorate .win_pfg_right li dt,
#win_equip .win_pfg_right li dt{
    width:100px;
}
#win_decorate .win_pfg_right li .object_thumb_s,
#win_equip .win_pfg_right li .object_thumb_s{
    text-align:center;
    width:40px;
    padding:0 10px 0 0;
}
#win_decorate .win_pfg_right li .object_thumb_s img,
#win_equip .win_pfg_right li .object_thumb_s img{
    max-height:40px;
    max-width:40px;
}
#win_decorate .win_pfg_right li .object_name,
#win_equip .win_pfg_right li .object_name{
    width:260px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#win_decorate .win_pfg_right li .object_name{
    width:230px;
}
.win_pfg_left_thumb{
    text-align:center;
    width:132px;
    height:132px;
    padding:24px;
    margin:16px 0 10px 60px;
    background:#eee;
    border-radius:30px;
}
.win_pfg_left_thumb img{
    max-height:132px;
    max-width:132px;
}
.win_pfg_thmub_text{
    width:290px;
    height:99px;
    padding:8px 0 8px 10px;
    overflow-y:scroll;
    overflow-x:hidden;
    background:#eee;
}
.win_pfg_thmub_text p{
    font-size:85%;
}
.win_pfg_thmub_text p span{
    font-weight:bold;
}
.win_pfg_thmub_text p .rarity_star img, #gacha_item_rarity img{
    height:23px;
    width:234px;
    margin:0 0 4px;
}
.rarity_star_grade_1{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 0;
}
.rarity_star_grade_2{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -23px;
}
.rarity_star_grade_3{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -46px;
}
.rarity_star_grade_4{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -69px;
}
.rarity_star_grade_5{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -92px;
}
.rarity_star_grade_6{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -115px;
}
.rarity_star_grade_7{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -138px;
}
.rarity_star_grade_8{
    background:url('//static.gesoten.com/img/sprite_rarity.png') no-repeat 0 -161px;
}
.win_pfg_list_thumb{
    overflow-x:hidden;
    overflow-y:scroll;
    height:242px;
    margin:0 0 12px;
}
.win_pfg_list_thumb ul{
    overflow:hidden;
}
.win_pfg_list_thumb li{
    text-align:center;
    height:60px;
    width:60px;
    float:left;
    margin:0 9px 9px 0;
}
.win_pfg_list_thumb li a{
    height:60px;
    width:50px;
    padding:0 5px;
    display:table-cell;
    *display:block;
    *zoom:1;
    vertical-align:middle;
    background:#eee;
    border-radius:10px;
}
.win_pfg_list_thumb li a:hover{
    background:#b8e8ff;
}
.win_pfg_list_thumb li.selected a{
    background:#529aff;
}
.win_pfg_list_thumb li a img{
    max-height:50px;
    max-width:50px;
}

#win_pfg_select_island .win_pfg_list_thumb li{
    height:120px;
    width:120px;
    margin:0 16px 10px 0;
}
#win_pfg_select_island .win_pfg_list_thumb li a{
    height:100px;
    width:100px;
    padding:10px;
    border-radius:20px;
}
#win_pfg_select_island .win_pfg_list_thumb li a img{
    max-height:100px;
    max-width:100px;
}

.win_pfg_robo_ll .inner{
    height:300px;
    width:300px;
    position:relative;
}
.win_pfg_robo_ll .inner img{
    position:absolute;
    top:0;
    left:0;
}

/********** おでかけ **********/
/* 初回おでかけ促しwin */
.sp_win_primary{
    position:absolute;
    top:75px;
    left:296px;
    z-index:199;
    cursor:pointer;
    display:none;
}
#win_outing_5 .win_pfg_outing_itmes{
    height:200px;
    width: 280px;
    overflow:auto;
}
#win_outing_5 .win_pfg_right{
    width:430px;
    padding:0;
}
#win_outing_5 .outing_result_bg{
    padding-left:10px;
    background-color:#fff;
    background-color:rgba(255,255,255,0.8);
}
.win_pfg_outing_ride{
    padding:8px 0;
}
.win_pfg_outing_ride img{
/*  width:100px;*/
    margin:0 4px 0 0;
}

.win_pfg_list_thumb_stage{
    overflow-x:hidden;
    overflow-y:scroll;
    height:210px;
}
.win_pfg_list_thumb_stage ul{
    overflow:hidden;
}
.win_pfg_list_thumb_stage li{
    height:60px;
    width:60px;
    float:left;
    margin:0 10px 8px 0;
    position: relative;
}
.win_pfg_list_thumb_stage li.new:after{
    content:"New";
    position: absolute;
    top:0;
    right: 0;
    font-size: 6pt;
    background-color: #f00;
    color: #fff;
    display: block;
    height: 1em;
    line-height: 1em;
    padding: 1px;
}
.win_pfg_list_thumb_stage li.clear:after{
    content:"Clear";
    position: absolute;
    bottom:0;
    right: 0;
    font-size: 6pt;
    background-color: rgb(126, 126, 255);
    color: #fff;
    display: block;
    height: 1em;
    line-height: 1em;
    padding: 1px;
}
.win_pfg_list_thumb_stage li a{
    height:50px;
    width:50px;
    padding:5px;
    display:block;
    background:#eee;
    cursor: pointer;
}
.win_pfg_list_thumb_stage li a:hover{
    background:#b8e8ff;
}
.win_pfg_list_thumb_stage li a img{
    max-height:50px;
    max-width:50px;
}
.win_pfg_list_thumb_stage li div.quest_mask{
    line-height:60px;
    position: absolute;
    width:60px;
    height:60px;
    text-align: center;
    top:0;
    left:0;
    zoom:1;
    background-color: #000;
    background-color: rgba(0,0,0,0.65);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#60000000,endcolorstr=#60000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000)";
    color:#fff;
}
.win_event_col_2 div.quest_mask{
    position: absolute;
    width: 274px;
    height: 274px;
    text-align: center;
    top:30px;
    left:20px;
    zoom:1;
    background-color: #000;
    background-color: rgba(0,0,0,0.65);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#60000000,endcolorstr=#60000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000)";
    color:#fff;
}
.win_pfg_inner_repeat{
    background:url('//static.gesoten.com/img/bg_repeat_inner_modal_win.png') repeat;
}
.win_pfg_outing_detail{
    height:289px;
    padding:12px 6px 6px 12px;
    overflow:hidden;
}
.win_pfg_outing_detail .win_pfg_outing_detail_img{
    width:180px;
    padding:0 8px 0 0;
    float:left;
}
.win_pfg_outing_detail .win_pfg_outing_detail_txt{
    width:226px;
    float:left;
}
.win_pfg_outing_detail .win_pfg_outing_detail_txt p{
    padding:0 0 5px;
}
.icon_pfg_robo,
.icon_pfg_object,
.icon_pfg_island,
.icon_pfg_coin,
.icon_pfg_star,
.icon_pfg_ge,
.icon_pfg_coupon,
.icon_pfg_egg{
    height:20px;
    width:20px;
    vertical-align:-5px;
    margin:0 2px 0 0;
}
.icon_pfg_robo{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -108px 0;
}
.icon_pfg_object{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -128px 0;
}
.icon_pfg_island{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -148px 0;
}
.icon_pfg_coin{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -168px 0;
}
.icon_pfg_star{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -188px 0;
}
.icon_pfg_ge{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -208px 0;
}
.icon_pfg_coupon{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -228px 0;
}
.icon_pfg_egg{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -275px 0;
}
.win_pfg_outing_itmes li{
    font-weight:bold;
    padding:0 0 4px;
}

.win_pfg_outing_selecttime{
    padding:16px 0 10px;
}
.oyatsu_parameter{
font-size:8pt;
font-weight:bold;
}
.unselection_message{
position:relative;
}
.unselection_message .user_robo{
left:-10px;
top:134px;
}
.list_oyatsu{
    overflow:hidden;
    margin:0 auto 6px;
}
.list_oyatsu li{
    width:98px;
    margin:0 2px 0 0;
    float:left;
}
.list_oyatsu li a{
    color:#000;
    font-weight:bold;
    text-align:center;
    line-height:26px;
    height:26px;
    width:96px;
    display:block;
    border:1px solid #aaa;
    background:#ccc;
    cursor: pointer;
}
.list_oyatsu li a:hover{
    text-decoration:none;
    border:1px solid #666;
}
.list_oyatsu li.selected a{
    border:1px solid #aaa;
    background:#fff;
}

.win_pfg_list_thumb_oyatsu{
    height:174px;
}
.win_pfg_list_thumb_oyatsu ul{
    overflow:hidden;
}
.win_pfg_list_thumb_oyatsu li{
    text-align:center;
    height:60px;
    width:60px;
    float:left;
    margin:0 10px 8px 0;
}
.win_pfg_list_thumb_oyatsu li a{
    height:50px;
    width:50px;
    padding:5px;
    position:relative;
    display:block;
    vertical-align:middle;
    background:#eee;
    cursor: pointer;
}
.win_pfg_list_thumb_oyatsu li a:hover{
    background:#b8e8ff;
}
.win_pfg_list_thumb_oyatsu li.selected a{
    background:#529aff;
}
.win_pfg_list_thumb_oyatsu li a img{
    max-height:50px;
    max-width:50px;
}

.win_pfg_list_thumb_friends{
    height:210px;
    margin:0 0 0px;
}
.win_pfg_list_thumb_friends ul{
    overflow:hidden;
}
.win_pfg_list_thumb_friends li{
    text-align:center;
    height:60px;
    width:60px;
    float:left;
    margin:0 9px 9px 0;
    position: relative;
}
.win_pfg_list_thumb_friends li span.kizuna_icon{
    color: #fff;
    font-size: 85%;
    font-weight: bold;
    text-align: center;
    padding: 0 2px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #333;
    background: rgba(0,0,0,0.6);
}
.win_pfg_list_thumb_friends li span.kizuna_icon img{
    vertical-align:-3px;
}
.win_pfg_list_thumb_friends li a{
    height:50px;
    width:50px;
    padding:5px;
    display:block;
    background:#eee;
    cursor: pointer;
}
.win_pfg_list_thumb_friends li a:hover{
    background:#b8e8ff;
}
.win_pfg_list_thumb_friends li.selected a{
    background:#529aff;
}
.win_pfg_list_thumb_friends li a img{
    max-height:50px;
    max-width:50px;
}

.win_pfg_btnset{
    width:346px;
    margin:0 auto;
    overflow:hidden;
    display: flex;
    gap: 30px;
}
#win_equip .win_pfg_btnset{
    display:none;
    margin-left:70px;
}
.win_pfg_btnset_tri{
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:100;
    position: absolute;
    right: 0;
    bottom: 24px;
}
.win_pfg_btnset_tri a{
    float:left;
}

.win_pfg_btn_gray,
.win_pfg_btn_blue{
    color:#fff;
    font-size:146.5%;
    font-weight:bold;
    text-align:center;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
    line-height:46px;
    height:46px;
    width:156px;
    display:block;
    border-radius:10px;
    cursor: pointer;
}
#win_equip .win_pfg_btn_blue{
    font-size:100%;
    line-height:31px;
    height:30px;
}
#win_equip .win_pfg_capture_execute{
    display:none;
    text-align:center;
    width:156px;
    height:30px;
    font-weight:bold;
    line-height:31px;
    margin-left:70px;
    border-radius: 20px;
    border: 3px #000 solid;
    background-color: #cfc;
}
.win_pfg_btn_purple,
.win_pfg_btn_light_blue{
    color:#fff;
    font-size:146.5%;
    font-weight:bold;
    text-align:center;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
    line-height:46px;
    height:46px;
    padding:0 10px;
    display:block;
    border-radius:10px;
    margin-left:5px;
    cursor: pointer;
}

.win_pfg_btn_gray{
    border-top:1px solid #666;
    border-right:1px solid #666;
    border-bottom:4px solid #666;
    border-left:1px solid #666;
    background:#999;
}
.win_pfg_btn_blue{
    border-top:1px solid #145ac8;
    border-right:1px solid #145ac8;
    border-bottom:4px solid #145ac8;
    border-left:1px solid #145ac8;
    background:#2882ff;
}
.win_pfg_btn_purple{
    border-top:1px solid rgb(82, 25, 204);
    border-right:1px solid rgb(82, 25, 204);
    border-bottom:4px solid rgb(82, 25, 204);
    border-left:1px solid rgb(82, 25, 204);
    background:#a032ff;
}
.win_pfg_btn_light_blue{
    border-top:1px solid rgb(32, 105, 219);
    border-right:1px solid rgb(32, 105, 219);
    border-bottom:4px solid rgb(32, 105, 219);
    border-left:1px solid rgb(32, 105, 219);
    background:#2882ff;
}
.win_pfg_btn_gray:hover,
.win_pfg_btn_blue:hover,
.win_pfg_btn_purple:hover,
.win_pfg_btn_light_blue:hover{
    color:#fff;
    text-decoration:none;
}
.win_pfg_btn_gray:hover{
    border-top:1px solid #444;
    border-right:1px solid #444;
    border-bottom:4px solid #444;
    border-left:1px solid #444;
    background:#a0a0a0;
}
.win_pfg_btn_blue:hover{
    border-top:1px solid #003ca0;
    border-right:1px solid #003ca0;
    border-bottom:4px solid #003ca0;
    border-left:1px solid #003ca0;
    background:#3c8eff;
}
.win_pfg_btn_purple:hover{
    border-top:1px solid rgb(98, 46, 209);
    border-right:1px solid rgb(98, 46, 209);
    border-bottom:4px solid rgb(98, 46, 209);
    border-left:1px solid rgb(98, 46, 209);
    background:rgb(173, 79, 255);
}
.win_pfg_btn_light_blue:hover{
    border-top:1px solid rgb(39, 95, 187);
    border-right:1px solid rgb(39, 95, 187);
    border-bottom:4px solid rgb(39, 95, 187);
    border-left:1px solid rgb(39, 95, 187);
    background:#3c8eff;
}
.win_pfg_outing_selected_items{
    padding:0 0 24px;
}
.win_pfg_outing_selected_items th{
    height:50px;
    width:50px;
    padding:5px;
    vertical-align:middle;
    background:#eee;
}
.win_pfg_outing_selected_items th img{
    max-height:50px;
    max-width:50px;
}
.win_pfg_outing_selected_items td{
    width:236px;
    padding:0 0 0 4px;
    vertical-align:middle;
}
.win_pfg_outing_selected_items td strong{
    color:#d21e78;
    font-weight:bold;
}

#win_pfg_main_repeat{
    height:310px;
    width:762px;
    margin:13px 0 0;
}
.win_pfg_outing_schedule{
    padding:12px 0 10px 12px;
}
.win_pfg_outing_schedule ul{
    padding:0 0 0 24px;
    background:url('//static.gesoten.com/img/outing_schedule_bar.png') no-repeat 0 0;
}
.win_pfg_outing_schedule li{
    color:#666;
    line-height:1.1;
    padding:0 0 7px;
}
.win_pfg_outing_schedule li.outing_now{
    color:#d21e78;
    font-size:146.5%;
    font-weight:bold;
}
.win_pfg_outing_history{
    padding:0 0 0 12px;
    height:162px;
}
.win_pfg_outing_history ul{
    padding:0 0 0 6px;
    overflow:hidden;
    background:#fff;
}
.win_pfg_outing_history li.negative{
    color:#3c64aa;
}
.win_pfg_outing_history li.positive{
    color:#f05000;
}
.win_pfg_outing_history li.treasure{
    color:#d21e78;
    font-weight:bold;
}
.win_pfg_outing_history li.checkpoint{
    font-weight:bold;
}

.win_pfg_outing_progress{
    height:310px;
    width:432px;
}
.win_pfg_outing_progress_graph{
    padding:230px 0 0 36px;
}
.win_pfg_outing_progress_graph_inner{
    height:70px;
    width:360px;
    position:relative;
    background:url('//static.gesoten.com/img/progress_graph.png') no-repeat 0 0;
}
.progress_robo{
    position:absolute;
}
.robo_set_s .robo_sweat{
    height:14px;
    width:16px;
    left:34px;
}

.win_pfg_outing_result{
    margin:12px 0 29px 12px;
    padding:10px;
    background:#fff;
    border-radius:10px;
}
.win_pfg_outing_result span{
    color:#d21e78;
    font-weight:bold;
}
.win_pfg_outing_result span strong{
    font-size:161.6%;
    margin:0 0 0 6px;
}

.win_pfg_outing_mountain{
    height:174px;
    width:148px;
    position:absolute;
    right:0;
    bottom:14px;
    background:url('//static.gesoten.com/img/outing_mountain.png') no-repeat 0 0;
}
.win_pfg_outing_mountain_inner{
    position:relative;
}
.win_pfg_outing_mountain .robo_set{
    margin:-92px auto 0;
}
.win_pfg_btnset_single{
    position:absolute;
    right:137px;
    bottom:24px;
}

#friend_pager div.pagination{
    padding-top:0;
    padding-bottom: 5px;
}
#friend_pager a{
    padding: 0 5px;
}
.win_pfg_list_thumb_oyatsu li a span.own_number{
    color:#fff;
    font-size:85%;
    font-weight:bold;
    text-align:center;
    line-height:15px;
    height:14px;
    padding:0 1px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:#333;
    background: rgba(0,0,0,0.7);
}

#island_primary .tit_primary{
    display:block;
    position:absolute;
    left:281px;
    top:16px;
    z-index:3;
}
#island_primary #island_s_lt{
    left:152px;
    bottom:40px;
}
#island_primary #island_s_rt{
    left:670px;
    bottom:40px;
}
#island_primary #island_s_c{
    left:424px;
    bottom:-56px;
}
#island_primary #island_s_lt a,
#island_primary #island_s_rt a,
#island_primary #island_s_c a{
    display:block;
}
#island_primary #island_s_lt a,
#island_primary #island_s_rt a,
#island_primary #island_s_c a{
    display:block;
}
#island_primary #island_s_lt img,
#island_primary #island_s_rt img,
#island_primary #island_s_c img{
    display:none;
    left:90px;
    top:50px;
}
.win_pfg_primary_txt{
    height:218px;
    padding:12px;
    margin:0 0 14px;
    overflow:hidden;
    background:#eee;
    position:relative;
}
.win_pfg_primary_txt .win_pfg_subtit{
    font-size:161.6%;
}
.win_pfg_primary_txt p{
    font-size:116%;
}
#win_gacha_2 .win_pfg_primary_txt p{
    font-size:100%;
}

/********** ガチャ **********/
#win_gacha section.win_pfg_main{
    width:780px;
    margin-left:24px;
}
.gacha_price{
    color:#f00;
    font-size:131%;
    position:absolute;
    right:8px;
    bottom:26px;
}
.gacha_price .icon_star{
    vertical-align:-3px;
}
.gacha_select{
    padding:30px 0 0 19px;
}
.gacha_select ul{
    overflow:hidden;
}
.gacha_select li{
    padding:0 26px 26px 0;
    float:left;
}
.gacha_select li a{
    display:block;
    position:relative;
    cursor: pointer;
}
.gacha_select li a:hover{
    text-decoration:none;
    opacity:0.8;
}

.gacha_select li div.gacha_mask{
    color:#fff;
    text-align: center;
    position: absolute;
    top:30px;
    left:19px;
    zoom:1;
    background-color: #000;
    background-color: rgba(0,0,0,0.65);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#60000000,endcolorstr=#60000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000)";
}
.gacha_select li div.gacha_mask a{
    color:#fff;
    height:124px;
    width:124px;
}
.gacha_select li div.gacha_mask p{
    padding-top:44px;
    margin:0 10px;
}
#win_gacha_2 .gacha_sticker{
    display:block;
    height:124px;
    width:124px;
    position:absolute;
    top:30px;
    left:64px;
}
.gacha_select li span{
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    height:22px;
    width:100%;
    display:block;
    background:#f00;
    position:absolute;
    bottom:0;
    left:0;
}
.gacha_selected{
    text-align:center;
    height:316px;
    width:254px;
    margin:26px 0 0 23px;
    position:relative;
    background:url('//static.gesoten.com/img/pfg_gacha_bg.png') no-repeat 0 0;
}

#gacha_comming_animation{
    height:390px;
    width:810px;
}
#gacha_done_animation{
    text-align:center;
    height:300px;
    width:300px;
    margin:16px 0 0;
}
#gacha_done_animation img{
    max-height:132px;
    max-width:132px;
    margin:80px 0 0;
}
.info_icon{
    color:#fff;
    font-size:85%;
    font-weight:bold;
    text-align:center;
    line-height:13px;
    height:12px;
    width:12px;
    top:3px;
    left:20px;
    display:block;
    position:relative;
    border:2px solid #fff;
    background:#f00;
}

li.outing .info_icon.end_flag{
    background-color: rgb(126, 126, 255);
}
#help_logs{
    height:112px;
    width:224px;
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -27px;
    position:absolute;
    top:8px;
    left:156px;
    z-index:100;
}
#help_logs ul{
    padding:2px 0 0 2px;
}
#help_logs li{
    font-size:85%;
    line-height:14px;

    padding:3px 0 0;
}
#help_logs li img{
    width:20px;
    height:20px;
}

#help_logs div.log_inner{
    position: relative;
    top: 10px;
    left: 10px;
    width: 204px;
    height: 88px;
    overflow: hidden;
}
#help_logs .jspVerticalBar,#help_logs_more .jspVerticalBar{
width:5px;
}

#help_logs_more{
    position: absolute;
    top:46px;
    right: 191px;
    max-height: 320px;
    border: 2px solid #000;
    z-index: 100;
    background-color: #fff;
}
#help_logs_more ul{
    overflow: hidden;
    margin: 3px;
}
#help_logs_more li{
    width: 240px;
    margin: 0px 1px 4px;
    border-bottom: 1px dashed #ddd;
    position: relative;
}
#help_logs_more li a{
    color:#000;
    text-decoration: none;
    overflow: hidden;
    display: block;
    padding: 2px;
}
#help_logs_more li a:hover{
    background-color: #b8e8ff;
}
#help_logs_more li img{
    width: 54px;
    float: left;
    margin-right: 2px;
}
#help_logs_more li dl{
    font-size: 90%;
    width: 180px;
    float: left;
}
#help_logs_more li span.logtime{
    position: absolute;
    top:2px;
    right: 2px;
    font-size: 80%;
}
#help_logs_more li dt{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 115px;
}
/** copy ek**/
/*
 *  * 共通ポップアップ
 *   */
.popup-group-small{
    position:absolute;
    top:155px;
    left:330px;
    width:180px;
    padding:15px;
    background-color:rgba(0, 0, 0, 0.8);/* IEみ対応？　#000;*/
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b9000000,endcolorstr=#b9000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9000000,endColorstr=#b9000000)";
zoom:1;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    z-index:100;
}
.popup-group-middle{
    position:absolute;
    top:155px;
    left:330px;
    height:140px;
    width:235px;
    padding:10px;
    background-color:rgba(0, 0, 0, 0.8);/* IEみ対応？　#000;*/
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b9000000,endcolorstr=#b9000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9000000,endColorstr=#b9000000)";
zoom:1;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    z-index:100;
}
#popup.popup-ok{
    line-height:1.4;
}
.popup-ok{
    color: #fff;
    text-align: center;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -222px;
    margin-top: -87px;
    height:132px;
    width:403px;
    padding:20px;
    /*background-color:rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b9000000,endcolorstr=#b9000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9000000,endColorstr=#b9000000)";*/
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -451px;
zoom:1;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    z-index:100;
}
.popup-ok p{
    /*line-height:50px;*/
    display:table-cell;
    height: 133px;
    vertical-align: middle;
    display: table-cell;
    width: 400px;
    margin: auto;
    word-break: break-all;
}

.popup-message{
    position:absolute;
    top:130px;
    left:200px;
    padding:10px;
    color:#fff;
    z-index:100;
}

.popup a.btn-close{
    display: block;
    position: absolute;
    color: red;
    font-weight: bold;
    font-size: 12pt;
    border: 3px solid #222;
    height: 20px;
    line-height: 20px;
    width: 20px;
    top: -12px;
    right: -12px;
    cursor: pointer;
    z-index: 100000;
    background-color: #fff;
    margin:0;
}

/* confirm dialog*/
#confirm div.confirm-buttons{
overflow:hidden;
text-align:center;
position:absolute;
bottom:15px;
left:0;
width:100%;
}
#confirm.popup-ok p{
height:90px;
}
#confirm a.btn-yes,
#confirm a.btn-no{
    width:141px;
    height:38px;
    margin:5px;
    display:inline-block;
}
#confirm a.btn-yes{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -141px -413px;
}
#confirm a.btn-no{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -413px;
}

#tpl-force-bye-success .form-actions .btn-ok {
    background:url('/assets/img/force_ok_button.png?201302281530') no-repeat scroll 0 0 transparent;
    height:50px;
    width:350px;
    position: absolute;
    bottom: -60px;
    left: 0px;
}

.force-title {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}

.force-detail {
    margin-bottom:10px;
}

.force-explain {
    color:#ffff00;
    font-size:12px;
    margin-top:20px;
}
#quest-time,#quest-confirm-time{
font-size: 12pt;
padding-left: 10px;
}

.centerizer{
display:inline-block;
width:0;
}
#open_win_outing.continue:after{
content: "またお出かけしよう！";
display: block;
position: absolute;
top: -17px;
right: 0;
width: 115px;
background-color: #ff46b4;
color: white;
font-weight: bold;
font-size: 8pt;
padding: 1px;
z-index: 1000;
border: 1px solid #fff;
text-align: center;
outline: 2px solid #000;
}
#message_display{
    height:43px;
    width:53px;
    bottom:59px;
    right:3px;
    position:absolute;
    cursor:pointer;
    z-index:200;
}
#message_display.message_display{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat 0 -370px;
}
#message_display.message_none{
    background:url('//static.gesoten.com/img/sprite_pfg.png') no-repeat -53px -370px;
}
section.win_pfg_help p{
padding: 2px 5px 5px;
line-height: 1.7em;
}
.win_pfg_tab{
color: rgb(255, 255, 255);
text-decoration: none;
background-color: #111;
font-size: 10pt;
vertical-align: bottom;
border: 0px solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: none;
height: 25px;
line-height: 28px;
padding: 0 15px;
margin-right: 10px;
cursor: pointer;
}
#win_pfg_overlay{
    width: 822px;
    left: 150px;
}
/********** 紅白大合戦 旗 **********/
.battle_flag{
    position:absolute;
    top:17px;
    left:-24px;
    z-index:6;
}
#status_user .battle_flag{
    top:0;
    left:4px;
}

/********** icon online **********/
.online_light_on,
.online_light_off{
    position:absolute;
    top:8px;
    right:8px;
    z-index:6;
}
.online_light_on img,
.online_light_off img{
    height:24px;
    width:24px;
    display:block;
}
.online_light_on img{
    background:url(//static.gesoten.com/img/common/sprite.png) 0 -299px;
}
.online_light_off img{
    background:url(//static.gesoten.com/img/common/sprite.png) -24px -299px;
}

/********** banner event **********/
.banner_event_pfg{
    position:absolute;
    bottom:0px;
    left:486px;
    z-index:4;
}

/********** window event **********/
#win_event .win_pfg_left,
#win_event .win_pfg_right{
    width:274px;
    padding:20px;
}
.win_event_col_2{
    overflow:hidden;
}
.win_event_col_1 li{
    width:620px;
    padding:30px 0 0 71px;
}
.win_event_col_2 li{
    float:left;
    width:274px;
    padding:30px 0 0 71px;
}
.win_event_col_1 li a,
.win_event_col_2 li a{
    display:block;
    position:relative;
}
.win_event_col_1 li span,
.win_event_col_2 li span{
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height:26px;
    height:26px;
    width:80px;
    background:#000;
    position:absolute;
    top:-4px;
    left:-4px;
}
.banner_event_wide{
    position:absolute;
    top:79px;
    left:374px;
    z-index:1;
}

/********** check_gacha_no_miss add **********/
.check_gacha_no_miss{
    position: absolute;
    bottom: 6px;
    right: 8px;
    font-size: 85%;
    text-align: right;
    width: 150px;
}