body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
img {  
    border:0; 
} 

a img {
	border:none;
}

address,caption,cite,code,
dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
}  
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background:url(images/bg.jpg) no-repeat top center;
}
#container {
	width: 950px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#header {
	/*background:url(images/header-bg.jpg) repeat-x;*/
	height:41px;
}
#header h1 {
	margin: 0;
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

#header-right{
	width:400px;
	float:right;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#header-right ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#header-right ul li{
	float:left;
	font-size:10px;
	margin:0 0 0 10px;
	padding: 0 0 0 5px;
	border-left:#333 dotted 3px;
}

#header-right ul li a{
	color:#000;
	text-decoration:none;
}

#header-right ul li a:hover{
	color:#333;
	font-weight:bold;
}



#catch{
width:950px;
margin:0 auto;
height:135px;
}

#catch div.right-box{
	float:right;
}
	
#mainContent {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	margin:0 0 10px 0;
}

#backnumber{
	width:950px;
	margin:0;
	padding:0;
	font-size:10px;
}

#backnumber ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#backnumber ul li{
	width:232px;
	height:133px;
	float:left;
	margin:0 0 7px 7px;
	padding:0;
	display:block;
}

#backnumber ul li.most-left{
	margin:0 0 7px 0;
	padding:0;
}
#backnumber ul li a{
	width:232px;
	height:133px;
	display:block;
	background:url(images/back-number-bg.jpg) no-repeat;
}

#backnumber ul li.most-left a.num1{
	background-position:0px 0px;
}
#backnumber ul li.most-left a.num1:hover{
	background-position:0px -280px;
}

#backnumber ul li a.num2{
	background-position:-238px 0px;
}

#backnumber ul li a.num2:hover{
	background-position:-238px -280px;
}

#backnumber ul li a.num3{
	background-position:-476px 0px;
}

#backnumber ul li a.num3:hover{
	background-position:-476px -280px;
}

#backnumber ul li a.num4{
	background-position:-715px 0px;
}

#backnumber ul li a.num4:hover{
	background-position:-715px -280px;
}

#backnumber ul li.most-left a.num5{
	background-position:0px -140px;
}

#backnumber ul li.most-left a.num5:hover{
	background-position:0px -420px;
}


#backnumber ul li a.num6{
	background-position:-238px -140px;
}

#backnumber ul li a.num6:hover{
	background-position:-238px -420px;
}

#backnumber ul li a.num7{
	background-position:-476px -140px;
}

#backnumber ul li a.num7:hover{
	background-position:-476px -420px;
}

#backnumber ul li a.num8{
	background-position:-715px -140px;
}

#backnumber ul li a.num8:hover{
	background-position:-715px -420px;
}


#footer {
	background:#FFF;
}
#footer {
	width:950px;
	padding: 0 ; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFF;
	margin:50px auto 20px;
	font-size:10px;
	text-align:right;
}
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.hide{
	display:none;
}