/* 共通 */
* {
}
html, body {
margin: 0px;
p#fffing: 0px;
scrollbar-base-color: #fff;
scrollbar-arrow-color: #000;
scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-darkshadow-color: #fff;
font-family: MS UI Gothic, Microsoft Sans Serif;
font-size: small;
line-height: 1.5em;
}
body {
padding: 10px;
}
div {
}
#main {
margin: 10px 10px;
padding: 20px;
width: 600px;
border-width: medium;
border-style: dashed;
border-color: #06f;
}
#sub {
margin: 10px 10px;
padding: 20px;
width: auto;
border: none;
text-align: right;
}
#space {
height: 700px;
width: 0px;
}
a:link {
color: #09f;
text-decoration: underline;
font-weight: bolder;
}
a:visited {
color: #03f;
text-decoration: underline;
font-weight: bolder;
}
a:active {
color: #9cf;
text-decoration: line-through;
font-weight: bolder;
}
a:hover {
text-decoration: line-through;
font-weight: bolder;
}
textarea {
font-size: smaller;
text-align: right;
}

img {
border: none;
}
hr {
height: 1px;
color: #000;
border-style:dotted;
}

h1 {
margin: 0px 0px 10px;
display: inline;
font-family: Impact;
font-size: xx-large;
font-weight: normal;
color: #06f;
}
h3 {
margin: 0px 0px 10px;
font-size: large;
color: #00f;
}
h4 {
margin: 0px 0px 10px;
font-size: larger;
font-weight: bolder;

}
p {
margin: 10px 0px;
}
.small {
display: inline;
font-size: smaller;
}
#analyze {
text-align: right;
}
dl {
margin: 0px;
padding: 0px;
}





/* story/ */
.story {
padding: 20px;
background-color: #fff;
border-color: #00f;
border-style: solid;
border-width: 1px;
width: 500px;
}
#story {
padding: 20px;
background-color: #fff;
border-color: #00f;
border-style: solid;
border-width: 1px;
width: 500px;
}





/* comic/ */
#comic img {
border-color: #000;
border-style: solid;
border-width: 1px;
}





/* diary/ */
#diary img {
border-color: #000;
border-style: solid;
border-width: 1px;
}
#diary .hide {
color: #ccc;
}





/* top.html 2 */
.top2 {
padding: 10px;
border-color: #000;
border-style: solid;
border-width: 1px;
width: 500px;
}





/* contents.html 2 */
#contents2 {
margin: 0px;
padding: 10px;
}
#contents2 ol {
margin: 5px 0px;
padding: 0px;
list-style: none;
display: inline;
}
#contents2 ol li {
margin-left: 5px;
display: inline;
}
#contents2 form {
margin: 0px;
display: inline;
}
#contents2 input {
display: inline;
background-color: #fff;
color: #000;
}

/* contents.html */
#contents {
margin: 0px;
padding: 0px;
background-color: #00c;
text-align: left;
color: #fff;
}
#contents h2 {
margin: 10px 10px 0px;
font-family: Impact;
font-size: x-large;
font-weight: normal;
color: #fff;
}
#contents h3 {
margin: 5px 10px;
font-family: Impact;
font-size: medium;
font-weight: normal;
color: #fff;
}
#contents ol {
margin: 0px 0px;
padding: 0px;
}
#contents ol li {
margin: 0px 0px;
list-style: none;
}
#contents hr {
height: 1px;
color: #fff;
border-style:dotted;
}
#contents .detail a:link, #contents .detail a:visited {
color: #00c;
}
#contents #under {
color: #00c;
}
#contents form {
margin: 0px;
}
#contents input {
display: inline;
background-color: #9cf;
color: #000;
}
address {
margin: 0px;
font-size: x-small;
font-style: normal;
color: #fff;
}
address #ad_top {
margin: 0px;
font-size: x-small;
font-style: normal;
color: #000;
}
#contents hr {
color: #fff;
border-width: thin;
border-style: dashed;
}
a.menu {
margin: 0px;
padding-left: 20px;
width: 230px;
display: block;
}
a.menu:link {
background-color: #00c;
color: #fff;
text-decoration: none;
}
a.menu:visited {
background-color: #00c;
color: #fff;
text-decoration: none;
}
a.menu:active {
color: #9df;
text-decoration: none;
font-weight: bolder;
}
a.menu:hover {
background-color: #9cf;
color: #00c;
font-weight: bolder;
}

a.pic:link {
color: #fff;
text-decoration: none;
}
a.pic:visited {
color: #fff;
text-decoration: none;
}
a.pic:active {
color: #9cf;
text-decoration: line-through;
font-weight: bolder;
}
a.pic:hover {
text-decoration: line-through;
font-weight: bolder;
}

a.under {
margin: 0px;
padding-left: 20px;
width: 230px;
display: block;
}
a.under:link {
background-color: #00c;
color: #00c;
text-decoration: none;
}
a.under:visited {
background-color: #00c;
color: #00c;
text-decoration: none;
}
a.under:active {
color: #000;
text-decoration: none;
font-weight: bolder;
}
a.under:hover {
background-color: #00c;
color: #00c;
font-weight: bolder;
}

