@charset "UTF-8"; 

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10px
 *  70% ->	11px
 *  75% ->	12px
 *  82% ->	13px
 *  88% ->	14px
 *  94% ->	15px
 * 100% ->	16px
 * 107% ->	17px
 * 113% ->	18px
 * 119% ->	19px
 * 125% ->	20px
 * --------------------- */


/* ========BASIC======== */

* {
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   background:url(background.gif) repeat;
}

br {
   letter-spacing:normal;
}

a {
   color:#003050;
   text-decoration:none;
}

a:hover {
   color:#990000;
   text-decoration:none;
}

img {
   border:0;
}

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


/* ========TEMPLATE LAYOUT======== */

div#top {
   width:952px;
   margin:0 auto;
   background:#003050;
}


div#headerbase {
   width:100%;
   background:url(headerbase.gif) repeat-x;
}	

div#header {
   width:952px;
   height:171px;
   margin:0 auto;
   background:url(maintitle.jpg); 
}


div#tabsbase {
   width:100%;
   background:url(003050ver.jpg) repeat-x;
}

div#tabs {
   width:952px;
   height:38px;
   margin:0 auto; 
   border-bottom:5px solid #003050;
   
}

div#tabs1 {
   width:650px;
   height:38px;
   float:left;
}

div#tabs1 img{
   float:left;	
   margin:3px 0px 0px 15px;
} 
   
div#tabs2 {
   width:302px;
   height:38px;
   float:left;
}

div#tabs2 img {
   float:left;	
   margin:3px 0px 0px 0px;
   
}

div#tabs2 form {
   float:left;	
   margin:3px 0px 0px 0px;
   
}

div#tabs2 input {
   float:left;	
   margin:3px 0px 0px 10px;
}


div#contents {
   clear:both;
   width:952px;
   background:#003050;
}

div#main {
   float:left;
   margin:0 ;
   width:712px;
}

div#sub {
   float:left;
   margin:0 ;
   width:240px;
}




div#centercontents1 {
   float:left;
   margin:0px 0px 0px 6px;
   width:940px;
   background:#003050;
   display: inline;
}

div#centercontents2 {
   float:left;
   margin:5px 0px 0px 6px;
   width:940px;
   background:#003050;
   display: inline;
}

div.page1 { 
   background-color: #ffffff; 
   background-image: url("kadomaru1.gif"); 
   background-repeat: no-repeat; 
   background-position: left top; 
   margin: 0px 0px;
}

div.page2 { 
   background-image: url("kadomaru2.gif"); 
   background-repeat: no-repeat; 
   background-position: right top; 
}

div.page3 { 
   background-image: url("kadomaru3.gif"); 
   background-repeat: no-repeat; 
   background-position: left bottom; 
} 

div.page4 { 
   background-image: url("kadomaru4.gif"); 
   background-repeat: no-repeat; 
   background-position: right bottom; 
}




div#sub1 {
   float:left;
   width:240px;
}

div#sub2 {
   float:left;
   width:240px;
}

div#sub3 {
   float:left;
   width:240px;
}






div#lowercontents {  
   float:left;
   width:940px;
   margin:0px 0px 0px 6px;
   padding:0px;
   background:#003050;
   display: inline;
}

div#lowercontents h2{  
  font-size: 67%;
  text-align: left;
  color: #003050;
  margin:0px 0 0 0px;  
  padding:15px 0 5px 15px;
}

div#lowercontents ul { 
  font-size: 60%;
  margin: 0 0 0 20px;  
  padding:0 0 10px 0px;
}

div#lowercontents li { 
  text-align:left;
  color:#c60000;
  margin: 0 0 2px 10px;  
}

.lowermenu1 {  
   float:left;
   width:180px;
   margin:5px 0 10px 0px;
   background:#003050;
   display: inline;
}

.lowermenu2 {  
   float:left;
   width:180px;
   margin:5px 0 0 10px;
   background:#003050;
   display: inline;
}

.lowermenu3 {  
   float:left;
   width:180px;
   margin:5px 0 0 10px;
   background:#003050;
   display: inline;
}

.lowermenu4 {  
   float:left;
   width:180px;
   margin:5px 0 0 10px;
   background:#003050;
   display: inline;
}

.lowermenu5 {  
   float:left;
   width:180px;
   margin:5px 0 0 10px;
   background:#003050;
   display: inline;
}

div#totop {  
   width: 952px;
   height:50px;
   margin:0 auto; 
   text-align:right;
   font-size:150%;
   font-weight:bold;
   background:#003050;
}

div#footerbase {
   width:100%;
   background : url(003050ver.jpg) repeat-x;
}

div#footer {
   margin:0 auto;
   position:relative;
   clear:both;
   width:952px;
   background : url(003050ver.jpg) repeat-x;
}
/* */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}








/* ========HEADER CUSTOMIZE======== */

div#header h1 {
   margin:0;
   padding:0 10px;
   font-size:150%;/* 24px */
   color:#000;
   line-height:80px;
   visibility:hidden;
}

