/*common*/
* {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
list-style-type: none; }
body {
color: #333;
font-size: 90%;
padding: 0 20px 10px; }
img {
border-style: none; }

a:link { }
a:visited { }
a:hover { }
a:active { }

/*box layout*/
div#page {
min-width: 917px;
margin-right: 10px;
margin-left: 10px; }
div#header {
margin-top: 10px;
margin-bottom: 5px; }

div#left {
width: 50%;
float: left;
margin-right: -292px; }
div#left div {
margin-right: 292px; }

div#right {
width: 50%;
float: right;
margin-left: -292px; }

div#right div {
margin-left: 292px; }

div#main {
background-image: url(img/bg_main.gif);
background-repeat: repeat-y;
background-position: center top;
border-color: #a6a6a6;
border-style: solid solid none;
border-width: 1px; }
div#contents {
width :580px;
float: left;
padding-top: 1px;
padding-right: 1px;
padding-left: 2px; }

div#news {
width: 260px;
/*height: 277px;*/
overflow: auto;
float: right;
margin: 10px 10px 10px 20px;
border: solid 1px #666; }
address {
font-size: 90%;
text-align: center;
padding-top: 5px;
border-top: 1px solid #a6a6a6;
display: block; }
/*header*/
h1 {
float: left;
padding-top: 20px; }

#header p {
text-align: center; }
#header p img {
padding-right: 3px;
padding-left: 3px; }

p.outline {
font-size: 90%;
font-weight: bold;
float: right;
margin-top: -1em;
padding-top: 50px; }

/*navigation*/
ul#navi {
width: 819px;
/*width: 920px;*/
clear: both;
margin-right: auto;
margin-bottom: 1px;
margin-left: auto;
padding-left: -1px; }

ul#navi li {
display: inline; }
ul#navi li img {
vertical-align: bottom;
margin-left: 1px; }

/*main(right ,left ,contents)*/
.content {
margin: 10px 5px; 
font-size: 90%;
line-height: 150%;}
#main dt {
margin-top: 5px; }
/*left*/
#left h2,#right h2 {
color: #333;
font-weight: bold;
background-color: #d9d9d9;
background-image: url(img/arrow01.gif);
background-repeat: no-repeat;
background-position: 5px 0.6em;
padding: 0.3em 5px 0.3em 20px; }
#left h2 a,
#right h2 a {
color:               #333;
font-weight:         bold;
text-decoration: none; }
#left dd ul li {
font-size:           100%;
background-image:    url(img/arrow03.gif);
background-repeat:   no-repeat;
background-position: left center;
margin-left: 5px;
padding-left:        8px; }

/*right*/
#right  h3 {
background-image: url(img/dotline.gif);
background-repeat: repeat-x;
background-position: left 0.5em;
margin-bottom: -5px;
margin-left: 1px; }

#right h3 span {
font-weight: bold;
background-color: #fff;
padding-left: 5px; }
#right ul.book {
font-size: 100%; }

#right ul.book li {
line-height: 1.5;
background-image:    url(img/arrow02.gif);
background-repeat:   no-repeat;
background-position: left 0.3em;
padding-left:        12px; }
/*contents*/
#contents h2 {
margin-top: 20px;
margin-bottom: -5px;
margin-left: 10px; }
#contents dl {
font-size: 90%;
margin-top: 10px;
margin-left: 10px; }
#news h2 {
font-weight: bold;
background-color: #f0f0f0;
margin: 5px;
padding: 3px;
border: solid 1px #c8c8c8;
 }
#news dl {
font-size:   100%;
margin-top: 0;
margin-bottom: 10px; }

#news dt {
color: #000;
font-size: 90%; }

#news dd {
font-size: 90%;
margin-left: 10px; }

#contents h2.visitor {
color: #333;
font-weight: bold;
background-color: #d9d9d9;
background-image: url(img/arrow01.gif);
background-repeat: no-repeat;
background-position: 5px 0.6em;
clear: right;
margin: 0;
padding: 0.3em 5px 0.3em 20px; }
#contents table {
font-size: 90%;
margin-top: 5px;
margin-bottom: 5px;
border-top: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8; }

#contents td {
padding: 3px;
border-right: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8; }

#contents td.nowrap {
white-space: nowrap; }
#contents th {
background-color: #f0f0f0;
text-align: left;
padding:       3px;
border-right:  1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8; }


/*Line*/
#main:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
 #main{
 display:inline-table;
 }
 /*macIE\*/
 *html #main{height:1%;}
 #main{display:block;}
 /*macIE*/

/** CUSTOME START by Kitani. 2008.02.29 **/
#whatsnew dt {
color: #000;
font-size:90%; }

#whatsnew dd {
font-size: 90%;
margin-left: 10px; }

/* 2008.03.24 */
#contents h2.about {
color: #333;
font-weight: bold;
background-color: #d9d9d9;
background-image: url(img/arrow01.gif);
background-repeat: no-repeat;
background-position: 5px 0.6em;
clear: right;
margin: 0;
padding: 0.3em 5px 0.3em 20px; }

/* 2008.03.26 */
#left dd {
margin-left: 10px; }

dd{
margin-left: 10px; 
}


/* 2008.04.05 */
div#ktable {
  font-size:70%;
width: 50%;
float: right;
margin-left: -292px; 
margin-right: 80px; 

}