@charset "utf-8";
/* CSS Document */

/*物流ターミナル*/
.index h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_index.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.index #main h4 { display:block; font-size:1.0em; font-weight:bold; color:#333333; line-height:1.4; clear:both; margin:50px 0 5px 15px;; border-bottom:solid 1px #666666; }
.index #main h4.start { margin-top:15px; }
.index #main p { font-size:0.8em; color:#333333; line-height:1.4; margin:5px 0 20px 15px; display:block; }
.index #main dl { width:160px; display:block; float:left; margin:10px 0 10px 10px; background:#F5F5F5; }
.index #main dl.start { margin:10px 0 10px 100px; *margin-left:50px; }
.index #main dl dt { width:140px; display:block; margin:10px; }
.index #main dl dd { width:140px; margin:10px; }
.index #main dl dd h5 { height:28px; font-size:0.75em; font-weight:bold; color:#000000; display:block; }
.index #main dl dd h5 span { font-size:0.8em; font-weight:bold; color:#000000; }
.index #main dl dd p { height:90px; font-size:0.7em; color:#333333; line-height:1.4; margin:0; }
.index #main dl dd p.b02 { height:130px; font-size:0.7em; color:#333333; line-height:1.4; margin:0; }
.index #main img.fig00 { display:block; float:right; margin-left:10px; }

.index #main .map { width:640px; margin:15px auto; display:block; }
.index #main .map img { display:block; margin-bottom:10px; }
.index #main .map ul.number li { margin:3px 20px 3px 0; list-style-type:none; display:inline; font-size:0.8em; color:#333333; line-height:1.4; }
.index #main .map ul.number li a { font-size:1.0em; color:#333333; text-decoration:none; }


