@charset "utf-8";
* {
padding:0;
margin:0;
}
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */
html {
scrollbar-face-color: #c3b8ad;       /* 表面の色 */
scrollbar-3dlight-color: #eeeeee;    /* 左端と上端の色 */
scrollbar-highlight-color: #eeeeee;  /* ハイライトの色 */
scrollbar-shadow-color: #cccccc;     /* 影の色 */
scrollbar-darkshadow-color: #cccccc; /* 右端と下端 */
scrollbar-arrow-color: #000000;      /* 矢印の色 */
scrollbar-track-color: #dddddd;      /* バーの背景の色 */
}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

body#newspage {
background-image: url(http://hs.joycity.jp/images/news_back.jpg);
background-position: top center;
background-repeat: no-repeat;
margin: 0;
text-align: center;
}

img {
border:0;
}
ul{
padding:0;
margin-left:0;
margin-right:0px;
margin-top:10px;
margin-bottom:0;
clear:right;
}
li{
list-style:none;
padding:0;
margin:0;
float:left;
text-indent;
}
li a{
text-indent:-9999px;
}

#contents_middle a,
#contents_middle a:link,
#contents_middle a:visited {
text-decoration:none;
color:#FFFF80;
}

a.lc:link,
a.lc:visited{
color:#FFFF80;
font-weight:bold;
text-decoration:none;
border-bottom:1px dashed #b7aa00;
}

a.lc:hover,
a.lc:active{
color:#ff6666;
}

.reb_b{
color:#FF0000;
}

.brown_b{
font-weight:bold;
color:#CC9966;
}

ul.afli{
margin:0px;
padding:0px;
float:left;
}

ul.afli li{
float:none;
}

ul.afli li a{
text-indent:0px;
color:#FFFF80;
text-decoration:none;
border-bottom:1px dashed #b7aa00;
}

ul.afli li a:hover,
ul.afli li a:active,{
text-indent:0px;
color:#ff6666;
}

#contents_main {
width: 650px;
background:url(../images/pop/contents_top.png) no-repeat top left;
text-align:left;
overflow: hidden;  
padding:74px 0px 0px 0px;
margin:0px auto 30px auto;
}

#contents_middle {
background-image:url(http://hs.joycity.jp/images/contents_middle.png);
background-repeat:repeat-y;
background-position:top;
font-size: 12px;
color:#CCCCCC;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:2px;
height:361px;
overflow-y:scroll;
letter-spacing:1px;
line-height: 170%;
}
#contents_area {
background-image:url(http://hs.joycity.jp/images/contents_middle.png);
background-repeat:repeat-y;
font-size: 12px;
color:#CCCCCC;
padding-top:0px;
padding-left:20px;
padding-right:20px;
padding-bottom:3px;
letter-spacing:1px;
line-height: 170%;
}

hr {
margin-top: 15px;
margin-bottom:15px;
color:#CC9966;
}

p.center {
text-align:center;
margin-bottom:15px;
margin-top:20px;
}

