@charset "utf-8";
/*
=============================================================================
style.css
=============================================================================
Theme Name: Ohara Corporation
Theme URI: 
Description: 株式会社 大原鉄工所のオリジナルテーマ
Version: 1.0
Structure:
	[Reset]
		00. Yahoo UI Library: Reset CSS, Fonts CSS
		01. HTML, Body, Anchor
		02. Heading, Form
		99. Others
			99-01. Inline-level Elements
			99-02. Block-level Elements
			99-03. For IE - Page Zoom
	[Main Layout]
		01. Site Name
		02. Container
		03. Header
		04. Content
		05. Footer
	[Site Name]
		01. Site Name
	[Header]
		01. Change Language
		02. Nav
		03. Search Form
	[Breadcrumbs]
		01. Breadcrumbs
	[Content]
		01. Goto Top Nav
		02. Quick Nav
	[Footer]
		01. Footer Link
		02. Address
	[Common Page]
		01. Site Announcement(404,system maintenance)
		02. Noscript Message
	[Clearfix]
	[Other]
*/

/*
-----------------------------------------------------------------------------
[Reset]
=============================================================================
/*	00. Yahoo UI Library: Reset CSS, Fonts CSS
-----------------------------------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#232323;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* font-size reference:
	 77% = 10px		100% = 13px		124% = 16px		147% = 19px		170% = 22px		193% = 25px
	 85% = 11px		108% = 14px		131% = 17px		154% = 20px		177% = 23px		200% = 26px
	 93% = 12px		116% = 15px		139% = 18px		162% = 21px		185% = 24px
*/
body{font:13px/1.231 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","ＭＳ Ｐゴシック",sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*	01. HTML, Body, Anchor
-----------------------------------------------------------------------------*/
body {
	line-height: 1.4;
	text-align: center;
	}

a { color: #2971a7; }
a:link,
a:visited { text-decoration: none; }
a:hover,
a:active { text-decoration: underline; }

/*	02. Heading, Form
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height: 1; }

legend { display: none; }
label { cursor: pointer; }

/*	99. Others
-----------------------------------------------------------------------------*/
/*  99-01. Inline-level Elements
	-------------------------------------------------------------------------*/
img { vertical-align: top; }
object { outline: 0; }
strong { font-weight: bold; }

input, select, textarea { font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","ＭＳ Ｐゴシック",sans-serif; }
input:focus, select:focus, textarea:focus { outline: 0; }

/*  99-02. Block-level Elements
	-------------------------------------------------------------------------*/
hr {
	display: none;
	height: 0;
	border: none;
	line-height: 0;
	overflow: hidden;
	}

/*  99-03. For IE
	-------------------------------------------------------------------------*/
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/*
-----------------------------------------------------------------------------
[Main Layout]
=============================================================================
Structure:
body					: 100%
  #site-name			: 950px;
  #container			: 100%
	#header				  : 950px
	.content			  : 950px
	  #quick-nav-wrapper	: 950px
	#utility			  : 100%
	  .utility-content		: 950px
	#footer				  : 100%
	  #footer-inner			: 950px
*/

/*	01. Site Name
-----------------------------------------------------------------------------*/
div#site-name {
	position: relative;
	width: 950px;
	margin: 0 auto;
	z-index: 60;
	}

/*	02. Container
-----------------------------------------------------------------------------*/
div#container {
	position: relative;
	width: 100%;
	background-color: #f7f7f5;
	text-align: left;
	z-index: 1;
	}

/*	03. Header
-----------------------------------------------------------------------------*/
div#header {
	width: 100%;
	height: 99px;
	background: url(./images/bg-container.gif) repeat-x 0 0;
	z-index: 2;
	}

	div#header-wrapper {
		position: relative;
		width: 950px;
		height: 99px;
		margin: 0 auto;
		z-index: 2;
		}

/*	04. Content
-----------------------------------------------------------------------------*/
div.content {
	position: relative;
	width: 950px;
	margin: 30px auto 0;
/*
	overflow: hidden;
*/
	z-index: 1;
	}

	div#quick-nav-wrapper {
		clear: both;
		position: relative;
		width: 944px;
		margin: 40px auto 0;
		padding: 3px;
		background: url(./images/bg-dots4.png) repeat 100% 0;
		}

/*	05. Footer
-----------------------------------------------------------------------------*/
div#footer {
	width: 100%;
	height: 70px;
	margin: 40px auto 0;
	background: url(./images/bg-footer.gif) repeat 0 0;
	z-index: 10;
	}

	div#footer-inner {
		width: 950px;
		margin: 0 auto;
		padding-top: 10px;
		}

/*
-----------------------------------------------------------------------------
[Site Name]
=============================================================================
/*	01. Site Name
-----------------------------------------------------------------------------*/
div#site-name h1 {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 210px;
	height: 45px;
	z-index: 50;
	}

