@charset "Shift_JIS";

* {margin:0; padding:0;}

body {
 width: 100%;
 color:#000;
 line-height: 1.3;
 word-break: break-all;
 font-size:95%;
 font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
 background-color: #aaa;
}

/******************** Title / Header ********************/
div#header {
 margin:20px 20px 40px 20px;
padding: 0;
position: relative;
}
div#header a{
 margin-right:5px;
}

h1 {
 margin: 0 10px 30px 0 ; padding: 0 5px;
 font-size: 130%; font-weight:bold;
 color: #447;
 border-bottom: 5px solid #447;
}

h2 {
 font-size:100%;
 color: #eee;
 background: url("img/dogear.gif") 0 0 no-repeat;
 background-color: #006;
 font-weight: bold;
 margin: -15px -15px 15px -15px;
 padding: 3px 3px 3px 25px;
}
h2 a:hover {
 color: #eee;
}

div#column-l h2 {
 color: #447;
 background: none;
 margin: 0 10px 10px 0; padding: 0 5px;
 border-bottom: 1px solid #447;
}

h3 {
 font-size:100%;
 margin: 0 0 5px 0; padding: 0;
 font-weight: bold;
}
h3.crane, h3.shuriken, h3.boat, h3.wheel, h3.kabuto, h3.yakko, h3.p16 {
 padding: 0 0 0 20px;
}
h3.crane {
 background: url("img/crane.gif") no-repeat 0 0;
}
h3.shuriken {
 background: url("img/shuriken.gif") no-repeat 0 0;
}
h3.boat {
 background: url("img/boat.gif") no-repeat 0 0;
}
h3.wheel {
 background: url("img/wheel.gif") no-repeat 0 0;
}
h3.kabuto {
 background: url("img/kabuto.gif") no-repeat 0 0;
}
h3.yakko {
 background: url("img/yakko.gif") no-repeat 0 0;
}
h3.p16 {
 background: url("img/p16.gif") no-repeat 0 0;
}

/******************** Anchor *********************/
a:link {
 color: #00d;
 text-decoration: underline;
 margin: 0;
}
a:visited {
 color: #808;
 margin: 0;
}
a:hover {
 color: #e00;
 margin: 0;
}

a img {
 border: none;
}
/******************** Column Position ********************/
div#main {
 max-width: 900px;
 width: 100%;
 overflow:auto;
 margin: 0 auto; padding: 0;
 background: url("img/wallpaper.gif");
 background-attachment: fixed;
 background-color: #ddd;
 position: relative;
}
div#column-l {
 float: left;
 width: 30%; margin: 0; padding: 0 0 0 20px;
 z-index: 1;
}
div#column-r {
 margin: 0 0 0 33%; padding: 0 20px 0 0;
 z-index: 2;
}

#english, #japanese {
 position: absolute;
 top: 16px; right: 20px;
}
#counter {
 margin: 20px 0;
 color: #006;
 font-weight:bold;
 text-align: center;
 clear: both;
}
.box {
 margin: 0 1px 10px 1px; padding:20px;
 background-color: #eee;
 border: 1px solid #aaa;
}
/******************** List ********************/

ul {
 list-style: circle;
 margin: 10px 0 20px 20px;
}
ul li {
 margin: 0 0 5px 20px; padding: 0;
}
ul li a{
 margin:0 5px 0 0;
}

ul#navi li.nocss{
 display: none;
}

ol {
 list-style: dicimal;
 margin: 10px 0 20px 40px;
}
ol li {
 margin: 0 0 5px 0; padding: 0;
}

dl {
 margin: 10px 0 20px 10px;
}
dl dt {
 margin: 0 0 5px 0; padding: 0;
 font-weight: normal;
}
dl dd {
 margin:0 0 10px 20px;
}

dl ol{
 margin: 0; padding: 0 0 0 30px;
}

dd ul li {
 margin-left:0;
}

dl.update {
 margin: 0 0 10px 0; padding: 0 5px;
 font-size: 80%;
}
dl.update dt {
 margin: 0 0 3px 0; padding: 0;
 color: #006;
}
dl.update dd {
 margin: 0 0 15px 0; padding: 0;
 color: #444;
}

/******************** Decorated List ********************/

ul.crane, ul.shuriken, ul.boat, ul.wheel, ul.kabuto, ul.yakko, ul.p16 {
 margin: 10px 0 20px 10px;
}

ul.magazine {
 margin: 10px 0 40px 130px;
}
ul.magazine2 {
 margin: 10px 0 40px 0;
}

