@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.flow_mtitle {
	background: url(../images/flow/flow_mtitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 100px 0 0 0;
	width: 670px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:100px;/* for ie5.x */
	}
	
.flow_tabarea {
	margin:0 0 10px 0;
	}
	
.flow_tab {
	float:right;
	margin:0;
	height:34px;
	}
	
.flow_tab li {
	margin:0;
	width:177px;
	height:34px;
	float:left;
	}

.flow_tab li a {
	margin: 0;
	padding: 34px 0 0 0;
	width: 177px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:34px;/* for ie5.x */
	}
	
.flow_tab li.tab1 a {
	background: url(../images/flow/flow_cnavi1.jpg) no-repeat;
	}

.flow_tab li.tab2 a {
	background: url(../images/flow/flow_cnavi2.jpg) no-repeat;
	}
	
.flow_tab li a:hover {
	background-position: 0 -34px;
	}
	
#flow_stitle1,
#flow_stitle2 {
	background: url(../images/flow/flow_stitle1.jpg) no-repeat;
	margin: 0 0 18px 0;
	padding: 45px 0 0 0;
	width: 670px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:45px;/* for ie5.x */
	}
	
#flow_stitle2 {
	background: url(../images/flow/flow_stitle2.jpg) no-repeat;
	margin:0 0 20px 0;
	}
	
.flow_area1title,
.flow_area2title {
	background: url(../images/flow/flow_area1title.jpg) no-repeat;
	margin:0 0 10px 0;
	padding:12px 0 0 40px;
	height:28px;
	font-size: 1.6em;
	line-height:1.1;
	}
	
.flow_area2title {
	background: url(../images/flow/flow_area2title.jpg) no-repeat;
	margin:0 0 20px 0;
	}
	
.flow-area1-1 {
	background: url(../images/flow/flow_area1image1.jpg) no-repeat;
	margin:0 0 30px 0;
	padding:0 0 0 430px;
	width:240px;
	height:470px;
	position: relative;
	}
	
.flow-area1-2 {
	background: url(../images/flow/flow_area1image2.jpg) no-repeat;
	margin:0 0 30px 0;
	padding:0 0 0 430px;
	width:240px;
	height:703px;
	position: relative;
	}
	
.flow-area2-1 {
	background: url(../images/flow/flow_area2image1.jpg) no-repeat;
	margin:0 0 30px 0;
	padding:0 0 0 430px;
	width:240px;
	height:640px;
	position: relative;
	}
	
.flow-area2-2 {
	background: url(../images/flow/flow_area2image2.jpg) no-repeat;
	margin:0 0 30px 0;
	padding:0 0 0 430px;
	width:240px;
	height:292px;
	position: relative;
	}
	
.flow-area2-3 {
	background: url(../images/flow/flow_area2image3.jpg) no-repeat;
	margin:0 0 20px 0;
	padding:0 0 0 430px;
	width:240px;
	height:800px;
	position: relative;
	}
	
.ex1 {
	margin:0;
	font-size:1.2em;
	line-height:1.6;
	}

.exline1,
.exline2 {
	margin:0;
	padding:22px 0 0 138px;
	width:100px;
	height:19px;
	position: relative;
	}
	
.exline2 {
	margin:0;
	padding:17px 0 0 138px;
	width:100px;
	height:19px;
	}

.exline1 b,
.exline2 b {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/flow/flow_area1icon1.jpg) no-repeat;
	margin: 0;
	padding: 41px 0 0 0;
	width: 133px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:41px;/* for ie5.x */
	}
	
.exline2 b {
	background: url(../images/flow/flow_area1icon2.jpg) no-repeat;
	}

