/* CSS layout */

img {max-width:100%;}

body {
	margin: 0;
	padding: 0;
	width: auto ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

#masthead {
}

#top_nav {
	background:#009933;
	width: auto ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

h1{
  height: 30px;
  padding: 5px;
  font-size: 30px;
  font-family:HGP創英角ｺﾞｼｯｸUB;
  margin:10px;
  text-align:center;
  background-color: azure;
  border: 3px green solid;  /* 枠線を引く */
}

#table{
	text-align:center;
	padding:10px;
	margin-left:5%;
	margin-right:5%;
	width:95%;
	height:100%;
}

.c_table{
	text-align: left;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	width:90%;
	height:100%;
}

#footer {
	width:100%;
	height:30px;
	clear: both;
	background:#009933
}

button.button_topnav {
	/*ボタンの中身を設定する部分*/
	font-size: 15px;
	height:50px;
	margin:3px;
	background-color: #009933;
	color: #FFFFFF  ;
	border:1px solid #009933;
	line-height:50px;
}

button.button_topnav:hover {
	background-color:#fff;
	border-color: #59b1eb;
    color: #59b1eb;
}

/* デスクトップPCとスマホに適用するCSS */
{
	color: #00f ;	/* 青色 */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	p
	{
		color: #f00 ;	/* 赤色 */
	}
}