@charset "UTF-8";

/*							*
harvest common.css
2009.11.18 @koyo
*							*/


@media print{

/*
IEでのズーム指定
649(印刷での表示幅) ÷ (スクリーンでの表示幅) x 100 = zoom値（端数切り捨て）
*/
body{
zoom: 70%; /*WinIE only */
}
/*
背景を非表示にしたいコンテンツ
*/
body,
#container{
background:none #FFFFFF !important;
}
}

/*
ロールオーバー用画像先読み
*/
.pre {
visibility: hidden;
height: 0px;
/* 以下に先読みする画像を指定。 */
background-image: url(../img/gnavi_01_o.gif);
background-image: url(../img/gnavi_02_o.gif);
background-image: url(../img/gnavi_03_o.gif);
background-image: url(../img/gnavi_04_o.gif);
}

/* ----------
basic settings
----------*/
*{
/*min-height: 0;*/	/* for Win IE 6,7 */
}
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address {
margin : 0px;
padding : 0px;
}
img {
border: 0px;
}
th, td, form, fieldset {
}

html,
body{
height:100%;
}

body {
color: #1A1A1A;
font-size: 62.5%; /* 10px程度の大きさに調整 */
font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
*+html body {
overflow: hidden;
}
* html body {
overflow: hidden;
}
/* safari4 only \*/
body:first-of-type body {
}

a {
text-decoration: none;
color: #8CA853;
}

a:hover {
text-decoration: underline;
}

ul {
list-style-type: none;
}
#container h1 {
margin-bottom:20px;
clear:both;
}
em {
visibility: hidden;
font-size: 10px;
}
#container h2,#container dl,#container p,#container li,#container td,#container th {
color: #1A1A1A;
}
#container dl,#container p,#container td,#container th {
font-size: 1.4em;
line-height: 1.6;
text-align: left;
}
#container #main table,
#second blockquote {
}
#container #main table {
margin-bottom: 10px;
}
#container td,#container th {
padding: 5px;
}
#container #main table.no-padding td,
#container #main table.no-padding th {
padding: 0px;
}
#container #main th {
background-color:#8CA853;
color:#FFF;
text-align: left;
}
#container #main tr.even,
#container #main td.even {
background-color: #F0F0F0;
}

#container #main table p,
#container #main table h4,
#container #main table h5,
#container #main table li,
#container td td{
font-size: 1.0em;
}

/*091130test
#container #main .outline_table{
border-collapse:collapse;
}
#container #main .outline_table td, #container #main .outline_table th{
border:0px;
}*/
#container #main table p{
margin:5px 0;
}

#container p {
margin-bottom: 10px;
}
#container li {
font-size: 1.4em;
text-align: left;
margin-bottom: 3px;
}
ol {
padding-left: 1.0em;
padding-left: 3.0em;
list-style-position: outside;
list-style-type: decimal;
}
*+html ol {
zoom: 1;
}
ol li{
zoom : normal;
display: list-item;
vertical-align: top;
margin-top: 0px;
margin-bottom: 1.0em;
line-height: normal;
}
li p ,dl dl {
font-size: 1.0em;
}

noscript {
visibility: hidden;
height: 0px;
}
#pagetop {
height: 0px;
}

/* ----------
basic rayout
----------*/
#top #body-foot {
height:auto;
min-height:100%;
position:relative;
margin: 0 auto;
}
#second #body-foot {
height:auto;
min-height:100%;
position:relative;
margin: 0 auto;
/*
background: url(../img/container_bg.gif) repeat-x bottom;
*/
}
#container {
width: 950px;
margin: 0px auto;
height:100%;
}


/* ----------
header
----------*/
#header {
width: 910px;
margin: 0px auto;
overflow: hidden;
min-height: 85px;
height: auto !important;
height: 85px;
}
#header img {
vertical-align: text-top;
}
#logo {
width: 228px;
float: left;
margin-top: 15px;
margin-left: 19px;
}
* html #logo {
margin-left: 10px;
}
#header #head-menu{
float:right;
max-width:643px;
margin-top: 25px;
margin-left:20px;
}
#header #head-menu li {
float: left;
margin-left:10px;
margin-right:5px;
}
#header #head-menu ul li a {
padding-left: 10px;
background-image: url(../img/head-menu_listmark.gif);
background-repeat: no-repeat;
background-position: left center;
color:#1A1A1A;
}
#header #head-menu a:hover {
text-decoration: underline;
}

/* ----------
contents
----------*/
#container #contents {
width: 930px;
margin:0 auto;
}
/*
* html ##container #contents {
margin-bottom: 0px;
}
*/