.ex2 {
	position: absolute;
	top:190px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex3 {
	position: absolute;
	top:150px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex4 {
	position: absolute;
	top:265px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex5 {
	position: absolute;
	top:25px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex6 {
	position: absolute;
	top:580px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex7 {
	position: absolute;
	top:25px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex8 {
	position: absolute;
	top:28px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.ex9 {
	position: absolute;
	top:755px;
	right:0;
	width:240px;
	font-size:1.2em;
	line-height:1.6;
	}
	
.flow_area2stitle1,
.flow_area2stitle2 {
	background: url(../images/flow/flow_area1stitle1.jpg) no-repeat;
	margin: 0 0 20px 0;
	padding: 17px 0 0 0;
	width: 270px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:17px;/* for ie5.x */
	}
	
.flow_area2stitle2 {
	background: url(../images/flow/flow_area1stitle2.jpg) no-repeat;
	}
	
.flow_area3title {
	margin:0;
	font-size:1.2em;
	color:#4D4D4D;
	}
	
.flow_area3 {
	background: url(../images/flow/area_back.gif) no-repeat;
	background-position: 0 bottom;
	margin:0 0 20px 0;
	}
	
.flow_area3box1,
.flow_area3box2,
.flow_area3box3 {
	margin:0 5px 0 0;
	padding:0 1px;
	border-top:1px solid #C8C8C8;
	width:218px;
	float:left;
	}
	
.flow_area3box3 {
	margin:0;
	}
	
.flow_area3boxtitle {
	background: url(../images/flow/flow_lhead1.jpg) no-repeat;
	background-position: 5px 13px;
	margin:0 0 15px 0;
	padding:12px 0 5px 23px;
	height:23px;
	background-color: #F9EDB1;
	font-size:1.6em;
	line-height:1.1;
	}
	
.flow_area3box3 .flow_area3boxtitle {
	background: url(../images/flow/flow_lhead2.jpg) no-repeat;
	background-position: 5px 13px;
	background-color: #BDDDC6;
	}
	
.arrow_box {
	background: url(../images/flow/flow_arrow1.jpg) no-repeat;
	background-position: center bottom;
	margin:0 0 10px 0;
	padding:0 5px 25px 5px;
	font-size:1.2em;
	}
	
.flow_area3box3 .arrow_box {
	background: url(../images/flow/flow_arrow2.jpg) no-repeat;
	background-position: center bottom;
	}
	
.noarrow_box {
	margin:0;
	padding:0 5px 25px 5px;
	font-size:1.2em;
	}
	
.arrow_box b,
.noarrow_box b {
	color:#EF7A00;
	}
	
.flow_area3box3 .arrow_box b,
.flow_area3box3 .noarrow_box b {
	color:#288E45;
	}

.flow_stitle3 {
	background: url(../images/flow/flow_stitle3.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 23px 0 0 0;
	width: 670px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:23px;/* for ie5.x */
	}

.flow_area4 {
	margin:0 0 15px 0;
	padding:20px 0 0 105px;
	width:565px;
	height: 730px;
	background-color: #F4F9F5;
	position: relative;
	}
	
.flow_area4_2 {
	margin:0 0 15px 0;
	padding:20px 0 0 105px;
	width:565px;
	height: 430px;
	background-color: #F4F9F5;
	position: relative;
	}
	
.flow_area4_3 {
	margin:0 0 15px 0;
	padding:20px 0 0 105px;
	width:565px;
	height: 830px;
	background-color: #F4F9F5;
	position: relative;
	}
	
.flow_area4_4 {
	margin:0 0 15px 0;
	padding:20px 0 0 105px;
	width:565px;
	height: 380px;
	background-color: #F4F9F5;
	position: relative;
	}
	
#flow_area4title1 {
	position: absolute;
	top:0;
	left:0;
	background:#93c7a3 url(../images/flow/flow_tablename1.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 750px 0 0 0;
	width: 60px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:750px;/* for ie5.x */
	}

#flow_area4title1_2 {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/flow/flow_tablename1.jpg) no-repeat 0 -60px;
	margin: 0 0 5px 0;
	padding: 400px 0 0 0;
	width: 60px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:519px;/* for ie5.x */
	}

#flow_area4title2 {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/flow/flow_tablename2.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 450px 0 0 0;
	width: 60px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:450px;/* for ie5.x */
	}
	
#flow_area4title3 {
	position: absolute;
	top:0;
	left:0;
	background-image: url(../images/flow/flow_tablename3.jpg);
	background-position:0 150px;
	background-repeat:no-repeat;
	background-color:#f7e080;
	margin: 0 0 5px 0;
	padding: 850px 0 0 0;
	width: 60px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:850px;/* for ie5.x */
	}

.tabletitle1,
.tabletitle2,
.tabletitle3 {
	margin:0;
	font-size:1.4em;
	font-weight: bold;
	color:#1A76B0;
	}

.price_table {
	margin:0 0 15px 0;
	width:538px;
	border-left:1px solid #B5B5B5;
	border-top:1px solid #B5B5B5;
	font-size:1.2em;
	background:#FFFFFF;
	}
	
.price_table th {
	margin:0;
	border-right:1px solid #B5B5B5;
	border-bottom:1px solid #B5B5B5;
	height:35px;
	color:#333;
	background-color: #D3E8D9;
	text-align: center;
	}
	
.price_table td {
	margin:0;
	border-right:1px solid #B5B5B5;
	border-bottom:1px solid #B5B5B5;
	height:35px;
	text-align: center;
	vertical-align: middle;
	}
	
.colorblue {
	background-color:#FFFFCC;
	color:#1A76B0;
	font-weight:600;
	}	

.price_table .colored th,
.price_table .colored {
	background-color: #EBEBEB;
	}
	
.table_ex {
	margin:0 25px 0 0;
	font-size:1.2em;
	}