/* CSS Document

LastUpDate
	
2006.03.02

---------------------------------------- */

/* 記述形式


１．プロパティは、同系統の場合1行で記述可能とする。

２．プロパティが2つ以内の場合は、1行で記述可能とする。

３．子要素は、右にTabして記述可能とする。

４．id要素名は、基本的に半角小文字のみの記述とする。

５．class要素名は、基本的に半角小文字の記述とするが、単語の頭部分においてのみは半角大文字の記述可能とする。

６．id要素名とclass要素名に同じ要素名をつけることは禁止とする。

７．子id要素名は、可能な限り親id要素名に近しい名前をつけることを推奨する。

８．記述の優先順位
	(1)display, float, position
	(2)margin, padding
	(3)width, height
	(4)text-●●●●系
	(5)background系
	(6)font系
	(7)その他


-------------------------------------------------------------------------------------- */


/* ページ全体
---------------------------------------------------------------------------------------*/

/* 全ての要素に指定 */
*{ margin: 0; padding: 0; }

/* Body要素に指定 */
body{
	font: 12px/18px "ＭＳ ゴシック", "Osaka−等幅";
	text-align: center;
	background-color: #000000;
}

/* ｈ１要素に指定 */
h1{
	position: absolute;
	text-indent: -9999px;
}

/* ｈ２要素（全てのサブタイトル）に指定 */
h2{
	margin: 0 auto;
	width: 617px; height: 72px;
	text-indent: -9999px;
}

/* リンク要素に指定 */
a{ color: #0033cc; text-decoration: none; }
a:hover{ text-decoration: underline; }

/* イメージ共有時用のリンク要素に指定 */
a:hover .Underline{ text-decoration: underline; }

/* テキスト関係のクラス指定 */
.small{ font-size: 10px; }

/* フォームのボタン要素に指定 */
.btn{ cursor: pointer; }


/* BOXレイアウト 
------------------------------*/
/* ページ全体用BOX */
#container{
	margin: 0 auto;
}

/* ヘッダーBOX */
#header{
	margin: 0 auto;
	height: 97px;
	background: url(../share/headerBackground_x.gif) center top repeat-x;
}

/* コンテンツBOX */
#contents{
	margin: 0 auto;
	width: auto; height: auto; min-width: 984px;
	font: 12px/20px "ＭＳ ゴシック", "Osaka−等幅";
	text-align: left;
	background: #ffffff url(../share/contentsBackground.gif) center top repeat-y;
}
/* フラッシュコンテンツBOX */
#flasharea{
	width: auto; height: auto;
	background: #ffffff url(../share/dustBackground_x.gif) left top repeat-x;
	}
	#fcontents{
		margin: 0 auto; padding: 30px 0 0 0;
		width: 984px; height: 488px;
		background: #ffffff url(../share/flaBackground.gif) center top no-repeat; 
	}

/* フッターBOX */
#footer{
	margin: 0 auto;
	width: auto; height: 193px;
	background: #000000 url(../share/footerBackground_x.gif) center top repeat-x;
}

/* パンくず */
#dust{
	width: auto; height: 100px;
	background: #ffffff url(../share/dustBackground_x.gif) left top repeat-x;
	}
	p#dustlink{
		padding: 40px;
		width: 904px; height: 20px;
		background: url(../share/dustBackground.gif) center top no-repeat;
		font: 10px/14px "ＭＳ ゴシック", "Osaka−等幅";
		color: #666666; text-align: left;
	}

/* コンテンツフッター */
#cfooter{
	margin: 0 auto;
	width: auto;
	background: #ffffff url(../share/cfooterBackground.gif) center top no-repeat;
}

p.pagetop {
	padding: 20px 0 0 770px;
	}
	p.pagetop a {
	display: block;
	width: 146px;
	height: 37px;
	background: url(../share/pagetop.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}
	p.pagetop a:hover { background-position: 0 -37px; }






/* ヘッダーメニュー 
------------------------------*/

/* ヘッダーメニューBOX */
ul#headmenu{
	padding: 54px 0 0 471px;
	width: 553px; height: 43px;
	background: url(../share/headerBackground.jpg) left top no-repeat;
	}

	/* ヘッダーメニュー　リスト要素に指定 */
	ul#headmenu li{
		float: left; list-style: none;
		margin-right: 1px;
		}

/* ヘッダーメニュー　リスト内リンク要素に指定 */
ul#headmenu li a{
	display: block;
	width: 133px; height: 28px;
	text-indent: -9999px; text-decoration: none;
	background-image: url(../share/headerMenu.gif);
	background-repeat: no-repeat;
	}
ul#headmenu li span{
	display: block;
	width: 133px; height: 28px;
	text-indent: -9999px; text-decoration: none;
	background-image: url(../share/headerMenu.gif);
	background-repeat: no-repeat;
	}

	/* 各メニュー設定 */
	li.Home a{ background-position: 0px 0px; }
	li.Home a:hover, li.Home span.HomeOver{ background-position: 0px -28px; }
	li.Company a{ background-position: -133px 0px; }
	li.Company a:hover, li.Company span.CompanyOver{ background-position: -133px -28px; }
	li.Recruit a{ background-position: -266px 0px; }
	li.Recruit a:hover, li.Recruit span.RecruitOver{ background-position: -266px -28px; }
	li.Contact a{ background-position: -398px 0px; }
	li.Contact a:hover, li.Contact span.ContactOver{ background-position: -398px -28px; }

ul#headmenu li.Sitemap {
	position: absolute;
	top: 9px;
	padding-left: 392px;
	}
	*:first-child+html ul#headmenu li.Sitemap {
	padding-left: 0 !important;
	margin-left: -154px;
	}
	* html ul#headmenu li.Sitemap {
	padding-left: 0 !important;
	margin-left: -154px;
	}
	ul#headmenu li.Sitemap a {
	background-image: url(../share/sitemapBtn.jpg) !important;
	}
	ul#headmenu li.Sitemap a:hover { background-position: -0px -32px; }




/* フッターメニュー 
------------------------------*/
	
/* フッターメニューBOX */
ul#footmenu{
	padding: 55px 0px 0px 19px;
	width: 1005px; height: 138px;
	background: url(../share/footerBackground.gif) center top no-repeat;
	}* html ul#footmenu{ margin: 0px 0px 0px 0px; }

	/* フッターメニュー　リスト要素に指定 */
	ul#footmenu li{
		float: left;
		margin-right: 16px;
		}

		/* フッターメニュー　リスト内リンク要素に指定 */
		ul#footmenu li a{
			display: block;
			height: 13px;
			text-indent: -9999px; text-decoration: none;
			background-image: url(../share/footerMenu.gif);
			background-repeat: no-repeat;
			}

			/* 各メニュー設定 */
			li.SitePolicy a{ width: 81px; background-position: 0px 0px; }
			li.PrivacyPolicy a{ width: 116px; background-position: -97px 0px; }

/* コピーライト */
p#copyright{ text-indent: -9999px; }

#banner_box{
		clear: both;
		position: relative;
		top: 0px; left: 0px;
		width: 160px; height: 75px;
}

.jewel_banner a{
		display: block;
		width: 160px; height: 75px;
		background-image: url(../company/img/banner.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}