@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
.twoColFixRtHdr #container { 
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColFixRtHdr #header { 
	background: #FFFFFF; 
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding:0 0 0 5px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.twoColFixRtHdr #sidebar1 {
	margin:0;
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 210px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding:0 10px 0 0;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 220px 0 0; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 ; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#DDDDDD; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size:0.8em;
	text-align:center;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#menu{
	background:url(img/bannerback.jpg) top repeat-x ;
	width:100%;
	height:110px;
}
#menu h1 a{
	text-indent:-9999px;
	margin:0 0 0 20px;
	width:200px;
	height:110px;
	display:block;
	background:url(img/rogo.jpg) left no-repeat;
}
#menu ul{
	float:right;
	margin:-111px 10px 0 0;
	width:466px;
	height:110px;
	list-style:none;
}
#menu ul li{float:left;}
.b0 a{width:89px; height:110px; background:url(img/menu.jpg) left top no-repeat; text-indent:-9999px; display:block;}
.b1 a{width:89px; height:110px; background:url(img/menu.jpg) left top no-repeat; background-position:-89px 0px; text-indent:-9999px; display:block;}
.b2 a{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:-178px 0px; text-indent:-9999px; display:block;}
.b3 a{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:-267px 0px; text-indent:-9999px; display:block;}
.b4 a{width:90px; height:110px; background-image:url(img/menu.jpg); background-position:-356px 0px; text-indent:-9999px; display:block;}
.b0 a:hover{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:0px -110px; text-indent:-9999px; display:block;}
.b1 a:hover{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:-89px -110px; text-indent:-9999px; display:block;}
.b2 a:hover{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:-178px -110px; text-indent:-9999px; display:block;}
.b3 a:hover{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:-267px -110px; text-indent:-9999px; display:block;}
.b4 a:hover{width:89px; height:110px; background-image:url(img/menu.jpg); background-position:-356px -110px; text-indent:-9999px; display:block;}
#topimage{
	clear:both;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	height:269px;
	background:url(img/topimage.jpg) left top no-repeat;
}
#topimage h2{
	margin:0;padding:120px 345px 10px 0;
	font-size:0.8em;
	font-style:normal;
	line-height:130%;
	color:#666666;
}
#topimage p a{
	margin:-5px 0 0;
	width:251px;
	height:60px;
	display:block;
	text-indent:-9999px;
	background:url(img/order.jpg) left top no-repeat;}
#mainContent h1{
	margin:0;
	padding:0;
	height:30px;
	background:url(img/advance.jpg) left top no-repeat;
	text-indent:-9999px;}
#ad01{
	margin:0x;
	padding:0;
	widows:500px;
	height:240px;
	background:url(img/ad01.jpg) top left no-repeat;
	text-indent:-9999px;
	}
#content a{
	float:right;
	margin:0px 40px 0 0;
	width:161px;
	height:92px;
	display:block;
	text-indent:-9999px;
	background:url(img/buttun.jpg) top left no-repeat;}
#T1{
	margin:0;
	padding:0;
	width:520px;
	height:30px;
	background:url(img/ad02.jpg) top left no-repeat;
	text-indent:-9999px;}
#T2{
	margin:0;
	padding:0;
	width:520px;
	height:30px;
	background:url(img/ad03.jpg) top left no-repeat;
	text-indent:-9999px;}
#T3{
	margin:0;
	padding:0;
	height:30px;
	background:url(img/articl.jpg) left top no-repeat;
	text-indent:-9999px;}
#O1{
	margin:0 0 0 20px;
	font-size:0.9em;
	color:#333333;
	line-height:150%;}
#O2{
	margin:15px 0 30px 20px;
	font-size:0.9em;
	color:#333333;
	line-height:150%;}
#feed{margin:0 0 30px 15px;
	width:500px;}
#sidebar1 ul{
	margin:0;padding:0;
	width:202px;
	height:auto;
	list-style:none;}
#sd01 a{margin:0;padding:0;
	background:url(img/sd03.jpg) top left no-repeat;
	display:block;
	width:205px;
	height:55px;
	text-indent:-9999px;}
#sd02 a{margin-top:5px;padding:0;
	background:url(img/sd01.jpg) top left no-repeat;
	display:block;
	width:205px;
	height:55px;
	text-indent:-9999px;}
#sd03 a{margin-top:5px;padding:0;
	background:url(img/sd02.jpg) top left no-repeat;
	display:block;
	width:205px;
	height:55px;
	text-indent:-9999px;}
#sideM01{margin:20px 0 0 0;padding:0;
	height:30px;
	background:url(img/contents.jpg) left top no-repeat;
	text-indent:-9999px;}
#sideM02{margin:20px 0 0 0;padding:0;
	height:30px;
	background:url(img/about.jpg) left top no-repeat;
	text-indent:-9999px;}
#rightmenu{
	margin:0;
	width:200px;
	background-color:#C8F9FF;
}
#rightmenu ul{
	padding:10px 0;}
#rightmenu li{
	margin:0 0 0 15px;
	padding:3px 0;
	font-size:0.9em;}
#rightmenu li a{
	text-decoration:none;}
#rightmenu li a:hover{
	border-bottom:1px solid #003366;}
#adress{
	margin:0;
	width:200px;
	height:200px;
	background:url(img/adreess.gif) left top no-repeat;
	text-indent:-9999px;}
#serviceT{margin:0 5px 50px 10px;
	width:500px;}
#serviceT td{
	border-bottom:1px solid #bbbbbb;
	font-size:0.8em;
	padding:5px 0 5px 10px;}
#serviceT td.Lnone{border:none;}
#serviceT strong{font-size:1.2em;}
#pankuzu{
	margin:5px 0 3px 0;font-size:0.8em;}
#S1{margin:0;padding:0;
	width:500px;
	height:200px;
	background:url(img/service.jpg) left top no-repeat;}
#S1 h2{text-indent:-9999px;}
#S1 p{
	width:240px;
	height:auto;
	font-size:0.8em;
	line-height:160%;
	padding:10px 0 0 10px;}
#sitenav{
	clear:both;
	color:#666666;
	list-style:none;
	width:700px;
	margin:0}
#sitenav li{
	float:left;
	margin:5px;}
#sitenav li a,#sitenav li a:hover,#sitenav li a:visited{color:#666666;}
#subnav{list-style:none;
	margin:0 0 5px 500px;}
#subnav li{float:left;
	margin:5px;}