@media (min-width: 980px) {

#top_main{
background:url("../../images/p/common/bg_top.jpg") top center repeat-x,
 background-color:#97a2a6;
 height:435px;
 position:relative;
 overflow:hidden;
}
#top_main #top_main_bg_l{
 width:50%;
 height:100%;
 position:absolute;
 top:58px;
 left:0;
 background:url("../../images/p/top/chara_left.png") no-repeat top right;
}
#top_main #top_main_bg_r{
 width:50%;
 height:100%;
 position:absolute;
 top:0;
 right:0;
 background:url("../../images/p/top/chara_right.png") no-repeat top left;
}

#top_view_area{
 width:980px;
 margin:0 auto;
 position:relative;
 padding-top:50px;
}
#link_creator{
 position:absolute;
 top:2px;
 left:18px;
}
#link_shop{
 position:absolute;
 top:0px;
 right:0px;
}
#link_free{
 position:absolute;
 top:14px;
 right:91px;
}
#link_shop a{
 background-image:url("../../images/p/top/shop_bt.png");
 width:90px;
 height:0;
 padding-top:90px;
 display:block;
 overflow:hidden;
}
#link_shop a:hover{
 background-position:0 -90px;
}
#link_konasute{
 position:absolute;
 top:14px;left:0px;
}
#link_konasute a{
 background:url("../../images/p/top/bnr/btn_lively.png");
 width:151px;
 height:0px;
 padding-top:54px;
 display:block;
 overflow:hidden;
}
#link_konasute a:hover{
 background-position:0px 100%;
}
/*スライドバナー*/
#bnr_box{
 width:594px;
 margin:0 auto;
}
#bnr_box #bnr_view{
 width:100%;
 overflow:hidden;
}
#bnr_left,#bnr_right{
width: 24px;
height: 24px;
margin: 153px auto 0px auto;
 float:left;
 background-repeat: no-repeat;
 z-index: 2;
 position: relative;
 cursor:pointer;
}
#bnr_left{
background-image: url("../../images/p/top/slide_feed_btn_00.png");
}
#bnr_right{
background-image: url("../../images/p/top/slide_feed_btn_00.png");
 background-position:-24px 0px;
}
#bnr_left:hover{
 background-position:0 -24px;
}
#bnr_right:hover{
 background-position:-24px -24px;
}

#bnr_box #bnr_area_bg{
 margin:0 auto;
 width:510px;
 float:left;
/* border-radius:7px 7px;*/
 background:url(../../images/p/top/slide_frame.png) no-repeat;
 padding:17px 18px;
 
}

#bnr_box #bnr_area{
 margin:0 auto;
 display:inline-block;
 width:510px;
 height:300px;
 background:gray;
 text-align:center;
 float:left;
 position:relative;
 overflow:hidden;
/* border:5px solid #660033;*/
 border-radius:15px 15px;
}

#bnr_box #bnr_area ul{
 top:0;
 left:0;
 position:absolute;
 font-size:0;
 overflow:hidden;
 padding:0px 0px 0px 0px;
}
#bnr_box #bnr_area ul li{
 font-size:12px;
 width:510px;/*600px;*/
 height:300px;/*319px;*/
 display:inline-block;
 overflow:hidden;
}

#bnr_box #icon_area{
 margin:10px auto;
 text-align:center;
}
#bnr_box #icon_area ul{
 display:inline-block;
}
#bnr_box #icon_area ul li{
 display:inline-block;
 cursor: pointer;
 margin:0 5px;
 width:15px;
 height:15px;
}
.icon{
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 background-color:#222222;
}

.active{
 background-color:#ff0050;
}

#info_box{
 background-image:url("../../images/p/top/frame2.png"),url("../../images/p/top/frame1.png");
 background-position:top center, bottom center;
 background-repeat:repeat-x, repeat-x;
 padding:26px 0 29px;
 margin-top:-14px;
}