.end {
background-image:url(http://hs.joycity.jp/images/contents_bottom.png);
background-repeat:no-repeat;
height:17px;
width:650px;
}

h2{
background-image:url(http://hs.joycity.jp/images/arrow.gif);
background-repeat:no-repeat;
background-position:0px 8px;
margin:0;
padding:0;
padding-left:25px;
font-weight:bold;
font-size:16px;
line-height:40px;
color:orange;
}

h2#afn{
background-image:url(http://hs.joycity.jp/images/arrow.gif);
background-repeat:no-repeat;
background-position:0px 4px;
margin:0;
padding:0;
padding-left:25px;
font-weight:bold;
font-size:16px;
line-height:30px;
color:#ffffff;
}

h3{
background:url(../images/pop/h3.gif) no-repeat -0px -0px;
margin:10px 0px;
width:590px;
padding:0px 0px 0px 20px;
line-height:36px;
font-size:14px;
color:#c1e077;
}

h4{
background:url(../images/pop/h4.gif) no-repeat -0px -0px;
margin:0px 5px;
width:568px;
padding:0px 0px 0px 32px;
line-height:20px;
font-size:12px;
color:#ffd900;
}

.text{
padding:0px 10px 15px 10px;
}

h3#allies{
background-image:url(http://hs.joycity.jp/images/h3.gif);
height:40px;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
background-position:-0px -200px;
display:block;
width:610px;
margin-top:10px;
}
h3#axis{
background-image:url(http://hs.joycity.jp/images/h3.gif);
height:40px;
background-repeat:no-repeat;
text-indent:-9999px;
font-size:1px;
background-position:-0px -250px;
display:block;
width:610px;
margin-top:10px;
}

table.spec {
border: 1px solid gray;
background-color:#E8E7DF;
border-collapse:separate;
border-spacing:0;
padding:0;
margin:0;
line-height:110%;
width: 530px;
}
table.spec th {
background-color:#67645C;
color:white;
border: 1px solid gray;
padding:5px;
}
table.spec td{
border: 1px solid gray;
color:#333333;
padding:5px;
}

table.gamespec {
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
line-height:120%;
border-collapse:collapse;
width:100%;	/* hk add 20080927 */
}
table.gamespec td,
table.gamespec th{
border:1px solid black;
padding: 6px;
}
table.gamespec th{
background-image:url(/images/grad.gif);
}
table.gamespec td{
background-color:#F7F7F4;
color:#2C1616;
}
.airframe{
padding:15px;
width: 528px;
line-height:120%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
border: 1px solid #000000;
background-color: #E9E7E0;
color:#330000;
}
img.airframeimg {
margin-left:auto;
margin-right:auto;
padding:0;
display:block;
}

/*CPアイテム*/
h2#cpitem {
background:url(../images/pop/h2_cpitem.gif) no-repeat left top;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}


/*■■■CPアイテム■■■*/
#cpitememenu {
width:600px;
height:40px;
margin:10px auto 5px auto;
}
.itembox01{
width:260px;
height:240px;
padding:20px;
margin-top:10px;
float:left;
background:url(../html/gamedata/images/bg_cpitembox01.jpg) no-repeat -0px -0px;
overflow:hidden;
}
.itembox02{
width:260px;
height:240px;
padding:20px;
margin-left:10px;
margin-top:10px;
float:left;
background:url(../html/gamedata/images/bg_cpitembox02.jpg) no-repeat -0px -0px;
overflow:hidden;
}
.itemname{
padding:0 10px 5px 10px;
text-align:left;
font-size:14px;
font-weight:bold;
line-height:30px;
color:#cfe434;
width:240px;
letter-spacing:3px;
}
.itemic{
margin:0 20px;
float:left;
}
.itemprice{
font-siza:12px;
color:#fff799;
line-height:24px;
padding:14px 0;
margin-right:20px;
width:100px;
text-align:center;
float:left;
}
.itemtext{
line-height:17px;
padding:13px 0px 0px 10px;
clear:both;
}
.itemkm{
color:#be0000;
font-size:10px;
line-height:13px;
padding-top:4px;
padding-left:12px;
background:url(../html/gamedata/images/cpitem_km.gif) no-repeat -0px 5px;
}

#gacha{
width:410px;
height:170px;
padding:5px;
background:url(../html/gamedata/images/cpitem_gacha.jpg) no-repeat -0px -0px;
margin:20px auto 5px auto;
}

