@charset "utf-8";

/* ------------------------------------------------
     タグ設定
------------------------------------------------- */

body,
div,
img,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li {
	margin:0;
	padding:0;
	border:0;
}

body {
	background:#eee url(images/bg_body.gif) repeat-y left top;
	font-size:83%;
	line-height:1.5em;
	color:#444;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

ul {
	list-style:none;
}

table {
	border-collapse:collapse;
}

th {
	font-weight:normal;
	text-align:left;
}

p {
	margin:0 0 1em;
}

ol {
	margin-left:30px;
}

h3 {
	font-size:110%;
}

h4 {
	font-size:110%;
}

a {
	color:#0052ae;
}

/* ------------------------------------------------
     レイアウト
------------------------------------------------- */

div#container {
	width:739px;
}

div#header {
	height:72px;
	background:url(images/bg_header.gif) repeat-x left 64px;
}

div#header h1 {
	position:absolute;
	left:207px;
	top:25px;
}

div#header div#btn-inquiry {
	position:absolute;
	left:635px;
	top:15px;
}

div#content {
	float:right;
	width:555px;
	margin-bottom:20px;
}

div.lnavi {
	float:right;
	width:184px;
	margin-bottom:20px;
}

/* ------------------------------------------------
     グローバルナビ
------------------------------------------------- */

ul#gnavi {
	position:relative;
	height:36px;
}

ul#gnavi li {
	position:absolute;
	top:0;
	width:148px;
	height:36px;
	background:url(images/gnavi.gif) no-repeat;
}

ul#gnavi li#gnavi01,
ul#gnavi li#gnavi01-on {
	left:0;
}

ul#gnavi li#gnavi02,
ul#gnavi li#gnavi02-on {
	left:148px;
}

ul#gnavi li#gnavi03,
ul#gnavi li#gnavi03-on {
	left:296px;
}

ul#gnavi li#gnavi04,
ul#gnavi li#gnavi04-on {
	left:444px;
}

ul#gnavi li#gnavi05,
ul#gnavi li#gnavi05-on {
	left:592px;
}

ul#gnavi li a {
	display:block;
	width:148px;
	height:36px;
	background:url(images/gnavi.gif) no-repeat;
	text-indent:-9999px;
}

ul#gnavi li#gnavi01 a {
	background-position:0 0;
}

ul#gnavi li#gnavi02 a {
	background-position:-148px 0;
}

ul#gnavi li#gnavi03 a {
	background-position:-296px 0;
}

ul#gnavi li#gnavi04 a {
	background-position:-444px 0;
}

ul#gnavi li#gnavi05 a {
	background-position:-592px 0;
}

ul#gnavi li#gnavi01 a:hover {
	background-position:0 -36px;
}

ul#gnavi li#gnavi02 a:hover {
	background-position:-148px -36px;
}

ul#gnavi li#gnavi03 a:hover {
	background-position:-296px -36px;
}

ul#gnavi li#gnavi04 a:hover {
	background-position:-444px -36px;
}

ul#gnavi li#gnavi05 a:hover {
	background-position:-592px -36px;
}

/* アクティブ時 */
ul#gnavi li#gnavi01-on,
ul#gnavi li#gnavi02-on,
ul#gnavi li#gnavi03-on,
ul#gnavi li#gnavi04-on,
ul#gnavi li#gnavi05-on {
	text-indent:-9999px;
}

ul#gnavi li#gnavi01-on {
	background-position:0 -36px;
}

ul#gnavi li#gnavi02-on {
	background-position:-148px -36px;
}

ul#gnavi li#gnavi03-on {
	background-position:-296px -36px;
}

ul#gnavi li#gnavi04-on {
	background-position:-444px -36px;
}

ul#gnavi li#gnavi05-on {
	background-position:-592px -36px;
}

/* ------------------------------------------------
     ローカルナビ
------------------------------------------------- */

/* .lnaviには全ローカルナビ共通の設定
　 #lnaviXXには種類別のローカルナビの設定 */
div.lnavi ul li {
	height:25px;
}

div#lnavi01 ul li {
	background:url(images/lnavi01.gif);
}

div#lnavi02 ul li {
	background:url(images/lnavi02.gif);
}

div#lnavi03 ul li {
	background:url(images/lnavi03.gif);
}

div.lnavi ul li a {
	display:block;
	width:184px;
	height:25px;
	text-indent:-9999px;
}

div#lnavi01 ul li a {
	background:url(images/lnavi01.gif);
}

div#lnavi02 ul li a {
	background:url(images/lnavi02.gif);
}

