@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; }
h2 { margin: 0px; font-size:9pt; text-align:left;}


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


table {
        font-size:9pt;
}
tr,th,td {
        font-size:9pt;
}


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: 360px;
     margin:20px 0px 0px 30px;
     padding:0px 0px 0px 0px;
}
.center-box3{
     width: 560px;
     /*width: 570px;*/
     margin:20px 0px 0px 30px;
     padding:0px 0px 0px 0px;
}

.center-3-image {
    float:left;
    width:180px;
    height:180px;
    margin:10px;
    background-color:pink;
}

.center-3-text {
    width:350px;
    margin:10px 0px 10px 10px;
    background-color:blue;
}

.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 0px 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; } 

a img { border:none; }

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

}

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

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

.content-box {
  width:550px;
  margin:0px 0px 0px 10px;
}

.cap-box {
  width:570px;
  /*height:30px;*/
  /*font-weight:bold;
  font-size:25px;*/
  margin:10px 0px 10px 0px;
  /*background-color:#6699cc;*/
}

.results-box {
  width:560px;
  height:200px;
  /*background-color:red;*/
  background-image:url("../image/bg.gif");
}

.results-left {
  float:left;
  width:180px;
  height:180px;
  margin:10px 5px 10px 5px;
  /*background-color:orange;*/
}

.results-right {
  float:left;
  width:360px;
  height:180px;
  margin:10px 0px 10px 0px;
  /*background-color:#ffff33;*/
}

.results-right-top {
  float:left;
  width:360px;
  height:140px;
  margin:0px;
  /*background-color:pink;*/
}

.results-right-bottom {
  float:left;
  width:360px;
  height:40px;
  margin:0px;
  /*background-color:green;*/
}

.right-image {
  float:left;
  width:40px;
  height:40px;
  margin:0px 5px 0px 0px;
}
.under{
  font-size:8pt;
  text-align:right;
  width:560px;
  /*background-color:lightgreen;*/
}

.icon-box {
  margin-left:20px;
  /*background-color:#000000;*/
  /*border:solid 1px #000000;
  border-collapse:collapse;*/
}

.icon-left {
  margin-left:30px;
  background-color:#ffffff;
  /*border:solid 1px #000000;*/
  border-collapse:collapse;
}

.icon-right {
  margin-left:30px;
  background-color:#ffffff;
  /*border:solid 1px #000000;*/
  border-collapse:collapse;
}