@charset "Shift_JIS";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #3C3C3C;
}

#container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}


#header {
	padding: 10px 0 0 0;
}
#header h1 {
	margin: 0; 
	padding: 0;
	height:110px;
	background-image:url(../img/kaneyoshi_top.gif);
	background-repeat:no-repeat;
	text-indent: -7777px;
}


#globalMenu{
	padding-top:20px;
}
#globalMenu h2{
	margin:0;
	padding:0;
	display:none;
}
#globalMenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#globalMenu li{
	height:60px;
	float:left;
	text-indent: -7777px;
	cursor:pointer;
}
#globalMenu .home{
	width:125px;
	background-image:url(../img/global_navi.gif);
	background-position: 0px 0px;
}
#globalMenu .about{
	width:145px;
	background-image:url(../img/global_navi.gif);
	background-position: -125px 0px;
}
#globalMenu .service{
	width:140px;
	background-image:url(../img/global_navi.gif);
	background-position: -270px 0px;
}
#globalMenu .access{
	width:195px;
	background-image:url(../img/global_navi.gif);
	background-position: -410px 0px;
}
#globalMenu .contact{
	width:195px;
	background-image:url(../img/global_navi.gif);
	background-position: -605px 0px;
}

#globalMenu .home:hover, #globalMenu .home.select{
	background-position: 0px 60px;
}
#globalMenu .about:hover, #globalMenu .about.select{
	background-position: -125px 60px;
}
#globalMenu .service:hover, #globalMenu .service.select{
	background-position: -270px 60px;
}
#globalMenu .access:hover, #globalMenu .access.select{
	background-position: -410px 60px;
}
#globalMenu .contact:hover, #globalMenu .contact.select{
	background-position: -605px 60px;
}



#mainContent {
	padding: 30px 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}


#mainContent_main{
	float:left;
	width:565px;
	padding-right:15px;
	border-right:1px solid #ddd;
}

#mainContent_main h2{
	display:block;
	height:24px;
	font-size:20px;
	background-image:url(../img/_html/h_title.png);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:40px;
}


#mainContent_side{
	float:right;
	width:160px;
	padding:0 5px;
}


#footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#DDDDDD;
	background-image: url(../img/footer2.png);
	text-align:center;
	font-size:0.9em;
}
#footer a{ color:#333; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

#footer ul{
	display:inline;
}
#footer li{
	display:inline;
	padding-right:25px;
	text-align:center;
}


.space{ margin-top:60px;}

.company_table{}
.company_table th{ background-color:#EFEFEF; border-bottom:1px solid #FFF;}
.company_table td{}