/* ----------
main
----------*/
#container #main {
width: 718px;
float:left;
margin:0;
font-size:0.9em;

}
#second #main #main-contents{
width:700px;
}
#second #main #main-contents #left-column,
#second #main #main-contents .left-column {
float:left;
width:342px;
}
#second #main #main-contents #right-column,
#second #main #main-contents .right-column{
margin-left:358px;
width:342px;
}
/*IE6*/
*html #second #main #main-contents #right-column{
margin-left:350px;
width:342px;
}
*html #second #main #main-contents .right-column{
margin-left:350px;
width:342px;
}
#second #main #main-contents a#column{
width:322px;
height:120px;
padding:10px;
margin-bottom:18px;
display:block;
text-decoration:none;
overflow:hidden;
}
#second #main #main-contents a#column h2{
color:#8CA853;
font-size:1.9em;
width: 342px;
}
#second #main #main-contents a#column #text{
width:200px;
}
#second #main #breadcrumb{
padding-bottom:5px;
}
/* ----------
#main-contents #column
safety
----------*/
#second #main #main-contents a.safety01{
background:url(../../safety/img/i_bt_01.jpg) no-repeat;
}
#second #main #main-contents a.safety02{
background:url(../../safety/img/i_bt_02.jpg) no-repeat;
}
#second #main #main-contents a.safety03{
background:url(../../safety/img/i_bt_03.jpg) no-repeat;
}
#second #main #main-contents a.safety04 {
background:url(../../safety/img/i_bt_04.jpg) no-repeat;
}
#second #main #main-contents a.safety05{
background:url(../../safety/img/i_bt_05.jpg) no-repeat;
}
#second #main #main-contents a.safety06{
background:url(../../safety/img/i_bt_06.jpg) no-repeat;
}
/* ----------
globalNavi
----------*/
#container #globalNavi {
width: 192px;
float:right;
}
#container #globalNavi .last{
text-align:right;
margin-bottom:10px;
}
/* ----------
footer
----------*/
#footer {
margin:0 auto;
position:relative;
padding-top:20px;
/*
background: url(../img/footer_bg.gif) no-repeat;
*/
min-height: 251px;
height: auto !important;
height: 251px;
clear: both;
font-size: 0.9em;
}
*html #footer {
padding-top:5px;
}
#footer #sitemap{
width:910px;
margin:0 auto;
height:100%;
overflow:hidden;
}
#footer #foot-container{
/*
background:url(../img/container_bg.gif) repeat-x #286031;
*/
background:#286031;
height:100%;
min-height:231px;	
clear:both;
padding-top:20px;
}
#footer #sitemap a{
color:#FFF;
}
#footer #sitemap #site-title{
border-bottom:1px solid #FFF;
}
#footer #sitemap #site-menu{
margin-top:20px;
}
#footer #sitemap #site-menu dl.menu01{
width:100px;
}
#footer #sitemap #site-menu dl.menu02{
width:150px;
}
#footer #sitemap dl{
float:left;
padding-right:30px;
padding-bottom:10px;
font-size:1.2em;
}
#footer #sitemap dd{
padding-bottom:5px;
}
#footer #sitemap dl dt{
padding-bottom:5px;
padding-left:1px;
}
#footer #sitemap dl dt a{
border-bottom:1px #fff solid;
}
#footer #sitemap dl dt a:hover{
border-bottom:1px #fff solid;
text-decoration:none;
}
#footer #sitemap #utility{
text-align:right;
float:right;
}
#footer #sitemap #utility dl{
padding-right:0;
width:130px
}
#footer #sitemap #utility dl dt{
padding-left:0;
}
#footer #copyright {
font-size:1.4em;
width:910px;
margin:0 auto;
text-align:center;
height:35px;
padding-top:10px;
clear:both;
}
#footer p#copyright {
color: #FFF;
font-size: 1.3em;
clear: both;
}

/* ----------
other
----------*/
.margin01{
margin-right:10px;
}



/* ----------
clearfix
----------*/

.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
clear: both;
}
/* Mac版IEのみに適用 \*//*/
.clearfix {
overflow: hidden;
}
/* */
* html .clearfix { /* IE6 */ 
/*zoom: 1;*/
}

.clearleft {
clear: left;
}


/* -----------
localNavi
----------- */

#second #globalNavi ul li ul li {
font-size: 1.0em;
color: #8CA853;
margin-bottom: 0px;
margin-top: 5px;
}

