@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 p { margin:10px; font-size:0.8em; color:#333333; line-height:1.4; text-indent:1.0em; }
.index #main .right-image { float:right; margin:10px 0 10px 10px; }
.index #main h4 { margin:10px; font-size:1.0em; font-weight:bold; color:#000000; }
.index #main h5 { margin:10px; font-size:1.0em; font-weight:bold; color:#000000; text-align:right; }
.index #main h5 span { display:block; font-weight:normal; font-size:0.8em; margin-bottom:3px; }

/*会社概要*/
.overview h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_overview.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.overview #main h4 { width:650px; display:block; font-size:1.0em; font-weight:bold; color:#333333; line-height:1.4; clear:both; margin:50px auto 5px; border-bottom:solid 1px #666666; }
.overview #main p { width:650px; font-size:0.8em; color:#333333; line-height:1.4; margin:5px auto 20px; display:block; }
.overview #main dl.overview { width:650px; height:30px; display:block; margin:5px auto; padding-bottom:2px; border-bottom:dotted 1px #CCCCCC; }
.overview #main dl.overview dt { width:100px; display:block; float:left; font-size:0.8em; font-weight:bold; color:#333333; }
.overview #main dl.overview dd { width:540px; display:block; float:left; margin-left:10px; font-size:0.8em; color:#333333; line-height:1.4; }

.overview #main dl.executive { width:430px; height:18px; display:block; margin:5px auto; padding-bottom:2px; border-bottom:dotted 1px #CCCCCC; }
.overview #main dl.executive dt { width:320px; height:18px; display:block; float:left; font-size:0.8em; font-weight:noemal; color:#333333; }
.overview #main dl.executive dd { width:100px; height:18px; display:block; float:left; margin-left:10px; font-size:0.8em; color:#333333; }

.overview #main dl.end { border:none; }

.overview #main img.soshiki { display:block; margin:5px auto; border:solid 2px #CCCCCC; }


/*採用情報*/
.employment h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_employment.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.overview #main p { width:650px; font-size:0.8em; color:#333333; line-height:1.4; margin:5px auto 20px; display:block; }

/*苫小牧港とともに*/
.history h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_history.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.history #main h4 { width:680px; display:block; font-size:1.0em; font-weight:bold; color:#333333; line-height:1.4; clear:both; margin:50px 0 15px 20px; border-bottom:solid 1px #666666; }
.history #main h4.start { margin-top:10px; }
.history #main table { width:520px; margin:5px 0 5px 20px; border-collapse:collapse; }
.history #main table th { font-size:0.8em; font-weight:bold; color:#333333; padding:6px 4px; border-bottom:dotted 1px #CCCCCC; }
.history #main table th.nengo { width:30px; text-align:right; color:#333333!important; }
.history #main table th.year { width:32px; text-align:right; }
.history #main table th.month { width:30px; text-align:right; }
.history #main table td { padding:6px 4px 6px 15px; font-size:0.8em; color:#333333; line-height:1.4; border-bottom:dotted 1px #CCCCCC; }
.history #main table tr.futo th.nengo { background:url("../img/table-bg-th_nengo.gif") no-repeat; }
.history #main table tr.futo th.year { background:url("../img/table-bg.gif") repeat-x; }
.history #main table tr.futo th.month { background:url("../img/table-bg.gif") repeat-x; }
.history #main table tr.futo td { background:url("../img/table-bg-td.gif") no-repeat; }

.history #main dl.photograph { width:150px; display:block; float:right; margin-left:5px; }
.history #main dl.photograph dt{}
.history #main dl.photograph dd{ font-size:0.7em; color:#333333; line-height:1.4; padding:3px; margin-bottom:10px; text-align:right; }

.history #main p { font-size:0.8em; color:#333333; line-height:1.4; margin:5px 0 20px 20px; }
.history #main .right-image { float:right; display:block; margin:0 0 10px 15px; }

/*事業所一覧*/
.address-list h2 { width:700px; height:40px; display:block; margin:0 auto 15px; background:url("../img/h3-title_address-list.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.address-list .wide-column { width:640px; margin:5px auto 20px; display:block; }
.address-list .wide-column h3 { margin:5px 0; padding-bottom:3px; font-size:0.9em; font-weight:bold; color:#333333; border-bottom:solid 1px #666666; }
.address-list .wide-column dl { margin:3px 10px 10px; display:block; }
.address-list .wide-column dl dt { margin-bottom:3px; font-size:0.8em; font-weight:bold; color:#333333; }
.address-list .wide-column dl dd { margin-bottom:3px; font-size:0.8em; color:#333333; }



/*ローカルメニュー（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; }