@charset "UTF-8";

/**
 *
 *  base.css [ Last modified : 2006/10/16 10:00 ]
 *
 *  // TOC
 *    * Universal selector
 *    * Structure module
 *      html, body
 *    * Text module
 *      hn, p, address, blockquote, pre, em, strong, br, abbr, acronym, q, cite, code, dfn, kbd, samp, var
 *    * Hypertext module
 *      a
 *    * List module
 *    dl, dt, dd, ol, ul, li
 *    * Object module
 *      object, param
 *    * Presentation module
 *      hr, sub, sup
 *    * Edit module
 *      del, ins
 *    * Forms module
 *      form, fieldset, legend, label, input, textarea, select
 *    * Table module
 *      table, caption, thead, tbody, tfoot, tr, th, td
 *    * Image module
 *      img
 *    * Class
 *    * ID
 *    * Media type
 *
 *
 *  // Suggested order
 *    * display
 *    * visibility
 *    * overflow
 *    * list-style
 *      * type
 *      * image
 *    * position
 *    * top right bottom left
 *    * z-index
 *    * float
 *    * clear
 *    * width
 *    * height
 *    * margin
 *      * top right bottom left
 *    * padding
 *      * top right bottom left
 *    * border
 *      * top right bottom left
 *      * width
 *      * color
 *      * style
 *    * background
 *      * color
 *      * image
 *      * position
 *      * repeat
 *      * attachment
 *    * color
 *    * font
 *      * size
 *      * style
 *      * weight
 *      * family
 *      * variant
 *    * line-height
 *    * text-decoration
 *    * text-align
 *    * vertical-align
 *    * white-space
 *    * other text
 *    * quotes
 *    * content
 *
 */



/** Universal selector */

* {
  margin:0;
  padding:0;
  border:none;
  font-size:100%;
}



/** Structure module */

html {  }

body {
  padding:20px;
  background-color:#FFFFFF;
  color:#000000;
  font-size:100%;
  font-family:'Verdana', 'Helvetica', monospace;
}



/** Text module */

div {  }

h1, h2, h3, h4, h5, h6 {
  margin:20px 0 5px 0;
}

h1 {
  margin-top:0;
  font-size:250%;
}

h2 {
  font-size:200%;
}

h3 {
  font-size:175%;
}

h4 {
  font-size:150%;
}

h5 {
  font-size:125%;
}

h6 {
  font-size:110%;
}

p {
  margin:2px 0;
  line-height:1.5;
}

address {
  font-size:90%;
  font-style:normal;
}

blockquote {
  margin:20px;
  padding:5px;
  font-size:90%;
}

blockquote[title]:before {
  display:block;
  border-bottom:1px #000000 solid;
  content:"\201C" attr(title) "\201D\304B\3089\5F15\7528";
}

blockquote[cite]:after {
  display:block;
  border-top:1px #000000 solid;
  font-size:85%;
  text-align:right;
  content:"\5B\5F15\7528\5143\55\52\49\ \3A\ " attr(cite) "\5D";
}

pre {
  margin:20px;
  padding:5px;
  font-size:90%;
}

span {  }

em {
  font-style:normal;
  font-weight:bold;
}

strong {
  background-color:transparent;
  color:#CC0000;
  font-size:105%;
}

br {  }

abbr, acronym {
  border:none;
}

q {
  quotes:"\300C" "\300D" "\300E" "\300F" "\201C" "\201D";
}

q[xml\:lang="en"] {
  quotes:"\201C" "\201D";
}

q:before {
  content:open-quote;
}

q:after {
  content:close-quote;
}

cite {
  margin:0 5px;
  font-style:normal;
}

cite[xml\:lang="en"] {
  font-style:italic;
  font-weight:normal;
}

cite:before {
  content:"\5B";
}

cite:after {
  content:"\5D";
}

code {
  margin:0 5px;
}

dfn {
  font-style:normal;
  font-weight:bold;
}

dfn:before {
  content:"\300C";
}

dfn:after {
  content:"\300D";
}

dfn[xml\:lang="en"] {
  font-style:italic;
  font-weight:normal;
}

dfn[xml\:lang="en"]:before {
  content:"\201C";
}

dfn[xml\:lang="en"]:after {
  content:"\201D";
}

kbd {
  margin:0 5px;
  padding:2px;
  border:1px #CCCCCC solid;
}

samp, var {
  margin:0 5px;
}


/* Descendant selectors */

address span {
  font-size:100%;
}

pre code,
pre samp {
  display:block;
  margin:0;
}

pre code:before {
  display:block;
  margin-bottom:5px;
  border-bottom:1px #000000 solid;
  font-size:105%;
  font-weight:bold;
  font-family:'Verdana', 'Helvetica', monospace;
  content:"\30B5\30F3\30D7\30EB\30B3\30FC\30C9";
}

pre samp:before {
  display:block;
  margin-bottom:5px;
  border-bottom:1px #000000 solid;
  font-size:105%;
  font-weight:bold;
  font-family:'Verdana', 'Helvetica', monospace;
  content:"\51FA\529B\30B5\30F3\30D7\30EB";
}



/** Hypertext module */

a:link {
  background-color:transparent;
  color:#003366;
}

a:visited {
  background-color:transparent;
  color:#663366;
}

