@charset "utf-8";
body{
	background-color:#000000;
	color:#ffffff;
	font-size:16px;
	max-width: 100%;
	text-align: center;
	box-sizing: border-box;
	font-family: Meiryo,sans-serif;
}
.base{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:1.0em;
	width: 1000px;
	box-sizing: border-box;
}
a:link{
	color:#3399ff;
	text-decoration:none;
}
a:visited{
	color:#3399ff;
	text-decoration:none;
}
a:active{
	color:#1166ff;
	text-decoration:none;
}
a:hover{
	color:#ffffff;
	text-decoration:none;
}
h2{
	margin-top:2em;
}
h3{
	text-indent:0.5em;
	margin-top:1.0em;
}
/* 画像大 */
.img_large {
	width: 100%;
}
/* 横幅を自動調整 */
.img_small {
	max-width: 100%;
}
p{
	line-height:1.4em;
}
.box{
	padding:0.5em;
	background-color:#111111;
	box-sizing: border-box;
}
/*ボタンリンクをリストで記述。*/
.ul_sublink{
	margin-top:0em;
	list-style:none;
	padding-left:1em;
	overflow:hidden;
}
/*サブリンク、画像なしテキストリンク*/
.sublink{
	height:2em;
	text-decoration:none;
	padding:0.8em 0px 0px;
	float:left;
}
.sublink:after{
	content:"│";
	color:#999999;
}
.sublink:before{
	content:"│";
	color:#999999;
}
.sublink:hover{
	background:#002244;
}
@media screen and (max-width:1000px){
	.base{
		max-width: 100%;
	}
}
@media screen and (max-width:480px) {
	body {
		font-size: 14px;
	}
	h1{
		font-size:x-large;
	}
	h2{
		font-size:1.1em;
	}
	.title{
		font-size:x-large;
	}
	ul{
		padding-left:1.0em;
	}
}
