@charset "utf-8";
/* CSS Document */
body
{
margin-top:0;
margin-left:auto;
margin-right:auto;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
word-break:normal;
font-size:96%;
line-height:1.22;
letter-spacing:0.7px;
font-family: Arial, "ＭＳ Ｐゴシック", "Osaka",serif;
color:#333333;
}
.back {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}
h1{
margin:0;
padding:0;
font-size:86%;
}

h2{
margin:0;
padding:0;
font-size:92%;
}

h2 a:link{
text-decoration:none;
color:#333333;
}

h2 a:hover{
text-decoration:none;
color:#333333;
}

h3{
margin:0;
padding:0;
font-size:110%;
}

h4{
margin:0;
padding:0;
font-size:110%;
}

.small{
margin:0;
padding:0;
font-size:70%;
line-height:16px;
}

.red{
color:red;
}

.return {
margin:30px 15px 5px 0 ;
text-align:right;
}
/* ヘッダー */
#header
{
width:950px;
height:44px;
background:url(images/header_bg.jpg) ;
}
#header_left {
float:left;
}
#header_right {
float:right;
}
#mainpic {
	margin:0;
	padding:0;
	}
/* トップナビ */
#topnavi {
margin:0px;
padding:0px;
width:950px;
height:37px;
}
#topnavi ul{
margin:0px;
padding:0px;
list-style:none;
height:37px;
}

#topnavi ul li{
height:37px;
float:left;
}

/* トップページ */
#banner {
margin:0px;
padding:0px;
width:950px;
height:282px;
}

#topcontent {
margin:0px;
padding:0px;
width:950px;
}

.top_l {
margin:0px;
padding-top:15px;
padding-right:20px;
width:350px;
float:left;
}

.top_r {
margin:0px;
padding-top:15px;
padding-right:20px;
width:560px;
float:right;
}

.topmenu01 {
margin:0px;
padding:0px;
width:350px;
}

.topmenu02 {
margin:0px;
padding-top:10px;
width:350px;
}

.top_title01{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/top_title_bg.jpg) no-repeat ;
height:21px;
}

.top_title02{
margin-top:10px;
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/top_title_bg.jpg) no-repeat ;
height:21px;
}

.topintro {
margin:0px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
width:540px;
}

.topnews {
margin:0px;
padding-top:3px;
padding-left:10px;
padding-right:10px;
width:540px;
}

.topintro_l {
margin:0px;
padding-right:8px;
width:408px;
float:left;
}
.topintro_l ul{
margin:20px 0 0 15px;
font-size:12px;
}
.topintro_l li{
margin-bottom:10px;
line-height:130%;
}
.topintro_r {
margin:0px;
padding:0px;
width:124px;
float:right;
}

.topintro_l02 {
margin:0px;
padding-right:15px;
width:80px;
float:left;
color:#FF0000;
}

.topintro_r02 {
margin:0px;
padding:0px;
width:445px;
float:right;
}

/* コンテンツ */
#maincontent {
margin:0px;
padding:0px;
width:950px;
background: #ffffff url(images/main_bg.gif) repeat-y ;
}

.mc_l {
margin:0px;
padding-top:5px;
padding-left:10px;
width:215px;
float:left;
}

.mc_r {
	margin:0px;
	padding:0px;
	width:725px;
	_width:700px;
	float:right;
}

#pankuzu{
padding-top:4px;
padding-left:8px;
width:717px;
font-size:70%;
}

#intro{
	padding-top:20px;
	width: 725px;
}

#intro02{
padding-top:40px;
}

#intro03{
padding-top:20px;
width:709px;
padding-left:8px;
}

.intro_l{
	width:354px;
	padding-left:4px;
	padding-right:4px;
	float:left;
	margin-top: 10px;
	height: 280px;
}

.intro_r{
	width:354px;
	padding-left:3px;
	padding-right:6px;
	margin-top: 10px;
	height: 180px;
	text-align: left;
}

.intro_title01{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/operation_bg_us.jpg) no-repeat ;
height:21px;
}

