@charset "UTF-8";
/* CSS Document */

#main {	position: relative;	left: 0px;	top: 0px;	width: 740px;	height: 350px;}
#main h1, #main h2 {	margin: 0;}
#main-01 {	position: absolute;	left: 0px;	top: 0px;	width: 740px;	height: 120px;}
#main-02 {	position: absolute;	left: 0px;	top: 120px;	width: 740px;	height: 79px;}
#main-03 {	position: absolute;	left: 0px;	top: 199px;	width: 740px;	height: 61px;}
#main-04 {	position: absolute;	left: 0px;	top: 260px;	width: 470px;	height: 90px;
			background-image: url(../images/main_04.jpg);	background-repeat: no-repeat;	background-position: top left;}
#main-04 p {	margin-left: 20px;	font-size: small;	text-align: justify;	text-justify: distribute;}
#main-05 {	position: absolute;	left: 470px;	top: 260px;	width: 270px;	height: 90px;}

#trial {	text-align: center; margin: 10px 0;}

#body {	margin: 20px 20px;}

#safety {	position: relative;	left: 0px;	top: 0px;	width: 700px;	height: 290px;	margin-bottom: 20px;}
#safety h3 {	margin: 0;}
#safety-01 {	position: absolute;	left: 0px;	top: 90px;	width: 410px;	height: 50px;}
#safety-02 {	position: absolute;	left: 410px;	top: 90px;	width: 290px;	height: 200px;}
#safety-03 {	position: absolute;	left: 0px;	top: 140px;	width: 225px;	height: 150px;}
#safety-04 {	position: absolute;	left: 225px;	top: 140px;	width: 185px;	height: 150px;
			background-image: url(../images/safety-04.jpg);	background-repeat: no-repeat;	background-position: top left;}
#safety-04 p {	font-size: x-small;}
#safety-06 {	position: absolute;	left: 0px;	top: 0px;	width: 700px;	height: 90px;}

#check {	position: relative;	left: 0px;	top: 0px;	width: 700px;	height: 210px;	margin-bottom: 20px;}
#check h3 {	margin: 0;}
#check-01 {	position: absolute;	left: 0px;	top: 0px;	width: 700px;	height: 80px;}
#check-02 {	position: absolute;	left: 0px;	top: 80px;	width: 450px;	height: 48px;}
#check-03 {	position: absolute;	left: 450px;	top: 80px;	width: 250px;	height: 130px;}
#check-04 {	position: absolute;	left: 0px;	top: 128px;	width: 450px;	height: 37px;}
#check-05 {	position: absolute;	left: 0px;	top: 165px;	width: 450px;	height: 45px;}

#search {	position: relative;	left: 0px;	top: 0px;	width: 700px;	height: 100px;	margin-bottom: 20px;
	background-image: url(../images/search-back.jpg);	background-repeat: no-repeat;	background-position: top left;}
#search-01 {	position: absolute;	left: 20px;	top: 5px;	width: 230px;	height: 90px;}
#search-02 {	position: absolute;	left: 260px;	top: 5px;	width: 210px;	height: 90px;}
#search-03 {	position: absolute;	left: 475px;	top: 5px;	width: 210px;	height: 90px;}

#flow {	position: relative;	left: 0px;	top: 0px;	width: 700px;	height: 890px;	margin-bottom: 20px;}
#flow h3, #flow h4 {	margin: 0;}
#flow-01 {	position: absolute;	left: 0px;	top: 0px;	width: 700px;	height: 65px;}
#flow-02 {	position: absolute;	left: 0px;	top: 65px;	width: 360px;	height: 123px;}
#flow-03 {	position: absolute;	left: 360px;	top: 65px;	width: 340px;	height: 70px;}
#flow-04 {	position: absolute;	left: 360px;	top: 135px;	width: 340px;	height: 250px;
			background-image: url(../images/flow-04.jpg);	background-repeat: no-repeat;	background-position: top left;}
