/* ボディ */
body {
color: #383838;
font-size: 12px;
font-family: Tahoma,"ＭＳ ゴシック",sans-serif;
text-align: left;
background-repeat: repeat-x;
line-height: 15px;
}
br{letter-spacing:0;}
a:link { color: #383838; }
a:visited { color: #383838; }
a:active { color: #383838; }
a { text-decoration: none; }
img { border: 0px; }
input, select { font-family:Tahoma,"ＭＳ ゴシック",sans-serif; }

/* 全体 */
#all {
position: absolute;
top: 15px;
left: 8px;
}

/* 情報欄 */
#spinfo {
width: 170px;
min-height: 35px;
height: 35px;
position: absolute;
top: 0px;
left: 0px;
background-image: url("img/back_skillex.png");
border: solid 1px #696969;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */ 
}
#spinfo_text{
position: absolute;
top: 10px;
left: 10px;
}

/* オプション欄 */
#option {
width: 792px;
min-height: 35px;
height: 35px;
position: absolute;
top: 0px;
left: 180px;
background-image: url("img/back_skillex.png");
border: solid 1px #696969;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */ 
}
#option_text{
position: absolute;
top: 7px;
left: 10px;
}
.form_save_name {
width:100px;
}
#urlCopy{
width: 200px;
position: absolute;
top: -17px;
left: 760px;
}
#url_text{
width: 130px;
}

/* キーボードスキル欄 Ver.4.06 */
#key {
min-height: 30px;
min-width: 500px;
position: absolute;
top: 45px;
left: 140px;
}
.absolute {
position: absolute;
}
#c_off {
top: 9px;
left: 690px;
}
/* 熟練度 */
#id_jp {
width: 100px;
position: absolute;
top: 36px;
left: 3px;
font-size: 11px;
}

/* アンドゥ Ver.4.06*/
#id_undo {
width: 30px;
position: absolute;
top: 54px;
left: 95px;
}

/*オプションスイッチ Ver.4.06 */
#id_op0 {
position: absolute;
top: 54px;
left: 870px;
}
#id_op1 {
position: absolute;
top: 54px;
left: 887px;
}
#id_op2 {
position: absolute;
top: 54px;
left: 904px;
}

/* スマートフォン切り替え Ver.4.06 */
#sphone {
position: absolute;
top: -6px;
left: 10px;
width:70px;
}

/* フッター Ver.4.06 */
#footer {
min-width: 800px;
width: 800px;
position: absolute;
top: 1010px;
left: 0px;
}

/* スキル欄--------------------------------------------- */
#skill_all {
position: absolute;
top: 60px;
left: 0px;
}

.e_skill_box {
min-height: 40px;
height: 50px;
width: 244px;
background-color: #FFFFFF;
border: solid 1px #696969;
position: absolute;
top: 0px;
left: 0px;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */ 
}

.skill_cover {
position: absolute;
top:0px;
left:0px;
height: 100%;
width: 100%;
/*height: 50px;
width: 244px;*/
background-image: url("img/back_black2.png");
display: block;
}

/* 特性アイコン */
.e_skill_icon {
position: absolute;
top:22px;
left:4px;
}

/* スキル名、特性名 */
.a_skill_name {
position: absolute;
top: 3px;
left: 4px;
}
.e_skill_name {
position: absolute;
top:4px;
left:0px;
width: 237px;
font-size: 10px;
text-align: right;
}

/* レベルアップアイコン */
.e_skill_lvicon {
position: absolute;
top:22px;
left:31px;
height: 22px;
}
.lvupicon {
width: 30px;
height: 22px;
background-color: #E3E3E3;
float:left;
}
.lvupicon_get {
width: 30px;
height: 22px;
background-color: #B2CFB2;
float:left;
}
.lvupicon_below { /*ver.4.01*/
width: 30px;
height: 22px;
background-color: #CEE0CE;
float:left;
}
.lvupicon_zero { /*ver.4.01*/
width: 28px;
height: 22px;
background-color: ;
float:left;
}
.lvupicon_blank {
width: 30px;
height: 22px;
float:left;
}
.land {
margin-top: 5px;
text-align: center;
}
.land_zero { /*ver.4.01*/
margin-top: 7px;
text-align: left;
}

/* スキル説明------------------------------------------- */
#skill_de0 {
display: none;
}
#skill_de1 {
display: none;
}
#skill_de2 {
display: none;
}
#skill_de3 {
display: none;
}
#skill_de4 {
display: none;
}
#skill_de5 {
display: none;
}
#skill_de6 {
display: none;
}
#skill_de7 {
display: none;
}


