*html body {
    overflow-y: auto;
}

*+html body {
    overflow-y: auto;
}

html {
    overflow-y: scroll;
}

body {
    margin: 0px auto;
    padding: 0px;
	font-family:"ＭＳ Ｐゴシック", Meiryo, "メイリオ";
    text-align: center;
    background-color: #ffffff;
    background-image: url('./images/bg.png');
    background-repeat: repeat-x;
}

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

ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

img {
    border: none;
}

label {
    cursor: pointer;
}

label:hover {
    background-color: #ffddff;
}

a:link, a:visited {
    color: #3366ff;
}

a:hover, a:active {
    color: #ff0000;
}

strong {
    font-weight: normal;
}

.note {
    color: #ff0000;
}

.smallnote {
    color: #ff0000;
    font-size: 0.8em;
}

.caution {
    color: #ff0000;
    font-weight: bold;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/**********     header     **********/
#header {
    width: 800px;
    background-color: #ffffff;
    text-align: left;
    margin: 10px auto 0px auto;
    overflow: hidden;
}

#header img {
    float: left;
}

#header div {
    padding-top: 30px;
}

#header div p {
    font-size: 1em;
    padding: 5px 20px 0px 0px;
    margin: 0px;
    text-align: right;
}

/**********     contents     **********/
div#contents {
    width: 800px;
    margin: 50px auto;
    padding-top: 15px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    text-align: left;
}

ul#pankuzu {
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 0.9em;
}

ul#pankuzu li {
    display: inline;
}

ul#pankuzu li.allow {
    padding: 0px 0.5em;
}

ul#pankuzu li img {
    vertical-align: text-bottom;
}

ul#pankuzu li h1 {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: normal;
}

/**********     leftbox     **********/
div#leftbox {
    width: 580px;
    padding-left: 10px;
    margin: 0px 0px 15px 0px;
    background-color: #ffffff;
    float: left;
}

div#leftbox p {
    line-height: 1.5;
}

div#leftbox h1 {
    width: 580px;
    margin: 0px 0px 10px 0px;
    font-size: 15pt;
    color: #ffffff;
    text-align: left;
    text-indent: 30px;
    line-height: 1.5;
    background-image: url('./images/h1_title.jpg');
}

div#leftbox h2 {
    width: 580px;
    margin: 0px 0px 10px 0px;
    font-size: 15pt;
    color: #ffffff;
    text-align: left;
    text-indent: 30px;
    line-height: 1.5;
    background-image: url('./images/h2_title.jpg');
    clear: both;
}

div#leftbox p.bigtitle {
    width: 580px;
    margin: 0px 0px 10px 0px;
    font-size: 15pt;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    text-indent: 30px;
    line-height: 1.5;
    background-image: url('./images/h2_title.jpg');
    clear: both;
}

div#leftbox div.box {
    width: 580px;
    margin-bottom: 30px;
}

div.pager {
    margin-bottom: 30px;
    text-align: center;
    clear: both;
}

span.pager {
    padding: 0px 10px;
}

div.err_msg {
    margin-bottom: 35px;
    padding: 10px 0px;
    background-image: url('./images/bbs_caution.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    border: solid 1px #ff8100;
    text-indent: 50px;
    line-height: 1.5;
}

div.color_view p {
    margin-right: 20px;
    float: left;
}

div.color_view span.gs {
    margin-right: 5px;
    padding: 0px 10px;
    background-color: #ffffcc;
    border: 1px solid #cccccc;
}

div.color_view span.crystal {
    margin-right: 5px;
    padding: 0px 10px;
    background-color: #ccffff;
    border: 1px solid #cccccc;
}

/**********     rightbox     **********/
div#rightbox {
    width: 200px;
    margin: 0px auto;
    background-color: #ffffff;
    float: right;
}

ul.parent, ul.parent li ul {
    width: 190px;
    padding: 0px;
}

ul.parent {
    background-image: url(./images/menu_bg.jpg);
    background-repeat: repeat-y;
}

ul.parent li {
    padding-left: 1em;
    line-height: 2;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 15px solid #ffffff;
}

