@charset "UTF-8";

/* 基本部分 */
body{
	background:url("img/080612-3-4.jpg") 100% 100% no-repeat fixed;
	background-color:#000;
	margin:0px;
	color:#888;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",sans-serif;
	font-size : 14px;
	line-height:200%;
}

a{text-decoration:none;}
a:link,a:visited{color:#4eb6bd;}
a:hover,a:active{color:#ccc;}
img{border:none;}

/* メニュー部分 */
#side {
	width: 35%;
	min-width: 250px;
	margin: 50px auto 20px;
	text-align:center;
	position: fixed;
	right: 0;top:0;
}
#copy{
	margin: -10px auto 20px;
	color:#fafafa;
	font-size:10px;
}
table{
	margin-left:auto;margin-right:auto;
	background: rgba(0,0,0,0.5);
	border:1px solid #eee;
}
td{
	width:80px;
	height:80px;
	border:1px solid #eee;
	text-align:center;
}
.menu a{
	height:80px;
	font-size:11pt;
	font-family:Century Gothic;
	text-decoration:none;
	display:block;
}
.menu a:hover{
	background: rgba(255,255,255,0.4);
	color:#000;
}
select{
	background-color:#000;
	color:#fff;
}

/* テキスト部分 */
#wrapper{
	width: 65%;
	float: left;
	margin: 0 auto;
}
#main{
	background: rgba(0,0,0,0.9);
	max-width:650px;
	margin:0 auto;
	padding: 0 4% 30px;
	text-align:left;
}
h2{
	color:#4eb6bd;
	font-family:'Century Gothic';
	padding: 50px 10px 40px;
}
#link{
	margin:0 4% 30px;
	text-align:right;
}

@media all and (max-width: 768px) {
	#side, #wrapper {
		width: 100%;
	}
	#side{position: relative;}
}