@charset "Shift_JIS";

body{
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3","Verdana","ＭＳ ゴシック","Osaka‐等幅";
_font-family:"Verdana","ＭＳ ゴシック","Osaka‐等幅";
text-align:center;
line-height:150%;
}

html {
overflow-y: scroll;
}

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p{
margin:0;
padding:0;
}

img{
border:none;
}

#pagebody{
margin:0 auto 0 auto;
width:780px;
padding:0;
border:1px #000000 solid;
text-align:left;
}

#pagebody a{
text-decoration:none;
color:#0000FF;
}


#pagebody table#layout{
margin:0;
clear:both;
border-collapse:collapse;
border:none;
}

#pagebody table#layout td#leftbody{
margin:0;
padding:0;
border-collapse:collapse;
border:none;
}

#pagebody table#layout td#sidebar{
margin:0;
padding:0;
width:196px;
vertical-align:top;
text-align:left;
border:none;
}


h1{
text-indent:-9999px;
background:url(../img/h1.gif) no-repeat 0 0;
width:780px;
height:58px;
margin:0;
padding:0;
display:block;
}

h1 a{
display:block;
width:780px;
height:58px;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
    overflow: hidden;
}

.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}

/* トップページ メニューボタン */

#pagebody #menu{
margin:0;
padding:0;
}

#pagebody #menu table{
margin:0;
padding:0;
border-collapse:collapse;
border:none;
}

#pagebody #menu table tr{
margin:0;
padding:0;
}

#pagebody #menu table td{
margin:0;
padding:0;
width:130px;
height:55px;
float:left;
text-indent:-9999px;
display:block;
border:none;
}

#pagebody #menu table td a{
display:block;
width:130px;
height:55px;
}

#pagebody #menu table td#button01 a{
background:url(../img/button01.gif) no-repeat 0 0;
}

#pagebody #menu table td#button01 a:hover{
background:url(../img/button01.gif) no-repeat 0 -64px;
}


#pagebody #menu table td#button02 a{
background:url(../img/button02.gif) no-repeat 0 0;
}

#pagebody #menu table td#button02 a:hover{
background:url(../img/button02.gif) no-repeat 0 -64px;
}


#pagebody #menu table td#button03 a{
background:url(../img/button03.gif) no-repeat 0 0;
}

#pagebody #menu table td#button03 a:hover{
background:url(../img/button03.gif) no-repeat 0 -64px;
}


#pagebody #menu table td#button04 a{
background:url(../img/button04.gif) no-repeat 0 0;
}

#pagebody #menu table td#button04 a:hover{
background:url(../img/button04.gif) no-repeat 0 -64px;
}


#pagebody #menu table td#button05 a{
background:url(../img/button05.gif) no-repeat 0 0;
}

#pagebody #menu table td#button05 a:hover{
background:url(../img/button05.gif) no-repeat 0 -64px;
}


#pagebody #menu table td#button06 a{
background:url(../img/button06.gif) no-repeat 0 0;
}

#pagebody #menu table td#button06 a:hover{
background:url(../img/button06.gif) no-repeat 0 -64px;
}




/* トップページ メイン */
#main{
background:url(../img/main.jpg) no-repeat;
background-position:right;
text-indent:-9999px;
width:780px;
height:228px;
clear:both;
}

#naiyou{
background:url(../img/naiyou.gif) no-repeat 0 0;
text-indent:-9999px;
width:100px;
height:35px;
margin:0 0 10px 10px;
_margin:0 650px 10px 10px;
}


/* トップページ下部　*/

#bumon{
margin:0;
padding:0 0 0 7px;
}



#bumon .bumon{
background:url(../img/businesscontents_back.gif) left top no-repeat;
width:154px;
height:229px;
float:left;
}

#bumon .bumon:hover{
cursor:pointer;
}

#bumon .bumon:hover a{
text-decoration:underline;
}

#bumon .bumon:hover .img{
filter: alpha(opacity=75);  /*IE*/
-moz-opacity:0.7;          /*Firefox,Netscape*/
opacity:0.7;               /*Opera,Safari */
}

#bumon .title{
padding: 4px 0 0 2px;
}

#bumon .link{
font-size:12px;
padding: 0 12px 0;
height:26px;
}

#bumon .link a{
padding:0 0 0 16px;
background:url(../img/businesscontents_shosai.gif) left center no-repeat;
}

