@charset "UTF-8";

html,body {
		background: #fef2cc; /* 最外部背景色 */
		}

#container {
		background-color: #ffffff;  /* 内部背景色 */
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 800px; /* コンテンツ幅 */
		}

#main {
		width: 800px; /* コンテンツ幅 */
		height: auto;
		overflow: auto;
		margin:0px auto;
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; /* フォントの種類 */
		border-top: 1px solid #000000; /* 枠線の色とサイズ */
		border-left: 1px solid #000000; /* 枠線の色とサイズ */
		border-right: 1px solid #000000; /* 枠線の色とサイズ */
		border-bottom: 1px solid #000000; /* 枠線の色とサイズ */
		}

#button{
		padding-top: 0px; 
		margin-top: 0px; 
		width: 800px; /* コンテンツ幅 */
		}

#button ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

#button li{
		float: left;
		width: 160px; /* ボタン幅 */
		margin: 0px;
		padding: 0; 
		}

#button a{
		text-align: center;
		display:block;
		padding: 1.5em 0; /* メニュー高さ */
		width: 160px;
		background-color: #000000; /* ボタン背景色 */
		color: white;
		}

#button a:hover{
		background-color: #282828; /* オンマウスボタン背景色 */
		color: #ffffff;
		} 

#text {
		margin-left: 20px;
		margin-right: 20px;
		}

a img {
		border-bottom: medium none; 
		border-left: medium none; 
		border-top: medium none; 
		border-right: medium none;
		}

a:hover img.hoverline{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		}

clear { 
		clear:both; 
		} 

clear hr { 
		display:none;
		 } 

img.image {
		vertical-align: middle;
		}