@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yourName (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
	background: url(/resource/images/body-bg.jpg) 0 0 repeat-x;
	text-align: center;
}

a:link,
a:visited {
	color: #5394c5;
	text-decoration: none;
}

a.current,
a:hover,
a:active {
	color: #5394c5;
	text-decoration: underline;
}

sub {
	vertical-align: text-bottom;
}

sup {
	font-size: 0.9em;
	vertical-align: text-top;
}

#whole {
	text-align: center;
	position: relative;
}

#headSec {
	width: 990px;
	height: 74px;
	margin: 0 auto;
	background: url(/resource/images/header-bg.jpg) 0 0 no-repeat;
	text-align: left;
	position: relative;
}

#gNaviSec {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#bodySec {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#footSec {
	clear: both;
	margin: 0 auto;
	padding: 24px 0 34px;
	background: url(/resource/images/footer-bg.jpg) 0 0 repeat-x;
	text-align: center;
	overflow: hidden;
}

#footSec #footSec-inner {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

.txtR {
	text-align: right;
}

.txtC {
	text-align: center;
}

.b {
	font-weight: bold;
}

.color_r {
	color: #d00;
}

.none {
	display: none;
}

/*
	clearfix
*/
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
#skiplinkSec,
#headAnc,
#pagetop,
#naviAnc,
#mainAnc,
#endMainAnc {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#headSec
----------------------------------------------------*/
#headSec #logo {
	position: absolute;
	top: 20px;
	left: 30px;
}

#headSec #hNavi {
	position: absolute;
	top: 10px;
	right: 17px;
}

#headSec #hNavi li {
	display: inline;
}

#headSec #fontNav {
	width: 80px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	right: 338px;
}

#headSec #fontNav li {
	float: left;
	width: 40px;
	height: 20px;
}

#headSec #fontNav li span {
	display: block;
	width: 40px;
	height: 20px;
	background: url(/resource/images/btn-fontsize.gif) 0 0 no-repeat;
	cursor: pointer;
	text-indent: -500em;
	overflow: hidden;
}

#headSec #fontNav li#fontNav1 span {
	background-position: 0 0;
}

#headSec #fontNav li#fontNav2 span {
	background-position: -40px 0;
}

#headSec #fontNav li#fontNav1 span:hover {
	background-position: 0 -20px;
}

#headSec #fontNav li#fontNav2 span:hover {
	background-position: -40px -20px;
}

#headSec #fontNav li#fontNav1  span.active {
	background-position: 0 -40px;
}

#headSec #fontNav li#fontNav2  span.active {
	background-position: -40px -40px;
}

#headSec #search {
	width: 240px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 88px;
}

#headSec #search form {
	display: block;
	width: 240px;
	height: 24px;
	background: url(/resource/images/search-bg.jpg) 0 0 no-repeat;
}

#headSec #search form .keywords {
	width: 210px;
	background: none;
	border: medium none;
	position: absolute;
	top: 4px;
	left: 5px;
}

#headSec #search form .searchBtn {
	position: absolute;
	top: 0;
	right: 0;
}

/*----------------------------------------------------
	#gNaviSec
----------------------------------------------------*/
#gNaviSec {
	background: url(/resource/images/gnavi-bg.png) 0 0 no-repeat;
	overflow: hidden;
/*
position: relative;
-moz-box-shadow: 0 2px 2px #333;
-webkit-box-shadow: 0 2px 2px #333;
*/
}

#gNaviSec li {
	float: left;

}

#gNaviSec li a.current img,
#gNaviSec li a.parentsLink img {
	opacity: 0 !important;
	filter: alpha(opacity=0);
}

#gNaviSec li#company-btn {
	width: 201px;
	background-position: 0 0;
}

#gNaviSec li#ir-btn {
	width: 196px;
	background-position: -201px 0;
}

#gNaviSec li#products-btn {
	width: 196px;
	background-position: -397px 0;
}

#gNaviSec li#recruit-btn {
	width: 196px;
	background-position: -593px 0;
}

#gNaviSec li#inquiry-btn {
	width: 201px;
	background-position: -789px 0;
}

/*----------------------------------------------------
	#link-path
		パンくず
----------------------------------------------------*/
#link-path {
	margin: 0 0 26px 20px;
}

