/* CSS Document */

body {
	background: url(../images/headBg.webp) repeat-x center top;
}

.logo,
.tel {
	width: auto;
	height: 3rem;
	margin-top: 0.7rem;
}

.contentsBox img {
	margin-bottom: 20px;
}

.contentsBox p {
	margin-bottom: 15px;
}

.flowBox img {
	margin-bottom: 0px;
}

#mainImg {


	height: 565px;
	background: url(../images/main.webp) no-repeat center top;
}

#header {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 67px;
}

#header h1 {

	float: left;


}

#header .tel {
	float: right;
}

.contentsBox {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}


.formBox {
	width: 820px;
	height: 402px;
	position: relative;
	background: url(../images/formBg.webp) no-repeat;
	margin-bottom: 20px;
}

.formBox .formLink {
	width: 484px;
	height: 67px;
	display: block;
	background: url(../images/formBt.webp) no-repeat;
	position: absolute;
	left: 297px;
	top: 315px;
	text-indent: -9999px;
}

.formBox .formLink:hover {
	background-position: 0px -67px;
}


.ribonBox1 {
	background: url(../images/ribonBg01.webp) repeat-x;
}

.ribonBox2 {
	background: url(../images/ribonBg02.webp) repeat-x;
}

h2 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.productItem {
	list-style: none;
	width: 810px;
}

.productItem li {
	display: inline-block;
}

.floatRight {
	float: right;
	margin-left: 20px;
}



.flowBox {}

.myFlow {
	width: 664px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/flowBoxBody.webp) repeat-y;
}

.flowBody {
	padding: 10px 40px 0px 50px;
}

.flowBody p {
	margin-bottom: 20px;
}

.flowFoot {
	height: 26px;
	background: url(../images/flowBoxFoot.webp) no-repeat;
}

.flowArrow {
	background: url(../images/flowArrow.webp) center top no-repeat;
	height: 56px;
}

/*/////////////////////////////////////////////////////////*/
.infoBox {

	padding: 20px;
	color: #ffffff;
	width: 760px;
	margin-left: auto;
	margin-right: auto;

	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #FA9531 0%, #DB6D00 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FA9531 0%, #DB6D00 100%);

	/* Opera */
	background-image: -o-linear-gradient(top, #FA9531 0%, #DB6D00 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FA9531), color-stop(1, #DB6D00));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FA9531 0%, #DB6D00 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FA9531 0%, #DB6D00 100%);



}

.infoBox h3 {

	color: ffffff;
	padding: 0px;
	margin-bottom: 0px;
}

.infoBox .companyName {
	border: none;
	color: #ffffff;
	font-size: 200%;
	border-bottom: solid 2px #ffffff;
	margin: 0px;
}

.registrationTime {
	text-align: right;
}

.shopInfo {
	clear: both;
	list-style: none;
	font-size: 120%;

}

.shopInfo li .name {
	font-size: 16px;
}

.shopInfo li address {
	display: inline;
	font-size: 16px;
}

.telBox {
	color: #C00;
	font-size: 120%;
	font-weight: bold;
	background-color: #FFF;
	padding-top: 30px;
	padding: 40px 10px 10px 10px;

}

.telBox .textBox {
	float: left;
	width: 200px;

}



.telNum {
	color: #C00;
	font-size: 350%;
	float: right;
	height: 50px;

}

.telNum a {
	color: #C00;
	text-decoration: none;
}

.ribonBox1 .messageBox {
	padding: 20px;
	background-color: #FCEBC8;
	line-height: 140%;
	width: 760px;
}

.messageBox p {
	font-size: 18px;
	margin-bottom: 15px;
}

.picImg {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;

}

.ribonBox1 .messageBox img {
	margin-left: 0px;
	margin-left: 0px;
	width: 50em;
	height: auto;
}


.movieBox {
	background: url(../images/picBg.webp) no-repeat;
	position: relative;
	height: 425px;
}

.movieBox iframe {
	position: absolute;
	left: 20px;
	top: 90px;

}



.policy,
.policy a,
.policy a:hover,
.policy a:visited {
	font-size: 80%;
	font-color: #FFF;
	text-align: center;
}

.policy {
	line-height: 100%;
	margin-top: 5px;
}