#top_contents{background:url("../images/top0458.jpg") no-repeat center top #FFFFFF;min-width:960px;min-height:900px}


#top_contents .top_layout{width:960px;margin:0 auto}
#header_area{position:static}
#header{position:relative;width:960px;height:330px;text-align:center}
#header .logo_final_fantasy{position:absolute;left:303px;top:0}
#header .icon_award{display:block;width:40px;height:84px;overflow:hidden;position:absolute;top:176px;right:52px}
#header .icon_award:hover img{margin-top:-48px}

#top_nav li a{width:224px;height:44px;display:block;overflow:hidden}
#top_nav li a img{margin-top:-44px}
#top_nav li a:hover img{margin-top:0}
#top_nav li {margin-left:0px;list-style-type: none;}
#top_nav li.world{position:absolute;top:144px;left:0}
#top_nav li.game{position:absolute;top:194px;left:92px}
#top_nav li.system{position:absolute;top:244px;left:203px}
#top_nav li.media{position:absolute;top:244px;right:203px}
#top_nav li.product{position:absolute;top:194px;right:88px}
#top_nav li.start{position:absolute;top:144px;right:0}


#header .bnr{position:relative;top:-233px;height:100px;overflow:hidden}
#header .bnr a.banner{width:234px;height:100px;display:block;overflow:hidden;margin-top:-100px}
#header .bnr a.banner img{margin-top:0}
#header .bnr a.banner:hover img{margin-top:-100px}
#header .bnr .left{position:absolute;top:0;left:0;float:none}
#header .bnr .right{position:absolute;top:0;right:0;float:none}

#sidebar .banner{width:234px;height:100px;display:block;overflow:hidden}
#sidebar .banner:hover img{margin-top:-100px}
#sidebar .mb10 a{margin-bottom:10px}

#bnr_area .banner{width:234px;height:100px;display:block;overflow:hidden}
#bnr_area .banner:hover img{margin-top:-100px}
#bnr_area  ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#bnr_area  li {
    float: left;
    margin-right: 5px;
    padding: 5px;
    border: 0px solid #999;
    position: relative;
    left: -50%;
}


#layout_three{width:960px;margin:0 auto}
#local_nav{float:left;width:234px}

#top_main{float:left;width:484px}

#sidebar{float:right;width:234px}

#local_nav .about a{width:234px;height:64px;display:block;overflow:hidden}
#local_nav .about a img{margin-top:-64px}
#local_nav .about a:hover img{margin-top:0}
#local_nav h2{margin-bottom:2px}
#local_nav ul{margin-bottom:16px}
#local_nav li{float:left}
#local_nav li a{width:117px;height:72px;display:block;overflow:hidden}
#local_nav li a img{margin-top:0}
#local_nav li a:hover img{margin-top:-72px}

#top_movie{width:476px;height:275px;background:url("../images/top/top_movie_bg.png") no-repeat 0 0;text-align:center;margin-bottom:15px}
#image_preview{padding-bottom:4px;position:relative}
#slideshow{position:absolute;top:18px;left:32px;width:412px;height:56px;overflow:hidden}
#slideshow li{float:left;margin-right:4px}
#slideshow #slide_inner{width:1700px;height:56px;position:relative}
#slideshow #slide_inner #slide_content{position:absolute;left:0;top:0}
#slide_btn_pre,#slide_btn_next{width:30px;height:56px;display:block;cursor:pointer;position:absolute;top:18px}
#slide_btn_pre{left:0;background:url("../images/top/slide_btn_pre.png") no-repeat 0 -56px}
#slide_btn_pre:hover{background-position:0 0}
#slide_btn_next{right:0;background:url("../images/top/slide_btn_next.png") no-repeat 0 -56px}
#slide_btn_next:hover{background-position:0 0}
#top_main .media{padding-bottom:10px}
#top_main .media li{float:left}
#top_main .media .prl1{padding:0 1px}
#top_main .media a{width:158px;height:28px;display:block;overflow:hidden}
#top_main .media a img{margin-top:-28px}
#top_main .media a:hover img{margin-top:0}
#news_bg{background:url("../images/top/news_bg.png?v20140207") repeat-y 0 0;width:444px;height:186px;padding:3px 16px 10px 16px;position:relative;overflow:hidden}
#news_bg li{padding:10px 0;background:url("../images/base/line_gray.png") repeat-x left bottom;color:#ccc;font-size:12px;line-height:1.3}
#news_bg li .time{color:#999}
#news_bg li.last{background:none}.news_head{width:476px;height:21px;background:url("../images/top/news_head.png?v20140207") no-repeat 0 0}.fr .news_head{background:url("../../fr/images/top/news_head.png?v20140408") no-repeat 0 0}.de .news_head{background:url("../../de/images/top/news_head.png?v20140414") no-repeat 0 0}.news_bottom{width:476px;height:10px;margin-bottom:10px;background:url("../images/top/news_bottom.png?v20140207") no-repeat left bottom}.bn_awards{width:476px;height:40px;overflow:hidden;display:block}.bn_awards:hover img{margin-top:-40px}.ps-container .ps-scrollbar-x{position:absolute;bottom:3px;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;filter:alpha(opacity=0);-o-transition:opacity .2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container.ie6 .ps-scrollbar-x{font-size:0}.ps-container:hover .ps-scrollbar-x,.ps-container.hover .ps-scrollbar-x{opacity:0.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-x:hover,.ps-container .ps-scrollbar-x.hover{opacity:0.9;filter:alpha(opacity=90);cursor:default}.ps-container .ps-scrollbar-x.in-scrolling{opacity:0.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-y{position:absolute;right:3px;width:8px;background:url(../images/top/scrollbar.png) no-repeat 0 0}.ps-container.ie .ps-scrollbar-y{font-size:0}.ps-container:hover .ps-scrollbar-y,.ps-container.hover .ps-scrollbar-y{background:url(../images/top/scrollbar.png) no-repeat -11px 0}.ps-container .ps-scrollbar-y:hover,.ps-container .ps-scrollbar-y.hover{opacity:0.9;filter:alpha(opacity=90);cursor:default}.ps-container .ps-scrollbar-y.in-scrolling{opacity:0.9;filter:alpha(opacity=90)}