@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-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;*/
}

.table-free {
  /*float:left;*/
  width:360px;
  margin:20px 0px 20px 0px;
  /*border-left:10px solid #ff0000;*/
}

.th-free {
  width:110px;
  border-bottom:1px dashed #000000;
  padding:0px 20px 0px 10px;
  text-align:left;
}

.td-free {
  width:250px;
  border-bottom:1px dashed #000000;
  padding:0px 20px 0px 10px;
  text-align:right;
}

.img-box {
  float:left;
  /*background-color:red;*/
}


.text-box-single {
  float:left;
  width:310px;
  text-align:left;
  margin:0px 0px 0px 20px;
  /*background-color:orange;*/
}

.text-box-bikou-single {
  float:left;
  width:300px;
  font-size:8pt;
  text-align:left;
  /*background-color:orange;*/
}
.text-box {
  /*float:left;*/
  width:540px;
  text-align:left;
  margin:0px 0px 0px 20px;
  /*background-color:orange;*/
}

.text-box-bikou {
  /*float:left;*/
  width:520px;
  font-size:8pt;
  text-align:left;
  /*background-color:orange;*/
}

.table-price {
  /*border-style:none;*/
  background-color:#6699cc;
  margin:10px 0px 10px 0px; 
}

.th-price {
  font-size:9pt;
  text-align:center;
  border-style:none;
  width:160px;
  /*background-color:#ffcc66;*/
  background-image:url("../image/th_bg.gif");
  background-repeat:repeat-y;
  padding:6px;
}

.tr-price {
  font-size:9pt;
}

.td-price-c {
  font-size:9pt;
  text-align:center;
  border-style:none;
  width:160px;
  background-image:url("../image/td_bg.gif");
}
.td-price {
  font-size:9pt;
  text-align:center;
  border-style:none;
  width:160px;
  background-color:#ffffcc;
}

.b-red {
  font-weight:bold;
  color:#ff0000;
}

.small-cap {
  font-size:9pt;
}