#second #globalNavi ul li ul li a {
background-image: url(../img/gnavi_listmark_01.gif);
display: block;
padding-left: 15px;
background-repeat: no-repeat;
background-position: 2px 4px;
}

#second #globalNavi ul li ul li a:hover {
background-image: url(../img/gnavi_listmark_01_o.gif);
color: #8F5B2B;
text-decoration: none;
}

#second #globalNavi ul li ul li a.active {
background-image: url(../img/gnavi_listmark_01_o.gif);
color: #8F5B2B;
}

#second #globalNavi ul li ul li ul li a {
display: block;
background-image: url(../img/gnavi_listmark_02.gif);
background-repeat: no-repeat;
background-position: left 7px;
color: #1A1A1A;
}

#second #globalNavi ul li ul li ul li a:hover {
background-image: url(../img/gnavi_listmark_02_o.gif);
color: #603B19;
}

#second #globalNavi ul li ul li ul li a.active {
background-image: url(../img/gnavi_listmark_02_o.gif);
color: #603B19;
}

#second #globalNavi ul li ul li ul li {
margin-bottom: 0px;
margin-top: 5px;
margin-left: 7px;
}

#second #globalNavi ul li ul {
margin-bottom: 10px;
margin-left: 10px;
}

#second #globalNavi ul li .localNavi-4level li ul li a {
background-image: url(../img/gnavi_listmark_03.gif);
}

#second #globalNavi ul li .localNavi-4level li ul li a:hover {
background-image: url(../img/gnavi_listmark_03_o.gif);
}
#second #globalNavi ul li .localNavi-4level li ul li .active {
background-image: url(../img/gnavi_listmark_03_o.gif);
}

#second #globalNavi ul li .localNavi-4level li ul li ul li ul li a {
background-image: url(../img/gnavi_listmark_02.gif);
}

#second #globalNavi ul li .localNavi-4level li ul li ul li ul li a:hover {
background-image: url(../img/gnavi_listmark_02_o.gif);
}

#second #globalNavi ul li .localNavi-4level li ul li ul li ul li .active {
background-image: url(../img/gnavi_listmark_02_o.gif);
}

#second #globalNavi ul li .localNavi-4level li ul li ul li ul li .active {
background-image: url(../img/gnavi_listmark_02_o.gif);
}


/* 2011.02.09 edited by h */
#second #globalNavi ul li .localNavi-4level li ul ul li ul li a {
background-image: url(../img/gnavi_listmark_02.gif);
}
#second #globalNavi ul li .localNavi-4level li ul ul li ul li a:hover {
background-image: url(../img/gnavi_listmark_02_o.gif);
}
#second #globalNavi ul li .localNavi-4level li ul ul li ul li .active {
background-image: url(../img/gnavi_listmark_02_o.gif);
}
/* */

#second h3 {
background-image: url(../img/3rd_h3_center.gif);
background-repeat: repeat-y;
width: 332px;
color: #8CA853;
font-size: 1.8em;
margin-bottom: 20px;
}

#second #main-2column-menu h3 {
margin-bottom: 10px;
}

#second h3 .h3-header {
background-image: url(../img/3rd_h3_top.gif);
background-repeat: no-repeat;
background-position: top;
}

#second h3 .h3-footer {
background-image: url(../img/3rd_h3_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 20px;
}
#second h4 {
min-height: 20px;
height: auto !important;
height: 20px;
background-image: url(../img/h4_listmark.gif);
background-repeat: no-repeat;
background-position: 10px top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F0A117;
padding-left: 35px;
font-size: 1.4em;
color: #1A1A1A;
}
* html #second h4 {
clear: both;
}

#second h5 {
font-size: 1.7em;
color: #286031;
margin-bottom: 5px;
margin-top: 0px;
/*clear: both;*/
}

#second h2 {
background-image: url(../img/3rd_h2.gif);
background-repeat: no-repeat;
height: 61px;
width: 721px;
line-height: 61px;
font-size: 2em;
color: #FFF;
margin-bottom: 15px;
/*margin-left: -10px;*/
}

#second h2 .category-service {
height: 61px;
/*width: 600px;*/
width: 400px;
background-image: url(../../service/img/3rd_h2_icon.gif);
background-repeat: no-repeat;
background-position: 30px 1px;
padding-left: 109px;
margin-right: 150px;
}

#second h2 .category-safety {
height: 61px;
width: 600px;
background-image: url(../../safety/img/3rd_h2_icon.gif);
background-repeat: no-repeat;
background-position: 30px 1px;
padding-left: 109px;
}

