@charset "utf-8";
/* CSS Document */
html{
scrollbar-base-color: #000000;
scrollbar-arrow-color:#9d6fc5;
}

body{
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/bg_main.gif) no-repeat top center #9d6fc5;
text-align:center;
}

img {
border:0;
}

img.frame{
border:3px solid #e1e1e1;
}

ol,ul,li{
margin:0;
padding:0;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

p{
padding:0px 10px 5px 10px;
margin:0px;
}

p span{
font-weight:bold;
}

p a:link {
color:#aa5d0b;
text-decoration: none;
}

p a:visited  {
color:#aa5d0b;
text-decoration: none;
}

p a:hover,
p a:active,
p a:focus {
color:#ff0c60;
text-decoration: none;
}

a.arw{
color:#aa5d0b;
text-decoration:none;
padding:2px 0px 2px 20px;
background:url(http://fs.joycity.jp/images/link_arw.gif) no-repeat top left;
}
a:hover.arw, a:active.arw{
color:#ff0c60;
border-bottom:0;
}

a:link.arw_bu, a:visited.arw_bu{
color:#aa5d0b;
text-decoration:underline;
font-weight:bold;
padding:2px 0px 2px 20px;
background:url(http://fs.joycity.jp/images/link_arw.gif) no-repeat top left;
}
a:hover.arw_bu, a:active.arw_bu{
color:#ff0c60;
border-bottom:0;
text-decoration:underline;
}

a:link.arw_red, a:visited.arw_red{
color:#b5003f;
text-decoration:none;
font-weight:bold;
padding:2px 0px 2px 16px;
background:url(http://fs.joycity.jp/images/link_arw_red_s.gif) no-repeat top left;
}
a:hover.arw_red, a:active.arw_red{
color:#00bbbf;
border-bottom:0;
text-decoration:underline;
}

.attention_box{
background:url(http://space.joycity.jp/fs/images/bg_attention.gif) no-repeat top left;
color:#da004c;
margin:0px 5px;
padding:8px 12px 0px 12px;
line-height:18px;
}
.attention_tit{
font-weight:bold;
color:#ff3a7f;
line-height:24px;
padding:0px 0px 0px 30px;
}
.attention_btm{
width:630px;
height:10px;
background:url(http://space.joycity.jp/fs/images/bg_attention_b.gif) no-repeat top left;
overflow:hidden;
margin:0px 5px;
padding-bottom:5px;
}

ul{
margin:5px 0px 5px 35px;
}

ol{
margin:5px 0px 5px 42px;
}

.attention_box ul{
margin:0px 0px 0px 15px;
}
.attention_tit{
font-weight:bold;
color:#ff3a7f;
line-height:24px;
padding:0px 0px 0px 30px;
}

.km{
line-height:18px;
margin:3px 10px 0px 15px;
background:url(http://fs.joycity.jp/images/ic_km.gif) no-repeat left 5px;
color:#ff0059;
padding:0px 0px 3px 14px;
}

.bnr_width{
margin:0px 35px;
}

.blue{
color:#00a0e9;
}

.red{
color:#ff0059;
}

table{
margin:5px auto;
background:#434343;
border-collapse:collapse;
}

th{
border:2px solid #434343;
color:#cccccc;
padding:5px 3px;
font-weight:bold;
text-align:center;
}

td.cell01{
background:#696969;
border:2px solid #434343;
color:#fff799;
padding:5px 3px;
font-weight:bold;
text-align:center;
}

td.cell02{
background:#a8a8a8;
border:2px solid #434343;
color:#ffffff;
padding:3px 4px;
}

#pop_m{
width:900px;
margin:10px auto 0px auto;
}

#pop_submenu{
width:180px;
height:260px;
background:url(http://fs.joycity.jp/images/bg_pop_submenu.gif) no-repeat -0px -0px;
padding:20px 0px 70px 20px;
margin:45px 0px 0px 0px;
float:left;
}

#pop_cont{
width:700px;
float:left;
}

#pop_m_title{
width:660px;
height:80px;
background:url(http://fs.joycity.jp/images/bg_pop_m_title.gif) no-repeat -0px -0px;
padding:10px 20px 20px 20px;
}

#pop_m_middle{
width:640px;
margin:0;
padding:0 30px;
background:url(http://fs.joycity.jp/images/bg_pop_m_middle.gif) no-repeat -0px -0px;
font-size:12px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#313131;
line-height:18px;
text-align:left;
}

#pop{
width:700px;
margin:10px auto 0px auto;
}

#pop_title{
width:660px;
height:80px;
background:url(http://fs.joycity.jp/images/bg_pop_title.gif) no-repeat -0px -0px;
padding:10px 20px;
}

h1#news{
width:95px;
line-height:35px;
margin:0px 0px 5px 565px;
padding:0;
background:url(http://fs.joycity.jp/images/pop_title_news.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

h1#club{
width:95px;
line-height:35px;
margin:0px 25px 5px 540px;
padding:0;
background:url(http://fs.joycity.jp/images/pop_title_club.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

h2#update{
width:660px;
line-height:40px;
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/h2_news.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

h2#mainte{
width:660px;
line-height:40px;
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/h2_news.gif) no-repeat -0px -40px;
text-indent:-9999px;
}

h2#event{
width:660px;
line-height:40px;
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/h2_news.gif) no-repeat -0px -80px;
text-indent:-9999px;
}

h2#info{
width:660px;
line-height:40px;
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/h2_news.gif) no-repeat -0px -120px;
text-indent:-9999px;
}

