@charset "UTF-8";
#container/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/
  {
	width: 738px;  /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により、800px のブラウザウィンドウに収まるコンテナが設定されます */
	background: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 780px;
} 
#header  {
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	margin: 0px;
	height: 144px;
	width: 738px;
} 
#header  h1  {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
#sidebar1/* #sidebar1 に関するヒント：
1. この div でフォントサイズ値を設定すると、この div の全体の幅がそれに応じて調整されます。
2. 単位は em であるため、サイドバーそのもので余白を使用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
3. 「.thrColElsHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
  {
	float: left;
	width: 144px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	margin: 0px;
	height: 567px;
	background-color: #FFFFFF;
}
#navibar h5 {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#mainContent/* #mainContent に関するヒント：
1. この #mainContent div に #sidebar1 div とは異なるフォントサイズを設定すると、#mainContent div のマージンは #mainContent div のフォントサイズ、#sidebar1 div の幅は #sidebar1 div のフォントサイズに基づいて設定されます。必要に応じて、これらの div の値を調整してください。
2. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
3. このレイアウトはユーザーのフォントサイズとユーザーが設定する値に基づいて設定されるため、フローティングエレメントの落下を回避するには、イメージまたはエレメントのおおよその最大サイズを特定するためのテストを行う必要があります。ただし、ユーザーのブラウザのフォントサイズが通常のサイズより小さい場合は、テストで確認されるスペースよりも小さいスペースが #mainContent div で使用されます。
4. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、発生する可能性のあるいくつかの IE 固有のバグが回避されます。
*/
  {
	margin: 0px; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	padding: 0px;
	height: 567px;
	width: auto;
} 
#mainContent h2 {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	line-height: 17pt;
	font-weight: bold;
}
#hajimeteContent {
	margin: 0px;
	height: 567px;
	width: 514px;
	background-image: url(images/hajimetemain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 60px;
	float: left;
}
#hajimeteContent #left {
	float: left;
	height: 227px;
	width: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#hajimeteContent #right {
	float: right;
	height: 227px;
	width: 174px;
	padding-left: 20px;
}
#dezainaContent {
	height: 567px;
	width: 514px;
	background-image: url(images/dezaina.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#dezainaContent #left {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 160px;
	width: 224px;
}
#dezainaContent #right {
	float: right;
	height: 160px;
	width: 230px;
	padding-right: 40px;
}
#cyuumonContent {
	margin: 0px; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	padding: 0px;
	height: 567px;
	width: 594px;
	background-image: url(images/cyuumonmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
}
#cyuumonContent #left {
	float: left;
	height: 567px;
	width: 300px;
	padding-left: 60px;
	padding-right: 20px;
}
#cyuumonContent #right {
	height: 567px;
	width: 145px;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#shiharaiContent {
	margin: 0px;
	height: 567px;
	width: 474px;
	background-image: url(images/shiharaimein.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#ryoukinContent {
	margin: 0px;
	height: 567px;
	width: 474px;
	background-image: url(images/ryoukinmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#ryoukinContent #left {
	float: left;
	height: 214px;
	width: 317px;
	margin: 0px;
	padding: 0px;
}
#ryoukinContent #right {
	margin: 0px;
	float: right;
	height: 214px;
	width: 137px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#shitumonContent {
	height: 567px;
	width: 474px;
	background-image: url(images/shitumonmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#flameContent {
	margin: 0px;
	height: 567px;
	width: 474px;
	background-image: url(images/flamemain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#flameContent #left {
	float: left;
	height: 354px;
	width: 300px;
	margin: 0px;
	padding: 0px;
}
#flameContent #right {
	float: right;
	height: 354px;
	width: 172px;
}
#koeContent {
	height: 567px;
	width: 474px;
	background-image: url(images/koemain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#pointContent {
	height: 567px;
	width: 494px;
	background-image: url(images/pointmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#serviceContent {
	height: 567px;
	width: 494px;
	background-image: url(images/servicemain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#sakuhinContent {
	height: 567px;
	width: 474px;
	background-image: url(images/sakuhinmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#kojinContent {
	height: 567px;
	width: 474px;
	background-image: url(images/kojinmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#tokuteiContent {
	height: 567px;
	width: 474px;
	background-image: url(images/tokuteimain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#linkContent {
	height: 567px;
	width: 474px;
	background-image: url(images/linkmain.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px;
}
#sidebar2  {
	float: right;
	width: 144px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	height: 567px;
}
#sidebar2 h3 {
	margin: 0px;
	padding: 0px;
}
#sidebar2 #listnews {
	overflow: scroll;
	height: 200px;
	width: 144px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 8pt;
}
#footer  {
	height: 70px;
	width: 738px;
	padding: 0px;
	margin: 0px;
} 
#footer  p  {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
#footer h3 {
	margin: 0px;
	padding: 0px;
}
#footer h6 {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
}
#navibar #menu01 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu02 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu02.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu03 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu03.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu04 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu04.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu05 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu05.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu06 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu06.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu07 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu07.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu08 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu08.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu09 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu09.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu10 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu10.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu11 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu11.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu12 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu12.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu13 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu13.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu14 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu14.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu15 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu15.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu16 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu16.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu17 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu17.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu18 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu18.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu19 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu19.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu20 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu20.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu21 a {
	height: 27px;
	width: 144px;
	display: block;
	float: left;
	background-image: url(images/menu21.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#navibar #menu01 a:hover {
	background-image: url(images/menu01o.gif);
}
#navibar #menu02 a:hover {
	background-image: url(images/menu02o.gif);
}
#navibar #menu03 a:hover {
	background-image: url(images/menu03o.gif);
}
#navibar #menu04 a:hover {
	background-image: url(images/menu04o.gif);
}
#navibar #menu05 a:hover {
	background-image: url(images/menu05o.gif);
}
#navibar #menu06 a:hover {
	background-image: url(images/menu06o.gif);
}
#navibar #menu07 a:hover {
	background-image: url(images/menu07o.gif);
}
#navibar #menu08 a:hover {
	background-image: url(images/menu08o.gif);
}
#navibar #menu09 a:hover {
	background-image: url(images/menu09o.gif);
}
#navibar #menu10 a:hover {
	background-image: url(images/menu10o.gif);
}
#navibar #menu11 a:hover {
	background-image: url(images/menu11o.gif);
}
#navibar #menu12 a:hover {
	background-image: url(images/menu12o.gif);
}
#navibar #menu13 a:hover {
	background-image: url(images/menu13o.gif);
}
#navibar #menu14 a:hover {
	background-image: url(images/menu14o.gif);
}
#navibar #menu15 a:hover {
	background-image: url(images/menu15o.gif);
}
#navibar #menu16 a:hover {
	background-image: url(images/menu16o.gif);
}
#navibar #menu17 a:hover {
	background-image: url(images/menu17o.gif);
}
#navibar #menu18 a:hover {
	background-image: url(images/menu18o.gif);
}
#navibar #menu19 a:hover {
	background-image: url(images/menu19o.gif);
}
#navibar #menu20 a:hover {
	background-image: url(images/menu20o.gif);
}
#navibar #menu21 a:hover {
	background-image: url(images/menu21o.gif);
}
.title01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
	color: #FF0000;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.title02 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
	color: #0033FF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.title03 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #FF00FF;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.title04 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
	color: #FF0000;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #009900;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt02 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #FF3300;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt03 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #0066FF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt04 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 12px;
	color: #009900;
	padding: 0px;
	font-weight: bold;
}
.txt05 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 12px;
	color: #FF6600;
	font-weight: normal;
	padding: 0px;
}
.txt06 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 12px;
	color: #0066FF;
	font-weight: normal;
	padding: 0px;
}
.txt07 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 12px;
	color: #FF0000;
	font-weight: normal;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt08 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #0000FF;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt09 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #FF3300;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt10 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 12px;
	color: #0066FF;
	font-weight: normal;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt11 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 14px;
	color: #00CC00;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}