@charset "utf-8";



/* --- Please do not add a postscript here. --- */




/* ------------------------ layout styles ------------------------ */
* {
	margin: 0; /* 複数ブラウザ対応のため、マージンと余白を 0 に */
	padding: 0;
	border: 0;
}
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align: center; /* IE 5* ブラウザでコンテナを中央揃えに。テキストは、#container セレクタの初期設定の左揃えに */
	background-color: #393;
	background-image: url(../img/common/bg1.gif);
	background-repeat: repeat;
	background-position: left top;
}
.allexternals #overbg {
	text-align: left;
	background-image: url(../img/common/bg2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.allexternals #container {
	width: 948px;
	background-color: transparent;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えに */
	text-align: left; /* この設定は body エレメントの text-align: center より優先される */
	position: relative;
}
.allexternals #mainhead {
	width: 948px;
	height:135px;
	background-color: transparent;
}
.allexternals #contentshead {
	width: 948px;
	height:110px;
	background-color: #FFFFFF;
}
.allexternals #mainmiddle {
	width: 948px;
	background-color: #FFFFFF;
}
.allexternals #sidebox {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 222px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background-color: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
}
.allexternals #maincontents {
	background-color: #FFFFFF;
	width: 726px;
	margin: 0 0 0 222px; /* この div エレメントの左マージンにより、ページの左側に #sidebox div が設定されます。#sidebox div に含まれるコンテンツの量に関係なく、#sidebox div のスペースは維持されます。#sidebox のコンテンツが終了した後のスペースに #maincontents div のテキストを挿入するには、このマージンを削除します。 */
}
/*maincontents IE6用のハック*/
* html .allexternals #maincontents {
	float:right;
	background-color: #FFFFFF;
	width: 726px;
	margin: 0;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
.allexternals #footer {
	width: 948px;
	height: 130px;
	position: relative;
	top: 0px;
	background-image: url(../img/common/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.allexternals #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.allexternals #footcopy {
	width: 948px;
	height: 20px;
	background-color: transparent;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.allexternals #sidebox {
	width: 222px;
}
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.allexternals #sidebox {
	padding-top: 0px;
}
.allexternals #maincontents {
	zoom: 1;
}
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */

/* ------------------------ mainnavi styles ------------------------ */

ul.mainnavi {
	margin: 0px;
	padding: 0px;
}
ul.mainnavi li {
	height: 41px;
	width: 204px;
	float: left;
	list-style-type: none;
	display: block;
}
ul.mainnavi li.mainbtn1 a {
	background-image: url(../img/common/mainnavi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 204px;
}
ul.mainnavi li.mainbtn1 a:hover {
	background-position: 0px -41px;
}
ul.mainnavi li.mainbtn2 a {
	background-image: url(../img/common/mainnavi.gif);
	background-repeat: no-repeat;
	background-position: -204px 0px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 204px;
}
ul.mainnavi li.mainbtn2 a:hover {
	background-position: -204px -41px;
}
ul.mainnavi li.mainbtn3 a {
	background-image: url(../img/common/mainnavi.gif);
	background-repeat: no-repeat;
	background-position: -408px 0px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 204px;
}
ul.mainnavi li.mainbtn3 a:hover {
	background-position: -408px -41px;
}
ul.mainnavi li.mainbtn4 a {
	background-image: url(../img/common/mainnavi.gif);
	background-repeat: no-repeat;
	background-position: -612px 0px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 204px;
}
ul.mainnavi li.mainbtn4 a:hover {
	background-position: -612px -41px;
}
/* ------------------------ mainhead styles ------------------------ */
.allexternals #mainhead #mainheadrogo {
	position: absolute;
	left: 2px;
	top: 8px;
}
.allexternals #mainhead #mainheadre {
	position: absolute;
	left: 616px;
	top: 40px;
}
.allexternals #mainhead #mainheadlink {
	position: absolute;
	top: 12px;
	right: 10px;
}
.allexternals #mainhead #mainheadlink p a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.allexternals #mainhead #mainheadlink p a:hover {
	text-decoration: underline;
}
.allexternals #mainhead #mainnavibox {
	position: absolute;
	top: 114px;
	left: 76px;
}
.allexternals #mainhead #homebox {
	position: absolute;
	top: 114px;
	left: 32px;
}
.allexternals #mainhead #homebox a {
	background-image: url(../img/common/home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 40px;
}
.allexternals #mainhead #homebox a:hover {
	background-position: 0px -41px;
}
.allexternals #mainhead #backbox {
	position: absolute;
	top: 112px;
	left: 892px;
}
.allexternals #mainhead #backbox a {
	background-image: url(../img/common/back.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 43px;
	width: 42px;
}
/* backbox IE6用のハック*/
* html .allexternals #mainhead #backbox a {
	background-image: url(../img/common/back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 43px;
	width: 42px;
}
.allexternals #mainhead #backbox a:hover {
	background-position: 0px -42px;
}
/* ------------------------ contentshead styles ------------------------ */
.allexternals #contentshead img {
	margin-left: 22px;
	margin-top: 20px;
}
/* ------------------------ side styles ------------------------ */
.sidespace {
	display: block;
	height: 4px;
	width: 200px;
	font-size: 1px;
}
/* ------------------------ maincontents styles ------------------------ */

#contentsbox {
	position: relative;
	width: 726px;
}
/* ------------------------ footer styles ------------------------ */
.footbanner1 {
	position: absolute;
	left: 22px;
	top: 10px;
}
.footbanner2 {
	position: absolute;
	left: 244px;
	top: 10px;
}
.footbanner3 {
	position: absolute;
	left: 639px;
	top: 9px;
}
.footbanner4 {
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 236px;
	position: absolute;
	left: 687px;
	top: 2px;

}
.footbanner5 {
	margin: 0px;
	padding: 0px;
	height: 68px;
	width: 168px;
	position: absolute;
	left: 467px;
	top: 10px;

}

.allexternals #footer #footerlink {
	position: absolute;
	left: 22px;
	top: 74px;
	font-size: 12px;
	color: #000;
	line-height: 1.5em;
}
.allexternals #footer #footerlink p a {
	text-decoration: none;
	color: #000;
}
.allexternals #footer #footerlink p a:hover {
	text-decoration: underline;
}
.allexternals #footer #footermail {
	position: absolute;
	left: 518px;
	top: 77px;
}
.allexternals #footcopy #fcopy {
	text-align: center;
	margin-top: 4px;
	margin-right: auto;
	margin-left: auto;
}