h3{
line-height:19px;
margin:10px 5px 5px 5px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:14px;
padding:0px 0px 1px 20px;
background:url(http://fs.joycity.jp/images/bg_h4.gif) no-repeat top left;
color:#a7811a;
}

h4{
line-height:20px;
margin:5px 7px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
padding:0px 0px 1px 16px;
background:url(http://fs.joycity.jp/images/bg_h5.gif) no-repeat -0px 2px;
color:#00bbbf;
}

hr{
color:#e1e1e1;
border:1px solid #e1e1e1;
margin:0px 10px;
}

#pop_top{
width:700px;
height:10px;
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/bg_pop_top.gif) no-repeat -0px -0px;
overflow:hidden;
}

#pop_middle{
width:640px;
margin:0;
padding:0 30px;
background:url(http://fs.joycity.jp/images/bg_pop_middle.gif) no-repeat -0px -0px;
font-size:12px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#313131;
line-height:18px;
text-align:left;
}


#pop_bottom{
width:700px;
height:10px;
margin:0;
padding:0;
background:url(http://fs.joycity.jp/images/bg_pop_bottom.gif) no-repeat -0px -0px;
overflow:hidden;
}

#footer{
width:700px;
height:70px;
margin:0px 0px 20px 0px;
padding:0;
background:url(http://fs.joycity.jp/images/pop_copyright.gif) no-repeat -0px -0px;
overflow:hidden;
}

#st_news{
width:632px;
line-height:32px;
margin:0px 0px 5px 0px;
padding:4px;
background:url(http://fs.joycity.jp/images/st_news.gif) no-repeat -0px -0px;
font-size:12px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#e1e1e1;
}

.st_num{
width:40px;
padding:0px 16px 0px 0px;
text-align:right;
font-size: 11px;
font-family: Verdana, sans-serif;
float:left;
}

.st_subject{
width:485px;
padding:0px;
text-align:center;
float:left;
letter-spacing:5px;
}

.st_subject_d{
width:465px;
padding:0px 10px;
text-align:left;
float:left;
}

.st_date {
font-size: 11px;
width:70px;
padding:0px 0px 0px 10px;
font-family: Verdana, sans-serif;
text-align:center;
float:left;
}

.news_text{
padding:0px 10px;
}

.news_text a:link {
color:#aa5d0b;
text-decoration: none;
}

.news_text a:visited  {
color:#aa5d0b;
text-decoration: none;
}

.news_text a:hover,
.news_text a:active,
.news_text a:focus {
color:#ff0c60;
text-decoration: none;
}

#news_title{
width:520px;
height:40px;
background:url(http://fs.joycity.jp/images/bg_news_st.gif) no-repeat left top;
color:#e5e5e5;
font-weight:normal;
}
#title_num{
width:50px;
line-height:38px;
padding-bottom:2px;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align:center;
}
#title_subject{
width:365px;
line-height:13px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
text-align:left;
height:29px;
padding:6px 0px 5px 10px;
}
#title_date{
width:95px;
line-height:38px;
padding-bottom:2px;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align:center;
}

.news_txt{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
line-height:18px;
margin:0px 11px 5px 11px;
padding:0px 4px 4px 4px;
color:#313131;
border-bottom:2px solid #e1e1e1;
}

.news_txt a{
color:#aa5d0b;
text-decoration:none;
}

.news_txt a:hover{
color:#ff0c60;
text-decoration:underline;
}

