@charset "utf-8";
*{ padding: 0; margin: 0; }
html,body{ font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; height:100%; }
body{ -webkit-text-size-adjust: 100%; text-align: center;  font-size: 13px; }
a { color:#FFFFFF; text-decoration: none; }
a:link { color:#FFFFFF; text-decoration: none; }
a:visited { color:#FFFFFF; text-decoration: none; }
a:hover { color:#fbba68; text-decoration: none; }
img.bgmaximage{ position:fixed !important; opacity: 0.5; }

#wrap{ width: 800px; margin: 0 auto; text-align: left; position: relative; height:auto !important; /*IE6対策*/ height: 100%; /*IE6対策*/ min-height: 100%; }
.div_contentLayout{ background-image: url("./../image/bar_Green.png"), url("./../image/bar_Blue.png"), url("./../image/bar_Orange.png"), url("./../image/bar_Orange.png"); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: 10px 290px, 30px 270px, 50px 170px, 0px 222px; background-size: 10px 100%, 10px 100%, 10px 100%, 100% 10px; }

.div_nav_style { background-color:#FFFFFF; }
.a_siteicon { float: left; padding: 10px; max-width: 180px; max-height: 64px; margin-right: 10px; }
.h1_nav_style { font-size: 36px; padding-top: 10px; line-height: 1.5; }

//#menu { width:100%; padding:0; margin-top:10px; list-style-type: none; }
#menu li { width:100px; float:left; padding:0; margin:0; text-align:center; position: relative; }
//#menu li a { width:auto; color:#fff; font-size:12px; font-weight:bold; padding:10px 0; text-decoration:none; display:block; background:#666; }
//#menu li a:hover { background:#555; }
#menu { padding: 20px 0px 30px 0px;; margin-top:10px; list-style-type: none; margin-left: 5%; }
//#menu li { width:100px; float:left; padding:0; margin:0; text-align:center; }
#menu li a { width:auto; color:#fff; font-size:12px; font-weight:bold; text-shadow:0 -1px 0px #333,0 1px 0px #555; padding:10px 0; text-decoration:none; display:block; background:#666; background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777)); border-left:1px solid #444; box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, -1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }
#menu li:first-child a{ border-left:0px; border-radius:5px 0 0 5px; border-left:0; box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }
#menu li:last-child a{ border-radius:0 5px 5px 0; box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }
#menu li a:hover { background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444)); box-shadow: 1px 0px 0px rgba(225,225,225,0) inset, -1px 0px 0px rgba(225,225,225,0) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }

#menu li ul {
  display: none;
  position: absolute;
  top: 38px;
  left: 1px;
  width: 100px;
  background: #eee;
  list-style: none;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 100px;
  border: none;
  z-index: 99;
}
#menu li ul li:first-child a{ border-left:0px; border-radius:0 0 0 0; border-left:0; box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }
#menu li ul li:last-child a{ border-left:0px; border-radius:0 0 0 0; border-left:0; box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }
#menu li ul li a {
  display: inline-block;
  width: 100px;
  height: 20px;
}
#menu li ul li a:hover { background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444)); box-shadow: 1px 0px 0px rgba(225,225,225,0) inset, -1px 0px 0px rgba(225,225,225,0) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #666; }
//#menu li ul li a:hover {
//  background: #999;
//  color: #fff;
//}

.div_breadcrumbs { height: 40px; margin-top:10px; margin-left: 70px; padding-top: 0px;}

.inc{ font-size:0.7em; }
.inc_m{ font-size:0.7em; }
.en_company { font-size:0.8em; }
span.map_icon { width:50px; background-image: url("./resource/image/icon_map_001.png"); background-repeat: no-repeat; background-position: 10px bottom; background-size: 10px 100%; }

a.link_normal { color:#0000ff; font-style:normal; text-decoration:underline; }
a:link.link_normal { color:0000ff; font-style:normal; text-decoration:underline; }
a:visited.link_normal { color:#934C7B; text-decoration:underline; }
a:hover.link_normal { color:#ff0000; font-style:normal; text-decoration:underline; }
div.id_div_home_div { position: relative; padding: 0px 0px 10px 50px; }
div.id_div_home_div img { width: 95%; }
div.div_home { position: absolute; top: 15px; left: 60px; width: 80%; padding: 10px 0px 10px 10px; font-size: 1.6em; letter-spacing:2px; font-weight: bold; color: #000; }
.p_sub_theme {padding: 10px 0px 0px 30px; text-decoration: underline;}
p.p_footer { font-weight: bold; margin: 5px 10px 10px 10px; }

section#id_news,#id_company_overview,#id_management_policy,#id_anagement_concept,#id_usiness_activity,#id_inquiry,#id_ransportation_guide,#id_recruit_new,#id_recruit_mid,#id_entry,#id_personal_info {
  background-color:#FFE1C0; margin-left: 50px; margin-bottom:15px; margin-right: 20px; padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:5px 5px 1px #FF6600; -moz-box-shadow:5px 5px 1px #FF6600; -webkit-box-shadow:5px 5px 1px #FF6600;
}
section#id_news { font-size:1em; color: #000; margin-top: 5px; }
section#id_news ul { margin-left: 30px; margin-top: 10px; }
section#id_company_overview { font-size:1.2em; color: #000; }
section#id_management_policy { font-size:1.2em; color: #000; }
section#id_management_policy p { font-size:0.9em; margin-left: 10px; margin-top: 5px; line-height: 1.4; }
section#id_management_policy ul { font-size:0.9em; padding: 10px; }
section#id_management_policy li { margin-left: 30px; line-height: 1.4; }
section#id_anagement_concept { font-size:1.2em; color: #000; }
section#id_anagement_concept p { margin-left: 10px; line-height: 1.4; }
section#id_usiness_activity { font-size:1.2em; color: #000; }
section#id_usiness_activity ul { padding: 10px; }
section#id_usiness_activity li { margin-left: 20px; line-height: 1.4; }
section#id_inquiry { font-size:1.2em; color: #000; }
section#id_inquiry div { font-size:0.9em; padding-top: 5px; }
section#id_recruit_new,#id_recruit_mid { font-size:1.2em; color: #000; }
section#id_div_entry { font-size:1.2em; color: #000; }

a.link_mail { color:#000000; font-style:normal; text-decoration:underline; }
a:link.link_mail { color:000000; font-style:normal; }
a:visited.link_mail { color:#000000; }
a:hover.link_mail { color:#FF6600; font-style:normal; text-decoration:underline; }

section#id_ransportation_guide { font-size:1em; color: #000; margin-top: 10px; }
section#id_ransportation_guide dl { margin-top: 5px; }
section#id_ransportation_guide dl dd { margin-left: 54px; margin-top: 5px; }
section h2 { color: #000; }
section h3 { color: #000; border-bottom:solid 3px #000; line-height: 1.7em; }
section div { margin-left:20px; }
section div#dev_h2 { margin-left:0px; font-size: 1.4em; }
section div#teikyu { margin-left:12px; }
.wrapper { position: relative; margin-left: 50px; }
div.access_info { color: #000; background-color: #FFF; position: absolute; width: 270px; height: 110px; line-height: 1.4; top: 10px; margin-left:10px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
p.pajra { font-size: 1.5em; font-weight: bold; margin: 0; }

#id_table_company_overview .td_01 { width: 108px; text-align: left; vertical-align: top; line-height: 1.4; padding: 5px; }
#id_table_company_overview .td_02 { line-height: 1.4; }

#breadcrumbs-one ul { margin: 0; padding: 0; list-style: none; }
#breadcrumbs-one { background: #eee; border-width: 1px; border-style: solid; border-color: #f5f5f5 #e5e5e5 #ccc; border-radius: 5px; box-shadow: 0 0 2px rgba(0,0,0,.2); overflow: hidden; width: 190px; list-style-type: none; }
#breadcrumbs-one li { float: left; }
#breadcrumbs-one a { padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: #444; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #ddd; background-image: linear-gradient(to right, #f5f5f5, #ddd); }
#breadcrumbs-one li:first-child a { padding-left: 1em; border-radius: 5px 0 0 5px; }
#breadcrumbs-one a:hover { background: #fff; }
#breadcrumbs-one a::after, #breadcrumbs-one a::before { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; }
#breadcrumbs-one a::after{ z-index: 2; border-left-color: #ddd; }
#breadcrumbs-one a::before{ border-left-color: #ccc; right: -1.1em; z-index: 1; }
#breadcrumbs-one a:hover::after{ border-left-color: #fff; }
#breadcrumbs-one .current, #breadcrumbs-one .current:hover{ font-weight: bold; background: none; }
#breadcrumbs-one .current::after, #breadcrumbs-one .current::before{ content: normal; }

#contents{ padding-top: 30px; padding-bottom:3em; }
#id_div_home { padding-left: 20px; }
#id_div_corpProfile { padding-left: 20px; }
#id_div_corpConcept { padding-left: 20px; position:relative; }
#id_div_businessActivity { padding-left: 20px; }
#id_div_inquiry { padding-left: 20px; }
#id_div_guide { padding-left: 20px; }
#id_div_recruit { padding-left: 20px; }
#id_div_entry { padding-left: 20px; }
#map_canvas { width:520px; height:400px }

#footer { color:#FFFFFF; word-wrap: break-word; bottom: 0em; min-height: 3em; box-sizing: border-box; width: 100%; position: absolute; background-color: rgba(51, 51, 51, 0.5); }

.textinner { font-size: 0.75em; padding:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color: #FFFFFF; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px #999999; }
.textinner p { color:#000000; padding: 10px 10px 10px 10px;}
#textarea { position:absolute; width:380px; top: 30px; margin-left: 10%; }
.triangle { position:absolute; width: 0; height: 0; left:100px; bottom:-40px; border-top: 20px solid #FFFFFF; border-right: 20px solid  transparent; border-left: 20px solid transparent; border-bottom: 20px solid transparent; }
#textarea h4 { color:#000000; }
.span_button_style { width: 60px; height: 38px; background: none repeat scroll 0% 0% #FF8000; border: 1px solid #FF4000; border-radius: 70px; color: #FFFFFF; padding: 2px 10px 2px; }

section div.div_title_sub { margin-left: 0px;}
.table_recruit .td_01 { width: 100px; vertical-align: top; }
.table_recruit .td_02 { vertical-align: top; padding-bottom: 10px; }
.table_recruit ul { margin-left: 20px }

#page-top{ display: block; position: fixed; z-index: 9999; bottom: 10px; right: 10px; width: 150px; padding: 10px 10px; background: rgba(0,0,0,.7); color: #fff; text-align: center; text-decoration: none; }
#page-top:hover{ background: rgba(0,0,0,.8); }

.id_personal_info_h4 { padding-top: 10px; }
.id_personal_info_p { padding: 10px 36px 0px 20px; }
.id_personal_info_ol { padding: 10px 40px 0px 20px; }
.id_personal_info_ol li {padding-top: 10px;}
.id_personal_info_ul {padding: 0px 0px 0px 30px;}