.gachabox01{
width:450px;
height:320px;
padding:20px 30px 5px 30px;
margin:0px auto;
background:url(../html/gamedata/images/bg_cpitembox03.jpg);
overflow:hidden;
}
.gachabox02{
width:450px;
height:320px;
padding:20px 30px 5px 30px;
margin:0px auto;
background:url(../html/gamedata/images/bg_cpitembox04.jpg);
overflow:hidden;
}
.gachabox03{
width:450px;
height:320px;
padding:20px 30px 5px 30px;
margin:0px auto;
background:url(../html/gamedata/images/bg_cpitembox05.jpg);
overflow:hidden;
}
.gachaname{
padding:0;
text-align:center;
font-size:14px;
font-weight:bold;
line-height:30px;
color:#cfe434;
width:450px;
letter-spacing:3px;
}
.gachainfo{
padding-bottom:36px;
text-align:center;
font-size:12px;
font-weight:bold;
line-height:22px;
color:#fff799;
width:440px;
}
table.gacha{
width:450px;
height:210px;
border-collapse:collapse;
}
table.gacha th{
padding-bottom:5px;
}
table.gacha td{
padding-bottom:5px;
line-height:26px;
}
img.gachaic01{
margin:18px 8px 18px 18px;
}
img.gachaic02{
margin:18px 18px 18px 8px;
}
img.gachaic03{
margin:18px 8px 18px 15px;
}
table.gacha td.name{
width:120px;
text-align:center;
color:#fffd3a;
padding:13px 1px 18px 0;
font-weight:bold;
}
table.gacha td.name2{
width:150px;
text-align:center;
color:#fffd3a;
padding:13px 0px 18px 0px;
font-weight:bold;
}
table.gacha td.name3{
width:150px;
text-align:center;
color:#fffd3a;
padding:13px 13px 18px 0px;
font-weight:bold;
}
table.gacha td.union{
width:120px;
text-align:center;
color:#31eef2;
padding:13px 1px 18px 0;
font-weight:bold;
}
table.gacha td.pivot{
width:120px;
text-align:center;
color:#ff3a6d;
padding:13px 1px 18px 29px;
font-weight:bold;
}
table.gacha td.text{
width:227px;
text-align:center;
padding:13px 13px 18px 0;
}
table.gacha span{
color:#cccccc;
font-weight:normal;
}
.gachatext{
line-height:15px;
text-align:right;
margin-right:-20px;
color:#ffffff;
}




#footer{
background:url(../images/pop/footer.gif) no-repeat left top;
width:636px;
height:36px;
padding:7px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
}
#logo_gu{
width:90px;
height:36px;
background:url(../images/pop/logo_gu.gif) no-repeat left top;
float:left;
}
#logo_jce{
width:65px;
height:36px;
background:url(../images/pop/logo_jce.gif) no-repeat left top;
margin-left:15px;
float:left;
}
#logo_jcg{
width:65px;
height:36px;
background:url(../images/pop/logo_jcg.gif) no-repeat left top;
margin-left:5px;
float:left;
}
#copy{
width:260px;
height:36px;
background:url(../images/pop/copyright.gif) no-repeat left top;
margin-left:136px;
float:left;
}

a#charge{
width:190px;
height:30px;
display:block;
background-image:url(../html/gamedata/images/btn_chargeguide.gif);
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
}

a#charge:hover,a#charge:active{
background-position:bottom left;
}


/*占領戦開始までの流れ*/
h2#ow_start {
background:url(../html/occupation_war/images/h2_menu.gif) no-repeat -0px -0px;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}

/*スカイガチャ*/
h2#skygacha {
background:url(../images/pop/h2_nhn.gif) no-repeat -0px -0px;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}


/*オススメ便利アイテム*/
h2#item {
background:url(../images/pop/h2_nhn.gif) no-repeat -0px -40px;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}

/* BBS説明 */
#topbg {
height:40px;
width:610px;
margin:0px 20px 16px 20px;
}

#topbg h2.bbs {
width:600px;
background-image:url(../html/bbsguide/images/bbsTitle.png);
background-repeat:no-repeat;
text-align:left;
margin:0px;
}

#topbg h2.bbs span, h4#step1 span, h4#step2 span, h4#step3 span{
display:none;
}

#bbsMake {
width:610px;
height:60px;
margin:28px auto 20px auto;
text-align:center;
}

h4#step1 {
width:600px;
background-image:url(../html/bbsguide/images/bbsSubtitle01.png);
text-align:left;
margin:20px auto 5px 5px;
}

h4#step2 {
width:600px;
background-image:url(../html/bbsguide/images/bbsSubtitle02.png);
text-align:left;
margin:20px auto 5px 5px;
}

h4#step3 {
width:600px;
background-image:url(../html/bbsguide/images/bbsSubtitle03.png);
text-align:left;
margin:20px auto 5px 5px;
}

.stepImg {
margin:5px auto 5px 155px;
}

.stepImg img {
padding-bottom:10px;
}

/*気力とは？*/
h2#energy {
background:url(../images/pop/h2_nhn.gif) no-repeat -0px -80px;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}

table.energy{
text-align:center;
/* font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
}
.energy thead {
/* font-family:tahoma; */
}
.energy th {
padding:5px;
background-color:#f3f1dc ;
color:#a40000;
}

