@charset"UTF-8";


/*グローバル*/


#gmenu2nd ul{
	display: block;
	float: left;
	width: 948px;<dl class="dlnews">
	height:31px;
	margin: 0px;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f0f0f0');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f0f0f0')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: linear-gradient(top, #ffffff, #f0f0f0);
	border: 1px solid #999;	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		}
	#gmenu2nd ul li{
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	color: #039;
	text-align: center;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	height: 100%;
	}

	#gmenu2nd ul li:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#294E8D', endColorstr = '#003366');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#294E8D', endColorstr = '#003366')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #294E8D, #003366);
	background-image: -ms-linear-gradient(top, #294E8D, #003366);
	background-image: -o-linear-gradient(top, #294E8D, #003366);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#294E8D), to(#003366));
	background-image: -webkit-linear-gradient(top, #294E8D, #003366);
	background-image: linear-gradient(top, #294E8D, #003366);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

	}
	#gmenu2nd ul li.menu01{display: block; float: left; width: 94px;}
	#gmenu2nd ul li.menu02{display: block; float: left; width: 160px;}
	#gmenu2nd ul li.menu03{display: block; float: left; width: 151px;}
	#gmenu2nd ul li.menu04{display: block; float: left; width: 94px;}
	#gmenu2nd ul li.menu05{display: block; float: left; width: 236px;}
	#gmenu2nd ul li.menu06{display: block; float: left; width: 207px;border-right:/en/products/energy/css/none;}
	#gmenu2nd ul li a{
	color: #039;
	display: block;
	}
	
	#gmenu2nd ul li a:hover
	{color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#294E8D', endColorstr = '#003366');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#294E8D', endColorstr = '#003366')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #294E8D, #003366);
	background-image: -ms-linear-gradient(top, #294E8D, #003366);
	background-image: -o-linear-gradient(top, #294E8D, #003366);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#294E8D), to(#003366));
	background-image: -webkit-linear-gradient(top, #294E8D, #003366);
	background-image: linear-gradient(top, #294E8D, #003366);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/}
	
/*TOPリスト*/
#top_cg ul{
/*	position: relative;*/
/*	width: 950px;*/
	width: 111px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0px;
}
#top_cg ul li {
	margin: 0 0 12px 0;
	padding: 0px;
	text-align: left;
}
#top_cg ul li span {
	display: block;
	margin: 2px 0 2px 0;
	padding: 0 0 0 3px;
	border-left: solid #0098df 3px;
	font-size: 10px;
	line-height:100%;
	color: #000;
}

#top_cg #top_main_list li.no1 a {position:absolute; top:249px; left:54px; }
#top_cg #top_main_list li.no2 a {position:absolute; top:451px; left:54px; }
#top_cg #top_main_list li.no3 a {position:absolute; top:50px; left:848px; }
#top_cg #top_main_list li.no4 a {position:absolute; top:249px; left:852px; }
#top_cg #top_main_list li.no5 a {position:absolute; top:448px; left:852px; }

#top_cg #top_main_list li.no1>img {position:absolute; top:258px; left:185px; }
#top_cg #top_main_list li.no2>img {position:absolute; top:464px; left:192px; }
#top_cg #top_main_list li.no3>img {position:absolute; top:60px; left:784px; }
#top_cg #top_main_list li.no4>img {position:absolute; top:258px; left:798px; }
#top_cg #top_main_list li.no5>img {position:absolute; top:460px; left:790px; }
/*
	li.oil a		{position:absolute; top:234px; left:28px }
	li.pipeon a		{position:absolute; top:209px; left:210px }
	li.gas a		{position:absolute; top:197px; left:400px }
	li.power a		{position:absolute; top:174px; left:592px }
	li.offshore a	{position:absolute; top:261px; left:766px }
	li.pipeoff a	{position:absolute; top:333px; left:433px }
	li.octg1 a		{position:absolute; top:380px; left:133px }
	li.octg2 a		{position:absolute; top:380px; left:672px }
*/
/*leftmenu*/
 #list_top_btn_area{
 text-align:left;
 width: 950px;
 margin:16px auto 0 auto;
 }
 .list_top_btn{
 text-align:center;
 width:200px;
 color:#fff;
 padding:8px 0;
 background-color:#036;
 display:inline-block;
 margin-bottom:4px;
 float: left;
 }
 a .list_top_btn:hover{
 color:#87AFEB;
 }
 ul#left
 	{
	display: block;
	float: left;
	width: 160px;
	border-top: 1px solid #fff;
	}
	

	ul#left li.li_left
	{
	display: block;
	float: left;
	width: 160px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	list-style-type: /en/products/energy/css/none;
	}

	ul#left li.li_left a.amain
	{
	display: block;
	float: left;
	width: 155px;
	padding:0 0 0 10px;
	list-style-type: /en/products/energy/css/none;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
	background-image: url(/en/products/energy/images/leftmenu_off.gif);
	background-repeat: no-repeat;
	height: 21px;
	}
	
	ul#left li.li_left a.atop{
	display: block;
	float: left;
	width: 150px;
	padding:5px 0 0 10px;
	list-style-type: /en/products/energy/css/none;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #336699;
	background-repeat: no-repeat;
	background-color:#fff;
	height: 40px;
	background-position: 0;
	margin-bottom:2em;
	}

	ul#left li.li_left a.atop:hover
	{
	color: #036;
	}

	ul#left li.li_left a.amain:hover
	{
	color: #87AFEB;
	background-image: url(/en/products/energy/images/leftmenu_over.gif);
	}

	ul#left li.li_left a.amain.select
	{
	color: #fff;
	background-image: url(/en/products/energy/images/leftmenu_over.gif);
	height: 21px;
	}
	
	ul.leftsub {
	display: block;
	float: left;
	width: 160px;
	list-style-type: /en/products/energy/css/none;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #bbb;
	}
	ul.leftsub li {
	font-size: 12px;
	color: #FFF;
	display: block;
	float: left;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbb;
	}
	ul.leftsub li a{
	display: block;
	background-image: url(/en/products/energy/images/left_sub_link_off.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding: 8px 0 8px 1.5em;
	color:#FFFFFF;
	}
	ul.leftsub li a:hover{
	color: #87AFEB;
	background-image: url(/en/products/energy/images/left_sub_link_over.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	}

	.li_left ul.ulsub{
	display: block;
	float: right;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 8px;
	background: /en/products/energy/css/none;
	}
	ul.ulsub li.lipro_sub_tit{
	font-size: 12px;
	color: #FFF;
	display: block;
	float: left;
	width: 150px;
	margin-bottom: 3px;
	padding-top: 6px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbb;
	}
	
	ul.ulsub li.lipro_sub{
	display: block;
	float: left;
	width: 140px;
	list-style-type: /en/products/energy/css/none;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
	background: /en/products/energy/css/none;
	}
	ul.ulsub li.lipro_sub a.asub{
	display: block;
	float: left;
	width: 135px;
	padding:2px 0 2px 15px;
	list-style-type: /en/products/energy/css/none;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
	background: url(/en/products/energy/images/left_sub_link_off.gif) no-repeat 1px 0.4em;
	}
	
	ul.ulsub li.lipro_sub a.asub:hover{
	color: #87AFEB;
	background-image: url(/en/products/energy/images/left_sub_link_over.gif);
	}
	
	ul.ulsub li.lipro_sub a.asub.select{
	color: #fff;
	background-image: url(/en/products/energy/images/left_sub_link_over.gif);
	}


/* アコーディオン ----------------------------------*/
summary.lipro_sub_tit{
	font-size: 12px;
	color: #FFF;
  float: initial;
	width: 150px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbb;
}

summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
  /* Safariで表示されるデフォルトの三角形アイコンを非表示にします */
  &::-webkit-details-marker {
    display: /en/products/energy/css/none;
  }
}
.summary_inner {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
	padding-bottom: 3px;
}
.icon {
  display: block;
  position: relative;
  width: 8px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;

  /* アイコンのバーのスタイル */
  &::before,
  &::after {
    content: "";
    position: absolute;
    display: block;
    width: 5px;
    height: 1px;
    background-color: #fff;
  }
  &::before {
    left: 0;
    transform: rotate(45deg);
  }
  &::after {
    right: 0;
    transform: rotate(-45deg);
  }
}

/* is-openedクラスが付与されたときのスタイル */
details.is-opened .icon {
  transform: rotate(180deg);
}

.content {
  overflow: hidden;
}

/* アコーディオン 終了----------------------------------*/

	/*ul.ulsub li.nonLinkList {
	display: block;
	float: left;
	width: 135px;
	padding:2px 0 2px 15px;
	list-style-type: /en/products/energy/css/none;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
	background: url(/en/products/energy/images/left_sub_link_off.gif) no-repeat 1px 0.4em;
	}*/


	ul.clearList
	{
	margin-top:10px;
	}
	ul.clearList li
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.4em;
	margin-bottom:6px;
    }
	ul.clearList li .emTxt_r {
	color: #CC0000;
	}
	ul.clearList li .emTxt_b {
	font-weight: bold;
	}			

	ul.clearList02
	{
	margin-top:10px;
	}
	ul.clearList02 li
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom:6px;
    }
	ul.clearList02 li.liprodact a
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	/*display: block;*/
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.45em;
    }

