@charset "UTF-8";
/* CSS Document */

#contents .viArea {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 20px;
	width: 640px;
}

#contents div.stepL {
	float: left;
	padding-bottom: 20px;
	width: 400px;
}

#contents div.stepR {
	float: right;
	padding-bottom: 20px;
	width: 215px;
}

#contents div.arrowImage {
	background: url(/common/images/bg_arrow_image.gif) center bottom no-repeat;
	padding: 0 0 30px 0;
	width: 100%;
}

body { behavior: url("/common/styles/module/hover.htc"); }  

#contents div.trbTab {
	background: url(/safety/images/bg_tab_trb_mdl.gif) left top repeat-y;
	width: 640px;
}

#contents div.trbTabBtm {
	background: url(/safety/images/bg_tab_trb_btm.gif) left bottom no-repeat;
	padding-bottom: 27px;
	width: 640px;
}

#contents div.trbInner {
	clear: both;
	margin-left: 15px;
	padding-top: 25px;
	width: 610px;
}

#contents div.trbTab table {
	background: url(/safety/images/bg_trb_line.gif) left bottom repeat-x;
	background-color: #FFFFFF;
	width: 640px;
}

#contents div.trbTab table td {
	background: url(/safety/images/bg_trb_tab_h.gif) left top no-repeat;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
	font-size: 80%;
	padding: 8px 0;
	vertical-align: middle;
	width: 107px;
}

#contents div.trbTab table td:hover {
	background: url(/safety/images/bg_trb_tab_f.gif) left top no-repeat;
}

#contents div.trbTab table td.tabCurrent {
	background: url(/safety/images/bg_trb_tab_f.gif) left top no-repeat;
	border-bottom: none !important;
}

#contents div.trbTab table td.trbLast {
	width: 105px!important;
}

#contents div.trbTab table td.tabNone,
#contents div.trbTab table td.tabNone:hover {
	background: none;
	cursor: auto;
}

#contents div.trbTab table td a {
	background: url(/common/images/blt_inlink_01_orange.gif) 0 0.4em no-repeat;
	display: block;
	margin: 0 17px 0 15px;
	padding-left: 12px;
}


#contents div.attention {
	background: #EBEBEB;
	margin-bottom: 10px;
	padding: 5px 0;
	width: 640px;
}

#contents div.attInner {
	margin-right: 10px;
}

div.attention p {
 display: table-cell;  
 vertical-align: middle;  
 margin: 0;  
}  

div.attention p.txtBd {
	padding: 5px 0;
	width: 570px;
}

#contents div.attention p.txtBd, x:-moz-any-link { padding: 10px 0 7px 0;} /* FireFox 2 */
#contents div.attention p.txtBd, x:-moz-any-link, x:default { padding: 10px 0 7px 0;} /* FireFox 3 */


/*for IE6 */  
* html .attention p {  
 display: inline;  
 zoom: 1;  
}

* html .attention p {  
 display: inline;  
 zoom: 1;  
}

/*for IE7 */  
*:first-child+html .attention p {  
 display: inline;  
 zoom: 1;  
}


#contents div.attnLeft {
	float: left;
	padding-bottom: 20px;
	width: 330px;
}

#contents div.attnRight {
	float: right;
	padding-bottom: 20px;
	width: 250px;
}

#contents div.attnLeft02 {
	float: left;
	padding-bottom: 20px;
	width: 370px;
}

#contents div.attnRight02 {
	float: right;
	padding-bottom: 20px;
	width: 215px;
}

#contents div.attnLeft03 {
	float: left;
	padding-bottom: 20px;
	width: 200px;
}

#contents div.attnLeft04 {
	float: left;
	padding-bottom: 20px;
	width: 295px;
}

#contents div.attnRight03 {
	float: right;
	padding-bottom: 20px;
	width: 380px;
}

#contents div.attnRight04 {
	float: right;
	padding-bottom: 20px;
	width: 290px;
}

/* miconmeter */
#contents div.lamp {
	margin-bottom: 17px;
}

#contents div.lamp img {
	margin: 0 7px;
}

#contents table.lampTable {
	border-right: 1px solid #CCCCCC;
	margin: 0 0 20px 20px;
	width: 600px;
}

#contents table.lampTable th {
	background: #DFDFDF;
	border-right: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
	width: 150px;
}

