@charset "utf-8";
/* CSS Document */

/*-- clearfix --*/
.cf {
	zoom:1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear:both;
}

/*--- link ---*/
a:link, a:visited {
	color: #7A7A7A;
    text-decoration: underline;
}

a:hover, a:active {
	color: #7A7A7A;
    text-decoration: underline;
}

a:hover img {
	filter: alpha(opacity=80);
	opacity:0.8;
}

img {
	vertical-align:bottom;
}
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2.0;
	font-size:14px;
	background-color: #FFFFFF;
	color:#222222;
	margin: 0px;
	padding:0px;
}

#wapper {
	margin: 0px auto;
}
/****************************************************************
	 共通レイアウト
*****************************************************************/

/*--------------------------------------------------------------
	header
----------------------------------------------------------------*/
#headWap {
	background:url(../../../img/cloudest/common/haedLinebg.gif) repeat-x top left;
}
#head {
	width:960px;
	height:180px;
	margin:0px auto;
	background:url(../../../img/cloudest/common/haedLine.jpg) no-repeat top center;
	position:relative;
	line-height:0;
}
#head h1 {
	display:block;
	width:338px;
	height:98px;
	position:absolute;
	top:44px;
	left:311px;
	margin:0px;
}
#head #telno {
	width:202px;
	height:20px;
	position:absolute;
	top:17px;
	right:0px;
}
#head #contactBtn {
	display:block;
	width:200px;
	height:30px;
	position:absolute;
	top:27px;
	right:0px;
}
#head #downloadBtn {
	display:block;
	width:200px;
	height:30px;
	position:absolute;
	top:73px;
	right:0px;
}
#head #logintxt {
	display:block;
	width:205px;
	height:12px;
	position:absolute;
	top:119px;
	right:0px;
}
#head #logintxt img {
	vertical-align:top;
}
#head #loginBtn {
	display:block;
	width:200px;
	height:20px;
	position:absolute;
	top:136px;
	right:0px;
}

/*#head #logintxt img {
	vertical-align:top;
}*/
/*--------------------------------------------------------------
	gnav
----------------------------------------------------------------*/
#gnav {
	/*width:669px;*/
	width:960px;
	margin:0px auto 6px;
	padding:0px;
	list-style:none;
	line-height:1;
}
#gnav li {
	margin:0px;
	padding:0px;
	float:left;
	height:24px;
	position:relative;
}
#gnav li a {
	display:block;
	height:24px;
	overflow:hidden;
	position:relative;
}
#gnav li.nav01 {
	width:129px;
	background:url(../../../img/cloudest/common/gnav01_on.gif) no-repeat top left;
}
#gnav li.nav02 {
	width:155px;
	background:url(../../../img/cloudest/common/gnav02_on.gif) no-repeat top left;
}
#gnav li.nav03 {
	width:189px;
	background:url(../../../img/cloudest/common/gnav03_on.gif) no-repeat top left;
}
#gnav li.nav04 {
	width:134px;
	background:url(../../../img/cloudest/common/gnav04_on.gif) no-repeat top left;
}
#gnav li.nav05 {
	width:183px;
	background:url(../../../img/cloudest/common/gnav05_on.gif) no-repeat top left;
}
#gnav li.nav06 {
	width:170px;
	background:url(../../../img/cloudest/common/gnav06_on.gif) no-repeat top left;
}
/*-- hover --*/
#gnav li a:hover img {
	position:absolute;
	top:-24px;
	left:0px;
}


/*--------------------------------------------------------------
	contents
----------------------------------------------------------------*/
.contents {
	width:960px;
	margin:0px auto 105px;
}

.title01 {
	color: #E60012;
	line-height:1.5;
	font-weight:bold;
	font-size:30px;
	text-align:center;
}
.title02 {
	color: #E60012;
	line-height:1.5;
	font-weight:bold;
	font-size:25px;
	text-align:center;
}
.txtArea01 {
	line-height:2.0;
	font-weight:bold;
	font-size:19px;
	text-align:center;
}
.txtArea02 {
	line-height:2.0;
	font-weight:bold;
	font-size:15px;
	text-align:center;
}
.txtArea03 {
	line-height: 2.0;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	color:#222222;
}
/*--------------------------------------------------------------
	footer
----------------------------------------------------------------*/
#foot {
	background-color:#e60012;
}
#footin {
	width:960px;
	height:85px;
	margin:0px auto;
	padding:35px 0px 0px;
	
}
#footin .fnav {
	list-style:none;
	padding:0px;
	margin:0px 0px 35px;
	font-size:13px;
	color:#FFFFFF;
	line-height:1.0;
	text-align:center;
}
#footin .fnav li {
	margin-right:25px;
	display:inline;
}
#footin .fnav li.end {
	margin-right:0px;
	display:inline;
}
/*--- link ---*/
.fnav a:link, .fnav a:visited {
	color: #FFFFFF;
	text-decoration:underline;
}

.fnav a:hover, .fnav a:active {
	color: FFFFFF;
	text-decoration: none;
}
#footin #copy {
	font-size:13px;
	color:#FFFFFF;
	line-height:1;
	text-align:center;
}

/*-- 別ウィンドウリンクアイコン --*/
a[target="_blank"]:after {
   content:url(../../../img/cloudest/common/window_arrow001.gif);
	 padding-left: 3px;
	 padding-right: 5px;
}
a[target="new"]:after {
   content:url(../../../img/cloudest/common/window_arrow001.gif);
	 padding-left: 3px;
	 padding-right: 5px;
}
#head a:after{
	content:"";
}
.agreement a:after{
	content:"";
}