#link-path li {
	display: inline;
	padding: 0 10px;
	background: url(/resource/images/link-path.jpg) right center no-repeat;
	font-size: 0.8em;
}

#link-path li.firstChild {
	padding-left: 0;
}

#link-path li.lastChild {
	background: none;
}

/*----------------------------------------------------
	#bodySec
----------------------------------------------------*/
#bodySec #bodySec-inner {
	overflow: hidden;
}

/*----------------------------------------------------
	.pageTop
		ページトップ
----------------------------------------------------*/
.pageTop {
	clear: both;
	text-align: right;
}

.pageTop a {
}

#bottom-pageTop {
	width: 980px;
	margin: 100px auto 0;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 725px;
	min-height: 500px;
	background: url(/resource/images/main-bg.jpg) 0 0 no-repeat #fff;
}

#main h1 {
	height: 39px;
	margin: 24px 0 10px 20px;
	padding: 5px 0 0 24px;
	background: url(/resource/images/h1-bg.jpg) 0 bottom no-repeat;
	color: #194ba0;
	font-size: 1.8em;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Osaka,verdana,monospace,Sans-Serif;
}

#main #contents-body {
	margin: 0 24px 30px 50px;
}

#main #contents-body h2 {
	clear: both;
	height: 25px;
	margin-bottom: 15px;
	padding: 5px 0 0 10px;
	background: url(/resource/images/h2-bg.jpg) 0 0 no-repeat;
	color: #194ba0;
	font-size: 1.16em;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Osaka,verdana,monospace,Sans-Serif;
}

#main #contents-body h3 {
	clear: both;
	margin-bottom: 10px;
	padding: 2px 10px;
	background-color: #184ba0;
	color: #fff;
	font-size: 1.1em;
}

#main #contents-body h4 {
	clear: both;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #184ba0;
	color: #184ba0;
}

#main #contents-body p {
	margin-bottom: 1em;
}


/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: left;
	width: 235px;
	background-color: #fff;
}

#sub dl#lnav {
	margin: 2px 2px 30px;
	border: 1px solid #dfdfdf;
	padding: 1px;
/*
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
*/
}

#sub dl#lnav dd {
	padding: 0 2px;
}

#sub dl#lnav dd p {
	margin-top: 2px;
	border-bottom: 1px solid #194ba0;
}

#sub dl#lnav dd p a {
	display: block;
	margin-bottom: 1px;
	padding: 5px 10px 5px 14px;
	background: url(/resource/images/arrow2.gif) 0 0 no-repeat;
	border-top: 1px solid #fff;
	color: #194ba0;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:ease-in-out;
}

#sub dl#lnav dd p a.current,
#sub dl#lnav dd p a.parentsLink {
	background: url(/resource/images/arrow3.gif) 0 0 no-repeat #194ba0;
	border-bottom: none;
	color: #fff;
}

#sub dl#lnav dd p a:hover {
	background-color: #194ba0;
	color: #fff;
}

#sub dl#lnav ul li {
	padding: 6px 0;
	border-bottom: 1px solid #dfdfdf;
	font-size: 1.17em;
}

#sub dl#lnav ul li.lastChild {
	border: none;
}

#sub dl#lnav ul li ul li {
	border: none;
	font-size: 0.85em;
	letter-spacing: 0;
}

#sub dl#lnav ul li a {
	display: block;
	padding-left: 18px;
	background: url(/resource/images/arrow1.jpg) 5px 0.45em no-repeat;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:ease-in-out;
}

#sub dl#lnav ul li ul li a {
	padding-left: 26px;
	background: url(/resource/images/link-path.jpg) 15px 0.45em no-repeat;
}

#sub dl#lnav ul li a.current,
#sub dl#lnav ul li a:hover {
	background-color: #e6eff8;
}

#bannerSec #banner-list li,
#sub #banner-list li {
	margin-bottom: 10px;
}

/*----------------------------------------------------
	#footSec
----------------------------------------------------*/
#footSec #fNavi {
	float: left;
}

#footSec #fNavi li {
	display: inline;
	padding: 0 8px;
	font-size: 0.8em;
}

#footSec #fNavi li a {
	color: #949494;
}

#footSec #copyright {
	float: right;
	color: #949494;
}