span.black {
font-weight: normal;
color: #000;
}
span.white {
font-weight: normal;
color: #00c;
}
span.red {
color: #f00;
}
span.blue {
color: #00f;
}
span.yellow {
color: #f00;
}
span.orange {
color: #f90;
}
span.green {
color: #3c6;
}
span.response {
font-weight: bold;
color: #00f;
}
soan.hide {
color: #ccc;
}

p.menu {
margin: 0px;
padding-left: 5px;
color: #000;
display: inline;
}
div#contents1 {
margin: 0px;
padding: 10px;
}



/* top.html */
#top {
background : url(img/illust/tenipuri/004.jpg);
background-attachment: fixed;
background-position: 130% 100%;
background-repeat: no-repeat;
background-color: #fff;
text-align: left;
}
#top #main {
margin-right: auto;
padding-right: auto;
width: 400px;
text-align: left;
}
#top #sub {
margin-right: auto;
padding-right: auto;
width: 410px;
text-align: right;
}
#top #mobile {
margin-right: auto;
padding-right: auto;
width: 410px;
text-align: left;
}
#top hr {
height: 1px;
color: #06f;
border-style:dotted;
}
hr #hr_top {
height: 1px;
color: #000;
border-style:dotted;
}
#top h1 {
font-family: Impact;
font-size: xx-large;
font-weight: normal;
color: #06f;
}
#top textarea {
text-align: left;
font-size: small;
}
#top form {
text-align: left;
}
/* mail form */
#mailform_top {
margin: 0px 0px 2px;
padding: 0px;
}
#mailform_top * {
margin: 0px 0px 2px;
padding: 0px;
width: 400px;
text-align: right;
}
#mailform_top .name_right, #mailform_top .mail_right, #mailform_top .url_right, #mailform_top .textarea_right {
display: inline;
}
#mailform_top .name_left, #mailform_top .mail_left, #mailform_top .url_left, #mailform_top .textarea_left, #mailform_top .textarea_left {
display: inline;
margin-right: 10px;
}
#mailform_top .name_parts, #mailform_top .mail_parts, #mailform_top .url_parts, #mailform_top .textarea_parts, 
#mailform_top .error, #mailform_top .result {
text-align: left;
}
#mailform_top .name_parts {
width: 150px;
}
#mailform_top .mail_parts {
width: 200px;
}
#mailform_top .url_parts {
width: 300px;
}
#mailform_top .textarea_parts {
width: 300px;
height: 60px;
}
#mailform_top .submit_button, #mailform_top .error_submit_button, #mailform_top .result_submit_button {
width: auto;
text-align: center;
}
/*メールフォーム全体を囲っているタグのid*/
#mailform_top {
}
/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#mailform_top .main {
}
/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_top .name_top {
}
/*『name』パーツの表示名を囲っているタグのclass（[ HN（任意） ]の部分）*/
#mailform_top .name_left{
}
/*『name』パーツの入力項目を囲っているタグのclass*/
#mailform_top .name_right {
}
/*『name』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .name_parts {
}
/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_top .mail_top {
}
/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス（任意） ]の部分）*/
#mailform_top .mail_left {
}
/*『mail』パーツの入力項目を囲っているタグのclass*/
#mailform_top .mail_right {
}
/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .mail_parts {
}
/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_top .url_top {
}
/*『url』パーツの表示名を囲っているタグのclass（[ ＵＲＬ（任意） ]の部分）*/
#mailform_top .url_left{
}
/*『url』パーツの入力項目を囲っているタグのclass*/
#mailform_top .url_right {
}
/*『url』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .url_parts {
}
/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#mailform_top .textarea_top {
}
/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文 ]の部分）*/
#mailform_top .textarea_left{
}
/*『textarea』パーツの入力項目を囲っているタグのclass*/
#mailform_top .textarea_right {
}
/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#mailform_top .textarea_parts {
}
/*メールフォームの送信ボタンを囲っているタグのclass*/
#mailform_top .submit {
}
/*メールフォームの送信ボタンのclass*/
#mailform_top .submit_button {
}
/*エラーメッセージを囲っているタグのclass*/
#mailform_top .error {
}
/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#mailform_top .error_submit {
}
/*エラーメッセージのリトライボタンのclass*/
#mailform_top .error_submit_button {
}
/*送信完了メッセージを囲っているタグのclass*/
#mailform_top .result {
}
/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#mailform_top .result_submit {
}
/*送信完了メッセージの戻るボタンのclass*/
#mailform_top .result_submit_button {
}





/* under/ */
#under2 {
background-color: #000;
color: #fff;
}
/* #under {
padding: 20px;
background-color: #000;
color: #fff;
border-color: #00f;
border-style: solid;
border-width: 1px;
width: 500px;
} */