#contents table.lampTable td {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0;
	vertical-align: top;
	width: 450px;
}

#contents table.lampTable td p {
	margin: 0 10px;
}


/*　Add 09/06/01　*/
/*　点検制度の対象機器（特定保守製品） 画像レイアウト用　*/
#contents div#main_contents div.tenkenKikiBox{
	position:relative;
	height:365px;
}

	#contents div#main_contents div.tenkenKikiBox p#a_Kogata{
		position:absolute;
		top:0px;
		left:0px;

	}
	
	#contents div#main_contents div.tenkenKikiBox p#b_Fe{
		position:absolute;
		top:0px;
		left:223px;

	}
	
	#contents div#main_contents div.tenkenKikiBox p#c_Cf{
		position:absolute;
		top:0px;
		left:446px;

	}
	
	#contents div#main_contents div.tenkenKikiBox p#d_Ff{
		position:absolute;
		top:193px;
		left:0px;

	}
	
	#contents div#main_contents div.tenkenKikiBox p#e_Bf{
		position:absolute;
		top:193px;
		left:223px;

	}
	#contents div#main_contents div.tenkenKikiBox p#f_Ff{
		position:absolute;
		top:193px;
		left:446px;

	}
	
/* index.htmlリニューアル*/
#contents div.lifeBox {
	background: url("/safety/images/bg_index_btm.gif") left bottom no-repeat;
	padding-bottom: 20px;
	width: 640px;
}
#contents div.lifeBox02 {
	background: url("/safety/images/bg_index_btm02.gif") left bottom no-repeat;
	padding-bottom: 20px;
	width: 320px;
}
#contents div.lifeLeft {
    float: left;
    width: 317px;
}
#contents div.lifeBoxPack {
    background: url("/safety/images/bg_index_top.gif") no-repeat scroll left top transparent;
    padding-top: 13px;
    width: 317px;
}
#contents div.lifeBoxPack h2 {
    border-bottom: 2px solid #F8AC92;
    display: block;
    font-weight: bold;
    margin-left: 2px;
    padding-bottom: 11px;
    width: 313px;
}
#contents div.lbL {
    display: inline;
    float: left;
    margin-left: 11px;
    padding-top: 12px;
    width: 101px;
}
#contents div.lbR {
    float: left;
    padding-top: 12px;
    width: 190px;
}
#contents div.lifeRight {
    float: right;
    width: 317px;
}
#contents div.lifeBoxPack h2 span {
    background: url("/common/images/blt_list_05.gif") no-repeat scroll 12px 0.2em transparent;
    display: block;
    padding-left: 30px;
}
#contents div.lifeBoxPack h2 a {
    text-decoration: none;
}
#contents div.lifeBoxPack h2 span.blank {
    background: url("/common/images/blt_exlink_05.gif") no-repeat scroll 12px 0.2em transparent;
    display: block;
    padding-left: 30px;
}
#contents div.s_attention p.underline{
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}
#contents div.s_attention p.blank{
    background: url("/common/images/blt_exlink_05.gif") no-repeat scroll 12px 0.2em transparent;
    display: block;
    padding-left: 30px;
}

/* jishin.html */
ul.jishin_list li {
    background: url("/common/images/bg_arrow_image02.gif") no-repeat scroll 196px 50px transparent;
    float: left;
    padding: 0 50px 0 0;
	width:180px;
}
ul.jishin_list li img,ul.jishin_list li.last img {
padding-bottom:10px;
}
ul.jishin_list li.last {
    float: left;
    padding: 0 0;
}

#contents div.sepaBox02RCsr {
    float: right;
    padding-bottom: 20px;
    width: 425px;
}
#contents div.sepaBox02LCsr {
    float: left;
    font-size: 0;
    padding-bottom: 20px;
    width: 205px;
}

div.earthquakeBtn {
    background: url("/ir/csr/earthquake/images/bg_index_01.gif") no-repeat scroll left bottom transparent;
    float: left;
    padding-bottom: 18px;
    padding-right: 9px;
    width: 207px;
}
div.earthquakeBtnLast {
    background: url("/ir/csr/earthquake/images/bg_index_01.gif") no-repeat scroll left bottom transparent;
    float: left;
    padding-bottom: 18px;
    padding-right: 0;
    width: 207px;
}
div.earthquakeBtn dd, div.earthquakeBtnLast dd {
    padding: 10px 10px 0;
}