@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background-color: #ffffff;
	width: 720px;
	margin: 0px auto;
	font-size: 84%;
	font-family: sans-serif;
	text-align: center;
}

h1 {
	margin: 24px 0px;
}

.clear {
	clear: both;
}

.contents {
	width: 500px;
	margin: 0px auto;
	text-align: left;
}

.how-to {
	background-color: #ffffcc;
	padding: 8px;
	border: 1px solid #ff3300;
	_padding-bottom: 0px;
	_margin-bottom: 28px;
	#height:180px;
}

.how-to h2 {
	width: 100px;
	text-align: center;
	float: left;
}

.how-to ul {
	width: 360px;
	padding-left: 18px;
	float: left;
	_float: none;
}

.how-to .btn-img {
	margin: 4px 6px 0px 6px;
}

.h2-box {
	width: 478px;
	_width: 500px;
	margin-top: 24px;
	padding-left: 10px;
	border-left: 12px solid #ff3300;
}

.h2-box h2 {
	margin-bottom: 8px;
}

.h2-box .image-list {
	padding: 8px 0px;
	border-bottom: 2px solid;
	text-align: center;
}

.h2-box .image-list img {
	margin: 4px 2px;
}

.right {
	padding: 4px 0px;
	text-align: right;
	font-size: 84%;
}

.preparing {
	padding: 24px 0px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid;
}

#box01,
#p01 {
	color: #ff3300;
}

#box02,
#p02 {
	color: #339933;
}

#box03,
#p03 {
	color: #ff0033;
}

#box04,
#p04 {
	color: #009999;
}

#box05,
#p05 {
	color: #990099;
}

#box06,
#p06 {
	color: #FFCC00;
}

.info {
	margin: 32px 0px;
	font-size: 84%;
	font-weight: bold;
}

#box07,
#p07 {
	color: #00408A;
}

#box08,
#p08 {
	color: #13A1CB;
}


.inq {
	margin: 0px auto;
	width: 650px;
}

.infomation {
	color: #ffffff;
	background-color: #ff3300;
	padding: 4px 8px;
	width: 100px;
	float: left;
}

.inquiry {
	text-align: left;
	margin-left: 120px;
}

#under {
	border-top: 2px #000 solid;
}

.footer {
	width: 708px;
	height: 55px;
	margin-top:10px;
	padding: 16px 8px;
	background-image: url(../img/common/footer_bg.png);
	background-repeat: no-repeat;
}

address {
	font-style: normal;
	font-size: 64%;
	color: #ffffff;
}

address img {
	margin-left: 8px;
}

.red {
	color: #ff0000;
}