@charset "UTF-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0}.clearfix:after{visibility:hidden;height:0;display:block;/ font-size:0;content:" ";clear:both}* html .clearfix,:first-child+html .clearfix{zoom:1}img{font-size:0;line-height:0;vertical-align:top}


@media only screen and (min-device-width: 780px){
body{
	background: #404040;
}

#pagebody{
	width: 600px;
	margin: 50px auto;
	background:#042C7B;
}
img{
	width: 100%;
}
#list {
	font-size:25px;
	width:600px;
	margin:12px auto;
	text-align: center;
	font-family: 'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	line-height: 1.4;
}
#list li a{
	color: #fff;
	text-decoration: none;
}
#list li a:hover{
	opacity: 0.7;
}

#footer p#copyright{
	display: block;
	margin: 20px auto;
        padding: 0 0 20px 0;
	text-align: center;
	font-family: 'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color:#fff;
}
}


@media only screen and (max-device-width: 779px){
body{
	background: #404040;
}

#pagebody{
	width: 100%;
	margin:20px auto;
	background:#042C7B;
}
img{
	width: 100%;
}
#list{
	font-size:22px;
	width:100%;
	margin:20px auto;
	font-family: 'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	text-align: center;
}
#list li a{
	color: #fff;
	text-decoration: none;
}
#list li a:hover{
	opacity: 0.7;
}

#copyright{
	font-size:12px;
	display: block;
	margin: 20px auto;
	font-family: 'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        padding: 0 0 20px 0;
	text-align: center;
	color:#fff;
}
}