@media screen and (min-width: 750px){
	Html{Width:100%;}
	body {
		margin: 0;
		padding: 6px 0 32px 0;
		font-family: Helvetica, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		background-color: #fff !important;
		-webkit-text-size-adjust: 100%;
		-webkit-print-color-adjust: exact;
	}
	
	.main {
		width: 860px;
		margin: 0 auto;
	}
	.sub {
		width: 720px;
		margin: 0 auto;
	}
	.title {
		width: 720px;
		margin: 0 auto;
		text-align: left;
		padding-left: 16px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px; 
			border-radius:5px;
	}
	
	.item {width: 180px;}
	
	#grid {
		width: 720px;
		margin: 0 auto;
	}
	li {
		margin: 16px;
		float: left;
		list-style: none;
	}
	
	.button {
		margin: 0 auto;
			-webkit-border-radius:5px;
			-moz-border-radius:5px; 
			border-radius:5px;
	}
	
	.button_menu {
		display: table-cell;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		width: 180px;
		height: 72px;
		text-align: center;
		text-decoration: none;
		outline-width: medium;
		outline-style: none;
		outline-color: #000;
		vertical-align: middle;
		background-color: #FFBA53;
		border: 2px solid #FFBA53;
		color: #fff;
		transition: 0.5s;
	}
	/*.button_menu:hover {
		text-decoration: none;
		background-color: #fff;
		border-color: #c0c0c0;
		color: #555;
		transition: 0.3s;
	}*/
	
	input[type=submit] {
		height: 32px;
		cursor:pointer;
	}
	
	input[type=text] {
		height: 32px;
	}
	
	input[type=checkbox] {
		width: 21px;
		height: 21px;
		vertical-align: middle;
		cursor: pointer;
	}
	
	input[type=radio] {
		width: 21px;
		height: 21px;
		vertical-align: middle;
		cursor: pointer;
	}
	
	select {
		height: 32px;
		cursor: pointer;
	}
	
	div.subtitle {
		//font-size: 14px;
		text-align: right;
		padding-right: 16px;
	}
	div.content {
		//font-size: 14px;
		padding-left: 16px;
	}
	
	.br-sp {display:none;}
	
}

@media screen and (max-width:750px){
	Html{Width:100%;}
	body {
		margin: 0;
		padding: 6px 0 32px 0;
	}
	
	.main {
		width: 100%;
		margin: 0 auto;
	}
	.sub {
		width: 100%;
		margin: 0 auto;
	}
	.title {
		width: 100%;
		margin: 0 auto;
	}
	
	.logo{
		max-width: 128px;
		height: auto;
	}
	
	img{
		max-width: 100%;
		height: auto;
		width /***/: auto;　
	}

	.item {width: 120px;}
	
	#grid {
		width: 280px;
		margin: 0 auto;
	}
	li {
		margin: 5px;
		float: left;
		list-style: none;
	}
	
	.button_menu {
		display: table-cell;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		width: 190px;
		height: 60px;
		text-align: center;
		text-decoration: none;
		outline-width: medium;
		outline-style: none;
		outline-color: #000;
		vertical-align: middle;
		background-color: #FFBA53;
		border: 2px solid #FFBA53;
		color: #fff;
		transition: 0.5s;
	}

	/*input[type=submit] {
		-webkit-appearance: none;
		height: 32px;
		background-color: #CCCCCC;
		cursor:pointer;
	}*/
	
	/*table.list td {
		display: block;
	}*/

}

div#headerArea {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #00A5CA;
}
div#footerArea {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 32px;
	background-color: #00A5CA;
}

textarea {
	width:100%;
}

div.column {
	padding-top: 8px;
	padding-left: 8px;
}


.style10  {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style12  {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style12r {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;color: #FF0000;}
.style14  {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style14b {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.style16  {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style16b {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.style18  {font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style18b {font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