div#lnavi03 ul li a {
	background:url(images/lnavi03.gif);
}

div.lnavi ul li#lnavi01-01 a,
div.lnavi ul li#lnavi02-01 a,
div.lnavi ul li#lnavi03-01 a {
	background-position:0 0;
}

div.lnavi ul li#lnavi01-02 a,
div.lnavi ul li#lnavi02-02 a,
div.lnavi ul li#lnavi03-02 a {
	background-position:0 -25px;
}

div.lnavi ul li#lnavi01-03 a,
div.lnavi ul li#lnavi03-03 a {
	background-position:0 -50px;
}

div.lnavi ul li#lnavi01-04 a,
div.lnavi ul li#lnavi03-04 a {
	background-position:0 -75px;
}

div.lnavi ul li#lnavi01-05 a {
	background-position:0 -100px;
}

div.lnavi ul li#lnavi01-01 a:hover,
div.lnavi ul li#lnavi02-01 a:hover,
div.lnavi ul li#lnavi03-01 a:hover {
	background-position:-184px 0;
}

div.lnavi ul li#lnavi01-02 a:hover,
div.lnavi ul li#lnavi02-02 a:hover,
div.lnavi ul li#lnavi03-02 a:hover {
	background-position:-184px -25px;
}

div.lnavi ul li#lnavi01-03 a:hover,
div.lnavi ul li#lnavi03-03 a:hover {
	background-position:-184px -50px;
}

div.lnavi ul li#lnavi01-04 a:hover,
div.lnavi ul li#lnavi03-04 a:hover {
	background-position:-184px -75px;
}

div.lnavi ul li#lnavi01-05 a:hover {
	background-position:-184px -100px;
}

/* アクティブ時 */
div.lnavi ul li#lnavi01-01-on,
div.lnavi ul li#lnavi02-01-on,
div.lnavi ul li#lnavi03-01-on {
	text-indent:-9999px;
	background-position:-184px 0;
}

div.lnavi ul li#lnavi01-02-on,
div.lnavi ul li#lnavi02-02-on,
div.lnavi ul li#lnavi03-02-on {
	text-indent:-9999px;
	background-position:-184px -25px;
}

div.lnavi ul li#lnavi01-03-on,
div.lnavi ul li#lnavi03-03-on {
	text-indent:-9999px;
	background-position:-184px -50px;
}

div.lnavi ul li#lnavi01-04-on,
div.lnavi ul li#lnavi03-04-on {
	text-indent:-9999px;
	background-position:-184px -75px;
}

div.lnavi ul li#lnavi01-05-on {
	text-indent:-9999px;
	background-position:-184px -100px;
}

/* ------------------------------------------------
     フッター
------------------------------------------------- */

div#footer {
	width:100%;
	font-size:85%;
	color:#666;
	margin-bottom:20px;
}

div#footer a {
	color:#666;
}

div#footer div#footer-link {
	display: inline;
	float: left;
	margin-left:1em;
}

div#footer div#copyright {
	display: inline;
	float: right;
	margin-right:1em;
}

div#footer div#logo-eco {
	display: inline;
	float: right;
	margin-right:1em;
}

/* ------------------------------------------------
     各ページ共通
------------------------------------------------- */

div#btn-toppage {
	text-align:right;
}

h2 {
	height:26px;
	text-indent:-9999px;
}

#outline h2 {
	background:url(../profile/images/h_outline.gif) no-repeat;
}

#history h2 {
	background:url(../profile/images/h_history.gif) no-repeat;
}

#philosophy h2 {
	background:url(../profile/images/h_philosophy.gif) no-repeat;
}

#policy h2 {
	background:url(../profile/images/h_policy.gif) no-repeat;
}

#life h2 {
	background:url(../profile/images/h_life.gif) no-repeat;
}

#products1 h2 {
	background:url(../products/images/h_products1.gif) no-repeat;
}

#products2 h2 {
	background:url(../products/images/h_products2.gif) no-repeat;
}

#recruiting h2 {
	background:url(../recruit/images/h_recruiting.gif) no-repeat;
}

#member h2 {
	background:url(../recruit/images/h_member.gif) no-repeat;
}

#training h2 {
	background:url(../recruit/images/h_training.gif) no-repeat;
}

#entry h2 {
	background:url(../recruit/images/h_entry.gif) no-repeat;
}

#access h2 {
	background:url(../access/images/h_access.gif) no-repeat;
}

#sitemap h2 {
	background:url(../sitemap/images/h_sitemap.gif) no-repeat;
}