.intro_title02{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/operation_bg_re.jpg) no-repeat ;
height:21px;
}

.intro_title03{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/operation_bg_rv.jpg) no-repeat ;
height:21px;
}

.intro_title04{
	padding-top:3px;
	padding-left:15px;
	height:21px;
	background-color: #ffffff;
	background-image: url(images/operation_bg_cs.jpg);
	background-repeat: no-repeat;
}

.intro_title05{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/h2_turquoise.jpg) no-repeat ;
height:21px;
}

.intro_title06{
padding-top:3px;
padding-left:10px;
background: #ffffff url(images/title_bg.jpg) no-repeat ;
height:21px;
}

.intro_title07{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/h2_purple.jpg) no-repeat ;
height:21px;
}

.intro_title08{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/h2_blue.jpg) no-repeat ;
height:21px;
}

.intro_title09{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/h2_orange.jpg) no-repeat ;
height:21px;
}

.intro_main{
padding-top:12px;
width:60%;
float:left;
}

.intro_main_l{
	width:194px;
	float:left;
	margin-bottom: 15px;
}

.intro_main_r{
width:150px;
padding-left:10px;
float:right;
}

.intro_main02{
padding-top:20px;
}

.intro_main08{
padding-top:5px;
}

.intro_main03{
padding-top:30px;
}

.intro_main_l02{
padding-right:8px;
float:left;
width:330px;
}

.intro_main_r02{
width:368px;
float:right;
}

.intro_main_l03{
width:565px;
padding-right:8px;
float:left;
}

.intro_main_r03{
width:136px;
float:right;
}

.intro_main_l04{
width:349px;
padding-right:11px;
float:left;
}

.intro_main_r04{
width:349px;
float:right;
}

#intro_list_01 {
margin: 10px 0 0 10px;
list-style-image:url(images/circle001.jpg);
}
#intro_list_01 ul {
list-style-image:url(images/circle001.jpg);
}

#intro_list_02 {
margin: 10px 0 0 10px;
list-style-image:url(images/circle002.jpg);
}
#intro_list_02 ul{
list-style-image:url(images/circle002.jpg);
}

#intro_list_03 {
margin: 10px 0 0 10px;
list-style-image:url(images/circle003.jpg);
}
#intro_list_03 ul{
list-style-image:url(images/circle003.jpg);
}

#intro_list_04 {
margin: 10px 0 0 10px;
list-style-image:url(images/circle004.jpg);
}
#intro_list_04 ul{
list-style-image:url(images/circle004.jpg);
}


#gdu_table{
border-right:#999999 1px solid;
border-top:#999999 1px solid;
background:#f4f4f4;
}
#gdu_table td,th{
border-left:#999999 1px solid;
border-bottom:#999999 1px solid;
}
#oil_img{
border-color:#999999;
margin:15px 0 0 5px;
}


/*PRODUCED WATER*/

#produced_p {
	margin:5px 0 25px 0;
	height:172px;
	}
#produced_p ul{
	/margin-top:10px;
	}	
#produced_pl {
	margin:5px 0 25px 0;
	height:321px;
	}
#produced_pl ul{
	/margin-top:10px;
	}
#produced_pl img {
	margin:0 0 0 5px;
	}	

/* ボタン */
#button{
padding-top:15px;
padding-left:8px;
font-size:80%;
}

.button01{
padding-top:10px;
padding-left:12px;
margin-top:5px;
width:125px;
height:27px;
background: #ffffff url(images/button_bg.jpg) no-repeat ;
}

/* 採用情報 */
.box01{
	width:707px;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 5px;
	clear: both;
	text-align: left;
}

.box02{
width:709px;
background-color:#cccccc;
height:1px;
}

.box03{
width:707px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}

