@charset "UTF-8";
body {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	white-space: nowrap;
}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/

#wrapper {
	text-align: center;
	width: 900px;
	padding: 0px;
	height: 850px;
}

#wwrapper {
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(line_brown.jpg);
	background-repeat: repeat-x;
	height: 850px;
}


#header {
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	white-space: nowrap;
	height: 100px;
	padding-top: 25px;
} 


#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}


#contents {
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	clear: both;
}


#right {
	height: 500px;
	width: 595px;
	float: left;
	background-image: url(pr_conts_top.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-attachment: scroll;
	margin-left: 22px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
}


#right_text {
	width: 585px;
	float: right;
	clear: right;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 0px;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: auto;
	height: 400px;
}


#left {
	height: 510px;
	width: 228px;
	float: left;
	padding: 0px;
	white-space: nowrap;
	background-attachment: scroll;
	background-image: url(news_box.jpg);
	background-repeat: repeat-y;
	clear: left;
}


#left_box {
	height: 350px;
	width: 228px;
	clear: left;
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 20px;
	white-space: nowrap;
	padding: 0px;
}


#footer {
	width: 850px;
	height: 75px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	float: left;
	clear: both;
	margin-top: 0px;
	text-align: left;
}
.img_0 {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
}
.ftimg {
	margin-bottom: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	white-space: nowrap;
}
.ftline1 {
	margin-bottom: 6.5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 12.5px;
	white-space: nowrap;
}
.ftline2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6.5px;
	margin-left: 0px;
}

#line{
	background-image: url(line_gray_length.jpg);
	float: right;
	clear: right;
	height: 510px;
	width: 3px;
}

#footerp {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: right;
	clear: right;
	float: right;
}

#p {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 13px;
}

#img_left {
	text-align: left;
	float: left;
	vertical-align: bottom;
	padding-top: 20px;
}

#img_right {
	text-align: center;
	float: right;
	margin-top: 45px;
	white-space: nowrap;
	vertical-align: bottom;
}

img {
    border-style:none;
}

#text{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	text-align: right;
	margin-top: 20px;
	width: 570px;
}