@charset "utf-8";


* {
    margin: 0px;
    padding: 0px; 
}
html {
    background-color: #444;
}
body,tbody {
    margin: 0px 5px 0px 5px;
    font-size: 90%;
}

table {
    font-size: inherit;
}

select,
input,
textarea {
    font-size: 99%;
}

/*======================================

1-2.Universal selector

=======================================*/

* {
    line-height: 1.6;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
}

/*======================================

1-3.Structure Module

=======================================*/

body {
    color: #222;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

/*======================================

1-4.Text Module

=======================================*/

p,
pre,
address,
cite {
    margin: 0.5em 20px;
    font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*     margin: 0.5em 20px;  */
}

h1 {
    font-size: 189%;
}

h2 {
    font-size: 159%;
}

h3 {
    font-size: 144%;
}

h4 {
    font-size: 122%;
}

h5 {
    font-size: 107%;
}

h6 {
    font-size: 107%;
}

pre {
    padding: 0.5em 10px;
    border: 1px solid #aaa;
    width: 90%;
    overflow: auto;
    color: #222;
    background-color: #f5f5f5;
    font-family: "Osaka−等幅", "ＭＳ ゴシック", monospace;
    font-size: 90%;
    line-height: 160%;
}

pre[title]::before {
    margin-bottom: 0.8em;
    padding: 0 10px;
    display: block; 
    content: attr(title);
    color: #000;
    background-color: #fff;
}

blockquote {
    margin: 1.5em 20px;
    padding: 1px 0; 
    border: 3px solid #eee;
    background-color: #fff;
}

blockquote * {
    color: #666;
}

blockquote[title]:before {
    margin: 2px 2px 1em 2px;
    padding: 0.1em 16px;
    display: block;
    content: attr(title); 
    background-color: #f5f5f5; 
}

blockquote[cite]:after {
    padding: 0.8em 20px;
    display: block; 
    content: attr(cite);
    color: #222;
    text-align: right;
}

cite {
    display: block;
    color: #222;
    text-align: right;
}

em {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

code {
    font-family: "Osaka−等幅", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #aaa;
    cursor: help;
}

kbd {
    border: 1px solid #ccc;
    padding: 0 0.3em; 
    background-color: #f5f5f5;
    font-family: "Osaka−等幅", monospace;
    text-transform: uppercase;
}

/*======================================

1-5.Hypertext Module

=======================================*/

a:link {
    color: #0051E9;
}

a:visited {
    color: #005585;
}

a:hover {
    color: #80af00;
}

/*======================================

1-6.List Module

=======================================*/

ul,
ol,
dl {
    margin: 1em 20px;
    padding: 1px 0;
    list-style-position: inside;
}

li,
dt,
dd {
    margin: 0.1em 10px;
}

dt {
    margin-top: 0.6em;
}

dd {
    margin-bottom: 0.6em;
    margin-left: 2.0em;
    color: #222;
}

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.1em 10px;
}

/*======================================

1-7.Edit Module

=======================================*/

del {
    color: #999;
    text-decoration: line-through;
}

del[datetime]::before {
    content: " ( "attr(datetime)"\00524a\009664) ";
}

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

ins[datetime]::before {
    content: " ( "attr(datetime)"\004fee\006b63) ";
}

/*======================================

1-8.Forms Module

=======================================*/

form {
    margin: 0;
    padding: 0; 
}

form dl,
form p {
    margin: 0.5em 10px;
}

fieldset {
    border: 1px solid #ddd;
}

legend {
    margin: 0 1em;
    padding: 0 10px;
}

input,textarea,select {
/*     border: 1px solid #ddd; */
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
}

input {
    line-height: 1.2;
}


select:focus,
input.text:focus,
input.number:focus,
textarea:focus {
}

textarea {
    padding: 5px;
}

/*======================================

1-9.Tables Module

=======================================*/

table {
    margin: 0 20px 0.5em 20px;
    border-collapse: collapse;
    border-spacing: 1px;
/*     border-width: 1px; */
/*     border-style: solid; */
/*     border-color: #777; */
/*     background-color: #fff; */
}

th,
td {
    padding: 0.1em 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
/*     border-color: #efefef #dce0e3 #dce0e3 #efefef; */
}

th {
    color: #000;
/*     background-color: #eff0f1; */
}

td {
/*     border: 1px solid #ddd; */
/*    background-color: #fff;*/
}

/*======================================

1-10.Image Module

=======================================*/

img {
    vertical-align: bottom;
}

a img {
    border: 0px;
}

a:hover img {

}

/*======================================

1-11.Object Module

=======================================*/

object,
embed {
    margin: 1em 20px;
}
/* vim: set ts=4 sw=4 sts=4 expandtab fenc=utf-8: */