/*
-----------------------------------------------------------------------------
[Header]
=============================================================================
/*	01. Change Language
-----------------------------------------------------------------------------*/
ul#change-lang {
	position: absolute;
	top: 0;
	right: 0;
	width: 130px;
	height: 31px;
	padding-left: 95px;
	background: url(./images/bg-language.gif) no-repeat 0 0;
	}

	ul#change-lang li {
		float: left;
		width: 55px;
		height: 27px;
		}

		ul#change-lang li a {
			display: block;
			width: 55px;
			height: 27px;
			font-size: 1px;
			background-image: url(./images/btn-language.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
			outline: 0;
			overflow: hidden;
			}
			ul#change-lang li#lang-ja a { background-position: 0 0; }		/* 日本語 */
			ul#change-lang li#lang-en a { background-position: -55px 0; }	/* English */
			ul#change-lang li#lang-ja a:hover,
			ul#change-lang li#lang-ja a:active { background-position: 0 -27px; }
			ul#change-lang li#lang-en a:hover,
			ul#change-lang li#lang-en a:active { background-position: -55px -27px; }
			ul#change-lang li#lang-ja a.select-lang { background-position: 0 -54px; }
			ul#change-lang li#lang-en a.select-lang { background-position: -55px -54px; }

/*	02. Nav
-----------------------------------------------------------------------------*/
/* グローバルメニュー */
ul#global-menu {
	position: absolute;
	top: 70px;
	left: 13px;
	z-index: 60;
	}

	ul#global-menu li {
		float: left;
		height: 30px;
		}

		ul#global-menu li a {
			display: block;
			width: 185px;
			height: 30px;
			font-size: 1px;
			text-indent: -9999px;
			outline: 0;
			overflow: hidden;
			}

			/* ホーム */
			ul#global-menu li#global-menu-home a { width: 186px; }
			ul#global-menu li#global-menu-home a:link,
			ul#global-menu li#global-menu-home a:visited { background-position: 0 0; }
			ul#global-menu li#global-menu-home a:hover { background-position: 0 -30px; }
			ul#global-menu li#global-menu-home a:active { background-position: 0 -60px; }
			ul#global-menu li#global-menu-home a.selected { background-position: 0 -90px; }
			/* 製品紹介 */
			ul#global-menu li#global-menu-products a:link,
			ul#global-menu li#global-menu-products a:visited { background-position: -186px 0; }
			ul#global-menu li#global-menu-products a:hover { background-position: -186px -30px; }
			ul#global-menu li#global-menu-products a:active { background-position: -186px -60px; }
			ul#global-menu li#global-menu-products a.selected { background-position: -186px -90px; }
			/* 採用情報 */
			ul#global-menu li#global-menu-recruit a:link,
			ul#global-menu li#global-menu-recruit a:visited { background-position: -371px 0; }
			ul#global-menu li#global-menu-recruit a:hover { background-position: -371px -30px; }
			ul#global-menu li#global-menu-recruit a:active { background-position: -371px -60px; }
			ul#global-menu li#global-menu-recruit a.selected { background-position: -371px -90px; }
			/* 会社情報 */
			ul#global-menu li#global-menu-corporate a:link,
			ul#global-menu li#global-menu-corporate a:visited { background-position: -556px 0; }
			ul#global-menu li#global-menu-corporate a:hover { background-position: -556px -30px; }
			ul#global-menu li#global-menu-corporate a:active { background-position: -556px -60px; }
			ul#global-menu li#global-menu-corporate a.selected { background-position: -556px -90px; }
			/* お問い合わせ */
			ul#global-menu li#global-menu-contact a:link,
			ul#global-menu li#global-menu-contact a:visited { background-position: -741px 0; }
			ul#global-menu li#global-menu-contact a:hover { background-position: -741px -30px; }
			ul#global-menu li#global-menu-contact a:active { background-position: -741px -60px; }
			ul#global-menu li#global-menu-contact a.selected { background-position: -741px -90px; }

			div.lang-en ul#global-menu li a { background-image: url(./images/btn-global-menu.gif); }
			div.lang-jp ul#global-menu li a { background-image: url(./images/ja/btn-global-menu.gif); }

/* グローバルメニュー下の影 */
div#header div#global-menu-shadow {
	position: absolute;
	top: 68px;
	left: 10px;
	width: 937px;
	height: 37px;
	background: url(./images/bg-global-menu-shadow.png) no-repeat 0 0;
	z-index: 50;
	zoom: 1;
	}