ul.parent li ul {
    margin: 0px 0.2em 0.2em -0.8em;
    width: auto;
}

ul.parent li ul li {
    padding: 5px 0px 0px 1em;
    line-height: 1.5;
    color: #000000;
    font-size: 1em;
    font-weight: normal;
    background-color: #ffffff;
    background-image: none;
    border: none;
}

ul.parent li ul.adwords li {
    padding: 10px 30px;
    text-align: center;
}

ul.parent li ul.amazon li {
    padding: 10px 0px;
    text-align: center;
}

ul.parent li ul.amazon li p {
    margin: 0px;
    font-size: 0.8em;
    font-weight: bold;
}

/**********     footer     **********/
div#footer {
    width: 800px;
    margin: 0px auto;
    padding: 10px 0px;
    background-color: #ffffff;
    border-top: 2px solid #cccccc;
    text-align: center;
    clear: both;
}

div#footer p.copyright {
    text-align: center;
}

/**********     index.php     **********/
p.whatsnew_date {
    font-weight: bold;
}

/**********     bbs.php     **********/
div.bbs_header {
    width: 580px;
    padding: 5px;
}

span.search_box {
    text-align: left;
}

span.search_box form {
    display: inline;
}

span.search_box input.search {
    width: 200px;
}

span.bbs_write {
    margin-left: 20px;
    vertical-align: middle;
}

span.search_keyword {
    font-size: 1.5em;
    color: #ff0000;
    text-decoration: underline;
}

table.bbs {
    width: 580px;
    font-size: 0.9em;
    border-collapse: collapse;
    border: 1px solid #cccccc;
}

table.bbs tr {
    line-height: 1.6;
}

table.bbs tr.top {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    background-color: #848484;
    background-image: url('./images/table_th.jpg');
    background-repeat: no-repeat;
}

table.bbs tr.add {
    background-color: #efefef;
}

table.bbs tr.top th {
    line-height: 1.5;
}

table.bbs tr td {
    border: 1px solid #cccccc;
}

table.bbs tr td.title {
    padding-left: 10px;
    font-size: 1em;
}

table.bbs tr td.name {
    padding-left: 10px;
    width: 10em;
    text-align: left;
}

table.bbs img {
    vertical-align: text-bottom;
}

table.bbs tr td.datetime {
    width: 8em;
    text-align: center;
}

table.bbs tr td.res {
    width: 3em;
    text-align: center;
}

/**********     bbs_write.php      **********/
form.bbs_form div {
    margin-bottom: 20px;
}

form.bbs_form input.name {
    width: 200px;
}

form.bbs_form input.title {
    width: 200px;
}

form.bbs_form textarea.comment {
    width: 500px;
}

form.bbs_form input.submit {
    width: 6em;
}


/**********     bbs_detail.php      **********/
h1.bbs_title img {
    vertical-align: text-bottom;
}

div.bbsbox {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #666666;
}

div.bbsbox p.name {
    color: #ff8000;
    font-weight: bold;
}

div.bbsbox p.name img,
div.bbsbox p.comment img {
    vertical-align: text-bottom;
}

div.bbsbox p.date {
    text-align: right;
}

form.bbs_resform div {
    margin-bottom: 20px;
}

form.bbs_resform input.name {
    width: 200px;
}

form.bbs_resform textarea.comment {
    width: 500px;
}

form.bbs_resform input.submit {
    width: 6em;
}

/**********     link.php     **********/
div.linkbox {
    width: 580px;
    clear: both;
}

div.link88 {
    width: 88px;
    margin: 0px 10px 10px 0px;
    float: left;
}

div.link200 {
    width: 200px;
    margin: 0px 10px 10px 0px;
    float: left;
}

/**********     whatsnew.php     **********/
div.whatsnew {
    margin-bottom: 20px;
    width: 580px;
}

div.whatsnew p.date {
    font-weight: bold;
}

/**********     quest_list.php     **********/
table.quest_list {
    width: 580px;
    font-size: 0.9em;
    border-collapse: collapse;
    border: 1px solid #cccccc;
}