ul.clearList02 li.liprodact a:hover
	{
	font-size: 12px;
	line-height: 14px;
	color: #999;
	background-image: url(/en/products/energy/images/link_over.gif);
    }

	ul.clearList03
	{
	margin-top:10px;
	}
	ul.clearList03 li
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.55em;
    }
	ul.clearList03 li ul li{
	background: url(/en/products/energy/css/none);
	}
			
	ul.ulright140
	{
	text-align: left;
	display: block;
	float: right;
	width: 140px;
	}
	
	
	ul.ulright140 li.liprodact a
	{
	font-size: 14px; /* 2025/09/17 フォントを12pxから14pxに変更*/
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.4em;
    }

ul.ulright140 li.liprodact a:hover
	{
	font-size: 14px; /* 2025/09/17 フォントを12pxから14pxに変更*/
	line-height: 14px;
	color: #999;
	background-image: url(/en/products/energy/images/link_over.gif);
    }

/*ul.ulright140 li.nonLinkList {
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.4em;
	}*/

	
	ul.ulleft300
	{
	text-align: left;
	display: block;
	float: left;
	width: 300px;
	margin-bottom: 30px;
	}
	ul.ulleft300_02
	{
	text-align: left;
	display: block;
	float: left;
	width: 300px;
	margin-bottom: 0px;
	}
	
	ul.ulleft300 li.liprodact a
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	background-image: url(/en/products/energy/images/link_off.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
    }