/* ヘッダリンク */
ul#header-link {
	position: absolute;
	top: 12px;
	left: 300px;
	}

	ul#header-link li {
		float: left;
		height: 20px;
		margin-right: 25px;
		}

		ul#header-link li a {
			display: block;
			height: 20px;
			font-size: 1px;
			text-indent: -9999px;
			outline: 0;
			overflow: hidden;
			}

			/* ニュース */
			ul#header-link li#link-news a { width: 60px; }
			ul#header-link li#link-news a:hover,
			ul#header-link li#link-news a:active { background-position: 0 -20px; }
			div.lang-en ul#header-link li#link-news a { background-image: url(./images/btn-header-news.gif); }
			div.lang-jp ul#header-link li#link-news a { background-image: url(./images/ja/btn-header-news.gif); }
			/* アクセスマップ */
			ul#header-link li#link-access a { width: 91px; }
			ul#header-link li#link-access a:hover,
			ul#header-link li#link-access a:active { background-position: 0 -20px; }
			div.lang-en ul#header-link li#link-access a { background-image: url(./images/btn-header-access.gif); }
			div.lang-jp ul#header-link li#link-access a { background-image: url(./images/ja/btn-header-access.gif); }
			/* サイトマップ */
			ul#header-link li#link-sitemap a { width: 79px; }
			ul#header-link li#link-sitemap a:hover,
			ul#header-link li#link-sitemap a:active { background-position: 0 -20px; }
			div.lang-en ul#header-link li#link-sitemap a { background-image: url(./images/btn-header-sitemap.gif); }
			div.lang-jp ul#header-link li#link-sitemap a { background-image: url(./images/ja/btn-header-sitemap.gif); }

/*	03. Search Form
-----------------------------------------------------------------------------*/
/* サイト内検索フォーム */
div#header-search form input.search-text {
	position: absolute;
	top: 37px;
	left: 728px;
	width: 150px;
	height: 13px;
	padding: 3px 4px;
	border: 1px solid #bdc6cf;
	background-color: #fff;
	font-size: 93%;
	line-height: 13px;
	vertical-align: middle;
	}
	div#header-search form input.search-text:focus { outline: 0; }
	/* IE7 Hack */
	*:first-child+html div#header-search form input.search-text {
		margin: 0 1px;
		}

/* 検索ボタン */
div#header-search form button {
	position: absolute;
	top: 37px;
	left: 894px;
	width: 51px;
	height: 21px;
	background-color: #fff;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	}
	div.lang-en div#header-search form button { background-image: url(./images/btn-search.gif); }
	div.lang-jp div#header-search form button { background-image: url(./images/ja/btn-search.gif); }
	div#header-search form button:hover,
	div#header-search form button:active { background-position: 0 -21px; }


/*
-----------------------------------------------------------------------------
[Breadcrumbs]
=============================================================================
/*	01. Breadcrumbs
-----------------------------------------------------------------------------*/
div#breadcrumbs {
	position: relative;
	width: 950px;
	height: 23px;
	margin: 22px auto 20px;
	z-index: 10;
	}

	div#breadcrumbs ul {
		width: 860px;
		height: 23px;
		}

		div#breadcrumbs ul li {
			float: left;
			padding-left: 20px;
			background: url(./images/bg-breadcrumbs-join.png) no-repeat 0 50%;
			color: #232323;
			font-size: 85%;
			line-height: 23px;
			}
			/* ホーム */
			div#breadcrumbs ul li.start {
				padding-left: 10px;
				background-image: url(./images/bg-breadcrumbs-start.png);
				}
			/* カレント */
			div#breadcrumbs ul li.end { background-image: url(./images/bg-breadcrumbs-current-start.png); }

			/* アンカー */
			div#breadcrumbs ul li a {
				display: block;
				padding: 0 2px 0 5px;
				background: url(./images/bg-breadcrumbs-body.png) repeat-x 0 50%;
				color: #232323;
				text-decoration: none;
				overflow: hidden;
				}
				div#breadcrumbs ul li.start a { padding-left: 0; }

				div#breadcrumbs ul li a:focus { outline: 0; }
				div#breadcrumbs ul li a:hover { text-decoration: underline; }
		
			/* 区切り文字（>） */
			div#breadcrumbs ul li span { display: none; }

			/* カレントのタイトル（アンカーでない） */
			div#breadcrumbs ul li.end span.current {
				display: block;
				padding: 0 20px 0 5px;
				background: url(./images/bg-breadcrumbs-current.png) no-repeat 100% 50%;
				}

	/* 収まりきらないタイトルの場合に右端にグラデーションをかける */
	div#breadcrumbs div#breadcrumbs-inner {
		position: relative;
		width: 860px;
		height: 23px;
		}

		div#breadcrumbs div#breadcrumbs-inner span#breadcrumbs-end {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 100px;
			height: 23px;
			background: url(./images/img-breadcrumbs_end.png) 100% 0 no-repeat;
			}


