@charset "utf-8";

/*
	1.Feature Common Layout.
	2.Feature - index Layout.
		2-1.Base Layout.
		2-2.Point1 Layout.
		2-3.Point2 Layout.
		2-4.Point3 Layout.
		2-5.Other Layout.
	3.Feature - Save Layout.
	3.Feature - Reliability Layout.
	
*/

/*----------------------------------------------------------
	1.Feature Common Layout.
-----------------------------------------------------------*/
dl#pointList{
	margin-top:30px;
	}

dl#pointList dt{
	clear:both;
	width:100px;
	height:80px;
	float:left;
	text-indent:-9999px;
	}

dl#pointList dt.point1{
	background:url(/cloud/common/images/feature/bg_point1.gif) no-repeat center top;/* 左右が先 */
	}
dl#pointList dt.point2{
	background:url(/cloud/common/images/feature/bg_point2.gif) no-repeat center top;
	}
dl#pointList dt.point3{
	background:url(/cloud/common/images/feature/bg_point3.gif) no-repeat center top;
	}
dl#pointList dt.point4{
	background:url(/cloud/common/images/feature/bg_point4.gif) no-repeat center top;
	}
dl#pointList dt.point5{
	background:url(/cloud/common/images/feature/bg_point5.gif) no-repeat center top;
	}

dl#pointList dd h4{
	font-size:116%;
	padding-bottom:4px;
	}

.link{
	width:301px;
	height:42px;
	margin:20px auto 0 auto;
	text-indent:-9999px;
	}

.link a{
	width:301px;
	height:42px;
	display:block;
	}

/*----------------------------------------------------------
	2.Feature index Layout.
-----------------------------------------------------------*/
/* 2-1.Base Layout. */
div#Feature h2{
	background:url(/cloud/common/images/feature/h2_feature.gif) no-repeat left top;
	}

div#Feature h3{
	height:50px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	text-indent:-9999px;
	}

div#Feature dl#pointList dd{
	margin-bottom:50px;
	margin-left:110px;
	}

.featureTxt{
	padding:0 5px;
	margin-bottom:30px;
}

/* 2-2.Point1 Layout. */
div#point1{
	margin-bottom:50px; 
	}

div#point1 .box{
	margin:0px;
	padding-left:10px;
/*	padding-top:50px;
	clear:both;*/
	}

div#point1 .txt{
	width:220px;
	float:left;
}

div#point1 .illust{
	float:right;
	width:460px;
	padding-top:20px;
}

div#point1 h3{
	background:url(/cloud/common/images/feature/h3_point1.gif) no-repeat left top;
}

/* 2-3.Point2 Layout. */
div#point2{
	margin-bottom:50px; 
}

div#point2 h3{
	background:url(/cloud/common/images/feature/h3_point2.gif) no-repeat left top;
	}
	
div#point2 .box{
	margin:0px;
	padding-left:10px;
	}

div#point2 .illust{
	margin:20px auto 0 auto;
	width:610px;
	}

div#price{
	background:url(/cloud/common/images/feature/link_price.jpg) no-repeat left top;
	}


div#price a:hover{
	background:url(/cloud/common/images/feature/link_price.jpg) no-repeat left bottom;
	}

/* 2-4.Point3 Layout. */
div#point3{
	margin-bottom:0px; 
	}

div#point3 h3{
	background:url(/cloud/common/images/feature/h3_point3.gif) no-repeat left top;
	}

div#point3 dl#pointList{
	margin:0px;
	}
	
div#point3 dl#pointList h4{
	background:none;
	margin:5px 0px;
	padding:0px;
	font-size:133%;
	overflow:hidden;
}

div#point3 dl#pointList dd .txt{
	width:280px;
	float:left;
}

div#point3 dl#pointList dd .photo{
	width:280px;
	float:right;
}

div#premiumsupport{
	margin-left:90px;
	background:url(/cloud/common/images/feature/link_premiumsupport.jpg) no-repeat left top;
	}

div#premiumsupport a{}

div#premiumsupport a:hover{
	background:url(/cloud/common/images/feature/link_premiumsupport.jpg) no-repeat left bottom;
	}

/* 2-5.Other Layout. */
div#point4{
	margin-bottom:0;
}

div#point4 h3{
	background:url(/cloud/common/images/feature/h3_other.gif) no-repeat left top;
	}

div#save{
	background:url(/cloud/common/images/feature/link_save.jpg) no-repeat left top;
	}

div#save a{}

div#save a:hover{
	background:url(/cloud/common/images/feature/link_save.jpg) no-repeat left bottom;
	}

/*----------------------------------------------------------
	3.Feature - Save Layout.
-----------------------------------------------------------*/
div#Save h2{
	background:url(/cloud/common/images/feature/h2_feature_save.gif) no-repeat left top;
	}

div#Save dl#pointList dd{
	margin-bottom:20px;
	margin-left:110px;
	}

div#reliability{
	text-align:center;
	background:url(/cloud/common/images/feature/link_reliability.jpg) no-repeat left top;
	}

dl#pointList div#reliability{
	margin-left:90px;
	}

div#reliability a{}

div#reliability a:hover{
	background:url(/cloud/common/images/feature/link_reliability.jpg) no-repeat left bottom;
	}

/*----------------------------------------------------------
	4.Feature - Reliability Layout.
-----------------------------------------------------------*/

div#Reliability h2{
	background:url(/cloud/common/images/feature/h2_feature_reliability.gif) no-repeat left top;
	}

div#Reliability h3{
	padding:5px 0px;
	font-size:170%;
	color:#00427D;
}


div#Reliability #pointList dd{
	margin-bottom:25px;
	margin-left:110px;
}

/*
div#Reliability #pointList h3.point1{
	background:url(/cloud/common/images/feature/feature_bcp_tit01.gif) no-repeat left top;
	}
div#Reliability #pointList h3.point2{
	background:url(/cloud/common/images/feature/feature_bcp_tit02.gif) no-repeat left top;
	}
div#Reliability #pointList h3.point3{
	background:url(/cloud/common/images/feature/feature_bcp_tit03.gif) no-repeat left top;
	}
div#Reliability #pointList h3.point4{
	background:url(/cloud/common/images/feature/feature_bcp_tit04.gif) no-repeat left top;
	}
div#Reliability #pointList h3.point5{
	background:url(/cloud/common/images/feature/feature_bcp_tit05.gif) no-repeat left top;
	}
*/

p.textLink{
	background:url(/cloud/common/images/arrow_blue.gif) no-repeat center left;
	padding-left:10px;
	}

p.img{
	margin-top:10px;
	padding-left:95px;
	display:block;
	}

div#sla{
	background:url(/cloud/common/images/feature/link_aboutsla.jpg) no-repeat left top;
	}

div#sla a{}

div#sla a:hover{
	background:url(/cloud/common/images/feature/link_aboutsla.jpg) no-repeat left bottom;
	}