a:hover, a:active {
  background-color:transparent;
  color:#CC0000;
  text-decoration:none;
}

a img {
  border:none;
}



/** List module */

dl {
  margin:20px 0;
}

dt {
  font-weight:bold;
}

dd {
  margin:0 0 10px 20px;
  line-height:1.5;
}

ol {
  margin:20px 0 20px 28px;
}

ul {
  margin:20px 0 20px 20px;
}

li {
  margin:5px 0;
  line-height:1.5;
}


/* Descendant selectors */

dl dd dl, ol li dl, ul li dl {
  margin:5px 0;
}

dl dd ol, ol li ol, ul li ol {
  margin:5px 0 5px 25px;
}

dl dd ul, ol li ul, ul li ul {
  margin:5px 0 5px 18px;
}



/** Object module */

object {  }

param {  }



/** Presentation module */

hr {
  display:none;
}

sub, sup {
  font-size:70%;
}



/** Edit module */

del {
  font-size:80%;
  text-decoration:line-through;
}

ins {
  text-decoration:underline;
}

ins[datetime]:before {
  content:"" attr(datetime) "\ \8FFD\8A18";
}


/* Descendant selectors */

p del,
ul del,
ol del,
dl del,
address del,
table del,
p ins,
ul ins,
ol ins,
dl ins,
address ins,
table ins {
  margin:0 5px;
}

p ins[datetime]:before,
ul ins[datetime]:before,
ol ins[datetime]:before,
dl ins[datetime]:before,
address ins[datetime]:before,
table ins[datetime]:before {
  display:none;
}

p ins[datetime]:after,
ul ins[datetime]:after,
ol ins[datetime]:after,
dl ins[datetime]:after,
address ins[datetime]:after,
table ins[datetime]:after {
  margin:0 2px;
  font-size:80%;
  content:"\28" attr(datetime) "\ \8FFD\8A18\29";
}

del p,
del ul,
del ol,
del dl,
del address,
del table {
  text-decoration:line-through;
}

ins p,
ins ul,
ins ol,
ins dl,
ins address,
ins table {
  text-decoration:underline;
}



/** Forms module */

form {
  margin:20px 0;
}

fieldset {
  border-width:0;
  border-color:transparent;
  border-style:solid;
}

legend {
  display:none;
}

label {  }

input {
  width:200px;
  border:1px #000000 solid;
  font-size:90%;
}

input[type="password"], input[type="submit"], input[type="reset"] {
  width:75px;
}

input[type="radio"], input[type="checkbox"] {
  width:20px;
  height:20px;
}

textarea {
  width:300px;
  border:1px #000000 solid;
  font-size:90%;
}

select {
  border:1px #000000 solid;
  font-size:90%;
}


/* Descendant selectors */

form dt {
  float:left;
  clear:left;
  width:130px;
  font-size:90%;
  font-weight:bold;
}

form dd {
  margin:0 0 5px 130px;
}

label input {
  width:20px;
  height:20px;
}



/** Table module */

table {
  margin:5px 0 20px 0;
  border:1px #000000 solid;
  border-collapse:collapse;
}

caption {
  margin-top:20px;
  font-weight:bold;
}

thead {  }

tbody {  }

tfoot {  }

tr {  }

th {
  padding:5px;
  border:1px #000000 solid;
  font-size:90%;
}

td {
  padding:5px;
  border:1px #000000 solid;
  font-size:90%;
}



/** Image module */

img {  }



/** Class */

.hidden {
  display:none;
}

.caution,
.copyright,
.data,
.date,
.footnote,
.modified,
.monolog,
.notes,
.permalink,
.published,
.ruby,
.slang,
.source,
.sub,
.uri,
.face {
  font-size:80%;
}

span.caution,
span.copyright,
span.data,
span.date,
span.footnote,
span.modified,
span.monolog,
span.notes,
span.permalink,
span.published,
span.ruby,
span.slang,
span.sub,
span.face {
  margin:0 2px;
}

span.footnote {
  font-size:70%;
  vertical-align:super;
}

span.talk {
  display:block;
}

span.talk br {
  display:none;
}

.modified .date,
.published .date {
  font-size:100%;
}

address .date {
  font-size:100%;
}


/* Images */

ul.images, ul.banners, ul.icons, ul.thumbnails {
  list-style-type:none;
  margin-left:0;
}

ul.banners li, ul.icons li, ul.thumbnails li {
  display:inline;
  list-style-type:none;
}


/** forms */

dt.submit {
  visibility:hidden;
}

.submit input,
input.submit {
  width:75px;
}

.pass input,
input.pass {
  width:75px;
}



/** ID */

div#pagination ul {
  list-style-type:none;
  margin-left:0;
}

div#pagination ul li {
  display:inline;
  list-style-type:none;
}

span.navigation-guide {
  display:none;
}

#location span.link-home:after,
#location span.link-route:after {
  content: "\ \3E\ ";
}



/** Media type */

@media print {

  abbr[title]:after,
  acronym[title]:after {
    margin:0 5px;
    font-size:70%;
    content:"\ \28" attr(title) "\29\ ";
  }

  a[href]:after {
    margin:0 5px;
    font-size:70%;
    content:"\FF1C" attr(href) "\FF1E";
  }

  #location,
  #pagination {
    display:none;
  }

}