/* Style Sheet for Tommy Walker */
/* powerd by ASH */

/* link */
a{ text-decoration:none; }
a:link    {color: #000099; }
a:visited {color: #cc0000; }
a:hover   {color: #006633; }
a.ya, a.arrow {
  background: transparent url(../img/parts/arrow.png) no-repeat 0px center;
  padding-left: 53px;
}
a.ya:visited, a.arrow:visited {
  background: transparent url(../img/parts/arrow_v.png) no-repeat 0px center;
}
a.ya:hover, a.arrow:hover {
  background: transparent url(../img/parts/arrow_o.png) no-repeat 0px center;
}
a.ya_s {
  background: transparent url(../img/parts/arrows.png) no-repeat 0px center;
  padding-left: 40px;
}
a.ya_s:visited {
  background: transparent url(../img/parts/arrows_v.png) no-repeat 0px center;
}
a.ya_s:hover {
  background: transparent url(../img/parts/arrows_o.png) no-repeat 0px center;
}

/* reset */
table, th, th, td, div, img, form, center {
  margin: 0px;
  padding: 0px;
  border: none;
}
table {
  border-collapse: collapse;
  empty-cells: show;
}

/* default class */
.margin_center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.float_right {
  float: right !important;
}
.float_left {
  float: left !important;
}
.float_clear, .clear {
  clear: both !important;
}
.top {
  vertical-align: top !important;
}
.middle {
  vertical-align: middle !important;
}
.bottom {
  vertical-align: bottom !important;
}
table.top>tbody>tr>th, table.top>tbody>tr>td {
  vertical-align: top !important;
}
table.middle>tbody>tr>th, table.middle>tbody>tr>td {
  vertical-align: middle !important;
}
table.bottom>tbody>tr>th, table.bottom>tbody>tr>td {
  vertical-align: bottom !important;
}
table>tbody>tr>td.top, table>tbody>tr>th.top {
  vertical-align: top !important;
}
table>tbody>tr>td.middle, table>tbody>tr>th.middle {
  vertical-align: middle !important;
}
table>tbody>tr>td.bottom, table>tbody>tr>th.bottom {
  vertical-align: bottom !important;
}
.margin0 {
  margin: 0px !important;
}
.margin1 {
  margin: 1px !important;
}
.margin2 {
  margin: 2px !important;
}
.margin3 {
  margin: 3px !important;
}
.margin5 {
  margin: 5px !important;
}
.margin0h {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.margin1h {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.margin2h {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.margin3h {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.margin5h {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.margin0w {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.margin1w {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.margin2w {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.margin3w {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.margin5w {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.padding0 {
  padding: 0px !important;
}
.padding1 {
  padding: 1px !important;
}
.padding2 {
  padding: 2px !important;
}
.padding3 {
  padding: 3px !important;
}
.padding5 {
  padding: 5px !important;
}
table.padding0>tbody>tr>td, table.padding0>tbody>tr>th {
  padding: 0px !important;
}
table.padding1>tbody>tr>td, table.padding1>tbody>tr>th {
  padding: 1px !important;
}
table.padding2>tbody>tr>td, table.padding2>tbody>tr>th {
  padding: 2px !important;
}
table.padding3>tbody>tr>td, table.padding3>tbody>tr>th {
  padding: 3px !important;
}
table.padding5>tbody>tr>td, table.padding5>tbody>tr>th {
  padding: 5px !important;
}
table>tbody>tr>td.padding0, table>tbody>tr>th.padding0 {
  padding: 0px !important;
}
table>tbody>tr>td.padding1, table>tbody>tr>th.padding1 {
  padding: 1px !important;
}
table>tbody>tr>td.padding2, table>tbody>tr>th.padding2 {
  padding: 2px !important;
}
table>tbody>tr>td.padding3, table>tbody>tr>th.padding3 {
  padding: 3px !important;
}
table>tbody>tr>td.padding5, table>tbody>tr>th.padding5 {
  padding: 5px !important;
}

.pow {
  color: #ea0000 !important;
  background: #ffcccc !important;
}
.tac {
  color: #0000ba !important;
  background: #ccccff !important;
}
.sou {
  color: #00ba00 !important;
  background: #ccffcc !important;
}
.guts {
  color: #cc0000 !important;
  background: #cccccc !important;
}
.none{
  color:#000000 !important;
}
.free {
  word-break: break-all;
  overflow-x: auto;
  overflow-y: hidden;
}

.bg_td {
  background: #ffefc4 !important;
}
.bg_th {
  background: #ffdead !important;
}

/* tag default */
html {
  overflow-y: scroll;
}
body {
  color: #ffffff;
  background: #000000 url("../img/parts/bg_body.jpg") repeat-y center top;
  margin: 5px 0px;
  padding: 0px;
  font-size: 15px;
  line-height:18px;
  text-align: center;
  line-break: strict;
  word-break: break-all;
}
h1 {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  clear: both;
  margin: 0px;
  padding: 0px;
}
h2 {
  color: #005020;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  margin: 10px 0px;
  padding: 0px;
  clear: both;
}
h3 {
  color: #cc0044;
  font-size: 16px;
  font-weight: bold;
  margin: 8px 0px 3px 0px;
  padding: 0px;
}
h4 {
  color: #800000;
  font-size: 15px;
  font-weight: bold;
  margin: 4px 0px 2px 0px;
  padding: 0px;
}

/* hr */
hr {
  background: #40280c;
  width: 100%;
  height: 1px;
  border: none;
  margin: 10px auto;
}
hr.bd {
  background: #883300;
  width: 100%;
  height: 2px;
  margin: 10px auto;
}
hr.img01, div.img01 {
  background: transparent url("../img/parts/hr_img01.png") no-repeat center center;
  width: 624px;
  height: 20px;
  border: none;
  margin: 10px auto;
}
hr.img01_s, div.img01_s {
  background: transparent url("../img/parts/hr_img01s.png") no-repeat center center;
  width: 612px;
  height: 20px;
  border: none;
  margin: 10px auto;
}

/* table */
table.border {
  margin: 3px 0px;
  padding: 0px;
}
table.border>tbody>tr>td, table.border>tbody>tr>th {
  border: #883300 2px solid;
  padding: 3px;
}
table.border>tbody>tr>th {
  background: #ffdead;
}
table tbody tr td.noborder {
  border: none;
}
table.bdr, table.bdr td, table.bdr th {
  border: #883300 2px solid;
}

table.left {
  float: left;
  margin: 3px 10px 3px 0px;
}
table.right {
  float: right;
  margin: 3px 0px 3px 10px;
}

table.menu {
  height: 29px;
  margin: 3px 0px;
  padding: 0px;
  border: none;
}
table.menu td.bgbtn {
  width: 240px;
  color: #ffffff;
  background: transparent url("../img/illust/ill_icon_no.gif") no-repeat right top;
  text-align: center;
}

table.ability {
  border-collapse: collapse;
  width: 200px;
  margin: 0px;
  padding: 0px;
}
table.ability td {
  margin: 0px;
  padding: 2px;
  border: #883300 2px solid;
  color: #000000;
  background: #ffefc4;
  font-size: 12px;
  line-height: 13px;
  text-align: left;
}
table.ability td.img {
  padding: 0px;
}
table.ability td.img img {
  margin: 0px;
}
table.ability td.name {
  font-weight: bold;
  background-color: #ffdead;
}
table.ability td.action div, table.ability div.action {
  position: relative;
  margin-left: 16px;
  font-weight: bold;
  min-width: 64px;
}
table.ability td.action img, table.ability div.action img {
  position: absolute;
  top: 0px;
  left: -16px;
}
table.ability td.action input, table.ability div.action input {
  position: absolute;
  top: -3px;
  left: -20px;
}
table.ability td.effect {
  min-width: 64px;
  vertical-align: middle;
  padding: 2px 2px 1px 2px;
}
table.ability td.effect img {
  vertical-align: middle;
  padding: 0px 1px 2px 1px;
}

/* div */
div.notice {
  display: inline-block;
  border: #883300 2px solid;
  margin: 3px auto;
  padding: 3px;
}
div.caution {
  display: inline-block;
  border: #ff0000 2px solid;
  margin: 3px auto;
  padding: 3px;
}
div.double {
  border-style: double;
  border-width: 6px;
}

/* ul */
ul.nowrap {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.nowrap li {
  display: inline;
  white-space: nowrap;
}

/* img */
img.left {
  float: left;
  margin: 3px 10px 3px 0px;
}
img.right {
  float: right;
  margin: 3px 0px 3px 10px;
}
img.border {
  border: #883300 2px solid;
}

/* card */
div.bg_card {
  position: relative;
  color: #000000;
  background: #28351f url("../img/parts/bg_card.jpg") repeat-y center center;
  font-size: 15px;
  line-height:18px;
  text-align: left;
  width: 764px;
  margin: 0px auto;
  z-index: 10;
}
div.bg_card_head {
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent url("../img/parts/bg_card_head.jpg") no-repeat center top;
  width: 764px;
  height: 360px;
  z-index: 10;
}
div.bg_card_foot {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: transparent url("../img/parts/bg_card_foot.jpg") no-repeat center top;
  width: 764px;
  height: 234px;
  z-index: 10;
}
div.card {
  position: relative;
  margin: 0px 46px;
  z-index: 100;
}

/* card header */
div.card_head {
  position: relative;
  height: 91px;
}
div.card_head img.icon {
  position: absolute;
  left: 11px;
  top: 34px;
}
div.card_head div.menu {
  position: absolute;
  left: 64px;
  top: 11px;
  width: 600px;
  height: 31px;
  text-align: left;
  padding: 0px 0px 0px 20px;
}
div.card_head div.menu img {
  margin: 0px 0px 0px 4px;
}
div.card_head h1 {
  position: absolute;
  left: 85px;
  top: 51px;
  width: 554px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}
div.card_head table.small {
  width: 554px;
  height: 32px;
  border: none;
  margin: 0px;
  padding: 0px;
}
div.card_head table.small td {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  margin: 0px;
  padding: 1px 0px 0px 1px;
}

/* card footer */
div.card_foot {
  position: relative;
  height: 234px;
}
div.card_foot img.return {
  position: absolute;
  top: 14px;
  left: 291px;
}
div.card_foot img.t-walker {
  position: absolute;
  top: 67px;
  left: 450px;
}
div.card_foot img.ash {
  position: absolute;
  top: 67px;
  left: 555px;
}

/* topimg */
div.img_360 {
  position: relative;
  background: transparent url("../img/parts/bg_img_360.jpg");
  width: 640px;
  height: 360px;
  padding: 15px 16px;
}
div.img_360 img.arasuji {
  position: absolute;
  left: 516px;
  top: 348px;
}
div.img_480 {
  position: relative;
  background: transparent url("../img/parts/bg_img_480.jpg");
  width: 640px;
  height: 480px;
  padding: 15px 16px;
}
div.img_800 {
  position: relative;
  background: transparent url("../img/parts/bg_img_800.jpg");
  width: 640px;
  height: 800px;
  padding: 15px 16px;
}
div.img_180 {
  position: relative;
  background: transparent url("../img/parts/bg_img_180.jpg");
  width: 640px;
  height: 180px;
  padding: 15px 16px;
}
div.img_360 img.story, div.img_480 img.story {
  position: absolute;
  right: 18px;
  bottom: 17px;
  border: none;
}

/* charname */
div.charname {
  position: relative;
  background: transparent url("../img/parts/bg_chr.png") no-repeat center top;
  height: 40px;
  overflow: hidden;
}
div.charname h2 {
  color: #000000;
  font-size: 17px;
  margin: 10px 0px 100px 0px;
}

/* shortcut */
div.shortcut {
  position: relative;
  display: block;
  background: transparent url("../img/parts/bg_sc.png") repeat-y center top;
  padding: 0px 68px;
}
div.shortcut_head {
  position: relative;
  display: block;
  background: transparent url("../img/parts/bg_sc_head.png") no-repeat center top;
  height: 10px;
}
div.shortcut_foot {
  position: relative;
  display: block;
  background: transparent url("../img/parts/bg_sc_foot.png") no-repeat center top;
  height: 10px;
}
div.shortcut ul {
  text-align: center;
  margin: 0px;
  padding: 0px;
}
div.shortcut li {
  display: inline;
  list-style: none;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  line-height:15px;
  white-space: nowrap;
}
div.shortcut hr {
  margin: 5px auto;
}
div.shortcut h2 {
  color: #000000;
  font-size: 16px;
  line-height: 17px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

/* main */
div.main, div.main640, div.main670 {
  position: relative;
  font-size: 15px;
  line-height:18px;
  text-align: left;
  color: #000000;
  background: #fcecb8 url("../img/parts/bg_main.jpg") repeat-y 0px top;
  clear: both;
  width: 624px;
  padding: 0px 24px;
  overflow: hidden;
}
div.main640 {
  width: 640px;
  padding: 0px 16px;
}
div.main670 {
  width: 670px;
  padding: 0px 1px;
}
div.main_head {
  position: relative;
  background: #fcecb8 url("../img/parts/bg_main_head.jpg") no-repeat center top;
  height: 18px;
}
div.main_foot {
  position: relative;
  background: #fcecb8 url("../img/parts/bg_main_foot.jpg") no-repeat center top;
  height: 20px;
}
div.main_head.bg2 {
  background: #fcecb8 url("../img/parts/bg_main_head2.jpg") no-repeat center top;
}
div.main_foot.bg2 {
  background: #fcecb8 url("../img/parts/bg_main_foot2.jpg") no-repeat center top;
}
div.main.bg2 {
  background: #fcecb8 url("../img/parts/bg_main2.jpg") repeat-y 0px top;
}
div.main_head_img {
  position: relative;
  background: transparent url("../img/parts/bg_main_head_img.jpg") no-repeat center top;
  height: 24px;
}
div.main_foot_img {
  position: relative;
  background: transparent url("../img/parts/bg_main_foot_img.jpg") no-repeat center top;
  height: 26px;
}
div.main640 div.st_menu {
  width: 640px;
  text-align: center;
  margin: 0px auto;
}
div.main640 div.st_menu img {
  margin: 3px 0px;
}

/* space */
div.space {
  display: block;
  width: 624px;
  margin: 0px 70px;
  padding: 0px;
  overflow: hidden;
}

td.ils_introduce {
  background: #99aacc;
}
td.ils_sample {
  background: #bbff99;
}
span.ils_point {
  color: #cc0044;
}