.bg_pagetop{
width:100px;
height:20px;
padding:0px 9px 5px 521px;
margin:10px 5px 30px 5px;
background:url(http://space.joycity.jp/fs/images/bg_pagetop.gif) no-repeat top left;
}

a.pagetop{
width:100px;
height:20px;
display:block;
text-indent:-9999px;
background-image: url(http://space.joycity.jp/fs/images/btn_pagetop.gif);
background-repeat: no-repeat;
background-position: top left;
}
a.pagetop:hover,a.pagetop:active{
background-position: bottom left;
}


table.footnavi{
width:640px;
margin:10px auto 5px auto;
border-top:2px solid #e1e1e1;
background:none;
}

.foot_l{
width:210px;
text-align:left;
padding:10px 0px 0px 10px;
}

.foot_c{
width:200px;
text-align:center;
padding:10px 0px 0px 0px;
}

.foot_r{
width:210px;
text-align:right;
padding:10px 10px 0px 0px;
}

#page_back{
width:70px;
padding:0px 0px 0px 25px;
margin:0px;
display:block;
line-height:30px;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a#page_back{
color:#e1e1e1;
text-decoration:none;
background:url(http://fs.joycity.jp/images/bg_back.gif) no-repeat left top;
}
a#page_back:hover, a#page_back:active{
color:#fff799;
background:url(http://fs.joycity.jp/images/bg_back.gif) no-repeat left bottom;
border:none;
}

#btn_close{
width:114px;
padding:0px 11px 0px 25px;
margin:0px auto;
display:block;
line-height:30px;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a#btn_close{
color:#e1e1e1;
text-decoration:none;
background:url(http://fs.joycity.jp/images/bg_close.gif) no-repeat left top;
}
a#btn_close:hover, a#btn_close:active{
color:#fff799;
background:url(http://fs.joycity.jp/images/bg_close.gif) no-repeat left bottom;
border:none;
}

#pagelink{
height:25px;
margin:0px auto;
}
#page_prev{
width:74px;
padding:0px 0px 0px 20px;
display:block;
line-height:25px;
font-size:10px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a#page_prev{
color:#e1e1e1;
text-decoration:none;
background:url(http://fs.joycity.jp/images/bg_pageprev.gif) no-repeat left top;
}
a#page_prev:hover{
color:#fff799;
background:url(http://fs.joycity.jp/images/bg_pageprev.gif) no-repeat left bottom;
}

#page_num{
text-align:center;
line-height:23px;
font-size:10px;
font-family:Verdana;
padding:0;
background:url(http://fs.joycity.jp/images/bg_pagelink.gif) repeat-x;
}
#page_num ul{
list-style:none;
}
#page_num li{
background:url(http://fs.joycity.jp/images/bg_pagelink_num.gif) repeat-y left;
float:left;
padding:0px;
font-weight:bold;
color:#fff799;
height:25px;
width:30px;
}
#page_num li a{
font-weight:normal;
color:#e1e1e1;
text-decoration:none;
display:block;
height:25px;
width:30px;
}
#page_num li a:hover{
color:#fff799;
text-decoration:underline;
}
#page_next{
width:87px;
padding:0px 0px 0px 8px;
display:block;
line-height:25px;
font-size:10px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a#page_next{
color:#e1e1e1;
text-decoration:none;
background:url(http://fs.joycity.jp/images/bg_pagenext.gif) no-repeat left top;
}
a#page_next:hover{
color:#fff799;
background:url(http://fs.joycity.jp/images/bg_pagenext.gif) no-repeat left bottom;
}

#search{
line-height:30px;
width:640px;
margin:10px 0px 0px 0px;
background:url(http://fs.joycity.jp/images/bg_search.gif) no-repeat left top;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align:center;
}
#search_text{
text-align:right;
width:220px;
}
#search_form{
width:200px;
}
#search_btn{
text-align:left;
width:220px;
}
.search{
border:1px solid #a0a0a0;
width:190px;
height:18px;
line-height:18px;
}



.skillbox{
width:520px;
height:92px;
background:url(http://fs.joycity.jp/gameguide/database/skilllist/images/bg_skillbox.gif) no-repeat -0px -0px;
margin:10px auto 0px auto;
clear:right;
}

.freestylebox{
width:520px;
height:92px;
background:url(http://fs.joycity.jp/gameguide/database/freestylelist/images/bg_freestylebox.gif) no-repeat -0px -0px;
margin:10px auto 0px auto;
clear:right;
}

.skill_ic{
padding:5px;
float:left;
overflow:visible;
}

.skill_name{
font-size:12px;
color:#fff799;
font-weight:bold;
line-height:24px;
width:425px;
padding:0px 0px 0px 3px;
float:left;
position:relative;
}

.skill_lv{
font-size:12px;
color:#555555;
line-height:20px;
width:140px;
padding:0px 0px 2px 10px;
float:left;
}

.skill_lv span{
font-weight:bold;
color:#000000;
}

.skill_posi{
font-size:12px;
color:#555555;
line-height:14px;
width:263px;
padding:3px 0px 7px 10px;
_padding:4px 0px 6px 10px;
float:left;
}

.skill_posi span{
font-weight:bold;
color:#000000;
}

.skill_posi_ic{
font-size:12px;
color:#555555;
line-height:19px;
width:263px;
padding:1px 0px 0px 10px;
_padding:3px 0px 0px 10px;
float:left;
overflow:hidden;
}

.skill_text{
width:409px;
line-height:16px;
padding:3px 7px;
float:left;
}

a.btn_movie{
width:58px;
line-height:16px;
display:block;
background:url(http://fs.joycity.jp/images/btn_movie.gif) no-repeat -0px -0px;
text-indent:-9999px;
position:absolute;
top:4px;
left:210px;
}

a.btn_movie:hover , a.btn_movie:active{
background-position:-0px -16px;
}