@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px;
	color: #656565;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #DADADA;
	position: relative;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a {
}
a:link {
	text-decoration: underline;
	color: #303CFF;
}
a:visited {
	text-decoration: underline;
	color: #656565;
}
a:hover {
	text-decoration: underline;
	color: #5A8DA8;
}
a:active {
}
.clear {
	clear: both;
}

img{
	vertical-align: bottom;
	border: none;
}
.imgover{
}

/*
----ドロップシャドウ設定----------------------*/
div#drop_shadow {
	background-image: url(../images/drop_shadow.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 910px;
	padding-left: 10px;
}

/*
----ヘッダー設定----------------------*/

div#header {
	padding-top: 20px;
}
div#header h1 {
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 80px;
	width: 900px;
}

/*
----ヘッダーナビ設定----------------------*/

div#header ul {
	list-style-type: none;
	background-image: url(../images/header_navi.png);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	width: 900px;
	height: 20px;
	position: relative;
}
div#header ul li {
	display: block;
	position: absolute;
	text-indent: -9999px;
}
div#header ul a {
	text-decoration: none;
	display: block;
	position: absolute;
	background-image: url(../images/header_navi.png);
	background-repeat: no-repeat;
	height: 20px;
	outline:none;
	text-indent: -9999px;
}

/*
----ヘッダーナビロールオーバー設定----------------------*/

/*
			<li id="navi_shinetsu">ShinEtsu</li>
			<li id="navi_home">Home</li>
			<li id="navi_new">What's New</li>
			<li id="navi_profile">会社情報</li>
			<li id="navi_sitemap">項目別サイトマップ</li>
			<li id="navi_link">Link</li>
			<li id="navi_english">English</li>
*/

div#header ul li#navi_shinetsu a{
	width: 88px;
	left: 800px;
	top: -32px;
	background-image:none;
}

div#header ul li#navi_home a{
	width: 50px;
	left: 139px;
	top: 0px;
	background-position: -139px 0px;
}
div#header ul li#navi_home a:hover{
	background-position: -139px -20px;
}
div#header ul li#navi_new a{
	width: 54px;
	left: 509px;
	top: 0px;
	background-position: -509px 0px;
}
div#header ul li#navi_new a:hover{
	background-position: -509px -20px;
}

div#header ul li#navi_profile a{
	width: 122px;
	left: 567px;
	top: 0px;
	background-position: -567px 0px;
}
div#header ul li#navi_profile a:hover{
	background-position: -567px -20px;
}
div#header ul li#navi_sitemap a{
	width: 75px;
	left: 686px;
	top: 0px;
	background-position: -686px 0px;
}
div#header ul li#navi_sitemap a:hover{
	background-position: -686px -20px;
}
div#header ul li#navi_link a{
	width: 49px;
	left: 766px;
	top: 0px;
	background-position: -766px 0px;
}
div#header ul li#navi_link a:hover{
	background-position: -766px -20px;
}
div#header ul li#navi_english a{
	width: 90px;
	left: 820px;
	top: 0px;
	background-position: -820px 0px;
}
div#header ul li#navi_english a:hover{
	background-position: -820px -20px;
}

/*
----float用warpper設定----------------------*/

div#wrapper {
	width: 900px;
	background-image: url(../images/wrapper_background.jpg);
}

/*
----サイドナビ設定----------------------*/

ul#side_navi {
	width: 200px;
	list-style-type: none;
	height: 530px;
	float: left;
	position: relative;
	background-image: url(../images/side_navi.png);
	background-repeat: no-repeat;
	background-position: -400px 0px;
	padding-bottom: 20px;
}
ul#side_navi li {
	display: block;
	position: absolute;
	text-indent: -9999px;
}
ul#side_navi a {
	text-decoration: none;
	display: block;
	position: absolute;
	background-image: url(../images/side_navi.png);
	background-repeat: no-repeat;
	outline:none;
	text-indent: -9999px;
	width: 200px;
	left: 0px;
	height: 29px;
}

/*
---サイドナビロールオーバー設定----------------------*/