#inquiry h2 {
	background:url(../inquiry/images/h_inquiry.gif) no-repeat;
}

#privacy h2 {
	background:url(../privacy/images/h_privacy.gif) no-repeat;
}

#group h2 {
	background:url(../group/images/h_group.gif) no-repeat;
}

#topics h2 {
	background:url(../topics/images/h_topics.gif) no-repeat;
}

div#content-main {
	padding:30px 20px 0 20px;
}

p.move-pagetop {
	margin:1em 0;
	text-align:right;
	clear:both;
}

.margin-bottom-0 {
	margin-bottom:0;
}

div.float-wrapper {

}

/* 2カラム表示用（左：340px、右：160px） */
/* ハック */
div.float-wrapper:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

div.float-wrapper { display: inline-block; }
/* exlude MacIE5 \*/
* html div.float-wrapper { height: 1% }
div.float-wrapper {display:block;}
/* end MacIE5 */
.left-column {
	float:left;
	width:340px;
	margin-right:15px;
	margin-bottom:1em;
}

.right-column {
	float:left;
	width:160px;
	margin-bottom:1em;
}
/* /2カラム表示用（左：340px、右：160px）/ */


/* ------------------------------------------------
     トップページ
------------------------------------------------- */

#toppage div#main-visual {
	margin-top:1px;
	white-space:nowrap;
}

/* begin レイアウト */
#toppage div#links {
	margin:20px 0;
	padding:10px 0;
	background:url(images/dot_999.gif) repeat-y 230px;
}

/* ハック */
#toppage div#links:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#toppage div#links { display: inline-block; }
/* exlude MacIE5 \*/
* html #toppage div#links { height: 1% }
#toppage div#links {display:block;}
/* end MacIE5 */

#toppage div#links div#topics-group {
	float:left;
	width:230px;
	margin-right:19px;
}

#toppage div#links div#link-table-01 {
	float:left;
	width:270px;
	margin-right:20px;
}

#toppage div#links div#link-table-02 {
	float:left;
	width:180px;
}
/* end レイアウト */

/* begin ボタン：トピックス、グループ企業 */
#toppage div#links div#topics-group p#btn-topics {
	margin:0 auto 20px;
	width:197px;
	height:41px;
	background:url(../images/btn_topics.gif) no-repeat;
}

#toppage div#links div#topics-group p#btn-topics a {
	display:block;
	width:197px;
	height:41px;
	background:url(../images/btn_topics.gif) no-repeat;
	text-indent:-9999px;
}

#toppage div#links div#topics-group p#btn-topics a:hover {
	background-position:0 -41px;
}

#toppage div#links div#topics-group p#btn-group {
	margin:0 auto;
	width:197px;
	height:41px;
	background:url(../images/btn_group.gif) no-repeat;
}

#toppage div#links div#topics-group p#btn-group a {
	display:block;
	width:197px;
	height:41px;
	background:url(../images/btn_group.gif) no-repeat;
	text-indent:-9999px;
}

#toppage div#links div#topics-group p#btn-group a:hover {
	background-position:0 -41px;
}
/* end ボタン：トピックス、グループ企業 */

/* begin リンク：会社概要、採用情報 */
#toppage div#links div#link-table-01,
#toppage div#links div#link-table-02 {
	line-height:1em;
}

#toppage div#links div#link-table-01 table,
#toppage div#links div#link-table-02 table {
	width:100%;
}

#toppage div#links th {
	padding:3px 15px 3px 5px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:left;
}

#toppage div#links td {
	padding:3px 15px 3px 5px;
	border-bottom:1px solid #D3D3D3;
}
/* end リンク：会社概要、採用情報 */

/* ------------------------------------------------
     会社概要：概要
------------------------------------------------- */

#outline table {
	width:340px;
}

#outline div#content-main {
	background:url(../profile/images/img01.jpg) no-repeat 375px 30px;
}

#outline table th,
#outline table td {
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

#outline table th {
	padding-left:1em;
	padding-right:1em;
	background:#f4f4f4;
	white-space:nowrap;
}

#outline table td {
	padding-left:1em;
	padding-right:0;
}

/* ------------------------------------------------
     会社概要：沿革
------------------------------------------------- */

#history table {
	width:100%;
}

#history table th,
#history table td {
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

#history table th {
	padding-left:1em;
	padding-right:1em;
	background:#f4f4f4;
	white-space:nowrap;
}

#history table td {
	padding-left:1em;
	padding-right:0;
}

/* ------------------------------------------------
     会社概要：経営理念
------------------------------------------------- */

#philosophy div#philosophy-body {
	float:left;
	width:340px;
	margin-right:15px;
}

