@charset "utf-8";
body {
 	color:#333333;;
	background-color: #7b261f;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にする */
	padding: 0;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.smallFont {font-size: small}

div.separator_gray {
	background-color:#818898;
	width:100%;
	height:0px;
}
#container {
	width:780px;
	height:auto;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	background-image:url(../image/paper.jpg);

}

#header {
	width:780px;
	height:115px;
	margin-left:auto;
	margin-right:auto;
	
	background-color: #fefecc;
	background-image:url(../image/header.jpg);
	background-repeat:no-repeat;
}

#header h1{
	padding-right:20px;
	padding-top:20px;
	text-align:right;
	color:#9b9b00;
	font-weight:bolder;
	font-size:medium;
}

#global-nav{
	width:780px;
	height:40px;
	background-color: #fefecc;
}

ul.global_nav_btn{
	margin:0;
	padding:0;
	background-color: #fefecc;
}

ul.global_nav_btn a{
	color:#FFFFFF;
	text-decoration:none;
}

ul.global_nav_btn a:hover{
	margin-left:0px;
	float: left;
	list-style-type: none;
	cursor: default;
	width:194px;
	height:40px;
	line-height:40px;
	background:#333333;
	text-align:center;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px;
	-moz-box-shadow:#666666 1px 1px 1px;
	-webkit-box-shadow:#666666 1px 1px 1px;
}
ul.global_nav_btn li{
	margin-left:1px;
	float: left;
	list-style-type: none;
	cursor: default;
	width:194px;
	height:40px;
	line-height:40px;
	background:#000000;
	text-align:center;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px;
	-moz-box-shadow:#666666 1px 1px 1px;
	-webkit-box-shadow:#666666 1px 1px 1px;
}

#contents{
	position:relative;
	width:780px;
	height:auto;
}
#top{
	position:relative;
	width:780px;
}

#top_img{
	position:absolute;
	top :0px;
	left:0px;
	width:371px;
	height:auto;
	padding-top:20px;
	padding-left:20px;
	
}

#top_text{
	margin-left:400px;
	padding-top:30px;
	padding-left:0px;
	line-height:20px;
}

#footer{
	width:750px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	padding-right:30px;
	text-align:right;
	line-height:30px;
	font-size:x-small;
	background-color: #fefecc;
	border-top: 0px solid #818898;
}


.oneColFixCtrHdr #container {
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}