@charset "Shift_JIS";

body{
       font-size: 9pt;
       color: #333333;
       letter-spacing: 1px;
       line-height:12pt;
       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; }
h3 { font-size:9pt; text-align:left; margin: 0px; }


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




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-color: #6699cc;*/
     background-image:url("/image/header_line.gif");
}

.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: 570px;
     margin:20px 0px 0px 30px;
     padding:0px 0px 0px 0px;
}
.center-box4{
     width: 570px;
     margin:10px 0px 0px 30px;
     padding:0px 0px 0px 0px;
     font-size:9pt; color:#3366cc;
     font-weight:bold;
}
.center-box5{
     width: 560px;
     margin:10px 0px 30px 20px;
     padding:0px 0px 0px 0px;
}
.center-5-text{
     float:left;
     width: 370px;
     margin:0px 0px 0px 10px;
     padding:0px 0px 0px 0px;
}
.center-5-img{
     float:left;
     width: 150px;
     margin:0px 0px 0px 20px;
     padding:0px 0px 0px 0px;
}


.center-box6{
     width: 580px;
     height: 220px;
     margin:10px 0px 60px 20px;
     padding:0px 0px 0px 0px;
}
.center-6-text{
     float:left;
     width: 320px;
     margin:0px 0px 0px 10px;
     padding:0px 0px 0px 0px;
}
.center-6-img{
     float:left;
     width: 200px;
     margin:0px 0px 0px 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;
}