@charset "UTF-8";
@media only screen and (min-device-width:320px) and (max-device-width:736px) {

body {
	width:100%;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	/*overflow-x:hidden;*/
	font-size:14px;
}
label{
	display:block;
}
.MobileIndent{
	display:block;
}
#MainContent p.alignC{
	text-align:left !important;
}
/*
########################################################
  Form
########################################################
*/
input[type="text"],
textarea,
input[type="button"],
input[type="submit"],
button,
input[type="search"],
input[type="password"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border-radius: 0;
	font-size:16px;
	max-width:100%;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	padding:2px;
	cursor:text;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	/*background:#fffbc7;*/
	box-shadow: 0 0 3px #009af3;
	border: 1px solid #009af3;
}
select{
	outline: none;
	border: 1px solid #aaa;
	margin:0;
	padding:1px 0;
	cursor:pointer;
	vertical-align: top;
	cursor:pointer;
	font-size:16px;
}
input[type="radio"]{
	width: 18px;
	height: 18px;
	margin-right:5px;
	vertical-align: middle;
	background:#fff;
	cursor:pointer;
}
input[type="checkbox"]{
  width: 18px;
  height: 18px;
  margin-right:5px;
  vertical-align: middle;
  background:#fff;
	cursor:pointer;
}
input[type="button"],
input[type="submit"],
button{
	border:1px solid #999;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	background:#ddd;
	padding:3px 10px;
	cursor:pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover{
	border:1px solid #009af3;
	background:#f1f1f1;
}
/*textarea{
	resize: none;
}*/

/*
########################################################
  Header
########################################################
*/
#Header{
	display:none;
}
/*
########################################################
  MainContent
########################################################
*/
#MainContent{
	width:auto;
	margin:0 auto;
	padding:15px;
	border:10px solid #fabe00;
}
#MainContent h1{
	text-align:center;
	line-height:120%;
	font-size:24px;
	color:#333;
}
#MainContent h2{
	text-align:center;
	font-size:18px;
	line-height:180%;
}
.Vote h2{
	text-align:left !important;
}
#MainContent img {
	max-width:100%;
	height:auto;
}
#MainContent .Step01{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step01_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step02{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step02_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step03{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step03_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step01b{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step01b_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step02b{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step02b_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step01VR{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step01_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step02VR{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step02_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Step03VR{
	width:270px;
	margin:0 auto;
	min-height:144px;
	text-indent:-9999px;
	background:url(../img/step03vr_mobile.png) left top no-repeat;
	background-size:100% auto;
}
#MainContent .Agree{
	font-size:12px;
	line-height:180%;
}
#MainContent .Agree02{
	padding:0px;
	text-align:center;
}
#MainContent .Agree02btn{
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
}
#MainContent .ToInput{
	margin-top:35px;
	padding:15px 5px;
	font-size:12px;
}
#MainContent .Padding15{
	padding:0;
}
#MainContent .Schedule .Seminar .Overview{
	width:270px;
	display:block;
	font-size:13px;
	margin-top:5px;
}
#MainContent .CustomerInformation dl{
	display: block;
}
#MainContent .CustomerInformation dt{
	display: block;
	width:100%;
	height:auto;
	margin-bottom:0px;
	font-weight:bold;
	float:none;
}
#MainContent .CustomerInformation dd{
	display: block;
	width:98%;
	height:auto;
	margin-bottom:12px;
	float:none;
}
#MainContent .OtherInput dl{
	display: block;
}
#MainContent .OtherInput dt{
	display: block;
	width:100%;
	height:auto;
	margin-bottom:0px;
	float:none;
}
#MainContent .OtherInput dd{
	display: block;
	width:98%;
	height:auto;
	margin:12px 0;
	float:none;
}
/*
########################################################
  Footer
########################################################
*/

#Footer{
	width:100%;
	font-size:8px;
	margin:0 0 20px 0;
}
#Footer div{
	margin-top:10px;
	text-align:center;
	float:none !important;
}

}