@charset "utf-8";
/* CSS　リセット */
*{
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5;
}

body {
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
/* リンク画像の枠線を消す処理 */
img {
border: none;
}
.style2 {
	font-size: medium;
	font-weight: bold;
}
.style3 {
	font-size: 80%
}
.style4 {
	font-size: 160%;
	font-weight: bold;
}
.style6 {
	font-size: 120%
}
.style14 {font-size: x-small}
body,td,th {
	color: #330000;
}
.style15 {font-size: small}
body,td,th {
	color: #330000;
}
a:link {
	color: #996600;
}
a:visited {
	color: #330000;
}

.newstabletext {
	font-size: 70%;
}
a:link.newstable {
	color: #99FFFF;
}
a:visited.newstable {
	color: white;
}

#container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	/* border: 1px solid #000000;　 */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	width: 800px;
	height: 135px;
	background: #F8F8FF; 
	padding: 10px 0 0 0;
	margin: 0; 
	/* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

#logo {
	width: 780px;
	height: 110px;
	background-image:url(newsiteimage/logoblock.png);
	margin: 10px 10px 0px 10px;
}

#header h1 {
	font-size: 160%;
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
#submenu {
	margin: 0;
	width: 780px;
	height:auto;
	background:  #F5F5DC;	/* border: 1px solid #000000; */
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.boxsubmenu0 {
	width:94px;
	height:20px;
	text-align:center;
	color:green;
	background-image:url(newsiteimage/submenu0.png);
	float:left;
}

a.robsub0 {
	display:block;
	margin:0;
	padding:0;
	width:94px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:transparent url(newsiteimage/submenu0.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robsub0:hover{
	color:#99FF66;
	background-position:0 -20px;
	text-decoration:none;
}


.boxsubmenu {
	width:98px;
	height:20px;
	text-align:center;
	color:green;
	line-height:20px;
	font-weight: bold;
	background-image:url(newsiteimage/submenun.png);
	float:left;
}

a.robsub {
	display:block;
	margin:0;
	padding:0;
	width:98px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:transparent url(newsiteimage/submenu.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robsub:hover{
	color:#99FF66;
	background-position:0 -20px;
	text-decoration:none;
}


.boxsubmenu1 {
	width:120px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight: bold;
	color:#330000;
	background-image:url(newsiteimage/submenu10.png);
	margin-top:2px;
	margin-left:4px;
	margin-right:4px;
	float:left;
}

img.icon {vertical-align: middle;}
	
a.robsub1 {
	display:block;
	margin:0;
	padding:0;
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:transparent url(newsiteimage/submenu1.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robsub1:hover{
	color:#FF9F55;
	background-position:0 -36px;
	text-decoration:none;
}

.boxsubmenu2 {
	width:86px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-weight: bold;
	background-image:url(newsiteimage/submenu20.png);
	margin-left:0px;
	margin-right:0px;
	float:left;
}

a.robsub2 {
	display:block;
	margin:0;
	padding:0;
	width:86px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:transparent url(newsiteimage/submenu2.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robsub2:hover{
	color:#FF9F55;
	background-position:0 -40px;
	text-decoration:none;
}

.hismenu1 {
	width:120px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight: bold;
	background-image:url(newsiteimage/hismenu310.png);
	margin-left:0px;
	margin-right:0px;
	float:left;
}
a.robhis1 {
	display:block;
	margin:0;
	padding:0;
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:transparent url(newsiteimage/hismenu31.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robhis1:hover{
	color:#FF9F55;
	background-position:0 -30px;
	text-decoration:none;
}
.hismenu2 {
	width:145px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight: bold;
	background-image:url(newsiteimage/hismenu320.png);
	margin-left:0px;
	margin-right:0px;
	float:left;
}
a.robhis2 {
	display:block;
	margin:0;
	padding:0;
	width:145px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:transparent url(newsiteimage/hismenu32.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robhis2:hover{
	color:#FF9F55;
	background-position:0 -30px;
	text-decoration:none;
}
.hismenu3 {
	width:125px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight: bold;
	background-image:url(newsiteimage/hismenu330.png);
	margin-left:0px;
	margin-right:0px;
	float:left;
}
a.robhis3 {
	display:block;
	margin:0;
	padding:0;
	width:125px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:transparent url(newsiteimage/hismenu33.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robhis3:hover{
	color:#FF9F55;
	background-position:0 -30px;
	text-decoration:none;
}
.hismenu4 {
	width:160px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight: bold;
	background-image:url(newsiteimage/hismenu340.png);
	margin-left:0px;
	margin-right:0px;
	float:left;
}
a.robhis4 {
	display:block;
	margin:0;
	padding:0;
	width:160px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:transparent url(newsiteimage/hismenu34.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robhis4:hover{
	color:#FF9F55;
	background-position:0 -30px;
	text-decoration:none;
}
.hismenu5 {
	width:230px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-weight: bold;
	background-image:url(newsiteimage/hismenu350.png);
	margin-left:0px;
	margin-right:0px;
	float:left;
}
a.robhis5 {
	display:block;
	margin:0;
	padding:0;
	width:230px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:transparent url(newsiteimage/hismenu35.png) no-repeat 0 0;
    /* text-indent:-9999px; */
	color:#330000; 
	text-decoration:none;
	font-weight: bold;
}
a.robhis5:hover{
	color:#FF9F55;
	background-position:0 -30px;
	text-decoration:none;
}



#topContent {
	background: #F8F8FF;
	margin: 0;
	width: 780px;
	height: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#topContent h2 {
	font-size: 100%;
	margin: 0;
	padding: 0 0 0 0;
}

#Content {
	background: #F8F8FF;
	margin: 0;
	width: 780px;
	height: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#Content h2 {
	font-size: 130%;
	margin: 0;
	padding: 10px 0 10px 0; */
}

#Content h3 {
	font-size: 110%;
	margin:  5px 0 5px 0;
	padding: 0 0 0 0;
	background:transparent url(newsiteimage/metalorg.jpg) no-repeat 0 0;
}

.boxlong {
	width:150px;
	height:206px;
	background-image:url(newsiteimage/boxlong.png);
	float:left;
	margin-right:6px;
	margin-top:6px;
}
a.rob {
	display:block;
    margin:0; padding:0;
    width:150px; height:100px;
	line-height:35px;
	text-align:center;
    background:transparent url(newsiteimage/button2.png) no-repeat 0 0;
    text-decoration:none;
    /* text-indent:-9999px; */
	color:white; 
}

a.rob:hover{
	color:#99FF66;
	background-position:0 -100px;
	line-height:37px;
    text-decoration:none;
}

a.newyear {
	display:block;
    margin:0; padding:0;
    width:300px; height:206px;
	line-height:35px;
	text-align:center;
    background:transparent url(newsiteimage/button3.png) no-repeat 0 0;
    text-decoration:none;
    /* text-indent:-9999px; */
	color:white; 
}

.boxsquare {
	width:150px;
	height:100px;
	/* background-image:url(newsiteimage/brock3.jpg); */
	float:left;
	margin-right:6px;
	margin-top:6px;
	padding: 0;
}

.boxnewyear {
	width:300px;
	height:206px;
	/* background-image:url(newsiteimage/brock3.jpg); */
	float:left;
	margin-right:6px;
	margin-top:6px;
	padding: 0;
}

.boxwide {
	width:370px;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:15px;
	padding:5px;
	background-image:url(newsiteimage/boxwide.png);
	/* border: 1px solid #000000; */
}

.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}



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