#philosophy div#philosophy-body ul li h3 {
	color:#6b4900;
}

#philosophy div#ceo {
	float:left;
	width:160px;
	text-align:center;
}

/* ------------------------------------------------
     会社概要：品質方針
------------------------------------------------- */

#policy ul#move {
	margin-bottom:0.5em;
}

#policy ul#move li {
	display:inline;
	margin-right:10px;
	padding-left:13px;
	background:url(images/arrow01.gif) no-repeat left 2px;
	font-size:90%;
}

#policy h3 {
	margin-bottom:5px;
}

#policy p.date {
	margin:0;
	text-align:right;
}

#policy p.signature {
	text-align:right;
}

#policy div#procurance ol {
	margin-bottom:1em;
}

#policy div#procurance li p {
	margin-bottom:0;
}

#policy ol#environment-policy li {
	margin-bottom:1em;
}

#policy ol#environment-policy li ol li {
	margin-bottom:0;
}

#policy ol#safety-policy li {
	margin-bottom:1em;
}

#policy ol#safety-policy ol li {
	margin-bottom:1em;
}

#policy ol#safety-policy ol ol li {
	margin-bottom:0;
	list-style:lower-roman;
}


/* ------------------------------------------------
     会社概要：ワークライフ取組
------------------------------------------------- */

#life p.text-column {
	float:left;
	width:340px;
	margin-right:15px;
	margin-bottom:1em;
}

#life p.photo-column {
	float:left;
	width:160px;
	margin-bottom:1em;
}

#life h3 {
	margin-bottom:5px;
}

#life h4 {
	clear:both;
}

/* ------------------------------------------------
     製品紹介：製品１
------------------------------------------------- */

#products1 p.img-wrapper {
	text-align:center;
}

#products1 p.img-wrapper img {
	margin-bottom:1em;
}

/* ------------------------------------------------
     採用情報：募集内容
------------------------------------------------- */

#recruiting ul#move {
	margin-bottom:0.5em;
}

#recruiting ul#move li {
	display:inline;
	margin-right:10px;
	padding-left:13px;
	background:url(images/arrow01.gif) no-repeat left 2px;
	font-size:90%;
}

#recruiting h3 {
	margin-bottom:5px;
}

#recruiting table {
	margin-bottom:1em;
	width:100%;
}

#recruiting table th,
#recruiting table td {
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

#recruiting table th {
	padding-left:1em;
	padding-right:1em;
	background:#f4f4f4;
	white-space:nowrap;
}

#recruiting table td {
	padding-left:1em;
	padding-right:0;
}

/* ------------------------------------------------
     採用情報：社員紹介
------------------------------------------------- */

#member h3 {
	clear:both;
	margin-bottom:5px;
}

#member div.member-wrapper {
	clear:both;
	margin-left:15px;
	width:500px;
}

#member div.member-wrapper p.text-column {
	float:right;
	width:385px;
	margin-left:15px;
	margin-bottom:2em;
}

#member div.member-wrapper p.photo-column {
	float:right;
	width:100px;
	margin-bottom:2em;
	text-align:center;
}

/* ------------------------------------------------
     採用情報：エントリーフォーム
------------------------------------------------- */

#entry #content-main input,
#entry #content-main select,
#entry #content-main textarea {
	font-size:12px;
}

#entry #content-main textarea {
	width:90%;
}

#entry #content-main input.address {
	width:90%;
}

#entry #content-main th,
#entry #content-main td {
	padding:5px;
	background:#eee;
	border-bottom:1px solid #fff;
}

#entry #content-main th {
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}

#entry #content-main td {
}

#entry div.agree {
	margin:1em 0;
	padding:1em;
	border:1px solid #666;
}
#entry p.check-agree {
	text-align:center;
}

#entry p.btn-confirm {
	margin:1em;
	text-align:center;
}

#entry div#notes {
	margin:1em 0;
	padding:1em;
	border:1px solid #666;
	background:#fffde9;
}

#entry div#notes h3 {
	margin:1em 0;
	text-align:center;
	font-size:100%;
}

#entry div#notes p {
}

#entry div#notes ul li {
	list-style-type:disc;
}

#entry .required {
	color:#f00;
	font-size:80%;
}

#entry .textbox {
	height:6em;
	overflow:auto;
}

#entry div#error {
	color:#f00;
}

#entry #content-main ul {
	margin:1em 2em;
}

#entry div#end-entry p {
	margin:1em 0;
	text-align:center;
}

/* ------------------------------------------------
     アクセスマップ
------------------------------------------------- */

