#page {
width: 620px;
margin-right: auto;
margin-left: auto;
padding: 20px; }
img {
border-style: none; }

.clear { clear: both; }
h1 { color: #006600; font-size: 12pt; font-weight: normal; text-align: center; margin-top: 50px; }
h2 { font-size: 12pt; margin-top: 40px; }
h3 { font-size: 10pt; margin-bottom: 10px; }
h4 {
font-size: 10pt;
line-height: 150%;
text-indent: -1.5em;
clear: both;
margin-top: 20px;
margin-left: 25px; }
h4.noindent {font-size:   10pt;
line-height: 150%;
text-indent: -1.5em;
margin-top:  20px;
margin-left: 18px;
clear:       both; }

h5 { font-size: 10pt; font-weight: normal; margin-top: 20px; margin-bottom: 5px; }
h6 {
font-size: 10pt;
margin-bottom: 10px; }

/*text*/
p { font-size: 10pt; line-height: 150%; text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.noindent { text-indent: 0; }
.mindent {
text-indent: -1.5em;
margin-bottom: 1em;
margin-left: 20px; }

p.name { font-size: 10pt; text-align: right; margin-top: 80px; margin-bottom: 80px; }
.right {
text-align: center;
float: right;
margin-left: 10px; }
.left {
float: left;
margin-right: 10px;
margin-bottom: 10px; }
span.center {
text-align: center;
width: inherit; }
span.border {margin-right: 2px;
margin-left:  2px;
padding:      2px;
border:       solid 1px black; }

span.italic {
font-style: italic; }

span.color {
background-color: #ff9;
padding: 5px; }

span.bold { font-weight: bold; vertical-align: top; }
span.underline { font-weight: normal; text-decoration: underline; }
.tableindent {
text-indent: -2em;
margin-left: 2em; }

/*text*/
/*image*/
div.rightimage {text-align:  center;
margin-left: 20px;
width:       auto;
float:       right; }

div.leftimage {
text-align: center;
width: auto;
float: left;
margin-top: 2em;
margin-right: 20px; }

img.border { padding: 0; border: solid 1px #333; }
img.top { vertical-align: top; }
img.middle { vertical-align: middle; }
img.under {
vertical-align: text-bottom;
margin-right: 2px;
margin-left: 2px; }
p.image { text-align: center; margin-top: 10px; margin-bottom: 10px; }
p.shiki {
padding-top: 10px;
padding-left: 40px; }
p.sampleimager {
line-height: 180%;
text-align: center;
width: 300px;
float: right;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px; }
p.textimage {
text-align: center;
width: auto;
float: left;
margin-top: 10px;
margin-bottom: 1em;
display: inline; }
p.sampleimager img.top {
margin-bottom: 3px; }

p.sampleimagel {
text-align: center;
width: 300px;
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 20px; }
p.slide {
margin-top: 1em;
margin-bottom: 1em; }
p.kana {
text-indent: -2.5em;
margin-left: 3em; }

/*image*/
/*ul*/
ul { font-size: 10pt; line-height: 150%; }
ul.nodisc li {
list-style-type: none;
 }

ul.circle  li {
background-image: url(images/icon_maru01.gif);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 15px;
list-style-type: none; }
ul.circle ul li  {
background-image:    none;
margin-bottom: 0.5em;
padding-left: 0;
list-style-type:     disc; }
.maru { text-indent: -20px; padding-left: 20px; list-style-type: none; }
.maru ul {
text-indent: 0;
margin-left: 15px;
list-style-type: circle;
padding-left:    0; }
/*ul*/
/*ol*/
ol {
font-size: 10pt;
margin-left: 20px;
padding-left: 10px; }
/*ol*/
li { font-size: 10pt; line-height: 150%; }
li strong { font-weight: normal; text-decoration: underline; }
div.square {
font-size: 10pt;
overflow: visible;
margin-top: 20px;
margin-bottom: 20px;
padding: 8px;
border: solid 1px #333; }
/*IE6*/
*html div.square {
height: 1.5em; }
/*IE6*/
div.square ul {
margin-left: 10px;
padding-left: 10px; }
div.leftsquare {
width: 320px;
float: left;
padding: 8px;
border: solid 1px #333; }
div.dotsquare {
width: 560px;
margin-top: 1em;
margin-bottom: 20px;
padding: 10px 15px;
border: dotted 2px #060; }
div.dotsquaresmaller {margin-top:    1em;
margin-bottom: 20px;
width:         566px;
border:        dotted 2px #060; }

div.dotsquare ol {
margin-left: 10px; }

div.dotsquare li {
margin-top: 3px; }

dl {
font-size: 10pt;
line-height: 150%; }
/*dl.discussion*/
dl.discussion{
width: 580px;
float: left;
margin-top: 1em;
margin-left: 0;
padding-right: 15px;
padding-left: 15px; }
dl.discussiontest {
margin-top:    1em;
margin-left:   0;
padding-right: 15px;
padding-left:  15px;
width:         580px; }

dl.discussionsmaller {
margin-top:    1em;
width:         560px;
float:         left;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px; }

dl.discussionsmaller dt{
width: 40px;
float: left;
margin: 0 0 5px;
padding: 0; }
dl.discussion dt {margin:  0 0 5px;
padding: 0;
width:   60px;
float:   left; }
dl.discussiontest dt {margin:  0 0 5px;
padding: 0;
width:   30px;
float:   left; }

dl.discussion dd{ width: 500px; float: left; margin: 0 0 5px; padding: 0; }
dl.discussionsmaller dd {
margin:  0 0 5px;
padding: 0;
width:   470px;
float:   left; }

dl.discussion dd ul {
margin-bottom: 1em;
 }
dl.discussion dd div {
padding: 8px;
border: solid 1px #333;
 }

/*dl.discussion*/

dl.short{
width: 360px;
float: left;
margin-top: 1em;
margin-right: 0;
margin-left: 0;
padding-right: 15px;
padding-left: 15px; }
dl.short dt{
width: 60px;
float: left;
margin: 0 0 5px;
padding: 0; }
dl.short dd{ width: 280px; float: left; margin: 0 0 5px; padding: 0; }

/*dl.side1*/
dl.side1{
width: 565px;
float: left;
margin: 0 0 0 20px;
padding: 0; }
dl.side1 dt{
width: 120px;
float: left;
margin: 0;
padding: 0; }
dl.side1 dd{
width: 400px;
float: left;
margin: 0 20px 1em 0;
padding: 0; }
/*dl.side1*/
/*dl.rollplaying*/
dl.rollplaying{
width: 300px;
float: left;
margin-top: 1em;
margin-left: 0; }

dl.rollplaying dt{
width: 15px;
float: left;
margin: 0 0 5px;
padding: 0; }
dl.rollplaying dd{
width: 265px;
float: left;
margin: 0 0 5px;
padding: 0 0 0 15px; }

/*dl.rollplaying*/

/*dl.indent*/
dl.indent{
width: 580px; }
dl.indent dt{
margin: 0 0 3px;
padding: 0; }
dl.indent dd{
margin-left: 20px;
padding: 0 0 8px; }
/*dl.indent*/

/*dl.minidiscussion*/
dl.minidiscussion{
width: 580px;
float: left;
margin-top: 1em;
margin-left: 0;
padding-right: 15px;
padding-left: 15px; }

dl.minidiscussion dt{
width: 40px;
float: left;
margin: 0 0 5px;
padding: 0; }
dl.minidiscussion dd{ width: 520px; float: left; margin: 0 0 5px; padding: 0; }

/*dl.minidiscussion*/

/*dl.marulist*/
dl.marulist{
width: 580px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0; }
dl.marulist dt{
width: 23px;
float: left;
margin: 0 0 0;
padding: 0; }
dl.marulist dd{
width: 550px;
float: left;
margin: 0;
padding: 0 0 0 5px; }
/*dl.marulist*/


/*table.button*/
table.button { width: 620px; margin-top: 30px; padding: 0; border-style: none; }
/*table.button*/
/*table.side3*/
table.side3{
font-size: 10pt;
width: 580px;
margin: 5px;
border-top: 1px solid #999;
border-right: 1px solid #999; }
table.side3 th {font-weight:      normal;
background-color: #c5f7d2;
text-align:       center;
padding:          5px;
border-bottom:    1px solid #999;
border-left:      1px solid #999; }

table.side3 .noborder {
border-bottom-style: none; }
table.side3 td.box {
height: 30px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0.5em 0 0 1em; }

table.side3 .highlight {
background-color: #ccc;
text-align: center; }
table.side3 .active {
width: 5em;
 }
table.side3 .step {
vertical-align: middle;
width: 3em;
 }

table.side3 td {text-align:     left;
padding:        5px;
vertical-align: top;
border-bottom:  1px solid #999;
border-left:    1px solid #999; }
table.side3 td.border {text-align:     left;
padding:        5px;
vertical-align: top;
border-bottom:  1px dotted #999;
border-left:    1px solid #999; }
table.side3 td.wider {
text-align: right;
width: 3em; }

table.side3 td ul {
font-size: 10pt;
margin-top: 0;
margin-left: 10px;
padding-left: 10px; }

table.side3 td ol {
font-size:  10pt;
margin-top: 0;
padding-left: 15px; }

table.side3 td ul.in { font-size: 10pt; margin-top: 0; margin-left: 2px; padding-left: 2px; list-style-position: inside; }
table ul.imagenumber {
 }

table ul.imagenumber li {
text-indent: -16px;
list-style-type: none; }

/*table.side3*/

/*table.side4*/
table.side4 {
font-size:    10pt;
margin:       5px;
width:        180px;
border-top:   1px solid #999;
border-right: 1px solid #999; }

table.side4 th{ font-weight: normal; background-color: #c5f7d2; padding: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999; }

table.side4 td{ padding:3px; text-align: center; vertical-align: top; border-bottom: 1px solid #999; border-left: 1px solid #999; }
/*table.side4*/

/*table.side5*/
table.side5 {
width: 180px;
padding-top: 3px;
border-width: 0; }
table.side5 td{
padding-left: 10px; }
/*table.side5*/

table td.center {
text-align: center; }
table.number td {
text-align: right; }
table.number td.center {text-align: center; }

/*kohyo*/
h2.kohyotitle { text-align: center; margin-top: 20px; margin-bottom: 20px; }
h2.kohyotitle span.small { font-size: 90%; font-weight: normal; }
td.kohyou { background-image: url(images/tdbg_b.gif); height: 100%; }
td.kohyol { background-image: url(images/tdbg_l03.gif); }
td.kohyor { background-image: url(images/tdbg_r03.gif); }
/*kohyo*/
form {
text-align: center;
margin-top: 20px; }
div.down {
margin-left: 2em; }
div.center {
margin-left: 80px;
 }
sup {
vertical-align: top;



 }

sub {vertical-align: text-bottom; }
sub.explain {
vertical-align: text-bottom;
margin-bottom: 10px;
padding-left: 20px;
display: block; }