.energy td {
padding:5px;
color:#333333;
background-color:#FFFBF7;
}

.km{
color:#be0000;
font-size:12px;
line-height:16px;
padding-left:15px;
margin:2px 0px;
background:url(../images/pop/km.gif) no-repeat -0px -1px;
}

.kmn{
color:#be0000;
font-size:12px;
line-height:16px;
}

table.energy_item{
width:460px;
height:110px;
margin:10px auto 0px auto;
border-collapse:collapse;
background:url(../html/gamedata/images/bg_energy.jpg) no-repeat -0px -0px;
}
table.energy_item th{
width:90px;
height:100px;
}
table.energy_item td{
padding-bottom:5px;
line-height:26px;
}
table.energy_item td.name{
width:110px;
text-align:center;
color:#fffd3a;
padding:15px 1px 18px 10px;;
font-weight:bold;
font-size:18px;
}
table.energy_item td.text{
width:227px;
text-align:center;
padding:13px 13px 18px 0;
color:#ffffff;
}
#btn_gacha a{
width:172px;
height:63px;
margin:0px 50px 0px 0px;
display:block;
text-indent:-9999px;
background-image: url(../html/gamedata/images/btn_item.gif);
background-repeat: no-repeat;
background-position: -0px -0px;
}

#btn_gacha a:active, #btn_gacha a:hover {
width:172px;
height:-63px;
display:block;
background-image: url(../html/gamedata/images/btn_item.gif);
background-repeat: no-repeat;
background-position: -0px -63px;
}

#btn_item a{
width:172px;
height:63px;
margin:0px 0px 0px 50px;
display:block;
text-indent:-9999px;
background-image: url(../html/gamedata/images/btn_item.gif);
background-repeat: no-repeat;
background-position: -172px -0px;
}

#btn_item a:active, #btn_item a:hover {
width:172px;
height:-63px;
display:block;
background-image: url(../html/gamedata/images/btn_item.gif);
background-repeat: no-repeat;
background-position: -172px -63px;
}

ul#item_btn{
padding:0;
margin-left:33px;
margin-right:33px;
margin-top:0px;
margin-bottom:0px;
clear:right;
}

ul#item_btntext{
padding:0;
margin-left:33px;
margin-right:33px;
margin-top:10px;
margin-bottom:0px;
clear:right;
}

#btntext_gacha{
width:146px;
padding:0px 76px 0px 0px;
}

#btntext_item{
width:146px;
padding:0px 26px 0px 50px;
}

.notis {
background-color:#7d0000;
background-image:url(http://hs.joycity.jp/images/sub/div_notis.gif);
background-repeat:no-repeat;
background-position:top right;
color:#FFFFFF;
text-align:left;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
border:10px solid #902626;
padding:5px;
}
.notis ul {
color:#FFFFE8;
list-style-type:square;
margin:0;
padding:0;
margin-left:20px;
}

h2#up_090217 {
background:url(../html/update_090217/images/h2.gif) no-repeat -0px -0px;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}

.itembox_up090217{
width:260px;
height:240px;
padding:115px 330px 25px 20px;
float:left;
background:url(../html/update_090217/images/bg_box.jpg) no-repeat -0px -0px;
overflow:hidden;
}

h2#up_090303 {
background:url(../html/update_090303/images/h2.gif) no-repeat -0px -0px;
height:40px;
width:610px;
margin:0px 20px 16px 20px;
text-indent:-9999px;
}

.itembox_up090303{
width:260px;
height:240px;
padding:115px 330px 25px 20px;
float:left;
background:url(../html/update_090303/images/bg_box.jpg) no-repeat -0px -0px;
overflow:hidden;
}

#btn_gacha2 a{
width:172px;
height:63px;
margin:0 auto;
display:block;
text-indent:-9999px;
background-image: url(../html/gamedata/images/btn_item.gif);
background-repeat: no-repeat;
background-position: -0px -0px;
float:none;
}

#btn_gacha2 a:active, #btn_gacha2 a:hover {
width:172px;
height:-63px;
display:block;
background-image: url(../html/gamedata/images/btn_item.gif);
background-repeat: no-repeat;
background-position: -0px -63px;
}