#flow-04 ol {	margin-left: 20px;}
#flow-04 ol li {	font-size: x-small;}
#flow-05 {	position: absolute;	left: 0px;	top: 188px;	width: 360px;	height: 122px;}
#flow-06 {	position: absolute;	left: 0px;	top: 310px;	width: 360px;	height: 120px;
	background-image: url(../images/flow-06.jpg);	background-repeat: no-repeat;	background-position: top left;}
#flow-06 p#csv {	width: 290px;	text-align: justify;	text-justify: distribute;
	margin-left: 20px;	font-size: x-small;}
#flow-07 {	position: absolute;	left: 360px;	top: 385px;	width: 340px;	height: 357px;}
#flow-08 {	position: absolute;	left: 0px;	top: 430px;	width: 360px;	height: 312px;}
#flow-09 {	position: absolute;	left: 0px;	top: 742px;	width: 385px;	height: 148px;}
#flow-10 {	position: absolute;	left: 385px;	top: 742px;	width: 315px;	height: 42px;}
#flow-11 {	position: absolute;	left: 385px;	top: 784px;	width: 150px;	height: 106px;
	background-image: url(../images/flow-11.jpg);	background-repeat: no-repeat;	background-position: top left;}
#flow-11 p {	margin-left: 10px;	line-height: 180%;	font-size: small;	font-weight: bold;}
#flow-12 {	position: absolute;	left: 535px;	top: 784px;	width: 165px;	height: 106px;}

#setting {	margin-bottom: 20px;}
#setting h3 {	font-size: small;	color: #000;	text-align: center;	padding: 5px;
				line-height:100%;	margin-bottom: 10px;	background-color: #FFF;}
#setting h4 {	font-size: small;	color: #000;	font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 2px;}
#setting p {	font-size: small;	color: #000;	margin: 2px auto 8px 10px}
#setting p.ml0 { margin-left: 0;}

#price {	margin-bottom: 20px;}
#price h3 {	font-size: small;	color: #000;	text-align: center;	padding: 5px;
				line-height:100%;	margin-bottom: 10px;	background-color: #FFF;}
#price h4 {	font-size: small;	color: #000;	font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 2px;}
#price p {	font-size: small;	color: #000;	margin: 2px 0 8px;}
#price p.price {	font-size: x-large;	font-weight: bold;	color: #000;	text-align: right;	margin: 3px 0}
#price p.info {	font-size: x-small;}

.topic 	{ color: #000; }
.topic a:link, .topic a:visited, .topic a:active, .topic a:hover {	color: #000;}
.topic p { margin-left: 0; }

#procedure {	border: 1px solid #000;	margin-bottom: 20px;}
#procedure p.title {	text-align: center;	font-size: large;	font-weight: bold;
						background-color: #D00;	color: #FFF;	padding: 3px 0;}
#procedure h3 {	color:#D00; font-size: medium;	margin: 5px 0;}
#procedure #database {	width: 680px;	height: 260px;	overflow: hidden; 
		background-image: url(../images/procedure_03.jpg);	background-repeat: no-repeat; 
		background-position: top left; position: relative;	margin: 10px 0 20px;}
#procedure #database #info {	position: absolute;	top: 165px;	left: 10px;	width: 450px;}
#procedure #database #info h4 {	font-size: large;	color: #039;}
#procedure .margin9 {	margin: 9px;}

#example {	margin-bottom: 20px;}
#example h2, #example h3 {	margin:0;}
#example .column {	margin: 5px 0 20px;}
#example .column p {	margin: 5px 10px 5px 30px;	text-align: justify;	text-justify: distribute;}
#example .column p strong {	color: #D00;	font-weight: normal;}
#example .img {	float: right;	margin: 0 10px 10px 20px;}


#ope {	margin: 20px 20px;}
#ope h1 {	margin: 0 0 20px;}
#ope h2 {	margin: 0 0 20px;}
#ope h3 {	margin: 0 0 10px;	border-bottom: 1px solid #CCC;	border-left: 10px solid #CCC;	padding-left: 5px;}
#ope p {	margin: 3px 0 7px 20px;}
.operation {	margin: 0 10px 20px;}
.operation .left {	float: left;	width: 300px;}
.operation .right {	float: right;	width: 360px;}
.operation .arrow {	text-align: center; margin: 10px 0;}