@charset "UTF-8";

html,body {
		background: #5a5a66;
		}

#container {
		background-color: #000000; 
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 850px;
		}

#main {
		width: 850px;
		height: auto;
		overflow: auto;
		margin:0px auto;
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		font-size: large;
		color: #ffffff;
		}

#button{
		padding-top: 0px; 
		margin-top: 0px; 
		width: 850px;
		}

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

#button li{
		float: left;
		width: 170px;
		margin: 0px;
		padding: 0; 
		}

#button a{
		text-align: center;
		display:block;
		padding: 1.5em 0; /* メニュー高さ */
		width: 170px;
		background-color: #0b0b33;
		border-bottom: 1px solid #999999;
		color: white;
		}

#button a:hover{
		background-color: #000080;
		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;
		}