.box03b{
width:707px;
border-top:#cccccc solid 5px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}

.box04{
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
width:704px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}

.box04b{
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
width:703px;
border-top:#cccccc solid 5px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}

.box05{
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
width:704px;
border:#cccccc solid 1px;
}

.box06{
padding:8px;
margin-top:15px;
width:671px;
margin-left:10px;
margin-right:10px;
border:#cccccc solid 1px;

}

.box_l{
width:100px;
border-right:#cccccc solid 1px;
float:left;
}

.box_r{
width:606px;
float:right;
}

.box_rl{
width:242px;
border-right:#cccccc solid 1px;
float:left;
}

.box_rr{
width:363px;
float:right;
}

.box_rl02{
width:242px;
border-top:#cccccc solid 1px;
border-right:#cccccc solid 1px;
float:left;
}

.box_rr02{
border-top:#cccccc solid 1px;
width:363px;
float:right;
}


/* ドット */
#dot{
padding-top:30px;
}

#dot02{
padding-top:10px;
}


/* 会社概要 */
.company{
margin-top:10px;
width:709px;
background: #ffffff url(images/company_bg.jpg) repeat-y ;
}

.company_table{
	margin:15px 0 20px 0;
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
	}

.company_table td{
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;
	}

.company_l{
padding:15px 0 0 5px;
width:144px;
float:left;
font-size:14px;
}

.company_r{
padding-top:15px;
width:560px;
font-size:14px;

float:right;
}

.yakuin{
width:560px;
}

.yakuin_l{
width:140px;
float:left;
}

.yakuin_r{
width:420px;
float:right;
}

.kabu{
width:560px;
}

.kabu_l{
width:300px;
float:left;
}

.kabu_r{
width:260px;
float:right;
}

.map{
padding-top:20px;
}

.mission_l{
width:29px;
float:left;
padding-bottom:10px;
}

.mission_r{
width:680px;
float:right;
padding-bottom:10px;
}

.access_l{
width:170px;
float:left;
}

.access_r{
width:250px;
float:right;
}

/* treater技術情報 */
.tt_l {
margin:0px;
padding-top:0px;
padding-right:10px;
width:328px;
float:left;
}

.tt_r {
margin:0px;
padding:0px;
width:371px;
float:right;
}

/* oiltrain 実績 */
.ott_l {
width:98px;
border-top:#cccccc solid 1px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 5px;
float:left;
}

.ott_r {
width:609px;
float:right;
}

.ott_rl {
width:208px;
border-top:#cccccc solid 1px;
border-bottom:#cccccc solid 5px;
border-right:#cccccc solid 1px;
float:left;
}

.ott_rr {
width:400px;
float:right;
}

.ott_rr02 {
width:399px;
float:right;
border-top:#cccccc solid 1px;
border-bottom:#cccccc solid 5px;
border-right:#cccccc solid 1px;
}

.ott_rrl {
width:309px;
border-top:#cccccc solid 1px;
border-bottom:#cccccc solid 5px;
border-right:#cccccc solid 1px;
float:left;
}

.ott_rrr {
width:89px;
border-top:#cccccc solid 1px;
border-bottom:#cccccc solid 5px;
border-right:#cccccc solid 1px;
float:right;
}
.ott_lb {
padding-top:5px;
padding-bottom:5px;
width:98px;
border-left:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
float:left;
}

.ott_rb {
width:609px;
float:right;
}

.ott_rlb {
padding-top:5px;
padding-bottom:5px;
width:208px;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
float:left;
}

.ott_rrb {
width:400px;
float:right;
}

.ott_rr02b {
padding-top:5px;
padding-bottom:5px;
width:399px;
float:right;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
}

.ott_rrlb {
padding-top:5px;
padding-bottom:5px;
width:309px;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
float:left;
}

.ott_rrlb_l {
padding-top:6px;
padding-bottom:7px;
width:309px;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
float:left;
font-size:13px;
}


.ott_rrrb {
padding-top:5px;
padding-bottom:5px;
width:89px;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
float:right;
}


/*REVAMPページ*/
.revamp_table {
	margin:15px 0 0 0;
	font-size:14px;
	font-weight:bold;
	}
.revamp_table img {
	margin: 0 0 5px 0;
	}