#bumon .img{http://www.ibf.co.jp/data/tobe-group.co.jp/oil.html
text-align:left;
padding: 0 0 0 2px;
}




/* 下層ページレフトボディー */
#leftbody{
width:574px;
text-align:left;
}

#leftbody a{
text-decoration:none;
color:#0000FF;
}	

#gaiyou h2,
#history h2,
#network h2,
#group h2,
#oil h2,
#elevator h2,
#construction h2,
#access h2,
#sitemap h2,
#estate h2,
#forestry h2,
#privacy h2,
#organization h2,
#introduction h2{
text-indent:-9999px;
width:564px;
height:56px;
margin:0 0 15px 10px;
_margin:0 0 20px 5px;
}

#introduction h2{
background:url(../img/introduction_h2.jpg) no-repeat 0 0;
}

#gaiyou h2{
background:url(../img/company_h2.jpg) no-repeat 0 0;
display:block;
}

#history h2{
background:url(../img/history_h2.jpg) no-repeat 0 0;
display:block;
}

#organization h2{
background:url(../img/organization_h2.jpg) no-repeat 0 0;
display:block;
}

#network h2{
background:url(../img/network_h2.jpg) no-repeat 0 0;
display:block;
}

#group h2{
background:url(../img/group_h2.jpg) no-repeat 0 0;
display:block;
}

#oil h2{
background:url(../img/oil_h2.jpg) no-repeat 0 0;
display:block;
}

#elevator h2{
background:url(../img/elevator_h2.jpg) no-repeat 0 0;
display:block;
}
#construction h2{
background:url(../img/construction_h2.jpg) no-repeat 0 0;
display:block;
}

#estate h2{
background:url(../img/estate_h2.jpg) no-repeat 0 0;
display:block;
}

#forestry h2{
background:url(../img/forestry_h2.jpg) no-repeat 0 0;
display:block;
}

#access h2{
background:url(../img/access_h2.jpg) no-repeat 0 0;
display:block;
}

#sitemap h2{
background:url(../img/sitemap_h2.jpg) no-repeat 0 0;
display:block;
}



#privacy h2{
background:url(../img/privacy_h2.jpg) no-repeat 0 0;
display:block;
}





#gaiyou p,
#history p,
#network p,
#group p,
#sitemap p,
#introduction p,
#privacy p
#organization {
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 0 10px;
_margin:0 0 0 5px;
}
#gaiyou p{
background:url(../img/company_01.gif) no-repeat 0 0;
}
#history p{
background:url(../img/history_01.gif) no-repeat 0 0;
}
#network p{
background:url(../img/network_01.gif) no-repeat 0 0;
}
#group p{
background:url(../img/group_01.gif) no-repeat 0 0;
}
#sitemap p{
background:url(../img/sitemap_01.gif) no-repeat 0 0;
}
#introduction p{
background:url(../introduction_01.gif) no-repeat 0 0;
}
#privacy p{
background:url(../img/privacy_01.gif) no-repeat 0 0;
}

#gaiyou dd{
	padding:0 0 0 15px;
	}

#gaiyou dd.cpy{
	padding:0 0 0 6px;
	_padding:0 0 0 15px;
	}

#pagebody table{
margin:30px 0 5px 17px;
_margin:30px 0 5px 13px;
clear:both;
border-collapse : separate;
}

#pagebody table td{
padding:5px;
font-size:14px;
line-height:150%;
border-top : solid 1px #eeeeee;
border-right : solid 1px #cccccc;
border-bottom : solid 1px #cccccc;
border-left : solid 1px #eeeeee;
}
#syozaiti h3{
	margin:5px 0 5px 15px;
	}
#syozaiti dl{
	margin:5px 0 25px;
	}
#syozaiti dl.adv{
	margin:5px 0 25px 35px;
	}
#syozaiti dt{
margin:5px 0 0 25px;
font-weight:bold;
}
#syozaiti dd{
margin:5px 0 0 35px;
font-size:14px;
}
#syozaiti dd.g{
margin:5px 0 10px 35px;
font-size:16px;
}
#syozaiti dd.g00{
margin:0 0 0 129px;
_margin:0 0 0 122px;
font-size:14px;
}
#syozaiti dd.g01{
margin:0 0 0 129px;
_margin:0 0 0 122px;
font-size:14px;
}
#syozaiti div.g02{
margin:0 0 10px 61px;
_margin:0 0 10px 61px;
font-size:14px;
}