ul.crane li, ul.shuriken li, ul.boat li, ul.wheel li, ul.kabuto li, ul.yakko li, ul.p16 li, ul.arrow li, ul.arrow2 li, ul.magazine li, ul.magazine2 li  {
 list-style: none;
 margin: 0 0 5px 0; padding-left: 20px;
}

ul.arrow, ul.arrow2 {
 margin: 0 10px 20px 5px;
}

ul.data {
 margin: 0 10px 30px 5px;
}

ul.data li {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.crane li {
 background: url("img/crane.gif") no-repeat 0 0;
}
ul.shuriken li {
 background: url("img/shuriken.gif") no-repeat 0 0;
}
ul.boat li {
 background: url("img/boat.gif") no-repeat 0 0;
}
ul.wheel li {
 background: url("img/wheel.gif") no-repeat 0 0;
}
ul.kabuto li {
 background: url("img/kabuto.gif") no-repeat 0 0;
}
ul.yakko li {
 background: url("img/yakko.gif") no-repeat 0 0;
}
ul.p16 li {
 background: url("img/p16.gif") no-repeat 0 0;
}
ul.arrow li {
 background: url("img/arrow.gif") no-repeat 0 0;
}
ul.arrow2 li {
 background: url("img/arrow2.gif") no-repeat 0 0;
}
ul.magazine li, ul.magazine2 li {
 background: url("img/article.gif") no-repeat 0 0;
 font-weight: bold;
 margin-bottom: 10px;
}

ul.crane ul, ul.shuriken ul, ul.boat ul, ul.wheel ul, ul.kabuto ul, ul.yakko ul, ul.p16 ul, ul.magazine ul{
 margin: 0; padding: 0;
}
ul.crane ul li, ul.shuriken ul li, ul.boat ul li, ul.wheel ul li, ul.kabuto ul li, ul.yakko ul li, ul.p16 ul li, ul.magazine ul li {
 margin: 0 10px 2px 20px; padding: 0;
 list-style: circle;
 background: none;
 font-weight: normal;
}

ul.magazine2 ul li {
 margin: 0 10px 2px 0; padding: 0;
 list-style: circle;
 background: none;
 font-weight: normal;
}

dl.crane dt, dl.shuriken dt, dl.boat dt, dl.wheel dt, dl.kabuto dt, dl.yakko dt, dl.p16 dt {
 padding-left: 20px;
}
dl.crane dt {
 background: url("img/crane.gif") no-repeat;
 background-position: 0 0;
}
dl.shuriken dt {
 background: url("img/shuriken.gif") no-repeat;
 background-position: 0 0;
}
dl.boat dt {
 background: url("img/boat.gif") no-repeat;
 background-position: 0 0;
}
dl.wheel dt {
 background: url("img/wheel.gif") no-repeat;
 background-position: 0 0;
}
dl.kabuto dt {
 background: url("img/kabuto.gif") no-repeat;
 background-position: left center;
}
dl.yakko dt {
 background: url("img/yakko.gif") no-repeat;
 background-position: left center;
}
dl.p16 dt {
 background: url("img/p16.gif") no-repeat;
 background-position: left center;
}

/******************** Table ********************/
table {
 margin: 10px 10px 20px 20px;
 border-collapse: collapse;
 width: 90%;
}
th {
 padding: 5px 6px;
 border: 1px solid #447;
 text-align: center;
 font-weight: bold;
 color: #447;
 background-color: #ddd;
}
td {
 padding: 5px 6px;
 border: 1px solid #447;
}


/******************** Footer ********************/

div#footer {
 clear: both;
 margin: 40px 20px 40px 20px;
padding: 0;
text-align: right;
 color: #447;
}

div#footer a{
 display: block;
 margin-bottom: 5px;
}

/******************** Etc ********************/
img {
 margin:0; padding: 0;
}

img.float-l {
 margin: 0 10px 10px 0;
 float: left;
}

img.float-r {
 margin: 0 0 10px 10px;
 float: right;
}

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

ul p {
 margin:0 0 10px 0;
}

div.footnote {
 border: 1px solid #777;
 background-color: #ddd;
 margin: 20px 0;
 padding: 5px 20px;
}

ul.border, p.border {
 border: 2px solid #779;
 margin: 5px 15px; padding: 10px;
}

ul.border li {
 list-style: none;
 margin: 0 10px 5px 10px; 
}

em {
 color: #d22;
 font-style: normal; 
 font-weight: normal;
}

hr {
 display: none;
}