@charset "Shift_JIS";

body{
       font-size: 9pt;
       color: #333333;
       letter-spacing: 1px;
       line-height:12pt;
       text-align: center;
       text-align: center;
       margin: 4px auto 20px auto;
       background-color:#ffffff;
}


h1 { font-size:12px; color:#ffffff; margin: 2px; text-align: center; }
h2 { margin: 0px; }
h2 { margin: 0px; font-size:9pt; text-align:left; }


a:link { color: #333333; } 
a:visited { color: #333333; } 
a:active { color: #333333; } 

dl      {
        width:530px;
        margin:10px;
        /*background-image:url("../image/dl_bg.gif");*/
}

dt      {
        margin:0px 0px 0px 0px;
        font-size:10pt;
}

dt a    {
        margin:0px 0px 0px 0px;
        font-size:10pt;
        color:#0000ff;
        text-decoration:none;
}

dt a:hover{
        margin:0px 0px 0px 0px;
        font-size:10pt;
        font-weight:bold;
        color:#0000ff;
        text-decoration:none;
}

dt a:visited{
        margin:0px 0px 0px 0px;
        font-size:10pt;
        color:#0000ff;
        text-decoration:none;
}
dd      {
        margin:10px 0px 10px 20px;
}

dd.indent{
        margin:10px 0px 10px 35px;
        font-size:9pt;
}

dd.indent a{
        margin:10px 0px 10px 0px;
        font-size:9pt;
        color:#0000ff;
        text-decoration:none;
}

dd.indent a:hover{
        margin:10px 0px 10px 0px;
        font-size:9pt;
        color:#0000ff;
        font-weight:bold;
        text-decoration:none;
}

dd.indent a:visited{
        margin:10px 0px 10px 0px;
        font-size:9pt;
        color:#0000ff;
        text-decoration:none;
}
ul.menu {
        list-style-type: none;
        width: 200px;
        padding: 0px 0px 0px 0px;
        margin: 0px; 
}

ul.menu li a {
        font-size: 9pt;
        width: 180px;
        color: #ffffff;
        /*border-bottom: 1px dashed #999999;
        border-left: 10px solid #6699cc;
        background-color: #cccccc;*/
        background-image:url("/image/menu_bg_m_off.gif");
        text-decoration: none;
        padding: 3px 0px 3px 15px;
        margin: 1px 0px 1px 0px;
        display: block;
        font-weight:bold;
}

ul.menu li a:hover {
        color: #000000;
        width: 180px;
        /*background-color: #6699cc;
        border-left: 10px solid #336699;*/
        background-image:url("/image/menu_bg_m_on.gif");
        padding: 3px 0px 3px 20px;
        font-weight:bold;
}


ul.sys  {
        font-size: 9pt;
        font-weight:bold;
        color: #cc3333;
        text-decoration: none;
        padding: 4px 0px 0px 20px;
        margin: 10px 0px 10px 0px;

}


strong {font-weight: bold; color: red;}
/*.font1{ font: 9pt; color: #669999; } */

.base{
     width: 800px;
     margin:5px auto 0px auto;
}



.head{
     width: 800px;
}

.head-box1{
     width: 800px;
     height: 20px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     text-align:right;
}

.head-box2{
     width: 800px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

.head-oya{
     width: 800px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

.head-logo{
     float: left;
     width: 250px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}
.head-text{
     float: left;
     width: 500px;
     margin: 30px 0px 0px 50px;
     padding: 0px 0px 0px 0px;
     background-image:url("/image/header_line.gif");
     /*background-color: #6699cc;*/
}

.head-bottom{
     clear:left;
     width: 800px;
     height:10px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background-color:#336699;
}




.left{
      width: 200px;
      margin:0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      float: left;
}
.left-top{
     width: 178px;
     height: 20px;
     margin: 0px 0px 14px 0px;
     padding: 0px 0px 0px 0px;
}

.left-menu{
     width: 200px;
     margin: 10px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     text-align:left;
}

.left-work{
     width: 200px;
     margin: 0px 0px 30px 0px;
     padding: 0px 0px 0px 0px;
     text-align:left;
}
.left-company{
     width: 200px;
     margin: 0px 0px 30px 0px;
     padding: 0px 0px 0px 0px;
     text-align:left;
}





.center{
     float: left;
     width: 600px;
     margin:0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     text-align:left;
}
.center-box1{
     width: 580px;
     margin:10px 0px 0px 20px;
     padding:0px 0px 0px 0px;
}
.center-box2{
     width: 570px;
     margin:20px 0px 0px 30px;
     padding:0px 0px 0px 0px;
}

.center-box3{
     width: 560px;
     margin:6px 0px 20px 40px;
     padding:0px 0px 0px 0px;
}

.center-table{
     width: 560px;
     margin:6px 0px 30px 40px;
     padding:0px 0px 0px 0px;
}

table { 
     border-style: none; 
     background-color: #336699;
     margin: 0px 0px 0px 10px;
 }
td {
     border-style: none; 
     background-color: #ffffcc;
     padding: 2px;
 }

th {
     border-style: none; 
     background-image: url("../image/th_bg.gif");
     background-repeat: repeat-y;
     /*background-color: #6699CC;*/
     padding:6px;
     color: #333333;
 }

.cell1 { 
      width: 130px; 
      font-size:9pt; 
      text-align:left;
} 
.cell2 { width: 240px; font-size:9pt; text-align: right; } 
.cell3 { width: 120px; font-size:9pt; text-align: right; } 
.cell4 { width: 120px; font-size:9pt; text-align: right; } 

.center-box4{
     width: 580px;
     margin:60px 0px 30px 20px;
     padding:0px 0px 0px 0px;
}




.space{
     clear:left;
}

.footer{
      clear: both;
}


.footer-box1{
     text-align: center;
     line-height: 12Pt;
     width: 800px;
     margin:4px 0px 60px 0px;
     padding:0px 0px 0px 0px;
}




.img { border: none; } 

hr { 
    width: 800px; 
    height: 1px;

}

.font-bold {
	font-weight: bold;
}

.font-bold-red {
	font-weight: bold;
	color:red;
}

.bg {
    width:558px;
    margin:10px 0px 0px 0px;
    border: 1px solid #cc9900;
    padding:10px 0px 10px 0px;
    background-color:#ffffcc;
}