/*港運事業部*/
.port-fate h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_port-fate.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.port-fate img.main-visual { display:block; margin-bottom:15px; }
.port-fate h4 { font-size:1.0em; font-weight:bold; color:#187FC4; line-height:1.4; margin:50px 0 5px 15px; border-bottom:solid 1px #006699; }
.port-fate h4.start { margin-top:15px; }
.port-fate p { font-size:0.8em; color:#333333; line-height:1.4; margin:5px 0 20px 15px; }

.port-fate .image-box { width:250px; display:block; float:right; margin-left:10px; padding:5px; background:#FFFFFF; }
.port-fate .image-box dl.w250 { width:250px; display:block; margin-bottom:5px; }
.port-fate .image-box dl.w250 dt { width:250px; display:block; }
.port-fate .image-box dl.w250 dd { width:250px; display:block; font-size:0.7em; color:#333333; }
.port-fate .image-box dl.w120l { width:120px; display:block; float:left; margin:5px 0 0 0; }
.port-fate .image-box dl.w120l dt { width:120px; display:block; }
.port-fate .image-box dl.w120l dd { width:120px; display:block; font-size:0.7em; color:#333333; }
.port-fate .image-box dl.w120r { width:120px; display:block; float:left; margin:5px 0 0 10px; }
.port-fate .image-box dl.w120r dt { width:120px; display:block; }
.port-fate .image-box dl.w120r dd { width:120px; display:block; font-size:0.7em; color:#333333; }

.port-fate #access-info { width:210px; margin-left:15px; display:block; float:left; background:#F5F5F5; }
.port-fate #access-info h3 { width:210px; height:23px; margin:0 0 3px; display:block; margin-bottom:7px; background:url("../img/port-fate_access-info_h3.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.port-fate #access-info h4 { display:block; margin:7px 7px 4px 7px; font-size:0.8em; font-weight:bold; color:#333333; border-bottom:solid 1px #0099FF; }
.port-fate #access-info p { margin:3px 7px 15px 7px; font-size:0.8em; color:#333333; line-height:1.2; } 
.port-fate #access-info a { margin:3px 7px 7px 7px; display:block; color:#FF6600; font-size:1.0em; text-align:right; }
.port-fate #access-info a:hover { background:#FFCC00; }
.port-fate #access-info img { margin:3px auto; display:block; }



/*飼料サイロ事業部*/
.silo h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_silo.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.silo img.main-visual { display:block; margin-bottom:15px; }

.silo h4 { font-size:1.0em; font-weight:bold; color:#187FC4; line-height:1.4; margin:50px 0 5px 15px; border-bottom:solid 1px #006699; }
.silo h4.start { margin-top:15px; }
.silo p { font-size:0.8em; color:#333333; line-height:1.4; margin:5px 0 20px 15px; }

.silo .image-box { width:250px; display:block; float:right; margin-left:10px; padding:5px; background:#FFFFFF; }
.silo .image-box dl.w250 { width:250px; display:block; margin-bottom:5px; }
.silo .image-box dl.w250 dt { width:250px; display:block; }
.silo .image-box dl.w250 dd { width:250px; display:block; font-size:0.7em; color:#333333; }
.silo .image-box dl.w120l { width:120px; display:block; float:left; margin:5px 0 0 0; }
.silo .image-box dl.w120l dt { width:120px; display:block; }
.silo .image-box dl.w120l dd { width:120px; display:block; font-size:0.7em; color:#333333; }
.silo .image-box dl.w120r { width:120px; display:block; float:left; margin:5px 0 0 10px; }
.silo .image-box dl.w120r dt { width:120px; display:block; }
.silo .image-box dl.w120r dd { width:120px; display:block; font-size:0.7em; color:#333333; }
.silo .image-box dl.w75 { width:75px; display:block; float:left; margin:5px 10px 0 0; }
.silo .image-box dl.w75end { width:75px; display:block; float:left; margin:5px 10px 0 0; }
.silo .image-box dl.end { margin:5px 0 0 0; }
.silo .image-box dl.w75 dt { width:75px; display:block; }
.silo .image-box dl.w75 dd { width:75px; display:block; font-size:0.7em; color:#333333; }

.silo .image-box #hinmoku { display:block; margin-top:10px; }
.silo .image-box #hinmoku h5 { display:block; font-size:0.9em; font-weight:bold; color:#333333; line-height:1.4; margin-bottom:3px; }

.silo #access-info { width:210px; margin-left:15px; display:block; float:left; background:#F5F5F5; }
.silo #access-info h3 { width:210px; height:23px; margin:0 0 3px; display:block; margin-bottom:7px; background:url("../img/port-fate_access-info_h3.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.silo #access-info h4 { display:block; margin:7px 7px 4px 7px; font-size:0.8em; font-weight:bold; color:#333333; border-bottom:solid 1px #0099FF; }
.silo #access-info p { margin:3px 7px 15px 7px; font-size:0.8em; color:#333333; line-height:1.2; } 
.silo #access-info a { margin:3px 7px 7px 7px; display:block; color:#FF6600; font-size:1.0em; text-align:right; }
.silo #access-info a:hover { background:#FFCC00; }
.silo #access-info img { margin:3px auto; display:block; }


/*オイルターミナル事業部*/
.oil h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_oil.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

.oil img.main-visual { display:block; margin-bottom:15px; }

.oil h4 { font-size:1.0em; font-weight:bold; color:#187FC4; line-height:1.4; margin:50px 0 5px 15px; border-bottom:solid 1px #006699; }
.oil h4.start { margin-top:15px; }
.oil p { font-size:0.8em; color:#333333; line-height:1.4; margin:5px 0 20px 15px; }

.oil .image-box { width:250px; display:block; float:right; margin-left:10px; padding:5px; background:#FFFFFF; }
.oil .image-box h5 { width:240px; background:#006699; color:#FFFFFF; line-height:1.4; padding:5px; margin:5px 0 5px; }
.oil .image-box p { font-size:0.7em; line-height:1.3; color:#333333; margin:5px; }
.oil .image-box dl.w250 { width:250px; display:block; margin-bottom:5px; }
.oil .image-box dl.w250 dt { width:250px; display:block; }
.oil .image-box dl.w250 dd { width:250px; display:block; font-size:0.7em; color:#333333; }
.oil .image-box dl.w120l { width:120px; display:block; float:left; margin:5px 0 0 0; }
.oil .image-box dl.w120l dt { width:120px; display:block; }
.oil .image-box dl.w120l dd { width:120px; display:block; font-size:0.7em; color:#333333; }
.oil .image-box dl.w120r { width:120px; display:block; float:left; margin:5px 0 0 10px; }
.oil .image-box dl.w120r dt { width:120px; display:block; }
.oil .image-box dl.w120r dd { width:120px; display:block; font-size:0.7em; color:#333333; }

.oil #access-info { width:210px; margin-left:15px; display:block; float:left; background:#F5F5F5; }
.oil #access-info h3 { width:210px; height:23px; margin:0 0 3px; display:block; margin-bottom:7px; background:url("../img/port-fate_access-info_h3.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.oil #access-info h4 { display:block; margin:7px 7px 4px 7px; font-size:0.8em; font-weight:bold; color:#333333; border-bottom:solid 1px #0099FF; }
.oil #access-info p { margin:3px 7px 15px 7px; font-size:0.8em; color:#333333; line-height:1.2; } 
.oil #access-info a { margin:3px 7px 7px 7px; display:block; color:#FF6600; font-size:1.0em; text-align:right; }
.oil #access-info a:hover { background:#FFCC00; }
.oil #access-info img { margin:3px auto; display:block; }



/*ローカルメニュー（indexはbanner）*/
#local-menu { background:url("../../img/local-menu_bg.jpg") repeat-y;  }
#local-menu h3 { width:210px; height:40px; display:block; background:url("../img/local-menu_title.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#local-menu ul { width:210px; background:url("../../img/local-menu_end.jpg") no-repeat bottom; padding-bottom:20px; }
#local-menu ul li { margin:5px 15px; padding:0 0 3px 15px; border-bottom:dashed 1px #CCCCCC; background:url("../../img/local-menu_yaji.gif") 0 40% no-repeat; list-style-type:none; line-height:2.5; }
#local-menu ul li a { width:100%; height:100%; display:block; font-size:0.8em; color:#333333; text-decoration:none; }
#local-menu ul li a:hover { background:#999999; }