/*
-----------------------------------------------------------------------------
[Content]
=============================================================================
/*	01. Goto Top Nav
-----------------------------------------------------------------------------*/
div#goto-top {
	position: absolute;
	top: -20px;
	right: 0;
	width: 180px;
	height: 20px;
	background: url(./images/bg-dots4.png) repeat 100% 0;
	text-align: center;
	}
	div#goto-top a { outline: 0; }
		div#goto-top a img {
			height: 16px;
			margin-top: 4px;
			}

/*	02. Quick Nav
-----------------------------------------------------------------------------*/
/* クイックナビゲーション */
div#quick-nav {
	padding: 15px 0 0 25px;
	background-color: #fbfbfa;
	font-size: 93%;
	}

div#quick-nav a { color: #232323; }

div#quick-nav ul.quick-nav-row,
div#quick-nav ul.quick-nav-row-last {
	float: left;
	width: 210px;
	margin-right: 20px;
	}
div#quick-nav ul.quick-nav-row-last { margin: 0; }

	/* リンクリスト */
	div#quick-nav ul li {
		margin-bottom: 0.5em;
		padding: 0.25em 0 0.25em 20px;
		background: url(./images/li-head2.png) no-repeat 0 0.25em;
		font-weight: bold;
		line-height: 1.2;
		vertical-align: middle;
		}

		div#quick-nav ul.quick-nav-child,
		div#quick-nav ul.quick-nav-grandchild { margin-top: 0.4em; }

		div#quick-nav ul.quick-nav-child li,
		div#quick-nav ul.quick-nav-grandchild li {
			padding-left: 15px;
			background: url(./images/img-list-circle.png) no-repeat 0 0.5em;
			font-weight: normal;
			}
			div#quick-nav ul.quick-nav-grandchild li { background: url(./images/img-list-disc.png) no-repeat 0 0.5em; }


		div#quick-nav ul.quick-nav-child li { margin: 0.2em 0 0; }

	/* 外部リンクのリストマーク */
	div#quick-nav ul li.external-link { background: url(./images/img-anchor.gif) no-repeat 1px 0.4em; }

/* サイトマップ */
div#sitemap div#quick-nav {
	padding: 0;
	background: none;
	}

div#sitemap div#quick-nav ul.quick-nav-row,
div#sitemap div#quick-nav ul.quick-nav-row-last { width: 216px; }


/*
-----------------------------------------------------------------------------
[Footer]
=============================================================================
/*	01. Footer Link
-----------------------------------------------------------------------------*/
ul#footer-link { float: left; }

	ul#footer-link li {
		float: left;
		padding: 0 20px;
		background: url(./images/li-head2.png) no-repeat 0 50%;
		font-size: 93%;
		}

		ul#footer-link li a { color: #323232; }

/*	02. Address
-----------------------------------------------------------------------------*/
address {
	float: right;
	padding-left: 20px;
	color: #555;
	font-size: 77%;
	}


/*
-----------------------------------------------------------------------------
[Other]
=============================================================================*/
/*	01. Element Styling
-----------------------------------------------------------------------------*/
a.link {
	padding-right: 17px;
	background: url(./images/img-anchor.gif) no-repeat 100% 50%;
	}

a.pdf {
	padding-right: 19px;
	background: url(./images/img-pdf.gif) no-repeat 100% 50%;
	}

a.more {
/*
	margin-left: 0.5em;
*/
	padding-right: 8px;
	background: url(./images/bg-more-arrow.gif) no-repeat 100% 50%;
	}

/* IE6,7において、インライン要素への背景画像指定が不正表示されることへの対処 */
a.inline-bg-fix {
	padding: 0 !important;
	background: none !important;
	}
	a.inline-bg-fix span.bg-l { margin-right: -0.2em; }
	a.inline-bg-fix span.bg-r {
		margin-left: -0.2em;
		padding-right: 15px;
		}
	a.link span.bg-r { background: url(./images/img-anchor.gif) no-repeat 100% 50%; }
	a.pdf span.bg-r { background: url(./images/img-pdf.gif) no-repeat 100% 50%; }
	a.more span.bg-r { background: url(./images/bg-more-arrow.gif) no-repeat 100% 50%; }


.grid { zoom: 1; }
	.grid:after,
	.clear {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		}

.both { clear: both; }

.float-l { float: left; }
.float-r { float: right; }

.top {
	margin-top: 0 !important;
	padding-top: 0 !important;
	}
.left {
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left;
	}
.center { text-align: center; }
.right { text-align: right; }

.bold { font-weight: bold; }
.large { font-size: larger; }
.small { font-size: smaller; }

.hidden { display: none; }

.section {
	clear: both;
	padding-bottom: 20px;
	}

.section-half {
	clear: both;
	padding-bottom: 10px;
	}

.indent {
	clear: both;
	margin-left: 20px;
	}