ul.ulleft300 li.liprodact a:hover
	{
	font-size: 12px;
	line-height: 14px;
	color: #999;
	background-image: url(/en/products/energy/images/link_over.gif);
    }


ul.ulleft300unLink
	{
	text-align: left;
	display: block;
	float: left;
	width: 300px;
	margin-bottom: 30px;
	}
	ul.ulleft300unLink li.liprodact
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.5em;
    }

ul.ulleft300unLink02
	{
	text-align: left;
	display: block;
	float: left;
	width: 300px;
	margin-bottom: 30px;
	}
	ul.ulleft300unLink02 li.liprodact02
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666 !important;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.4em;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*energy用調整*/
	font-family: Arial, Helvetica, sans-serif !important;
    }
	ul.ulleft300unLink02 li.liprodact a
	{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #666;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.4em;
    }

ul.ulleft300unLink02 li.liprodact a:hover
	{
	font-size: 12px;
	line-height: 14px;
	color: #999;
	background-image: url(/en/products/energy/images/link_over.gif);
    }


	ul.ulleft300unLink li ul.nestList01 {
		overflow: hidden;
		margin-left:18px;
		margin-bottom:5px;
	}
	ul.ulleft300unLink li ul.nestList01 li {
		float:left;
		margin-right:1em;
		border: 1px solid #CCCCCC;
	}
	ul.ulleft300unLink li ul.nestList01 li a {
		color: #666;
		display: block;
		padding: 2px 4px;
	}
	ul.ulleft300unLink li ul.nestList01 li a:hover {
		background: #E6E6E6;
		color: #666;
	}


	ul.ulleft300unLink li ul.nestList02 {
		overflow: hidden;
		margin-left:18px;
		margin-bottom:5px;
	}
	ul.ulleft300unLink li ul.nestList02 li {
	float:left;
	margin-right:1em;
	}