.revamp_div {
	border:#66CCFF 1px solid;
	font-size:13px;
	padding:10px;
	width:600px;
	text-align:left;
	}
.revamp_system {
	padding:0 25px 0 110px;
	text-align:right;
	}	
/*実績ページテーブル*/

.water_table {
	margin:20px 0 25px 0;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	}
	
.water_table th {
	font-weight:normal;
	border-bottom: #CCCCCC 5px solid;
	border-left:#CCCCCC 1px solid;
	}

.water_table td {	
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	border-left:#CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	}
		
/*精油所脱塩器*/
#edd {
	margin:20px 0 0 5px;
	}
#revamp_p {
	margin:0 0 0 5px;
	}	

/* 個人情報保護法 */	
ul{
margin:0px;
padding-left:20px;
list-style:disc;
}

.privacy_t {
	border-top: 5px #cccccc solid;
	border-right:1px #cccccc solid;
	margin:15px 0 0 0;
	}
.privacy_t td{	
	border-bottom: 1px #cccccc solid;
	border-left:1px #cccccc solid;
	}
ul li{

}

/* お問い合わせフォーム */
.cont{
width:687px;
margin-left:10px;
margin-right:10px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-top:#cccccc solid 1px;
background: #ffffff url(images/cont_bg.jpg) repeat-y ;
}
.contb{
width:687px;
margin-left:10px;
margin-right:10px;
border:#cccccc solid 1px;
background: #ffffff url(images/cont_bg.jpg) repeat-y ;
}
.cont_l{
border-right:#cccccc solid 6px;
border-bottom:#cccccc solid 1px;
padding-left:4px;
padding-top:6px;
padding-bottom:6px;
width:190px;
background-color:#fef5f6;
}
.cont_r{
border-bottom:#cccccc solid 1px;
padding-left:8px;
padding-top:6px;
padding-bottom:6px;
width:479px;
}
.cont_rl{
width:100px;
float:left;
}
.cont_rr{
width:379px;
float:right;
}
.example{
padding-top:6px;

}

/* サイトマップ */
.sm01{
margin-top:5px;
margin-left:10px;
}
.sm02{
margin-top:5px;
margin-left:20px;
}
.sm03{
margin-top:5px;
margin-left:30px;
}
.sm04{
margin-top:5px;
margin-left:40px;
}
.sm05{
margin-top:5px;
margin-left:50px;
}

/* コンサルティング */

.cons_l{
width:401px;
padding-right:8px;
float:left;
}

.cons_r{
width:300px;
float:right;
}

.cons_text{
margin-top:8px;
}

/* フッター */
#footer{
padding-top:15px;
text-align:center;
}

.footernavi{
font-size:80%;
}

.footernavi a:link{

color:#333333;
}

.copy{
padding-top:15px;
font-size:80%;
letter-spacing:normal;
padding-bottom:15px;
}

/*インテグリティ自社内*/
#fpso_img1{
margin: 0 10px;
}
#fpso_img3{
margin: 25px 0 0 0;
}
.oil_h3{
font-size:16px;
margin-bottom:10px;
font-weight:bold;
}

#oil_div{
float:left;
margin:20px 0 10px 20px;
width:293px;
height:215px;
}
#05_img{
float:right;
margin:20px 20px 10px 0;
}



#oil_test{
clear:both;
margin:25px 0 0 10px;
width:700px;
}
#oil_test li{
margin-left:15px;
}
#oil_test_img{
margin:10px 100px 10px 0;
}
#oil_test_img_right{
margin:10px 0 10px 0;
}
#oil_test_left{
float:left;
width:330px;
}
#oil_test_left img{
margin:103px 0 0 60px;
}
/*▼IE7用*/
*:first-child+html #oil_test_left img{
margin:67px 0 0 60px;
}
/*▲IE7用*/
/*▼IE6用*/
* html #oil_test_left{
float:left;
width:315px;
margin-left:10px;
}


* html #oil_test_left img{
margin:67px 0 0 40px;
}
/*▲IE6用*/