table.quest_list tr {
    line-height: 1.6;
}

table.quest_list tr.top {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    background-color: #848484;
    background-image: url('./images/table_th.jpg');
    background-repeat: no-repeat;
}

table.quest_list tr.add {
    background-color: #efefef;
}

table.quest_list tr.top th {
    line-height: 1.5;
}

table.quest_list tr td {
    border: 1px solid #cccccc;
}

table.quest_list tr td.id {
    width: 3em;
    text-align: center;
}

table.quest_list tr td.title {
    padding-left: 10px;
    font-size: 1em;
}

/**********     quest_detail.php     **********/
ul.quest_navi {
    text-align: right;
}

ul.quest_navi li {
    font-size: 0.9em;
    display: inline;
}

ul.quest_navi li.prev {
    font-size: 0.8em;
    margin-right: 0.5em;
}

ul.quest_navi li.next {
    font-size: 0.8em;
    margin-left: 0.5em;
}

table.quest_detail {
    border-collapse: collapse;
    border: 1px solid #aaaaaa;
    clear: both;
}

table.quest_detail th {
    padding: 5px 10px;
    white-space :nowrap;
    font-weight: normal;
    text-align: center;
    border: 1px solid #aaaaaa;
    background-color: #ff9900;
}

table.quest_detail td {
    padding: 5px;
    border: 1px solid #aaaaaa;
}

/**********     alchemist_list.php     **********/
ul.alchemist li {
    display: block;
    margin-right: 20px;
    float: left;
}

table.alchemist_list {
    width: 580px;
    font-size: 0.9em;
    border-collapse: collapse;
    border: 1px solid #cccccc;
}

table.alchemist_list tr {
    line-height: 1.6;
}

table.alchemist_list tr.top {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    background-color: #848484;
    background-image: url('./images/table_th.jpg');
    background-repeat: no-repeat;
}

table.alchemist_list tr.add {
    background-color: #efefef;
}

table.alchemist_list tr.top th {
    line-height: 1.5;
}

table.alchemist_list tr td {
    border: 1px solid #cccccc;
}

table.alchemist_list tr td.name {
    width: 200px;
    text-indent: 20px;
    font-size: 1em;
}

table.alchemist_list td p {
    text-indent: 15px;
}

/**********     item_search.php     **********/
table.item_search {
    margin-bottom: 15px;
    border-collapse: collapse;
    border: 1px solid #aaaaaa;
    clear: both;
}

table.item_search th {
    padding: 5px 10px;
    white-space :nowrap;
    font-weight: normal;
    text-align: center;
    border: 1px solid #aaaaaa;
    background-color: #ff9900;
}

table.item_search td {
    padding: 5px;
    border: 1px solid #aaaaaa;
}

/**********     item_list.php     **********/
table.item_list {
    width: 580px;
    font-size: 0.9em;
    border-collapse: collapse;
    border: 1px solid #cccccc;
}

table.item_list tr {
    line-height: 1.6;
}

table.item_list tr.top {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    background-color: #848484;
    background-image: url('./images/table_th.jpg');
    background-repeat: no-repeat;
}

table.item_list tr.add {
    background-color: #efefef;
}

table.item_list tr.top th {
    line-height: 1.5;
}

table.item_list tr td {
    border: 1px solid #cccccc;
}

/**********     item_detail.php     **********/
ul.item_navi {
    text-align: right;
}

ul.item_navi li {
    font-size: 0.9em;
    display: inline;
}

ul.item_navi li.prev {
    font-size: 0.8em;
    margin-right: 0.5em;
}

ul.item_navi li.next {
    font-size: 0.8em;
    margin-left: 0.5em;
}

table.item_detail {
    border-collapse: collapse;
    border: 1px solid #aaaaaa;
    clear: both;
}

table.item_detail th {
    padding: 5px 10px;
    white-space :nowrap;
    font-weight: normal;
    text-align: center;
    border: 1px solid #aaaaaa;
    background-color: #ff9900;
}

table.item_detail td {
    padding: 5px;
    border: 1px solid #aaaaaa;
}