@charset "UTF-8";
/* CSS Document */
/*----------------*/
/*------------------------------------*/
.screenshot {
    float:left;
    padding:3px;
    width:165px;
    background:#CCC;
	border:solid 1px #999999;
	margin-right:15px;
}
.screenshot img{
    width:165px;
	height:120px;
}
/*-------------idx----------------*/
#wrapper .border_box {
position:relative;
z-index:0;
}
#wrapper .sf_info {
    float:left;
	width:375px;
}
#wrapper .sf_info h4{
	float:left;
	clear:both;
	width:335px;
	margin-bottom:5px;
}
#wrapper .border_box p {
    font-size:90%;
	margin:5px 0;
}
#wrapper .border_box p.strong {
    font-size:100%;
}
#wrapper .sf_info p {
	float:left;
	clear:both;
    font-size:90%;
	margin:5px 0;
	width:375px;
	padding:0;
}
*html #wrapper .sf_info p {
	margin:2px 0;
	width:345px;
}
.sf_info .more{
	position:absolute;
	bottom:10px;
	right:10px;
}
#wrapper .sf_info .url{
	float:left;
	clear:both;
	width:375px;
    font-size:85%;
	margin-bottom:5px;
}
#wrapper .point {
    float:left;
    clear:both;
	width:555px;
	padding:5px;
	background:#f0f0f0;
}
.border_box h5{
    float:left;
    clear:both;
}
#wrapper .point h4{margin-left:10px;width:500px;}
*html #wrapper .point h4{margin-left:5px;width:500px;}
#wrapper .point ul{margin-left:20px;width:500px;}
*html #wrapper .point ul{margin-left:10px;width:500px;}
#wrapper .point h5{margin-left:10px;width:500px;}
*html #wrapper .point h5{margin-left:5px;width:500px;}
#wrapper .point img{
    float:left;
	margin-top:2px;
	vertical-align:middle;
}
#wrapper .point p{
    float:left;
	clear:none;
	width:470px;
	margin:0px;
	padding:0 10px;
	font-weight:bold;
}
/*-------------------------------------------------*/
#wrapper .phase{
    float:left;
	clear:both;
	width:540px;
	margin-bottom:30px;
	padding-left:40px;
	z-index:0;
}
#wrapper #p1,
#wrapper #p2,
#wrapper #p3,
#wrapper #p4{
	position:relative;
}
#wrapper #p1{background:url(../images/tit_phase1.gif) no-repeat left center;}
#wrapper #p2{background:url(../images/tit_phase2.gif) no-repeat left center;}
#wrapper #p3{background:url(../images/tit_phase3.gif) no-repeat left center;}
#wrapper #p4{background:url(../images/tit_phase4.gif) no-repeat left center;}
#arrow01,
#arrow02,
#arrow03{
	position:absolute;
	left:300px;
	z-index:200;
	top:-20%;
}
#arrow01{top:-23%;}
#arrow02{top:-17%;}
#arrow03{top:-25%;}
.phase .border_box{
    width:520px !important;
    margin-top:0 !important;
}
#wrapper #p4 h4{
	display:none !important;
	height:0 !important;
	width:0 !important;
	padding:0 !important;
	margin:0 !important;
	overflow:hidden !important;
}
#wrapper #p4_box{ padding:50px 10px; margin-bottom:0;}
.phase h4{
    display:none;
}
#wrapper .mb00{
   margin-bottom:0 !important;
}
#wrapper .phase_images {
    float:left;
    width:114px;
	margin-right:15px;
	zoom:1;
}
.phase_images .screenshot {
    width:114px;
}
.phase_images .screenshot img{
    width:114px;
	height:114px;
}
#wrapper .flow_info {
    float:left;
	width:350px;
	margin-top:10px;
}
#wrapper .flow_info p{
    float:left;
    width:330px;
    font-size:80%;
	padding:10px;
}
#wrapper .phase h4{
    width:300px;
}
#wrapper .phase h5{
    width:300px;
}
/*--------------------------*/
.contents_box p{
    float:left;
	clear:both;
	width:575px;
	padding:10px 5px;
	font-size:90%;
}
.contents_box p.ml15{
    width:560px;
}
*html .contents_box p.ml15{
    margin-left:5px;
}
.border_box h5{
   width:500px;
}
/*--------------------------*/
.chack_list{
    float:left;
	clear:both;
	width:560px;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}
*html .chack_list{
    width:550px;
}
.point .chack_list{
    width:500px;
}
.point h5{
    width:500px;
}
.chack_list li{
    background:url(../../common/img/check.gif) no-repeat left top;
	padding-left:30px;
	margin-bottom:10px;
}
.border_box .ml50{
    float:left;
	clear:both;
	width:500px;
    padding-top:10px;
}
*html .border_box .ml50{
    margin-left:25px;
}
.border_box .left{
    clear:none;
	width:220px !important;
}
.border_box .ml50 li,
.sq_list li{
    margin-bottom:5px;
	font-size:110%;
	background:url(../../common/img/list1.gif) no-repeat 0.0em 0.5em;
	padding-left:12px;
}
.sq_list {
    float:left;
    clear:both;
    padding-left:10px;
	width:500px;
}
/*--------------------------------------*/
#wrapper .sf_info .app_icon{
    position:absolute;
	right:-10px;
	top:-20px;
}
/*--------------------------------------*/
.border_box .images{
    float:left;
    clear:both;
	width:560px;
	padding-left:5px;
	margin:10px 0;
	text-align:center;
}
/*--------------------------------------*/