@charset "UTF-8";

/* 余分なもの消去
---------------------------- */
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

.bold		{font-weight:bold;}
.red		{color:#F00;}

ul {
	list-style-type: none;
}

table {
margin: 0;
padding: 0;
}

.button {
margin: 5px;
display:block;
border:solid 2px;
width:200px;
text-align:center;}

img.product {
border: 1px #ccc solid;
margin-top: 35px;
margin-bottom: 35px;
}

/* 基本テキスト設定
---------------------------- */
body {
	font-family: "Lucida Grande", Helvetica, Arial,  "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
	color: #555;
	margin: 0;
	padding: 0;
	background: #eee url(../images/bg_shadow.gif) top center repeat-y;
}

html>/**/body p {/* safariのみ適用-------------- */
letter-spacing:-0.1em;
}

a:link, a:visited {
	color: #99F;
	text-decoration: none;
}
a:hover, a:active {
	color: #FC9;
}
h3 {
display: block;
border-bottom: 2px solid #999;
border-top: 2px solid #999;
font-weight: 100;
font-size: 0.85em;
margin-bottom: 0.8em;
color: #222;
}

h4 {
margin-top: 2em;
display: block;
background-color: #eee;
font-weight: 100;
font-size: 0.85em;
color: #111;
height: 23px;
}
	h4 img {
	float:left;}

h5 {
display: block;
border-bottom: 1px solid #222;
font-weight: 100;
font-size: 0.85em;
margin-bottom: 0.8em;
color: #222;
}

h6 {
margin-top: 2em;
display: block;
background-color: #CC0000;
font-weight: 900;
font-size: 0.95em;
color: #FFF;
}

p {
text-align: left;
margin-top: 0;
margin-bottom: 2em;
}


/* 基本画面設定(2段組)
---------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #eee url(../images/bg_shadow.gif) top center repeat-y;
}

#box {
	text-align: center;
	background: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

#globalNavigator {
	text-align: left;
	width: 240px;
	float: left;
	
}

#contents {
	text-align: center;
	width: 480px;
	float: right;
	
	margin-left: 40px;
	padding-right: 40px;
}

#footer {
	clear: both;
}

/* グローバルナビゲータ
---------------------------- */
h1 a {
	text-indent: -9999px;
	display: block;
	background: url(../images/door.gif) no-repeat;
	height: 58px;
	width: 192px;
	margin-top: 35px;
	margin-left: 40px;
	margin-bottom: 35px;
}

#globalNavigator ul li {
	margin-bottom: 35px;
	margin-left: 40px;
}

#globalNavigator ul li a:hover,
#globalNavigator ul li a:active,
#globalNavigator ul li strong a
{
	background-position: 0 -35px;
}

#globalNavigator ul li strong {
	text-indent: -9999px;
	display: block;
	width: 133px;
	height: 35px;
}

#globalNavigator ul li a {
	text-indent: -9999px;
	display: block;
	
	width: 133px;
	height: 35px;
}

#navRecruit a {
background-image: url(../images/navi01.gif);
}
#navCompany a {
background-image: url(../images/navi02.gif);
}
#navProduct a {
background-image: url(../images/navi03.gif);
}
#navCose a {
background-image: url(../images/navi04.gif);
}
#navHome a {
background-image: url(../images/navi00.gif);
}


/* コンテンツ部分
---------------------------- */

#contents h3 {
color: #999;
margin: 1em;
}

#contents p {
text-align: left;
}
#contents p img {
float: right;
}

/* ローカルナビゲータ
---------------------------- */
#localNavigator {
	margin-top: 35px;
	text-align: right;
}

#localNavigator ul li {
padding-left: 10px;
display: inline;
margin-bottom: 0;
}

/* ローカルナビ カテゴリー別 色設定　カテゴリ：会社概要
---------------------------- */
#companylocal {
text-align: left;
border-bottom: 2px solid #F66;
margin-top: 15px;
margin-bottom: 0px;
}

#companylocal li a {
color: #333;
}

#companylocal li a:hover,
#companylocal li a:active,
#companylocal li strong a {
	color: #F66;
	font-weight: 100;
}

/* ローカルナビ カテゴリー別 色設定　カテゴリ：製品特徴
---------------------------- */
#productlocal {
text-align: left;
border-bottom: 2px solid #c6c;
margin-top: 15px;
margin-bottom: 0px;
}

#productlocal li a {
color: #333;
}

#productlocal li a:hover,
#productlocal li a:active,
#productlocal li strong a {
	color: #c6c;
	font-weight: 100;
}

/* ローカルナビ カテゴリー別 色設定　カテゴリ：事例紹介
---------------------------- */
#coselocal {
text-align: left;
border-bottom: 2px solid #09f;
margin-top: 15px;
margin-bottom: 0px;
}

#coselocal li a {
color: #333;
}

#coselocal li a:hover,
#coselocal li a:active,
#coselocal li strong a {
	color: #09f;
	font-weight: 100;
}

/* ローカルナビ カテゴリー別 色設定　カテゴリ：採用情報
---------------------------- */
#recruitlocal {
text-align: left;
border-bottom: 2px solid #f90;
margin-top: 15px;
margin-bottom: 0px;
}

#recruitlocal li a {
color: #333;
}

#recruitlocal li a:hover,
#recruitlocal li a:active,
#recruitlocal li strong a {
	color: #F90;
	font-weight: 100;
}


/* フッター部分
---------------------------- */
#footer {
padding-top: 0px;
text-align: center;
font-size: 0.85em;
}

#footer p {
text-align: right;
padding-right: 40px;
}

#footerNavigator {
background-color: #eee;
margin-left: 40px;
margin-right: 40px;
text-align: left;
}

#footerNavigator li {
padding-left: 10px;
display: inline;
}

#footerNavigator li a {
color: #444;
}

#footerNavigator li a:hover,
#footerNavigator li a:active,
#footerNavigator li strong a {
	color: #FC9;
	text-decoration: underline;
	font-weight: 100;
}


/* ボタンリスト
---------------------------- */

.btnlist　{
width:480px;
position:relative;
list-style-type:none;
}

.btnlist li	{
width: 200px;
float:left;
margin:0px 20px 20px 20px;
background-color:#666;
color:#fff;
}