@charset "UTF-8";
/* CSS Document */

/*ベース*/
body,
input, textarea, select, option{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:#000;
}

#h3pc{
	text-align:center;
	width:700px;
	height:auto;
	margin:auto;
}

p{
	color:#FFF;
}

#h3sp{
	display:none;
}

.wrap{
	width:700px;
	margin:auto;
}

img{
margin:0;
padding:0;
vertical-align: bottom;
width:100%;
max-width:100%;
height:auto;
}

table{
	width:100%;
}

.table_style { margin-top:15px;}
.table_style caption{text-align:left;}
.table_style th { background:url(img/bg_th.gif) #eddec9; text-align:left; color:#333; vertical-align:top; }
.table_style td { border:1px solid #cccccc; vertical-align:top;  color:#FFF;}

.foot{
	color:#FFF;
	margin:0 auto;
    text-align:center;
    border:0;
}

.foot span{
	font-size:90%;
}

li{
	display:inline;
	list-style: none;
	}
	
a:link{
	color:#06F;
}
a:visited{
	color:#60C;
}
a:hover{
	color:#FF3;
}
a:active{
	color:#FFF;
}



/*スマホ用*/
@media screen and (max-width:700px){

.wrap{
	width:100%;
	max-width:100%
	height:auto;
	text-align:left;
	font-size:15px;
	overflow:auto;
}

.foot{
	width:100%;
	max-width:100%
	height:auto;
	text-align:center;
	font-size:13px;
	overflow:auto;

}

.foot span{
	font-size:50%;
}
	
#h3pc{
	display:none;
}

#h3sp{
	display:block;
}
	
}