div#header2 h2 {
   margin-bottom:5px;
   padding:2px 2px 2px 5px;
   font-size:110%;/* 15px */
   font-weight:bold;
   line-height:1.4;
   border-left:20px solid #009900;
   color:#003355;
   background:#eee;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main a {
   color:#0080c0;
}

div#main a:hover {
   border:0;
   color:#003050;
}


div#main h2 {
   float:left;
   visibility:hidden;
}

div#main h3 {
   margin: 25px 0px 5px 10px;
   font-size:80%;/* 13px */
   line-height:1.8;
   background : #ffffff; 
}

div#main p{
   margin:15px 10px;
   font-size:70%;/* 14px */
}

div#main img {
   float:left;
   margin:0px 0px 5px 6px;
}


div#main ul,ol,dl{
   font-size:82%;/* 13px */
}

div#main dd{
   padding:0;
   margin:0 ;
   padding:3px;
   background:#f1f1f1;
}


/* ========SUB1 CONTENTS CUSTOMIZE======== */

.sw {
}

.sw abbr {
    font-style: normal;
    position: relative;
    top: 0;
    left: 0;
}

.sw span.delimiter,
.sw span.remark {
    display: none;
}

.sw abbr:hover>span.remark {
    display: block;
    position: absolute;
    top: 0em;
    left: 0em;
    width: 100px;
    height: 68px;
    margin: 0em;
    padding: 0em;
    border: #003050 solid 1px;
    color: #000;
    background: #ffffcc;
    font-size: 80%;
    z-index: 2;
}

div#sub1 h2 {
   margin:0px;
   padding:0px 0px 0px 18px;
   font-size:80%;/* 11px */
   color: #ffffff;
   background : #666666;  
   visibility:hidden;
}

div#sub1 ul {
   margin:0px;
   padding:0px;
   background : #003050;
}

div#sub1 li {
   width:234px;
   height:60px;
   margin:0px 0px 5px 0px;
   padding:0px;
   list-style:none;
}


/* ========SUB2 CONTENTS CUSTOMIZE======== */

div#sub2 ul {
   margin:0px;
   padding:0px;
   background : #003050;
}

div#sub2 li {
   width:234px;
   height:109px;
   margin:0px 0px 5px 0px;
   padding:0px;
   list-style:none;
}






/* ========SUB3 CONTENTS CUSTOMIZE======== */

div#sub3 ul {
   margin:0px;
   padding:0px;
   background : #003050;
}

div#sub3 li {
   width:234px;
   height:117px;
   margin:0px 0px 5px 0px;
   padding:0px;
   list-style:none;
}

div#sub3 h2 {
   visibility:hidden;
}
div#sub3 p {
   visibility:hidden;
   }
div#sub3 a {
   
}


/* ========CENTER CONTENTS1 CUSTOMIZE======== */

div#centercontents1 a {
   color:#009999;
}

div#centercontents1 a:hover {
   border:0;
   color:#ee9900;
}


div#centercontents1 h2 {
   margin:0px 5px 0px 40px;
   padding:25px 0px 0px 0px;
   font-size:120%;/* 11px */
   font-weight:bold;
}

div#centercontents1 h3 {
   
   margin:5px 40px 0px 50px;
   font-size:80%;/* 13px */
   line-height:1.8;
   background : #ffffff; 
}

div#centercontents1 p{
   margin:10px 5px 10px 50px;
   font-size:70%;/* 14px */
}

div#centercontents1 img {
   float:left;
   margin:5px 0px 0px 5px;
}


div#centercontents1 ul,ol,dl{
   font-size:82%;/* 13px */
}

div#centercontents1 dd{
   padding:0;
   margin:0 ;
   padding:3px;
   background:#f1f1f1;
}

/* ========CENTER CONTENTS2 CUSTOMIZE======== */

div#centercontents2 a {
   color:#0080c0;
}

div#centercontents2 a:hover {
   border:0;
   color:#003050;
}
div#centercontents2 h2 {
   margin:0px 5px 0px 40px;
   padding:25px 0px 0px 0px;
   font-size:120%;/* 11px */
   font-weight:bold;
}

div#centercontents2 h3 {
   margin:5px 40px 0px 50px;
   font-size:80%;/* 13px */
   line-height:1.8;
   background : #ffffff; 
}

div#centercontents2 p{
   margin:10px 5px 10px 50px;
   font-size:70%;/* 14px */
}

div#centercontents2 img {
   float:left;
   margin:5px 0px 0px 5px;
}


div#centercontents2 ul,ol,dl{
   font-size:82%;/* 13px */
}


/* ========TOTOP CUSTOMIZE========= */

div#totop a{  
   margin:0px 30px 0px 0px;
   padding:0;
   color:#ffffff;
}

div#totop a:hover{  
   margin:0px 30px 0px 0px;
   color:#ee9900;
}


/* ========FOOTER CUSTOMIZE======== */

address{
   padding:20px 30px 20px 0;
   text-align:right;
   font-style:normal;
   font-size:75%;/* 12px */
   color:#ffffff;
   border-top:1px solid #ccc;
}