#info_box #info_box_bg{
 background:url("../../images/p/common/repeat_top_01.png") repeat-x center top, url("../../images/p/common/repeat_under_01.png") repeat-x left bottom;
 background-size:auto,auto 60%;
 background-color:#ffffc7;
}

#info_box_inner{
 width:826px;
 margin:0 auto;
 position:relative;
 padding: 70px 10px 0;
}
#info_box #info_title{
 background:url("../../images/p/top/news_bt2.png") no-repeat;
 width:271px;
 height:0;
 padding-top:70px;
 overflow:hidden;
 position: absolute;
 top: -11px;
}
#info_btn{
 position:absolute;
 top:-11px;
 right:0;
}
#info_btn a{
 background:url("../../images/p/top/news_bt.png");
 background-size:262px auto;
 width:262px;
 height:0;
 padding-top:46px;
 display:block;
 overflow:hidden;
}
#info_btn a:hover{
 background-position:0 -46px;
}
#info_main{
 height: 270px;
 overflow: auto;
}
#info_main dl { margin:0; padding:0; font-size:12px;}
#info_main dl dt { margin:0 0 10px 0; padding:0; color:#A20000; font-weight:bold;}
#info_main dl dd {margin:0 5px 15px 5px;padding:0 0 5px 0;
  line-height:160%; border-bottom: 1px solid #d9058c;}

.info_title{
 font-weight:bold;
 color:#ff0080;
}
.info_title a{
 font-weight:bold;
 color:#ff0080;
}

ul.site_link_list{
 background:url("../../images/p/common/bg_linkarea.jpg"),linear-gradient(180deg,#111765 0%,#111765 4%,#00c8d3 4%,#00c8d3 100%);
 background-position:0px 10px,0px 0px;
 background-repeat:repeat-x,repeat-x;
 padding:23px 5px;
 text-align:center;
}
ul.site_link_list li{
 display:inline-block;
}
#window_box{
 text-align:center;
 font-size:0;
 margin:30px auto;
}
.top_window{
 background:url("../../images/p/top/sub_frame01_bottom.png") no-repeat left bottom,#ffffcd;
 background-size:contain;
 border:2px solid #000;
 border-radius:10px;
 display:inline-block;
 font-size:13px;
 padding:7px 0px;
 margin:0 10px;
 box-shadow: -6px 6px 0px rgba(0,0,0,0.4);
 position:relative;
}
.top_window::after{
 content:"";
 position:absolute;
 top:30px;left:0;
 width:calc(100% - 3px);height:calc(100% - 65px);
 display:block;
 border-left:2px solid #ffc47b;
 border-right:2px solid #ffc47b;
 visibility:visible;
 z-index:1;
}
.top_window::before{
 content:"";
 position:absolute;
 top:0px;left:0px;
 background:url("../../images/p/top/sub_frame01_top.png") no-repeat left top;
 background-size:100% auto;
 width:100%;height:30px;
}
.top_window .top_window_inner{
 width:245px;
 margin:5px 10px;
 background:#ffffe1;
 border:1px solid #aaa;
}

.top_window .window_inner_bg{
 border-radius:10px;
 position:relative;
 z-index:2;
}
.top_window .window_inner{
 background:#ffffff;
 border-radius:10px;
 color:#000000;
 height:301px;
 overflow-y:auto;
 overflow-x:hidden;
 text-align:left;
}
.window_title{
 background-repeat:no-repeat;
 background-position:top center;
 width:100%;
 height:0;
 padding-top:20%;
 overflow:hidden;
 margin-bottom:4px;
}
#twitter .window_title{
 background-image:url("../../images/p/top/bar_twitter_bt.png");
}
#eaapp .window_title{
 background-image:url("../../images/p/top/bar_em_bt.png");
}

#birthday .window_title{
 background-image:url("../../images/p/top/bar_birthday_bt.png");
}
#birthday .top_window .window_inner{
 padding:0 5px;
}


.today{
 color:#ff0000;
}
.not_today{
 color:#0000ff;
 padding-top:10px;
}

} /* EOF */