@charset "utf-8";

body { background: url(../images/bg.png) repeat-x scroll left top; margin-right: auto; margin-left: auto; }

.container { background:url(../images/container-02.png) repeat-y scroll left top; width:920px; position: relative; margin: 0px auto; padding: 0px; }
.container2 { width:920px; margin-right: auto; margin-left: auto; position: relative; height: 120px; }

.contentsup { height: 10px; width: 920px; margin: 0px; padding: 0px; background-image: url(../images/container-01.png); background-repeat: no-repeat; background-position: 0px 0px; }

.contents { height: 694px; width: 920px; background: url(../images/container-03.png) no-repeat 0px bottom; }
.contents2 { width: 920px; background: url(../images/container-03.png) no-repeat 0px bottom; margin-top: 30px; padding: 0px 0px 20px; }
.content2 { margin-left: 100px; }

.footer { padding: 10px; text-align: center; margin-right: auto; margin-left: auto; }

.footer1 { text-align: right; margin-right: auto; margin-left: auto; width: 920px; }

em { color:#FF0000 }
.contentup { background: url(../images/container-01.png) no-repeat fixed left top; height: 10px; width: 920px; z-index: 9999; margin: 0px auto; padding: 0px; }
.arrow{ background: url(../images/arrow.gif) no-repeat fixed left top; padding-left: 15px; }



/*============================================================================================

											PLL DOWN
			
============================================================================================*/
/****全体位置の決定****/
div#menu { width:920px; height: 51px; position:absolute; z-index:100; left: 0px; top: 300px; background: url(../images/menu.png) no-repeat 0px 0px; }
/****全体位置の決定****/
div#menu2 { width:920px; height: 51px; position:absolute; z-index:100; left: 0px; top: 10px; background: url(../images/menu.png) no-repeat 0px 0px; }

/****メインメニュー用スタイル****/
ul.main { margin:0px; padding:0px; width:100%; position:relative; }

#rogo,#rogo a { float: left; width: 279px; height: 51px; }



#i01,
#i03,
#i04,
#i05 { float: left; height: 51px; width: 160px; }

#menu a,#menu2 a { display: block; width: 160px;  }


#i01 a {  background: url(../images/menu-01.png) no-repeat 0px 51px; height: 51px;}
#i01 a:hover { background: url(../images/menu-01.png) no-repeat 0px 0px;  height: 51px;}

#i03 a {  background: url(../images/menu-03.png) no-repeat 0px 51px; height: 51px;}
#i03 a:hover { background: url(../images/menu-03.png) no-repeat 0px 0px;   height: 51px;}

#i04 a {  background: url(../images/menu-04.png) no-repeat 0px 51px; height: 51px;}
#i04 a:hover { background: url(../images/menu-04.png) no-repeat 0px 0px;   height: 51px;}

#i05 a {  background: url(../images/menu-05.png) no-repeat 0px 51px; height: 51px;}
#i05 a:hover { background: url(../images/menu-05.png) no-repeat 0px 0px;   height: 51px;}



/*
#i01 ol .sub a {  background: url(../images/menu-01.png) no-repeat 0px 51px; height: 30px;}
#i01 ol .sub a:hover { background: url(../images/menu-01.png) no-repeat 0px 0px;  height: 30px;}

#i02 ol .sub a {  background: url(../images/menu-02.png) no-repeat 0px 51px; height: 30px;}
#i02 ol .sub a:hover { background: url(../images/menu-02.png) no-repeat 0px 0px;  height: 30px; }

#i03 ol .sub a {  background: url(../images/menu-03.png) no-repeat 0px 51px; height: 30px;}
#i03 ol .sub a:hover { background: url(../images/menu-03.png) no-repeat 0px 0px;   height: 30px;}
*/
/****サブメニュー用スタイル****/
ol.sub { margin:0px; padding:0px; position:absolute; left:0; top:51px; width:160px; }
.sub a { display:block; width:160x; height: 20px; }




/*通常時*/
#menu .main li.off,#menu2 .main li.off { position:relative; float:left; height:51px; width:160px; overflow:hidden; }

/*展開時*/
.main li.on2 {   overflow:visible; width:160px;  }
.main li.on3 {   overflow:visible; width:160px;  }
.main li.on4 {   overflow:visible; width:160px;  }



/****サブメニュー用スタイル****/


/*
#i01 ol.sub{  background: #CCCCCC url(../images/menu-01.png) repeat 0px 60px;  }
#i02 ol.sub{  background: #CCCCCC url(../images/menu-02.png) repeat 0px 60px;  }
#i03 ol.sub{  background: #CCCCCC url(../images/menu-03.png) repeat 0px 60px;  }
*/


	/*
#i01 ol.sub .on2 a:hover{  background: #CCCCCC url(../images/menu-on-01.png) repeat 0px 60px;  }
#i01 ol.sub .on3 a:hover{  background: #CCCCCC url(../images/menu-on-01.png) repeat 0px 30px;  }
#i02 ol.sub .on2 a:hover{  background: #CCCCCC url(../images/menu-on-02.png) repeat 0px 60px;  }
#i02 ol.sub .on3 a:hover{  background: #CCCCCC url(../images/menu-on-02.png) repeat 0px 30px;  }
#i03 ol.sub .on2 a:hover{  background: #CCCCCC url(../images/menu-on-03.png) repeat 0px 60px;  }
#i03 ol.sub .on3 a:hover{  background: #CCCCCC url(../images/menu-on-03.png) repeat 0px 30px;  }
*/


/* サブメニュー */


.navi ol.sub li {float: none;}

#menu .main ol.sub li a,#menu2 .main ol.sub li a {
    color: #FFFFFF;
    background: #666666;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 3px;
    text-align: center;
    border-top:1px solid #FFFFFF;
    height:20px;}

