﻿@charset "utf-8";
body  {
	font: 100% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../img/bg.gif);
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}

#container { 
	width:80%;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: url(../img/bg.gif);
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	max-width:1000px;
	min-width:1000px;
}

#header { 
	background: #004;
} 


#hedermenu {
	margin-bottom:5px;
	padding:0;
	width:100%;
	text-align:center;
	max-width:100%;
	font-size:100%;
}

.menu ul {
	list-style-type: none;  
	margin: 0;  
	padding: 0;  
}  

.menu li {
	float:left;
	display:inline;
	width:155px;
	padding:0;
	margin-right:0;
}

.menu a{
	text-decoration:none;
	text-align: center;  
	display:block;
	font-size:14px;
	padding:0.5em 0;  
	width:98%;
	background: url(../img/paneru1.gif) no-repeat 0 50%;  
	color:#000000;  

}  


#news {
	background: url(../img/bg.gif);
	text-align:center;
	
}

#newslist {
	text-align:left;
}

#newslist dt {
	font-size:14px
}

#newslist dd {
	text-align:left;
	font-size:10px;
}

#link {
	background: url(../img/bg.gif);
}

#mainContent {
	background: url(../img/bg.gif);
	width:100%;
}


#footer {
	padding-top:50px;
	background:#004 url(../img/foot.gif) no-repeat right;
	font-size:14px
}

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
} 

p.bosyu { text-align: center; }
