@charset "UTF-8";

/* clear the default css for each blowser =============== */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, div, form, iframe table, tr, th, td, form, select, option, address, pre, strong, em {
    margin:0;
    padding:0;
    color:#000000;
    font-size:100%;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

/* html_recustomize =============== */
body {
    font-family:        sans-serif;
    font-size:          12px;
    line-height:        140%;
    color:              #000000;
}

a:link, a:visited, a:active {
    color:              #045D9C;
    text-decoration:    none;
}

a:hover {
    color:              #93A2B2;
    text-decoration:    underline;
}

img {
    border-style:       none;
}

option, select, textarea {
    font-size:          12px;
    text-align:         left;
}

textarea {
    text-align:         left;
    overflow:			auto;
}

div.clear {
    margin:             0px;
    padding:            0px;
    clear:              both;
    line-height:        0;
    height:             1px;
    width:              1px;
}

table td, table th {
    vertical-align:     top;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

/* layout =============== */
div#layout {
    width:              100%;
    margin:             0;
    padding:            0;
    text-align:         center;
    vertical-align:     top;
}

div#header {
    background-image:   url(/images/header.gif);
    background-repeat:  no-repeat;
    width:              790px;
    height:             170px;
    text-align:         left;
    vertical-align:     top;
    margin:             0 auto;
    padding:            0;
}

div#footer {
    background-image:   url(/images/footer.gif);
    background-repeat:  no-repeat;
    width:              790px;
    height:             50px;
    text-align:         left;
    vertical-align:     top;
    margin:             0 auto;
}

div#contents_layout {
    width:790px;
    vertical-align:top;
    margin:0 auto;
}

table#contents_table {
    width:100%;
}

td#contents_side {
    width:200px;
    text-align:left;
    vertical-align:top;
}

td#contents_main {
    text-align:left;
    vertical-align:top;
    padding-left:15px;
}


/* header =============== */
#header_title {
    font-size:30px;
    font-weight:600;
    line-height:100%;
    color:#FFFFFF;
    text-align:left;
    vertical-align:top;
    padding:100px 0 0 25px;
}


/* footer =============== */
#copyright {
    font-size:12px;
    color:#FFFFFF;
    text-align:left;
    vertical-align:top;
    padding:17px 0 0 25px;
    height:100%;
}


/* sidemenu =============== */

table.sidemenu {
    margin-top:  0.5em;
}

td.sidemenu {
    padding: 5px 0;
}

td.sidemenu_sub {
    padding:  0;
    padding-left: 20px;
}

.sidemenu_search {
    padding-left:    10px;
}

.sidemenu_search_area {
}

.sidemenu_searchfield {
    text-align:      left;
    vertical-align:  middle;
}

.sidemenu_megane {
    width:          40px;
    text-align:     right;
    vertical-align: middle;
}

#sidemenu_logout {
    text-align:   center;
    padding:      10px 0;
}


/* main =============== */
div.title {
    background-image:url(/images/contentsheader.gif);
    background-repeat:no-repeat;
    width:565px;
    height:90px;
    text-align:left;
    vertical-align:top;
    margin:0;
    padding:0;
}

.date {
    font-size:12px;
    text-align:left;
    vertical-align:top;
    padding:20px 0 0 25px;
}

div.main_title {
    padding:15px 20px;
}

table.main_title {
    width:100%;
}

td.main_title_left {
    font-size:22px;
    line-height:100%;
    color:#FFFFFF;
    vertical-align:bottom;
}

td.main_title_right {
    font-size:12px;
    color:#FFFFFF;
    vertical-align:bottom;
    text-align:right;
}

div.load {
    text-align:center;
    width:555px;
    padding:0 5px;
}

table.load_table {
}

td.load_image {
    text-align:left;
    width:330px;
}

div.load_image {
    border:2px solid #7ED4E4;
    width:320px;
    height:240px;
    margin:0;
    padding:0;
}

div.load_text {
    border:2px solid #7ED4E4;
    margin:0;
    padding:5px;
    background-image:url(/images/bg_dotted.gif);
    background-repeat:repeat;
    height:230px;
    text-align:left;
    vertical-align:top;
}

div.control {
    text-align:left;
    margin:5px 0 0 67px;
}

td.control {
    padding:0 2px;
}

div.load_story {
    padding:15px 0;
}

td.comment_form {
    background-image:url(/images/comment_bg.gif);
    background-repeat:repeat-x;
    vertical-align:top;
}

td.comment_w {
    width:16px;
    background-image:url(/images/comment_w.gif);
    background-repeat:repeat-y;
}

td.comment_e {
    width:16px;
    background-image:url(/images/comment_e.gif);
    background-repeat:repeat-y;
}

td.comment_sw, td.comment_se {
    height:16px;
    width:16px;
}

td.comment_s {
    height:16px;
    background-image:url(/images/comment_s.gif);
    background-repeat:repeat-x;
}

div.comment_name {
    text-align:left;
}

div.comment_area {
    text-align:center;
    padding:10px 0;
}

div.comment_send {
    text-align:right;
}

.back {
    text-align:right;
    margin:20px 0;
}

/* form table */
table.form {
  border:  solid 1px black;
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
}

table.form td {
  border:  solid 1px black;
  padding:  0.5em 0.6em;
  text-align: left;
  vertical-align: middle;
}

/*********** [キャラクタ一覧] 画面 ************/
img.chara {
  border:  dotted 1px black;
}