#body{
	margin:0;
	padding:0;
        align: left;
	font-size:13px;

}



a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000; }
a {text-decoration: none;}


#header{
	width:1000px;
	margin:0 auto;
	padding-bottom:0px;
	border-bottom:1px solid #333;
        font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þâ¥´¥·¥Ã¥¯" , "Yu Gothic" , "Þâ¥´¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
        letter-spacing: 2px;
}

#header h1{
		font-size:14px;
		margin:0;
	}

#index{
        width:980px;
	margin:5px auto;
	overflow: hidden;
	font-size:12px;
        font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þâ¥´¥·¥Ã¥¯" , "Yu Gothic" , "Þâ¥´¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
        letter-spacing: 2px;
        line-height: 150%;
}



#menu{
	margin-top:0px;
	padding:10px;
	border-bottom:0px solid #333;
	font-size:13px;
        letter-spacing: 2px;
        line-height: 150%;
}

#content{
        width:980px;
	margin:5px auto;
	overflow:auto;
	font-size:12px;
        font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þâ¥´¥·¥Ã¥¯" , "Yu Gothic" , "Þâ¥´¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
        letter-spacing: 2px;
        line-height: 150%;
}


	


#main{
	float:center;
	width:980;
	margin-left:20px;
        margin-bottom:20px;
}

#main .center{
		float:center;
	}

#pan{
	margin:0;
	padding:0;
	list-style:none;
	line-height:40px;
	overflow:auto;
}
	#pan li{
		float:center;
		padding:0;
		display: inline;
	}

#fb{
	float:right;
	margin-top:10px;
	margin-right:20px;
	width:230px;
	height:400px;
	border:0px solid black;
}

#footer{
	border-top:1px solid #333;
	width:1000px;
        margin:0 auto;
	clear:both;
	text-align:right;
	padding-top:5px;
        font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þâ¥´¥·¥Ã¥¯" , "Yu Gothic" , "Þâ¥´¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
        letter-spacing: 2px;
	font-size:10px;
}

.clear{
	clear:both;
}

.alleft{text-align: left;}
.alcenter{text-align: center;}
.alright{text-align: right;}
.aljust{text-align: justify;
        text-justify: newspaper;}
	

.vetop{vertical-align: top;}

	
.spten{text-align:right;
       color: teal;
       letter-spacing: 1px;
       font-weight: 400;}
       
a.showf span.mae{ display:inline; }
a.showf:hover span.mae{ display:none; }
a.showf span.ushiro{ display:none; }
a.showf:hover span.ushiro{ display:inline; }