@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 { font-size:12px; color:#ffffff; margin: 0px; text-align: center; }
h3 { font-size:9pt;  margin: 0px; text-align: left; }


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



/*kaihi*/
ul.menu {
        list-style-type: none;
        width: 200px;
        padding: 0px 0px 0px 0px;
        margin: 0px; 
}

/*kaihi*/
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;
}

/*kaihi*/
ul.menu li a:hover {
        color: #333333;
        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;
}

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

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;
     border-width:1px;
}

.center-box1{
     width: 580px;
     height: 300px;
     margin:10px 0px 0px 20px;
     padding:0px 0px 0px 0px;
      border-width:1px;
}
.center-oya{
     width: 580px;
     height: 300px;
     margin:10px 0px 0px 20px;
     padding:0px 0px 0px 0px;
      border-width:1px;
}
.center-contents{
     float:left;
     width: 400px;
     height: 300px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
      border-width:1px;
}
.contents{
     width: 400px;
     margin:0px 0px 20px 0px;
     padding:0px 0px 0px 0px;
}
.contents-oya{
     float:left;
     width: 190px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
}
.contents-oya2{
     float:left;
     width: 190px;
     margin:0px 0px 0px 6px;
     padding:0px 0px 0px 0px;
}
.contents-title{
     width: 190px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     background-color:#ffffff;
}
.contents-text{
     width: 190px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     font-size:8pt;
     text-align:left;
}
.contents-link{
     width: 190px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     text-align:right;
}

.center-news{
     float:left;
     width: 180px;
     height: 300px;
     margin:0px 0px 30px 0px;
     padding:0px 0px 0px 0px;
     background-color:#cccccc;
}
.news{
     width: 170px;
     height: 18px;
     margin:4px 0px 6px 5px;
     padding:0px 0px 0px 0px;
}
.news-date{
     width: 170px;
     margin:0px 0px 0px 5px;
     padding:0px 0px 0px 2px;
     font-size:8pt; color:#ff6600;
     text-align:left;
     background-color:#ffffff;
}
.news-text{
     width: 150px;
	 font-size: 8pt;
     margin:0px 0px 10px 5px;
     padding:0px 0px 0px 2px;
     text-align:left;
     background-color:#ffffff;
}

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

.link{
      clear: both;
}


.link-box1{
     text-align: center;
     width: 800px;
     margin:4px 0px 0px 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;
}

.protection-top {padding-left: 50px; padding-right: 50px;}

.protection-contents {padding-left: 50px; padding-right: 50px;}

.protection-div {font-size:12pt; font-weight: bold;}

.protection-text{padding-left:50px;}

.recruit-top {padding-left: 50px; padding-right: 50px;}

.recruit-contents {padding-left: 50px; padding-right: 50px;}

.recruit-div {font-size:12pt; font-weight: bold;}

.recruit-text{padding-left:50px;}

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

.entry1 { 
    width: 200px; 
    font-size:9pt; 
    text-align:left; 
} 
.entry2 { width: 300px; font-size:9pt; text-align: left; } 

.form_control { text-align: center; padding: 20px;}

.done { text-align: center; font-size: 24pt; font-weight: bold;
	padding: 30px; color: green;}