#second h2 .category-company {
height: 61px;
width: 600px;
background-image: url(../../company/img/3rd_h2_icon.gif);
background-repeat: no-repeat;
background-position: 30px 1px;
padding-left: 109px;
}

#second h2 .category-recruit {
height: 61px;
width: 600px;
background-image: url(../../recruit/img/3rd_h2_icon.gif);
background-repeat: no-repeat;
background-position: 30px 1px;
padding-left: 109px;
}

#second h2 .category-others {
height: 61px;
width: 721px;
padding-left: 30px;
}

#second h2 .fourth-h2-inner-txt {
	float: right;
	width: 120px;
	font-size: 0.8em;
	margin-right: 20px;
	color: #FFF;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	background-color: #F0A117;
	border: 1px solid #FFF;
}
* html #second h2 .fourth-h2-inner-txt { /* for IE6 */
margin-right: 10px;
}

#second .main-sitemap ul li{
font-size:1.5em;
}
#second .main-sitemap ul li ul li{
font-size:1em;
}


#second .link {
background-image: url(../img/3rd_a_listmark.gif);
background-repeat: no-repeat;
padding-left: 23px;
display: block;
background-position: 3px 2px;
margin-left: 15px;
}

#second .popup {
background-image: url(../img/icon_popup.gif);
background-repeat: no-repeat;
padding-left: 23px;
display: block;
background-position: 3px 2px;
margin-left: 15px;
}

#second .link-pagetop {
background-image: url(../img/icon_pagetop.gif);
background-repeat: no-repeat;
padding-right: 23px;
display: block;
background-position: right 2px;
margin-left: 15px;
text-align: right;
text-decoration: none;
}

#second .link-detail {
height: 35px;
background-image: url(../img/3rd_icon01.gif);
background-repeat: no-repeat;
background-position: right 2px;
display: block;
margin-bottom: 15px;
padding-right: 40px;
text-align: right;
text-decoration: none;
color: #1A1A1A;
line-height: 36px;
}


/* --------------

▼画像・テキストの回り込み指定▼

-------------- */

#second div.txt-left {
float: left;
margin-bottom:10px;
}

#second div.txt-right {
margin-bottom:10px;
}

#second div.img-left {
float: left;
margin-bottom:10px;
}

#second div.img-right {
margin-bottom:10px;
}

/*
main部分2カラム時
*/

#second #right-column .txt-left {
float: left;
width: 300px;
margin-left: 10px;
padding-top: 1px;
}


/* 画像の幅別指定 */

/* 画像幅100px */

#second #right-column .img-w-100 {
margin-top: 10px;
/*clear: both;*/
/*overflow: auto;
display: block;*/
}

#second #right-column .img-w-100 div.img-left {
width: 101px;
}

#second #right-column .img-w-100 div.txt-right {
margin-left: 120px;
}

#second #right-column .img-w-100 div.txt-right h5 {
/*margin-left: 10px;*/
}

/* テキスト左、画像右 */
#second #right-column .img-w-100 {
margin-top: 10px;
/*clear: both;*/
/*overflow: auto;
display: block;*/
}

#second #right-column .img-w-100 div.txt-left {
width: 223px;
margin-left: 0;
}

#second #right-column .img-w-100 div.img-right {
margin-left: 233px;
}


/*
▼main部分1カラム時▼
mainのwidth=690px
*/

/* ▼画像の幅別指定▼ */

/* ▼画像幅160px▼ */

#second  .img-w-160 {
margin-top: 10px;
}

#second .img-w-160 div.img-right {
margin-left: 530px; /* 690px(mainのwidth)-画像のwidth */
}

#second .img-w-160 div.txt-left {
width: 510px; /* 690px(mainのwidth)-画像のwidth-20 */
}

/* △画像幅160px△ */

/* ▼画像幅150px▼ */

#second  .img-w-150 {
margin-top: 10px;
}

#second .img-w-150 div.img-right {
margin-left: 540px; /* 690px(mainのwidth)-画像のwidth */
}

#second .img-w-150 div.txt-left {
width: 520px; /* 690px(mainのwidth)-画像のwidth-20 */
}

/* △画像幅160px△ */

/* ▼画像幅200px▼ */

#second  .img-w-200 {
margin-top: 10px;
}

#second .img-w-200 div.img-right {
margin-left: 490px; /* 690px(mainのwidth)-画像のwidth */
}

#second .img-w-200 div.txt-left {
width: 470px; /* 690px(mainのwidth)-画像のwidth-20 */
}

/* △画像幅200px△ */

/* ▼画像が二つ並びの場合▼ */

/* ▼画像幅310px▼ */