#menu ol.sub li a:hover,#menu2 ol.sub li a:hover {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    background-color: #ff9900;
    border-top:1px solid #FFFFFF;
    padding: 5px 0 3px;
    height:20px;
}






/*============================================================================================

											TABLE
			
============================================================================================*/
.w2 td { width: 50%; }

.w3 td { width: 33%; }

.w4 td { width: 25%; }

.w5 td { width: 20%; }

/*table01*/
.table01 { border: 1px solid #000000; width: 550px; border:1px solid #2B2B2B;
border-collapse:collapse;
margin:20px 0pt;}

.table01 th { background: #CCCCCC; padding: 5px; width: 100px; }

.table01 td { padding: 8px; }

/*table02*/
.table02 { border: 1px solid #CCCCCC; margin:auto; }

.table02 th { background-color: #FFFFFF; line-height: 1.2; border: 1px solid #CCCCCC; text-align: center; background-image: url(../images/common/blue_table.png); background-repeat: repeat-x; background-position: bottom; padding-top: 7px; padding-bottom: 7px; }

.table02 td { text-align: center; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }

/*table03*/
.table03 { border: 1px solid #CCCCCC; }

.table03 th { background-color: #FFFFFF; line-height: 1.2; border: 1px solid #CCCCCC; text-align: center; background-image: url(../images/common/blue_table.png); background-repeat: repeat-x; background-position: bottom; padding-top: 7px; padding-bottom: 7px; }

.table03 td { text-align: left; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 10px; }


.whatsnew{
	float:left;
	margin-top: 10px;
 	margin-bottom: 10px;
 	margin-left:30px;
 	margin-top: 60px;
	width: 600px;
	font-size:12px;
	}
	
.whatsnew table { 
 	border:1px solid #CCC;
}


.top_banner{
	float:left;
 	margin-left:30px;
	margin-top: 60px;
	width:200px;
	font-size:10px;
	}
.img_left{
	float:left;
	margin:10px;
	vertical-align:bottom;
	}
.img_right{
	float:right;
	margin:10px;
	vertical-align:bottom;
	}

.clear {
	clear:both;
	display:block;
	height:0pt;
	visibility:hidden;
	}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


.message { height: 300px; width: 920px; }

.whatsnew th { width: 100px; padding: 5px; vertical-align:top;}

.whatsnew td { padding: 5px; }


.submenu { float: left; width: 100px; }
/*table04*/

.table04 th { color: #333333; padding:10px 5pt 10px 10px; vertical-align: top; width: 130px; }
.table04 td { padding:10px 5pt 10px 10px; vertical-align: top; }

.table04 .gray { background: #999999; height: 2px; font-size: 1px; margin: 0px; padding: 0px; }
.table04 .dot2 { background: url(../images/dot2.gif) repeat-x; height: 2px; }

/*table05*/

.table05 th { color: #333333; padding:5px 5pt 5px 5px; vertical-align: top; width: 130px; }
.table05 td { padding:5px 5pt 5px 5px; vertical-align: top; }

.table05 .gray { background: #999999; height: 2px; font-size: 1px; margin: 0px; padding: 0px; }
.table05 .dot2 { background: url(../images/dot2.gif) repeat-x; height: 2px; }

/*table06*/

.table06 th { color: #333333; padding:10px 5pt 10px 10px; vertical-align: top; width: 130px; }
.table06 td { padding:10px 5pt 10px 10px; vertical-align: top; }

.table06 .gray { background: #999999; height: 2px; font-size: 1px; margin: 0px; padding: 0px; }
.table06 .dot2 { background: url(../images/dot2.gif) repeat-x; height: 2px; }


/*----------------------------tb_company----------------------*/
.tb_company {
	 width:600px;
	 font-size:87%;
	 line-height:130%;
	 margin:20px;
	 border-collapse:separate;
	 border:1px solid #CCC;
	 }

.tb_company td { 
	vertical-align:top;
	border:1px solid #ECECEC;
	padding:5px;
	line-height:130%;
	}

.tb_company th {
	border-left:5px solid #CCC;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	border-top:1px solid #ECECEC;
	vertical-align:top;
	width:100px;
	font-weight:normal;
	padding:5px;
	background-color:#F8F8F8;
	line-height:130%;
	}


/*ISMS追加*/

#policy{
	}
#policy p{
	border:0 !important;
	line-height:150%;
	margin:5px 10px;
	}
#policy ol{
	margin:40px 10px 60px 40px;
	list-style:decimal !important;
	}
#policy li{
	margin:5px 0px;
	border-left:2px #CCC solid;
	padding-left:10px;
	list-style:decimal !important;
	}
.kakko_demi {
	list-style-type: none;
	margin-left:-2em;
	}
.txt_right{
	text-align:right;
	}