#sitemap02{
margin:0 0 0 10px;
_margin:0 0 0 5px;
width:564px;
}

#sitemap02 p{
margin:0;
padding:15px 0 0 35px;
_padding:15px 0 0 40px;
font-size:14px;
font-family:"ＭＳ ゴシック";
}

#introduction01 dt,
#introduction02 dt,
#introduction03 dt,
#introduction04 dt,
#introduction05 dt{
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 0 10px;
_margin:0 0 0 5px;
}
#introduction01 dt{
background:url(../img/introduction_01.gif) no-repeat 0 0;
}
#introduction02 dt{
background:url(../img/introduction_02.gif) no-repeat 0 0;
}
#introduction03 dt{
background:url(../img/introduction_03.gif) no-repeat 0 0;
}
#introduction04 dt{
background:url(../img/introduction_04.gif) no-repeat 0 0;
}
#introduction05 dt{
background:url(../img/introduction_05.gif) no-repeat 0 0;
}
#introduction dd{
margin:5px 0 45px 20px;
font-size:14px;
}
#organization01 dt{
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 0 10px;
_margin:0 0 0 5px;
background:url(../img/organization_01.gif) no-repeat 0 0;
} 
#organization01 dd{
margin:15px 0 0 10px;
_margin:15px 0 0 5px;
}

#organization02{
margin-bottom:20px;
}

#organization02 table.table01{
margin-bottom:0;
}

#organization02 table.table02{
margin-top:18px;
}


#organization02 p{
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 0 10px;
_margin:0 0 0 5px;
background:url(../img/organization_02.gif) no-repeat 0 0;
} 	

#honsya,
#iwaki,
#ohsaka,
#kooriyama,
#yamaturi,
#shizuoka{
width:564px;
height:27px;
margin:0 0 10px;
_margin:0 0 10px;
}

#honsya{
background:url(../img/access_h.gif) no-repeat 0 0;
text-indent:-9999px;
}
#iwaki{
background:url(../img/access_i.gif) no-repeat 0 0;
text-indent:-9999px;
}
#ohsaka{
background:url(../img/access_o.gif) no-repeat 0 0;
text-indent:-9999px;
}
#kooriyama{
background:url(../img/access_k.gif) no-repeat 0 0;
text-indent:-9999px;
}
#yamaturi{
background:url(../img/access_y.gif) no-repeat 0 0;
text-indent:-9999px;
}
#shizuoka{
background:url(../img/access_s.gif) no-repeat 0 0;
text-indent:-9999px;
}

#leftbody .map{
font-size:12px;
margin:0;
padding:0;
}

#history{}

#history02 .date{
list-style:none;
}


#history02 .date .yyyy{
float:left;
width:4.3em;
}


#history02 .date .mm{
float:left;
width:2.7em;
text-align:right;
}

/* 各部門詳細ページ */

#box02_elevator,
#box02{
font-size:14px;
line-height:150%;
_text-align:left;
}

#box02 dt{
color: #0033FF;
font-weight: 300;
}



#box02_forestry{
font-size:14px;
line-height:150%;
_text-align:left;
}
#box02_forestry dt{
background:url(../img/forestry_01.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px;
}
#box02_forestry dd{
margin:0 0 10px 15px;
}
#box02_forestry p{

margin:0 0 10px;
}

#box02_privacy,
#box03_privacy{
font-size:14px;
line-height:150%;
_text-align:left;
width:564px;
}
#box02_privacy p#p01{
background:url(../img/privacy_01.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px 10px;
_margin:0 0 10px 5px;
}

#box02_privacy p,
#box03_privacy p{
margin:0 0 10px 10px;
}

#box02_privacy ol,
#box03_privacy ol{
margin:0 0 10px 30px;
_margin:0 0 10px 35px;
}
*:first-child+html #box02_privacy ol,
*:first-child+html #box03_privacy ol,{
margin:0 0 10px 35px;
}

#box03_privacy p#p02{
background:url(../img/privacy_02.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:20px 0 10px 10px;
_margin:15px 0 10px 5px;
}	

#box03 dt{
background:url(../img/busyo.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px;
}
#box04 dt{
background:url(../img/tokuisaki.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px;
}
#box04_estate dt{
background:url(../img/estate_01.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px;
}
#box05 dt{
background:url(../img/shiiresaki.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px;
}