#second  .img-w-310 {
margin-top: 10px;
}

#second .img-w-310 div.img-right {
margin-left: 380px; /* 690px(mainのwidth)-画像のwidth */
margin-right: -10px;
}

#second .img-w-310 div.txt-left {
width: 360px; /* 690px(mainのwidth)-画像のwidth-20 */
}

#second .img-w-310 img {
margin-right: 10px;
}


/* △画像幅310px△ */

/* ▼画像幅410px▼ */

#second  .img-w-410 {
margin-top: 10px;
}

#second .img-w-410 div.img-right {
margin-left: 280px; /* 690px(mainのwidth)-画像のwidth */
margin-right: -10px;
}

#second .img-w-410 div.txt-left {
width: 260px; /* 690px(mainのwidth)-画像のwidth-20 */
}

#second .img-w-410 img {
margin-right: 10px;
}

/* △画像幅410px△ */

/* △画像が二つ並びの場合△ */

/* ▼TOP画像幅106px▼ */

/* 画像幅106px */

#top .img-w-106 {
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}

#top .img-w-106 div.img-right {
margin-left: 584px; /* 690px(mainのwidth)-画像のwidth */
margin-top: 10px;
}

#top .img-w-106 div.txt-left {
float: left;
width: 564px; /* 690px(mainのwidth)-画像のwidth-20 */
}


/* ★画像幅●●px ここに追加★ */

/* △画像の幅別指定△ */

/* △main部分1カラム時△ */

/* △画像・テキストの回り込み設定△ */

/**/



/* ▼枠つき画像エリア▼ */
/* 2010.09.10 edited by koba */

#second div.img-area {
clear: both;
overflow: hidden;
margin: 10px 10px 10px 10px;
font-size: 1.2em;
text-align: center;
}

#second div.img-area .img-left{
border: 1px solid #CCCCCC;
margin-right: 10px;
margin-bottom: 0;
padding: 7px;
}


/* ★画像幅120px×90px 横長と縦長がある場合 */
div.img-container {
width: 120px;
height:120px;
}

.horizontal { /* 横長の画像 */
margin: 15px 0;
}

.vertical { /* 縦長の画像 */
margin: 0 15px;
}

/* △枠つき画像エリア△ */

#footer #link-pagetop {
width: 930px;
margin: 0 auto;
}

#footer #link-pagetop a {
float: right;
}

#second blockquote {
border: 3px solid #CFCFCF;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
}

#second #container #main ul {
margin-bottom: 10px;
}
#second #container #main ul li {
list-style-type: disc;
list-style-position: outside;
margin-bottom:5px;
margin-left: 20px;
}

#second #main-2column-img-menu h2 {
background-image: none;
margin-left: 0px;
margin-bottom: 0px;
}

#container .txt-align-center {
text-align: center;
}

#container .txt-align-right {
text-align: right;
}

#second #main-2column-menu p {
margin-right: 19px;
margin-bottom: 3px;
margin-left: 10px;
}

/*
top
*/

#top #main h2 {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
background-image: url(../img/top_h2.gif);
background-repeat: no-repeat;
height: 60px;
width: 701px;
clear: both;
}

#top #main dl dt {
float: left;
width: 100px;
}

#top #main .img-w-106 a img {
border: 3px solid #cccccc;
}

#top #container #main a {
color: #1A1A1A;
text-decoration: underline;
}

#top #container #main a:hover {
text-decoration: none;
}

#top #container #main .img-w-106 .txt-left h3 {
font-size: 1.6em;
}


/*
clear
*/

.clear:after {
content: "";
display: block;
/*clear: both;*/
height: 0;
visibility: hidden;
/*overflow: auto;*/
}
.clear {
display: inline-block;
overflow: auto;
}
/* exlude MacIE5 \*/
* html .clear { height: 1% }
.clear {display:block;}
/* end MacIE5 */

#second blockquote ul {
margin-left: -5px;
margin-bottom: -5px;
}

#second .txt-left blockquote {
margin-top: 0px;
}

#second #main-contents p img {
vertical-align: text-top;
}

.red{
color:#B60D03;
}
#second #body-foot #container #contents #main #main-contents .cloumn-wraper {
width: 720px;
margin-left: -20px;
}
#second #body-foot #container #contents #main #main-contents .column {
width: 340px;
margin-left: 20px;
float: left;
}
#second #body-foot #container #contents #main #main-contents .cloumn-wraper .column .img-right {
margin-left: 220px;
}
#second #body-foot #container #contents #main #main-contents .cloumn-wraper .column .txt-left {
width: 205px;
float: left;
}