@charset "utf-8";
@import "html5reset-1.6.1.css";

/************************************
Common
************************************/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	line-height: 1.5;
	color: #ddd;
	font-size: 1.0rem;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","Osaka",sans-serif;
	background: #000;
}
a{
	color: #ddeeff;
}
a:hover{
	text-decoration: none;
}
.mouse_over{
	overflow: hidden;
	text-indent: -9999px;
}
.mouse_over:hover{
	background-position: bottom;
}
ul,li{
	margin:			0;
	padding:		0;
	list-style:		none;
}
/************************************
Layout
************************************/
#wrapper{
	width: 100%;
	margin: 0 auto;
	text-align:center;
}

#wrapper img{
	width:25%;
}

ul,li{
	margin:			0;
	padding:		0;
	list-style:		none;
}

#menu{
	margin:0 auto;
	padding:0;
	width:		400px;
	overflow: hidden;
}
#menu li{
	border:1px solid #333;
	padding:1%;
	text-align:center;
	margin:0 0 1% 0;
}
#menu li p{

}

#menu p a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#ccc;
	padding:10px 0;
}

#menu p a:hover{
	background:#111;
}

#menu div{
	border:1px solid #333;
	text-align:center;
	width:100%!importnat;
}

#wrapper div p.tyui{
	font-size:0.9rem;
	text-indent:-1.0em;
	padding-left:10px;
	color:#ffff99;
}

#wrapper div{
	width:50%;
	margin:0 auto 20px auto;
	text-align:left;
}

footer{
	width:50%;
	margin:0 auto;
	text-align:left;
}