#box05_ dt{
background:url(../img/elevator_03.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px;
}

#box01,
#box02,
#box02_elevator,
#box02_forestry,
#box03,
#box04,
#box04_estate,
#box05,
#box05_,
#box06{
margin:0 0 50px 10px;
_margin:0 0 40px 10px;
width:564px;
_width:557px;
}

#box02 dl{
	margin:0 0 15px;
	}

#box02 dd{
margin:0 0 0 40px;
line-height:150%;
font-size:14px;
_margin:0 0 0 25px;
_text-align:left;
}

#box03 dd,
#box04 dd,
#box05 dd,
#box05 dd_{
margin:0 0 0 15px;
line-height:150%;
font-size:14px;
_margin:0 0 0 15px;
_text-align:left;
}

#syouhin{
background:url(../img/oil_01.gif) no-repeat 0 0;
text-indent:-9999px;
width:564px;
height:27px;
margin:0 0 10px 10px;
_margin:0 0 10px 10px;
}

#oil_gazou{
margin:20px 0 40px 8px;
}

#oil_gazou .imgbox1{
width:90px;
float:left;
margin-right:3px;
}

#oil_gazou .imgbox2{
width:106px;
float:left;
margin-right:3px;
}

#oil_gazou .imgbox3{
width:191px;
float:left;
margin-right:3px;
}

#oil_gazou .imgbox4{
width:151px;
float:left;
}

#oil_gazou .imgbox .text{
text-align:center;
font-size:12px;
}

#elevator_gazou{
margin:0 0 40px 5px;
text-align:center;
font-size:12px;
}

#construction_gazou{
margin:0 0 40px 7px;
}

#construction_gazou .imgbox{
float:left;
}

#construction_gazou .imgbox1,
#construction_gazou .imgbox2{
margin-right:3px;
}

#construction_gazou .imgbox .text{
font-size:11px;
text-align:center;
}

#estate_gazou{
margin:40px 0 40px 35px;
}

.estate_row + .estate_row {
margin-top:20px;
}

#estate_gazou .imgbox_left{
width:246px;
float:left;
margin-right:10px;
}

#estate_gazou .imgbox_right{
width:236px;
float:left;
}


#estate_gazou .imgbox2{
height:206px;
}

#estate_gazou .imgbox .text{
font-size:11px;
line-height:1.2;
text-align:center;
margin-top:3px;
}

/* 2020.0302追加 */
.tb-tamachi-building {
position:relative;
padding-bottom:55px;
}

.tb-tamachi-building .text_wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.tb-tamachi-building .text.before {
width:259px;
}


.tb-tamachi-building .text.after {
width:236px;
}



#pagetop{
margin:5px 10px 0 30px;
text-align:right;
font-size:12px;
}

#pagetop a{
color:#0066FF;
}

/* サイドバー　*/

#sidebar ul{
list-style:none;
list-style-type:none;
padding:0;
margin:0 0 20px;
width:196px;
float:left;
}

#sidebar_syoukai {
text-indent:-9999px;
background:url(../img/sidebar_syoukai.gif) no-repeat 0 0;
width:196px;
height:35px;
text-decoration:none;
margin:0 0 10px;
padding:0;
}

#sidebar01 a,
#sidebar02 a,
#sidebar03 a,
#sidebar04 a,
#sidebar05 a{
text-indent:-9999px;
width:196px;
height:63px;
text-decoration:none;
margin:0;
padding:0;
display:block;
}	

#sidebar01 a{
background:url(../img/sidebar01.jpg) no-repeat 0 0;
}
#sidebar02 a{
background:url(../img/sidebar02.jpg) no-repeat 0 0;
}
#sidebar03 a{
background:url(../img/sidebar03.jpg) no-repeat 0 0;
}
#sidebar04 a{
background:url(../img/sidebar04.jpg) no-repeat 0 0;
}
#sidebar05 a{
background:url(../img/sidebar05.jpg) no-repeat 0 0;
}

#sidebar .sidebanner{
clear:both;
}

#syozaiti .acc{
	margin:0 0 100px 15px;
	}


/* フッター */
#footer{
background:url(../img/footer_back.gif);
width:780px;
height:70px;
margin:10px 0 0;
text-align:center;
font-size:12px;
clear:both;
}

#footer a{
color:#000000;
text-decoration:none;
}

#footer p{
margin:0;
padding:0;
}