@charset "utf-8";
body {
	font:small "ＭＳ Ｐゴシック",sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #4c4c4c;
	background-color:#669966;
	line-height:140%;
}

#container {
	width: 926px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 20px auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image:url(../common/back_body.gif);
	background-position:top center;
	background-repeat:repeat-y;
	background-color: #fff;

}

#header {
	width:866px;
	padding:25px 30px 10px 30px;
	margin:auto; 
	background-image:url(../common/back_header.gif);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:left;
}

#header h1 {
	width:200px;
	margin: 0;
	padding: 10px 0 0 20px;
	float:left;
	
}

#header h1 span{display:none;}

#menu ul{
float:right;
margin:0;
padding:15px 0 0 0;
list-style-type:none;
}

#menu ul li{
float:left;
width:100px;
text-align:center;
}

#menu ul li a{
display:block;
}

ul li strong{display:none;}

#mainContent {
	margin:auto;
	width:832px;
	padding: 0 33px 0 33px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background-color: #fff;
	text-align:left;
}

.more{
text-align:right;
font-weight:bold;
font-size:smaller;
}
.more img{
margin:0 4px 0 0;
vertical-align:middle;
}

#footer {
	width:926px;
	padding:10px 0;
	margin:auto; 
	background-image:url(../common/back_footer.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#999999;
	_height:30px;
	min-height:30px;
}

#copy{
margin:auto;
padding:5px 0 10px 0;
width:828px;
border-top:1px solid #ccc;
text-align:right;
}

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

img{border:0;}


a{color:#808080;text-decoration:none;}
a:hover{color:#339999;text-decoration:underline;}


p{
margin:0 0 15px 0;
padding:0;
}

.cl{
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.left{float:left;}
.right{float:right;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml10{margin-left:10px;}
.ml30{margin-left:30px;}
.mr3{margin-right:3px;}
.mr10{margin-right:10px;}
.ma{margin:auto;}

.cap_red{color:#CC0000;}
.cap_grey{color:#808080;}
.small{font-size:smaller;}