@charset "utf-8";

/*
	1.Contents Layout.
		1-1.Banner Layout.
		1-2.Point Layout.
		1-3.News Layout.
*/

/*----------------------------------------------------------
	1.Contents Layout.
-----------------------------------------------------------*/
/* 1-1.Banner Layout. */
div#Banner{}

/* 1-2.Point Layout. */
div#Point{
	width:699px;
	height:195px;
	margin-bottom:30px;
	background:url(/cloud/common/images/top/bg_point.gif) no-repeat top left;
	}

div#Point ul{
	list-style:none;
	margin-left:10px;
	padding-top:14px;
	}

div#Point li{
	width:220px;
	height:172px;
	margin-right:9px;
	display:block;
	float:left;
	text-indent:-9999px;
	}

div#Point li a{
	width:220px;
	height:172px;
	display:block;
	}

div#Point li a:hover{
	background:no-repeat bottom left;
	}

div#Point li.Feature{
	background:url(/cloud/common/images/top/link_point_1.jpg) no-repeat top left;
	}

div#Point li.Feature a:hover{
	background:url(/cloud/common/images/top/link_point_1.jpg) no-repeat bottom left;
	}

div#Point li.Price{
	background:url(/cloud/common/images/top/link_point_2.jpg) no-repeat top left;
	}

div#Point li.Price a:hover{
	background:url(/cloud/common/images/top/link_point_2.jpg) no-repeat bottom left;
	}


div#Point li.Reliability{
	background:url(/cloud/common/images/top/link_point_3.jpg) no-repeat top left;
	}

div#Point li.Reliability a:hover{
	background:url(/cloud/common/images/top/link_point_3.jpg) no-repeat bottom left;
	}

/* 1-3.News Layout. */
div#News{}

div#News h2{
	width:699px;
	height:30px;
	margin:0px;
	background:url(/cloud/common/images/top/h2_news.gif) no-repeat top left;
	text-indent:-9999px;
	}

div#News ul#newsList{
	margin:5px 0px 10px 0px;
	}

div#News li{
	padding:5px 10px;
	background:url(/cloud/common/images/top/news_line.gif) repeat-x left bottom;
	}

div#News li .txt{
	padding-left:1em;
	text-indent:-1em;
	margin:0;
}

div#News div#NewsLink{
	text-align:right;
	}

div#News div#NewsLink a{
	padding-left:10px;
	background:url(/cloud/common/images/arrow_blue.gif) no-repeat center left;
	}