#oil_me{
clear:both;
margin:25px 0 0 10px;
width:708px;
height:360px;
}
/*▼IE7用*/
*:first-child+html #oil_me{
clear:both;
margin:25px 0 0 10px;
width:708px;
height:330px;
}
/*▲IE7用*/
/*▼IE6用*/
* html #oil_me{
clear:both;
margin:25px 0 0 0px;
width:708px;
height:330px;
}
/*▲IE6用*/
#oil_test_right{
float:right;
width:360px;
margin-right:10px;
}
#oil_test_right img{
margin:10px 0 0 50px;
}
#cfd_div{
height:232px;
margin-right:10px;
}
#cfd_img{
float:right;
margin: 0 50px 0 10px;
}
#cfd_div2{
margin:15px 10px 0 0;
}
#cfd_div2 img{
margin:10px 50px 20px 50px;
}
#oil_p{
font-size:16px;
color:#FF0000;
margin-left:10px;
}
.big_button{
padding-top:10px;
padding-left:22px;
font-size:80%;
margin:5px 0 0 10px;
width:250px;
height:35px;
background: #ffffff url(images/big_button_bg.jpg) no-repeat ;
}
#desalter_left{
float:left;
width:360px;
}
#desalter_img{
float:right;
margin-right:5px;
}
#technology_img{
margin:0 5px 5px 10px;
}
#technology_table{
border-top:#cccccc solid 1px;
border-right:#cccccc solid 1px;
margin:25px 0;
}
#technology_table th{
border-bottom:#cccccc solid 5px;
}
#technology_table td{
border-bottom:#cccccc solid 1px;
border-left:#cccccc solid 1px;
text-align:center
}
#technology_td{
font-weight:bold;
}
.technology_h3{
margin:10px 0;
}
.technology_text{
margin:0 10px 20px 10px;
}
#technology_table2{
border-top:#cccccc solid 1px;
border-right:#cccccc solid 1px;
margin:25px 0 0 0;
}
#technology_table2 th{
border-bottom:#cccccc solid 5px;
}
#technology_table2 td{
border-bottom:#cccccc solid 1px;
border-left:#cccccc solid 1px;
text-align:center;
}


/*新規追加*/
.smap {
	line-height:120%;
	}
.smap li{
	list-style:none;
	}	

#int_table {
	margin:10px 0 10px 8px;
	_margin:10px 0 10px 0;
	_padding-left:5px;	
	}

/*ココからlightbox2*/


#lightbox{ position: absolute; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto; text-align:center;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 100%; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 84%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background:#000000; }



/*新規追加20091027鈴木*/
.intro_title10{
padding-top:3px;
padding-left:15px;
background: #ffffff url(images/h2_blue2.jpg) no-repeat;
height:21px;
}
/*新規追加20091027鈴木　業務案内の中の研究開発用にひとくくりつけたし*/
.intro_title11{
	padding-top:3px;
	padding-left:15px;
	height:21px;
	background-color: #ffffff;
	background-image: url(images/operation_bg_research.jpg);
	background-repeat: no-repeat;
}

#intro_list_05 {
margin: 10px 0 0 10px;
list-style-image:url(images/circle005.jpg);
}
#intro_list_05 ul{
list-style-image:url(images/circle005.jpg);
}

#reseach-01{
	margin:0 0 0 5px;
	margin-bottom: 20px;
	}
#reseach-01 p{
	display:block;
	width:57%;
	margin:0px;
	float: left;
	}
#reseach-01 img{
	width:40%;
	margin-left: 18px;
	}
#reseach-02{
	margin:0 0 0 5px;
	margin-top: 20px;
	}
	
#reseach-02 p{
	display:block;
	margin:0px;
	margin-top: 5px;
	}
.intro_main-ex{
	padding-top:12px;
	float: left;
	padding-bottom: 20px;
}
.bosyuu{
	width:40%;
	float: right;
	display: block;
	vertical-align: baseline;
	margin-top: 33px;
	text-align: right;
	}