/*
*****************************

affiliate.css  2011.04.21

*****************************
*/
body{
	line-height:1.3;
	background-color:#fff;
	font-size:13px;
}
/*========================
header
========================*/
#header{
	background:url(../images/blankpage_headerbg.gif) repeat-x top left;
	height:75px;
}
#header #header_inner{
	width:945px;
	margin:0 auto;
	padding:22px 0 16px 15px;

}

/*========================
contents
========================*/
#contents{
	width:900px;
	margin:0 auto;
	background:url(../images/blankpage_conbg02.gif) repeat-y;
	padding:15px 30px 20px;
}

/*========================
footer
========================*/

#footer{
 width:100%;
 height:150px;
 background:url(http://support.a8.net/as/support/images/a8as_footerBg.png) repeat-x left bottom;
 clear:both;
 text-align:center;
 }

#footer ul{padding:20px 0;}

#footer li{
 font-size:12px;
 display:inline;
 margin-right:10px;
 color:#FFFFFF;
}

#footer li a{color:#FFFFFF;}


#footer p#copyR,#footer p#copyR a{
 font-size:12px;
 text-align:center;
 color:#FFFFFF;
}

/*========================
main
========================*/

#mainArea02 #contTop{
	background:url(../images/affiliate_bg01.jpg) repeat-x top left;
	width:680px;
}
#mainArea02 #contTop p{
	font-size:14px;
	padding:0 10px;
}
#mainArea02 #contTop p span{
	color:#C00;
	font-weight:bold;
}
#mainArea02 .affService{
	width:900px;
	background:url(../images/affiliate_servicebg02.gif) repeat-y top left;
	margin-top:10px;
}
#mainArea02 .affService .fLeft{
	background-color:#eee;
	padding:10px;
	width:420px;
	float:left;
}
#mainArea02 .affService .fRight{
	background-color:#eee;
	padding:10px;
	width:420px;
	float:right;
}

/*-------------
etc
-------------*/
.pageTop{
 font-size:12px;
 width:80px;
 margin:0 0 0 auto;
 background:url(http://support.a8.net/as/support/images/pageTop.gif) no-repeat left center;
 padding:0 0 0 18px;
 clear:both;
 }
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}
.mgt3{margin-top:3px;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgb3{margin-bottom:3px;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgr5{margin-left:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr40{margin-right:40px;}
.mgr80{margin-right:80px;}
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}

.bold{font-weight:bold;}
.bold14{font-size:14px; font-weight:bold;}
.colorRed{color:#C30;}
.fontS{font-size:11px; font-weight:normal;}

a:link{color:#003366;}
a:visited{color:#660033;}
a:hover{color:#0066CC;}
a:active{color:#0066CC;}
a:hover img{filter:alpha(opacity=70); opacity:0.7;}