@charset "UTF-8";
@import "reset.css";
a:link {
	color: #000099;
}
a:visited {
	color: #000099;
}
a:hover {
	color: #990000;
}
a:active {
	color: #000099;
}
td img {
	display: block;
}
body {
	font: 11px/1.5em Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	border: 0;
}
.twoColFixRtHdr #container {
	width: 900px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-color: #f7f7f7;
}
.twoColFixRtHdr #header {
	background: #DDDDDD;
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.twoColFixRtHdr #header .lang{
	background-color:#303030;
	color:#FFFFFF;
	padding:0 0 0  800px;
}
.twoColFixRtHdr #header .lang a:link {
	color:#0099CC;
}
.twoColFixRtHdr #header .lang a:visited {
 color:#0099CC;
}
.twoColFixRtHdr #header .lang a:hover {
	color:#FF3300;
}
.twoColFixRtHdr #header .lang a:active {
	color:#0099CC;
}
.twoColFixRtHdr #mainContent {
	margin-right: 270px;
	padding: 10px 0px 0px 30px;
	width: 590px;
	line-height: 	1.5;
	letter-spacing: 0em;
}
.twoColFixRtHdr #sidebar {
	float:right;
	padding: 10px 30px 0px 0px;
	width: 230px;
	margin:  0;
	line-height: 1.7;
	font-size:0.9em;
	letter-spacing: 0em;
}
.twoColFixRtHdr #sidebar p {
	padding: 5px 0;
}
.twoColFixRtHdr #footer {
	padding: 5px 10px 20px 10px;
text-decoration: none;
}
.twoColFixRtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.twoColFixRtHdr #footer a:link {
	color:#666666;
}
.twoColFixRtHdr #footer a:visited {
 color:#666666;
}
.twoColFixRtHdr #footer a:hover {
	color:#444;
}
.twoColFixRtHdr #footer a:active {
	color:#666666;
}
.twoColFixRtHdr #mainProduct {
	width: 900px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	background-color: #F7F7F7;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
h1{
	padding-left:10px;
	margin: 0 0 30px 0;
	text-align:left;
	background-color:#fff;
	color:#333;
	letter-spacing:1px;
	font-size:16px;
	border-bottom-width: 2px;
	border-left-width: 12px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
}

h2 {
	font-size: 1.3em;
	color: #003333;
	padding:0;
    font-weight:normal;
	 margin: 0px 0 10px 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     vertical-align: baseline;
}
h3 {
	font-size: 1.2em;
	color: #003333;
	padding:0;
    font-weight:normal;
	 margin: 0px 0 10px 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     vertical-align: baseline;
}
h4 {
	font-size: 1.1em;
	color: #666;
	padding:0;
    font-weight:normal;
	 margin: 5px 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     vertical-align: baseline;
}