#access p#map {
	text-align:center;
}

/* ------------------------------------------------
     サイトマップ
------------------------------------------------- */

#sitemap div.category {
	padding:0.5em 1em;
	border-bottom:1px solid #ccc;
}

#sitemap div.colored {
	background:#f4f4f4;
}

#sitemap div.colored-top {
	background:#f4f4f4;
	border-top:1px solid #ccc;
}

#sitemap div.category:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#sitemap div.category { display: inline-block; }
/* exlude MacIE5 \*/
* html #sitemap div.category { height: 1% }
#sitemap div.category {display:block;}
/* end MacIE5 */

#sitemap div.category h3 {
	float:left;
	width:170px;
	font-size:110%;
	font-weight:normal;
}

#sitemap div.category ul {
	float:left;
	width:300px;
}

#sitemap div.category ul li {
	margin-bottom:0;
	padding-left:15px;
	background:url(images/arrow01.gif) no-repeat left 5px;
}

/* ------------------------------------------------
     トピックス
------------------------------------------------- */

/* トピックス一覧 */
#topics #content-main table th,
#topics #content-main table td {
	padding:3px 0;
	border-bottom:1px solid #cdd4dd;
	vertical-align:top;
}

#topics #content-main table th {
	width:90px;
}

#topics #content-main table td {
	width:410px;
}

#topics #content-main table td.indent {
	padding-left:35px;
}

#topics #content-main td.new {
	padding-left:35px;
	background:url(images/new.gif) no-repeat left 6px;
}
/* /トピックス一覧/ */

#topics h3 {
	margin-bottom:1em;
	padding-bottom:2px;
	padding-left:1.2em;
	border-bottom:1px solid #333;
	font-size:110%;
	text-indent:-1.2em;
	line-height:120%;
}

#topics p.img {
	text-align:center;
}

#topics p.ref {
	margin-bottom:0;
}

/* ------------------------------------------------
     グループ企業
------------------------------------------------- */

#group div#group-map {
	margin-bottom:10px;
}

#group div#semicon {
	float:left;
	width:250px;
	margin-right:15px;
}

#group div#affiliate {
	float:left;
	width:250px;
}

#group h3 {
	margin-bottom:0.5em;
}

#group #content-main ul {
	margin-left:5px;
}

#group #content-main ul li {
	margin-bottom:6px;
	margin-left:20px;
	text-indent:-20px;
	line-height:110%;
}

#group #content-main ul li img {
	margin-right:5px;
	vertical-align:bottom;
}

#group #content-main ul#oversea li {
	margin-bottom:6px;
	margin-left:0;
	text-indent:0;
	padding-left:15px;
	background:url(images/arrow01.gif) no-repeat left 3px;
}

/* ------------------------------------------------
     お問い合わせ
------------------------------------------------- */

#inquiry #content-main input,
#inquiry #content-main select,
#inquiry #content-main textarea {
	font-size:12px;
}

#inquiry #content-main textarea {
	width:90%;
}

#inquiry #content-main th,
#inquiry #content-main td {
	padding:5px;
	background:#eee;
	border-bottom:1px solid #fff;
}

#inquiry #content-main th {
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}

#inquiry div.agree {
	margin:1em 0;
	padding:1em;
	border:1px solid #666;
}

#inquiry p.check-agree {
	text-align:center;
}

#inquiry p.btn-confirm {
	margin:1em;
	text-align:center;
}

#inquiry div#notes {
	margin:1em 0;
	padding:1em;
	border:1px solid #666;
	background:#fffde9;
}

#inquiry div#notes ul li {
	list-style-type:disc;
}

#inquiry div#notes h3 {
	margin:1em 0;
	text-align:center;
	font-size:100%;
}

#inquiry div#notes p {
}

#inquiry .required {
	color:#f00;
	font-size:80%;
}

#inquiry .textbox {
	height:6em;
	overflow:auto;
}

#inquiry div#error {
	color:#f00;
}

#inquiry #content-main ul {
	margin:1em 2em;
}

#inquiry div#end-entry p {
	margin:1em 0;
	text-align:center;
}


/* ------------------------------------------------
     個人情報保護方針
------------------------------------------------- */

#privacy p#signature {
	margin:1em 0;
	text-align:right;
}

#privacy div#contact {
	padding:0.5em;
	border:1px solid #444;
}

#privacy div#contact p {
	margin-bottom:0;
}




/* ------------------------------------------------
     clearfix
------------------------------------------------- */

#footer:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 1px;
}
* html #footer {
	zoom: 1;
}

