/* for body */
body {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	font-size: 100%;
	width: 100%;
	background: #ffffff;
	color: #000;
	font-family: sans-serif,Verdana,"MS PGothic",Osaka,Arial;
}
#head {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 40%;
	padding-left: 40%;
}

h1 {
	font-size: 200%;
	margin-top: 30PX;
	margin-bottom: 30PX;
	line-height:1.5;
	text-align: center;
}

h2 {
	font-size: 130%;
	margin-top: 30PX;
	margin-bottom: 30PX;
	line-height:1.5;
	text-align: center;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　/*IE8のみ適用*/
}

.container {
	margin-left: 20%;
	margin-right: 20%;
}

.clerfix{clear:both;}

.top-m30{ margin-top:30px;}
.top-m50{ margin-top:50px;}
.top-p10{padding-top:10px}
.center{ text-align:center; }

p{
	line-height: 1.8;
}



/* for From */

label {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
input{
  display: block; 
}

label.required::after {
content:"\5FC5\9808";
color: #ffffff;
background: #cc0000;
font-size: 0.8em;
padding: 0.3em;
border-radius: 0.5em;
margin-left:0.3em;
}

.form-control{
	width: 100%;
	height: 35px;
}

.form-control2{
	width: 100%;
	height: 110px;
}

.btn input {
	width: 110px;
	height: 32px;
}

#footerContainer_inner
{
	margin-right: 20%;
	margin-left: 20%;
	display: block;
	padding: 0px;
	overflow: hidden;
	zoom: 1;
}

#footer-l{
	display: block;
	float: left;
	width: 60%;
	font-size:16px;
}

#footer-r{
	display: block;
	float: right;
	width: 30%;
}

.copy{
	padding-top: 10px;
	padding-bottom: 10px;
}

.policy{
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* タブレット用 */
@media (max-width: 768px) {
	
	#head img {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20%;
	padding-left: 20%;
}


.container {
	margin-left: 15%;
	margin-right: 15%;
}

#footerContainer_inner
{
	margin-right: 15%;
	margin-left: 15%;
}

#footer-l, #footer-r{
	padding: 0;
	overflow: hidden;
	zoom: 1;
	width: 100%;
}

.copy, .policy{
	font-size: 0.8em;
	text-align: center;
	}
	
}

/* スマートフォン用 */
@media (max-width: 450px) {
	#body { margin-left: 0; }
	
	#head img {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0%;
	padding-left: 0%;
}

	h1 {
	font-size: 170%;
}
	h2 {
	font-size: 110%;
}
	
	/* 投稿フォーム */
	#form { width: 90%; margin: 10px auto; }
    

.container {
	margin-left: 10%;
	margin-right: 10%;
}
	
#footerContainer_inner
{
	margin-right: 10%;
	margin-left: 10%;
}

	}