@charset "UTF-8";
/***
 * ID : vis
 *
 =======================================================================*/
#vis {
	padding:15px 0;
	text-align:center;
	}
/***
 * ID : infomation
 *
 =======================================================================*/
#infomation {
	clear: both;
	padding: 0 20px 20px;
	margin: 0px 0px 20px;
	}
#infomation strong {
	color:#e4007f;
	font-weight:bold;
	margin:0 0 15px;
	display:block;
	font-size: 108%;
	}
#infomation ul {
	margin: 5px 0 0 20px;
	list-style: disc;
}
#infomation ul li {
	margin: 0 0 5px;
}
/***
 * ID : flow
 *
 =======================================================================*/
#flow {
	padding: 0 20px 20px;
	}
#flow dl {
	display:block;
	width:580px;
	height:100%;
	margin:0 auto;
	}
#flow dt.flowFirst {
	background: url(img/flow_long_bg.gif) no-repeat 0px 0px;
	}
#flow dt.flowLast {
	background: url(img/flow_long_bg.gif) no-repeat 0px bottom;
	padding-bottom:3px;
	}
#flow dd.flowLast {
	padding-bottom:3px;
	}
#flow dt {
	width: 160px;
	float: left;
	font-size:93%;
	margin: 0px;
	padding:8px 0px 2px 10px;
	height:20px;
	background: url(img/flow_long_bg.gif) no-repeat 0px -30px;
	}
#flow dd {
	width: 390px;
	padding:8px 10px 2px;
	float: left;
	height:20px;
	background: url(img/flow_long_bg.gif) no-repeat right 0px;
	font-size: 93%;
	}
/***
 * ID : ready
 *
 =======================================================================*/
#ready {
	padding: 20px;
	line-height:1.5;
	color:#CCCCCC;
	}
#ready h2 {
	font-size:138.5%;
	font-weight:bold;
	margin:0 0 10px;
	}
#ready .pack {
	background:url(img/pack.gif) no-repeat 0px 0px;
	padding:0 0 0 60px;
	margin:0 0 15px 0;
	}
/***
 * ID : productCase
 *
 =======================================================================*/
#productcase {
	padding: 20px 20px 10px;
	color:#bfbfbf;
	}
#productcase h2 {
	padding: 10px;
	font-weight: bold;
	background: #49758a;
	margin: 0px 0px 20px;
	}
#productcase dl {
	width: 260px;
	margin: 0px auto;
}

#productcase dt {
	margin: 0px 0px 15px;
	padding: 0px 10px 0px 0px;
	float: left;
	height: 120px;
	width: 120px;
	}
#productcase dd {
	padding: 0px;
	width: 130px;
	float: left;
	margin-bottom: 15px;
	height: 120px;
	font-size: 85%;
	}
#productcase li {
	margin: 0px 0px 10px;
	padding: 0px;
}

/***
 * Class's
 =======================================================================*/
.explanation {
	width: 280px;
	padding: 20px 0 20px 20px;
	float: left;
	line-height:1.5;
	margin-bottom: 29px;
	}
#contents .explanation h2 {
	font-size:138.5%;
	color:#e4007f;
	font-weight:bold;
	background:none;
	margin:0 0 10px 0;
	}
.why {
	padding:0 0 0 60px;
	background: url(img/css.gif) no-repeat 5px 0px;
	}
.what {
	padding:0 0 0 60px;
	background: url(img/help.gif) no-repeat 4px 0px;
	}