.ex_kihon {
width: 300px;
padding: 6px 5px 6px 5px;
border: solid 1px grey;
letter-spacing: 0px;
background-image: url("img/back_black.png");
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */ 
color: #FFFFFF;
}

#phase_de {
display: none;
width: 280px;
border: solid 1px grey;
letter-spacing: 0px;
background-image: url("img/back_black.png");
position: absolute;
top: 53px;
left: 500px;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */
}

#phase_de_text {
padding: 7px 5px 5px 5px;
color: #FFFFFF;
}
.pet2 {
color:#F3EBAC;
}

/* ステータスバー */
#state {
min-width: 340px;
width: 340px;
position: absolute;
top: 35px;
left: 180px;
background-image: url("img/back_white.png");
border-left: solid 1px #003333;
border-right: solid 1px #003333;
border-bottom: solid 1px #003333;
padding: 4px 3px 3px 3px;
display: none;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */ 
}
a#id_up {
position: absolute;
top: -2px;
}
a#id_down {
position: absolute;
top: 10px;
}

/* wikiリンク機能　ver.4.04 */
#wiki_blackbox {
width: 100%;
height: 100%;
background-image: url("img/back_black2.png");
position: absolute;
top: -15px;
left: -8px;
display: none;
}

#wiki_left {
width: 194px;
height: 625px;
background-color: #D1F0A0;
position: absolute;
top: 80px;
left: 0px;
border-right: solid 1px #CCCCCC;
display: none;
}

#wiki_lefttext {
font-size: 13px;
position: absolute;
top: 12px;
left: 12px;
}

#wikilink {
width: 182px;
font-size: 11px;
border-bottom: solid 1px green;
position: absolute;
top: 580px;
left: 12px;
}

a:hover #wiki_lefttext {
border-bottom: solid 1px green;
}

#wiki_right {
width: 973px;
height: 625px;
background-color: #FFFFFF;
position: absolute;
top: 80px;
left: 0px;
display: none;
}

#id_wikii {
width: 973px;
height: 625px;
position: absolute;
top: 0px;
left: 0px;
}

/* 消費ポイント表示 */
.po_shouhi {
position: absolute;
left: 923px;
padding: 0px;
margin: 1px 0 0 0;
width: 50px;
height: 14px;
font-size:11px;
text-align: right;
background-color: #FFFFFF;
border-left: 1px grey solid;
border-right: 1px grey solid;
border-bottom: 1px grey solid;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */
}
#point0 { top:69px; }
#point1 { top: 139px; }
#point2 { top:209px; }
#point3 { top:279px; }
#point4 { top:349px; }
#point5 { top:419px; }
#point6 { top:489px; }
#point7 { top:559px; }
#point8 { top:629px; }
#point9 { top:699px; }
#point10 { top:839px; }
#point11 { top:979px; }

/* カラー変更スキルアイコン */
#c_img0 { left:0px; }
#c_img1 { left:22px; }
#c_img2 { left:44px; }
#c_img3 { left:66px; }
#c_img4 { left:88px; }
#c_img5 { left:110px; }

#c_img6 { left:152px; }
#c_img7 { left:174px; }
#c_img8 { left:196px; }
#c_img9 { left:218px; }
#c_img10 { left:240px; }
#c_img11 { left:262px; }

#c_img12 { left:304px; }
#c_img13 { left:326px; }
#c_img14 { left:348px; }

#c_img15 { left:410px; }
#c_img16 { left:432px; }
#c_img17 { left:454px; }
#c_img18 { left:476px; }
/* 2nd Phase Ver.4.06 */
#c_img19 { left:498px; }
#c_img20 { left:520px; }
#c_img21 { left:542px; }
#c_img22 { left:564px; }
#c_img23 { left:586px; }
#c_img24 { left:608px; }
#c_img25 { left:630px; }
#c_img26 { left:652px; }


/* 固定ボックス　ver4.03 */
#kotei {
position: absolute;
top: 300px;
left: 0px;
}
/* 左に戻る */
#modoru {
width: 45px;
height: 20px;
position: absolute;
top: 4px;
left: 200px;
}
#jouhou_sp {
width: 170px;
height: 25px;
position: absolute;
top: 0px;
left: 0px;
background-image: url("img/back_skillex.png");
border: solid 1px #696969;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari 3 */
-ms-box-sizing: border-box; /* Internet Explorer 8 */
box-sizing: border-box; /* Opera */ 
}
#jouhou_text_sp{
position: absolute;
top: 4px;
left: 5px;
}