@charset "utf-8";
/*
 * Style Name: kokutter Stylesheet
 * Style URI: http://koku.purpr.in/css/kokutter.css
 * Description: kokutter's stylesheet
 * Last UpDate: 2007-06-05T11:10:00+09:00
 * Author: purprin
 * Author URL: http://purpr.in/
 * Author Email: purprin[at mark]gmail.com
 * Guideline URI: http://purpr.in/common/guideline/css/
 */

/* ----------------------------------------
 * Universal selector
 * ---------------------------------------- */

* {
    margin: 0;
    padding: 0;
    }

/* selection */
::-moz-selection {
    color: #000;
    background: #ffddf0;
    }

::selection {
    color: #000;
    background: #ffddf0;
}

/* ----------------------------------------
 * modules
 * ---------------------------------------- */

/* Structure module */
body {
    width: 100%;
    max-width: 100%;
    color: #000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, sans-serif;
    color: #222;
    text-align: center;
    }

body#index,
body#atari {
    background: #ffcde9 url(/images/bg.gif) no-repeat fixed center top;
}

body#hazure {
    color: #fff;
    background-image: none;
    background-color: #000;
}

/* Text module */
abbr,acronym {
    cursor: help;
    }

address {
    font-style: normal;
    }

blockquote {
    margin: 0.9em 0 0.9em 1.5em;
    padding: 0.2em 10px;
    border: 1px dashed #666;
    }

blockquote p {
    margin: 0.5em 0;
    }

blockquote[title]:before {
    margin: 2px 0;
    padding: 0.1em 0;
    display: block;
    content: attr(title);
    font-size: 80%;
    }

blockquote[cite]:after {
    margin: 2px 0;
    padding: 0.1em 0;
    display: block;
    content: "引用元URI："  attr(cite);
    font-size: 80%;
    text-align: right;
    }

cite {
    display: block;
    font-style: normal;
    font-size: 90%;
    text-align: right;
    }

cite:before {
    content: "(";
    }

cite:after {
    margin-left: 0.5em;
    content: "より引用)";
    }

code {
    }

dfn {
    cursor: help;
    }

em {
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.6em 0;
    padding: 0;
    border: none;
    line-height: 1.4;
    font-weight: bold;
    }

h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    line-height: inherit;
    font: inherit;
    }

h1 {
    margin: 7px 0 15px 0;
    font-size: 140%;
    }

h2 {
    margin-bottom: 0.3em;
    padding: 0.1em 0;
    font-size: 90%;
    }

h3 {
    margin: 0.5em 0 0.6em 0;
    padding: 0.2em 0.5em;
    border-left: 5px solid #4ea3d5;
    background-color: #f5f5f5;
    font-size: 120%;
    }

p {
    margin: 0 0 0.3em 0;
    line-height: 1.4;
    }

q {
    font-style: normal;
    }

q:before {
    padding-left: 0.4em;
    content: "「";
    }

q:after {
    padding-right: 0.4em;
    content: "」";
    }

strong {
    font-weight: bold;
    color: deeppink;
    }

/* Hypertext module */
a {
    color: #f62d6f;
    text-decoration: underline;
    }

a:link {
    color: #f62d6f;
    }

a:visited {
    color: #8c0f34;
    }

a:hover {
    color: #f377a8;
    }

a:active {
    color: #f377a8;
    }

/* List module */
ul,
ol {
    margin: 0 0 2em 0;
    font-size: 100%;
    }

dd > ul, 
dd > ol {
    margin: 0;
    }

ul li,
ol li {
    margin: 0 0 0.8em 1.5em;
    font-size: 100%;
    }

blockquote li,
li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
    font-size:100%;
    }

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
    margin: 0 0 0.6em 0;
    }

ul li > ul li,
ol li > ol li {
    margin-top: 0.6em;
    }

/* Edit module */
del {
    color: #666;
    text-decoration: line-through;
    }

del[datetime]:before{
    /*content: " ("attr(datetime)"削除) ";*/
    }

ins{
    border-bottom: 1px dotted #666;
    text-decoration: none;
    }

ins[datetime]:before{
    content: " (追記) ";
    }

/* Forms module */
form {
    position: relative;
    background-color: transparent;
    }

form#myform {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

form dl {
    margin: 0 auto;
    padding: 0;
    width: 300px;
    text-align: center;
    }

form p {
    margin: 0 0 0.5em 0;
    padding: 0;
    text-align: left;
    }

form dl dt {
    margin: 0 0 0.3em 0;
    text-align: left;
    }

form dl dd {
    margin: 0 0 0.8em 0;
    text-align: left;
    }

fieldset {
    margin: 0 0 0.7em 0;
    border: none;
    }

input,
textarea {
    vertical-align:top;
    cursor: pointer;
    }

label {
    vertical-align: text-top;
    }

dt label {
    font-size: 100%;
    }

input.text,
input.password,
input.file,
textarea {
    color: #333;
    }

input.text:hover,
input.password:hover,
textarea:hover,
input.text:focus,
input.password:focus,
textarea:focus {
    background-position: left bottom;
    }

input[type="image"],
input.button {
    border: none;
    vertical-align: bottom;
    background-color: transparent;
    }

input.mail {
    ime-mode: disabled;  /* for IE */
    }

legend {
    padding: 0.1em 8px;
    font-size: 90%;
    display: none;
    }
/* Image module */
img {
    vertical-align: bottom;
    }

a img {
    border: none!important;
    text-decoration: none!important;
    }

/* ----------------------------------------
 * Common
 * ---------------------------------------- */

.note {
    font-size: 80%;
}

.close {
    text-align: right;
}

.error {
    color: #f00;
}

/* ----------------------------------------
 * Structure
 * ---------------------------------------- */

body#index div.page {
    margin: 0 auto;
    width: 800px;
    background: url(http://purpr.in/common/stylesheets/kokutter/couple.gif) no-repeat center;
    text-align: center;
}

div#description {
    margin-bottom: 5px;
}

div#help {
    margin: 0 auto 20px auto;
    padding: 8px;
    width: 360px;
    background-color: #fff;
    text-align: center;
}

div#help p,
div#help ol li,
div#help dl {
    text-align: left;
}

div#help dl {
    padding-top: 5px;
    border-top: 1px dotted #222;
}

div#help dl ol {
    margin: 4px 0 0 10px;
}

div#rate_box {
    position: absolute;
    top: -20px;
    right: 200px;
    z-index: 100;
    width: 123px;
    height: 126px;
    background: url(/images/rate.gif) no-repeat;
    }

div#change_rate {
    margin-top: -20px;;
}

#attention {
    margin: 0 auto 30px auto;
    width: 500px;
    text-align: center;
}

div#attention h2,
div#attention ul {
    text-align: left;
}

input#account,
input#password,
input#target_account {
    margin-bottom: 5px;
    width: 160px;
}

textarea#message {
    width: 320px;
}

button#kokuru {
    margin: 0;
    padding: 0;
    width: 158px;
    height: 44px;
    border: none;
    background-color: transparent;
}

div#footer {
    padding: 5px 0;
    width: 100%;
    color: #fff;
    background-color: #333;
    text-align: center;
}

div#footer address {
    font-size: 90%;
}

div#footer p {
    font-size: 80%;
}

body#hazure div#retry {
    margin: 20px 0 50px 0;
}