@charset "Shift_JIS";

body {
font-size: 100%;
letter-spacing: 0;
line-height: 1.2;
margin: 0;
padding: 0;
color: #001;
background-color: #ffe;
width: 100%;
}


/*===== background-color =====*/

p,ul,ol,dt,dd {
background-color:#fff0f0;
}


/*===== basic elements width =====*/

p,
h2,h3,
ul,ol,
ul ul,ul ol,ol ol,ol ul,
dl,dt,dd,
dl ol,dl ul,dl p,
.sidemenu ul {
width: 100%;
}


/*===== basic elements =====*/

p,ul,ol,dl {
margin: 3% 0;
padding: 0;
}

p {
line-height: 1.5;
}

dl{
padding: 0 0 0 2%;
}

h1 {
margin: 1% 4%;
padding: 1% 2%;
width: 100%;
font-size: 200%;
text-decoration: underline;
border-style: solid;
border-width: 1px;
border-color: #fff #000 #000 #fff;
background-color:#fff0f0;
}

h2 {
font-size: 150%;
margin: 0;
padding: 0.2em 5%;
text-decoration: underline;
background-color:#f1f1f1;
border-style: solid;
border-width: 1px;
border-color: #fff #ccc #ccc #fff;
}

h3 {
margin: 0.5em 0;
padding: 0.2em 2%;
font-size: 120%;
border-left: 18px double #ccc;
}

.rd {
color: red;
}


dfn {
font-family: monospace;
font-style: normal;
border-bottom: 1px dashed #003;
}

code {
font-size: 100%;
color: #000;
}

hr {
padding: 0;
width: 92%;
line-height: 1;
}

address {
margin: 0 3% 0 0;
padding:0;
font-size: 1em;
text-align: right;
font-style: italic;
}

/*===== list =====*/

ul,ol {
padding: 0 0 0 4%;
}

ul ul,ul ol,ol ul,ol ol {
margin: 0;
padding: 0 0 0 3%;
font-size: 1em;
}

li {
margin: 0.2em 0; 
padding: 0;
}

dt {
margin: 0.2em 0;
padding: 0 2%;
font-weight: bold;
border-bottom: 3px double #003;
}

dd {
margin: 0.5em 0;
padding: 0 0 0 3%;
}

dl ol,dl ul,dl p {
margin:0;
}

ul.small {
font-size: 80%;
}

dl ul,dl ol {
padding: 0 0 0 10%;
}

.sidemenu ul {
padding: 0 0 0 10%;
}


/*===== div.header =====*/

div.header {
margin: 1% 4%;
padding: 0 1%;
width: 100%;
border-style: solid;
border-width: 1px;
border-color: #ccc #fff #fff #ccc;
background-color: #ffd;
}


/*===== div.footer =====*/

div.footer {
margin: 1% 4%;
padding: 0 1%;
width: 100%;
border-style: solid;
border-width: 1px;
border-color: #ccc #fff #fff #ccc;
background-color: #ffd;
}


/*===== div.box =====*/

div.box {
margin: 0 0 1%;
padding: 0;
font-size: 1em;
letter-spacing: 0px;
background-color: #ffc;
width: 100%;
}


/*===== pre =====*/

pre {
margin: 0 5% 2%;
padding: 1em 2%;
overflow:auto;
white-space: pre;
background-color: #f1f1f1;
width: 100%;
font-size: 0.9em;
line-height: 1.1;
border-style: solid;
border-width: 1px;
border-color: #ccc #fff #fff #ccc;
}


/*===== columns =====*/

.mainbox {
position:relative;
margin: 1% 4%;
width: 100%;
border-style: solid;
border-width: 1px;
border-color: #fff #ccc #ccc #fff;
background-color: #f1f1f1;
}

.contents {
margin: 0 25% 0 0;
padding: 0 2.5% 1%;
background-color: #fff;
width: 100%;
}

.sidemenu {
position:absolute;
margin: 0;
padding: 4%;
top: 0;
left: 75%;
right: 0;
bottom: 0;
width: 25%;
}


/*===== class pre =====*/

.w90 {
margin:0 5%;
width:90%;
}

.w95 {
margin:0 5%;
width:95%;
}

.w100 {
margin:0 5%;
width:100%;
}

pre.scroll {
overflow:scroll;
}

pre.hidden {
overflow:hidden;
}