html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: #d9f9e2;
	color: #444;
	margin: 0 auto;
	padding:0;
	
}
#header{
	margin:0 auto;
	padding:0px;
	font-size:xx-small;
	position: absolute;
	top: -500px;
	width:80%;
}

#box{
	padding-left:75px;
	padding-right:75px;
	margin-bottom:50px;
background-color:#FFF;
}

h2{
	background-color:#000;
	font-size:4em;
	font-weight:bold;
	color:#FF0;
	text-align:center;
	line-height:3;
	margin:0 auto;
}

#text{
	margin:0 auto;
	padding:0px;
	font-size:xx-small;
	position: absolute;
	top: -500px;
	width:80%;
}
h1{
	font-size:xx-small;
	padding:0px;
	margin:0px;
}

#wrapper{
margin:0 auto;
width:800px;
background-color:#d9f9e2;
}

a { text-decoration: none; }

p{text-align:center;
	width:100%;
	margin-left:auto;
    margin-right:auto;
}
#text{
	margin:0 auto;
	padding:0px;
	font-size:xx-small;
	position: absolute;
	top: -500px;
	width:80%;

}
#left-img{
	float:left;
	width:50%;
}
#right-img{
	float:right;
	width:50%;
}

#formWrap {
	width:80%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable th p{
	color:#F00;
	font-size:75%;
	
}

#footer{
	width:100%;
	background-color:#c7ebff;
	padding-top:15px;
	padding-bottom:5px;
	
}

/* PC用 */
@media only screen and (min-width:960px){
#left-img{
	float:left;
	width:50%;
}
#right-img{
	float:right;
	width:50%;
}	
}
/* モニター幅940px以下 */
@media only screen and (max-width:940px){

#left-img{
	float:left;
	width:100%;
}
#right-img{
	float:right;
	width:100%;
}
h2{
	background-color:#000;
	font-size:2.5em;
	font-weight:bold;
	color:#FF0;
	text-align:center;
	line-height:2;
	margin:0 auto;
}
}

/* iPad 縦 */
@media only screen and (max-width:768px){
#wrapper{
margin:0 auto;
width:95%;
}
h2{
	background-color:#000;
	font-size:2em;
	font-weight:bold;
	color:#FF0;
	text-align:center;
	line-height:2.5;
	margin:0 auto;
}
#box{
	padding-left:25px;
	padding-right:25px;
	margin-bottom:15px;
background-color:#FFF;
}

#left-img{
	float:left;
	width:100%;
}
#right-img{
	float:right;
	width:100%;
}		
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
#wrapper{
margin:0 auto;
width:95%;
}
h2{
	background-color:#000;
	font-size:1.5em;
	font-weight:bold;
	color:#FF0;
	text-align:center;
	line-height:1.8;
	margin:0 auto;
}
#box{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
background-color:#FFF;
}
#formWrap {
	width:80%;
	margin:0 auto;
	color:#555;
	line-height:110%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable th{
	width:100%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td,table.formTable th{
	width:100%;
	float:left;
	border:1px solid #ccc;
	padding:3px;
}			
}