.markTop {
	background: url(/en/products/energy/images/left_sub_link_over.gif) no-repeat 0px 0.4em!important;
	margin-bottom:10px;
	}
./en/products/energy/css/noneMark {
	background: url(/en/products/energy/css/none);
	padding-left: 18px;
	}

ul.numberList {
	margin-bottom:20px;
	/* energy用調整 */
	font-family: Arial, Helvetica, sans-serif;
	line-height:14px;
	color: #666;
}
ul.numberList em {
	margin-right:1em;
	font-style: normal;
	/* energy用調整 */
	font-family: Arial, Helvetica, sans-serif;
	line-height:14px;
	color: #666;
}
ul.numberList li {
	margin-bottom:2px;
	/* energy用調整 */
	font-family: Arial, Helvetica, sans-serif;
	line-height:14px;
	color: #666;
}

ul.pdfIcon {
	margin-top:20px;
}
ul.pdfIcon li {
	background: url(/en/products/energy/octg/images/i_pdfmini.gif) no-repeat 0px 0px;
	padding-left: 2em;
	margin-bottom:20px;
} 
.floatList {
	overflow:hidden;
	margin-bottom:20px;
}
.floatList li {
	/*float:left;*/
	margin-right:20px;
	margin-bottom:6px;
}

dl.dlnews{
	display: block;
	float: left;
	width: 550px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 8px 0 6px;
	/*energy用調整*/
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 13px;
	}

	dl.dlnews dt{
	font-size: 12px !important;
	color: #036;
	display: block;
	float: left;
	width: 90px;
	clear:both;
	/*energy用調整*/
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 13px;
	}

	dl.dlnews dd{
	font-size: 11px;
	color: #666;
	display: block;
	float: left;
	width: 460px;
	/*energy用調整*/
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 13px;
	}
	
	dl.dlnews dd a{
	display: block;
	color: #666;
	background: url(/en/products/energy/images/top/news_off.gif) no-repeat 0px 50%;
	/*energy用調整*/
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 13px;
	}
	
	dl.dlnews dd a:hover{
	color: #999;
	background-image: url(/en/products/energy/images/top/news_over.gif);
	background-repeat: no-repeat;
	/*energy用調整*/
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 13px;
	}

/*site map*/
ul#sitemap_list{
	border-bottom:1px dotted #036;
	padding-bottom:8px;
}
ul#sitemap_list li.midashi_l{
	width:290px;
	margin:16px 0 8px 0;
	font-size:14px;
	letter-spacing:1px;
	padding:16px 0 0 0;
	border-top:1px dotted #036;
}
ul#sitemap_list li.midashi_m{
	width:279px;
	margin:8px 0 16px 0;
	font-size:14px;
	letter-spacing:1px;
}
ul#sitemap_list li.midashi_s{
	width:279px;
	margin:6px 0 6px 0;
	font-size:12px;
	letter-spacing:1px;
}
ul#sitemap_list li span.listmenu{
	color:#000;
	line-height:14px;
	border-left:3px solid #036;
	padding-left:5px;
	margin-left:3px;
}
ul#sitemap_list li span.listmenu:hover{
	color:#999;
	border-color:#c32624;
}
ul#sitemap_list li .link_icon{
	background-image: url(/en/products/energy/images/link_over.gif);
}
ul#sitemap_list li.listmenu_cub{
	margin:0 8px;
	border-bottom:1px solid #036;
}
ul#sitemap_list li span.listmenu_sub_menu{
	padding-left:18px;
	margin-left:18px;
	background:url(/en/products/energy/images/link_off.gif) no-repeat 2px 0.2em;
}
ul#sitemap_list li span.listmenu_sub_menu:hover{
	color:#999;
	background:url(/en/products/energy/images/link_over.gif) no-repeat 2px 0.2em;
}