@charset "UTF-8";  
@import url(https://fonts.googleapis.com/css?family=Days+One);
/*----- Base -----*/
*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	font-size:12px;
	background-color:black;
	color:white;
	font-family:Meiryo,HiraginoSans-W3,Osaka,'MS PGothic',sans-serif;
}
img{
	border:none;
}
video{
	margin-left:8px;
	width:144px;
	height:144px;
	float:left;
	margin-bottom:5px;
	border-radius:100%;
}
video div{
	margin:0;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:144px;
	height:144px;
	background-color:gray;
	color:white;
	border-radius:100%;
}
em{
	color:#b33e5c;
	font-style:normal;
}
aside{
	float:left;
	width:602px;
	padding:10px 5px;
	border:1px solid #222;
	margin-bottom:5px;
}
plaintext{
	display:none;
}
a,abbr{
	text-decoration:none;
}
/*----- Header-----*/
header{
	height:66px;
	font-weight:bold;
}
header iframe{
	float:left;
	position:relative;
	top:4px;
	left:4px;
	width:468px;
	height:60px;
	margin-right:20px;
	border:none;
}
h1{
	font-size:28px;
	font-family:'Yu Gothic';
	height:35px;
	overflow:hidden;
	position:relative;
	top:28px;
}
h1 a{
	cursor:text;
	color:white;
}
/*----- Menu -----*/
menu{
	height:27px;
	line-height:14px;
	background-color:#333; 
	font-style:normal;
	list-style:none;
	clear:both;
}
menu a{
	display:block;
	color:white;
}
menu ul{
	font-family:'Meiryo UI','MS PGothic';
	position:absolute;
	width:125px;
	border:1px solid red;
	margin-left:2px;
	margin-top:6px;
	padding-left:5px;
	background:black;
	visibility:hidden;
	overflow:hidden;
}
menu li{
	float:left;
}
menu > li > a{
	border:1px solid white;
	margin:5px 2px 0 2px;
	padding:2px 4px;
	overflow:hidden;
	width:97px;
	background-color:dimgray;
}
menu > li > a[href]{
	background-color:#222;
}
menu > li > a[href]:hover{
	background-color:black;
	color:red;
	border:1px solid red;
}
menu li li a{
	margin:3px 0;
	border:none;
	width:130px;
}
menu li li a:hover{
	color:red;
}
menu>li:first-child a{
	width:161px;
	margin-left:0;
}
/*----- main-----*/
main{
	float:left;
	display:block;
	padding-top:5px;
	color:#222;
	background:ghostwhite url('../p/cat.gif') no-repeat right 100px;
	width:100%;
	padding-bottom:5px;
	line-height:20px;
	letter-spacing: 2px;	
}
@media (max-width: 1129px) {
main{
	background-image :none
}
}
/*----- Footer-----*/
footer{
	clear:both;
	height:40px;
	overflow:hidden;
}
footer>a{
	width:88px;
	margin:5px 0 5px 4px;
    text-align: center;
    border-radius: 4px;
	padding:5px 0;
	color:silver;
	display:inline-block;
	font-family:'Days One','Arial black',Arial;
	font-size:14px;
	transition-duration:200ms;
}
footer small a{
	font-size:14px;
	color:ghostwhite;
	float:right;
	margin-right:12px;
	margin-top:10px;
	cursor:text;
}

footer small:first-letter{
	font-size:18px;
}
footer #f{background:#2d4373}
footer #h{background:#117ec7}
footer #t{background:#2795e9}
footer #l{background:#219900}
footer #g{background:#8d2d1d}
footer #p{background:#e6152f}
footer #m{background:darkgoldenrod}
footer #i{background:dimgrey}

footer #f:hover{background: #315096}
footer #h:hover{background: #008fde}
footer #t:hover{background: #55acee}
footer #l:hover{background: #00c300}
footer #g:hover{background: #dd4b39}
footer #p:hover{background: #ee4056}
footer #m:hover{background: goldenrod}
footer #i:hover{background: grey}

footer>a:hover{
	color:white;
	text-shadow: 0 0 2px white,0px 0 4px white,0px 0 8px white;
}
footer  img{
	display:none;
}