/*		<li id="navi_product">製品情報（磁石）</li>
			<li id="navi_application">製品情報（応用）</li>
			<li id="navi_circuit">磁気回路解析</li>
			<li id="navi_rd">R&amp;D情報</li>
			<li id="navi_masspro">希土類磁石の製造工程</li>
			<li id="navi_download">データダウンロード</li>
			<li id="navi_precaution">Precaution - 必ずお読み下さい</li>
			<li id="navi_contact">お問い合わせ</li>
			<li id="navi_design">希土類磁石の基礎</li>
			<li id="navi_rare">こんなところにも！希土類磁石</li>
*/

ul#side_navi li#navi_product a{
	top: 23px;
	background-position: 0px -23px;
}
ul#side_navi li#navi_product a:hover{
	background-position: -200px -23px;
}
ul#side_navi li#navi_application a{
	top: 53px;
	background-position: 0px -53px;
}
ul#side_navi li#navi_application a:hover{
	background-position: -200px -53px;
}
ul#side_navi li#navi_circuit a{
	top: 83px;
	background-position: 0px -83px;
}
ul#side_navi li#navi_circuit a:hover{
	background-position: -200px -83px;
}
ul#side_navi li#navi_rd a{
	top: 113px;
	background-position: 0px -113px;
}
ul#side_navi li#navi_rd a:hover{
	background-position: -200px -113px;
}
ul#side_navi li#navi_masspro a{
	top: 143px;
	background-position: 0px -143px;
}
ul#side_navi li#navi_masspro a:hover{
	background-position: -200px -143px;
}
ul#side_navi li#navi_download a{
	top: 173px;
	background-position: 0px -173px;
}
ul#side_navi li#navi_download a:hover{
	background-position: -200px -173px;
}
ul#side_navi li#navi_precaution a{
	top: 203px;
	background-position: 0px -203px;
}
ul#side_navi li#navi_precaution a:hover{
	background-position: -200px -203px;
}
ul#side_navi li#navi_contact a{
	top: 233px;
	background-position: 0px -233px;
}
ul#side_navi li#navi_contact a:hover{
	background-position: -200px -233px;
}
ul#side_navi li#navi_design a{
	top: 263px;
	background-position: 0px -263px;
}
ul#side_navi li#navi_design a:hover{
	background-position: -200px -263px;
}ul#side_navi li#navi_rare a{
	top: 293px;
	background-position: 0px -293px;
}
ul#side_navi li#navi_rare a:hover{
	background-position: -200px -293px;
}

/*
----メインコンテンツ設定----------------------*/

div#main {
	float: left;
	width: 700px;
	background-color: #FFFFFF;
}/*----div#main内はmain.cssにより設定----*/






/*
----フッター設定----------------------*/

div#footer {

}
div#footer ul{
	position: relative;
	list-style-type: none;
	background-image: url(../images/footer_background.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 48px;
}
div#footer ul li {
	display: block;
	position: absolute;
	text-indent: -9999px;
}
div#footer ul li a {
	text-decoration: none;
	display: block;
	position: absolute;
	background-image: url(../images/footer_background.png);
	background-repeat: no-repeat;
	outline:none;
	text-indent: -9999px;
}

/*
----フッターロールオーバー設定----------------------*/


/*	<li id="footer_site">サイトご利用上のご注意</li>
		<li id="footer_privacy">Privacy Policy</li>
		<li id="footer_copyright">Copyright(c)2007 Shin-Etsu Chemical Co.,Ltd.All rights reserved.</li>
		<li id="footer_shinetsu">信越化学工業株式会社</li>
*/

div#footer ul li#footer_site a{
	background-position: -37px 0px;
	left: 37px;
	top: 0px;
	height: 13px;
	width: 90px;
	z-index: 100;
}
div#footer ul li#footer_site a:hover{
	background-position: -37px -48px;
}
div#footer ul li#footer_privacy a{
	background-position: -163px 0px;
	left: 163px;
	top: 0px;
	height: 13px;
	width: 90px;
}
div#footer ul li#footer_privacy a:hover{
	background-position: -163px -48px;
}