@charset "utf-8";
/*

#############################
#############################
#############################

A8ASMembaers 
service guide css

2009.08

------------------------------


1.サイドメニュー

2.コンテンツ設定
 2-1.コンテンツ共通設定
 2-2.コンテンツ個別設定



#############################
#############################
#############################

*/

/*
##################################
##################################


1.サイドメニュー

SideMenu setting


##################################
##################################
*/

/*
━━━━━━━━━━━━━━━━━━

共通設定

━━━━━━━━━━━━━━━━━━
*/

#sideMenu .sideMenuBox{margin:0 10px 5px 0;}
 
 
.sideMenuBox h2{
 width:190px;
 background:no-repeat left top;
 text-indent:-9998px;
 overflow:hidden;

}

.sideMenuBoxInner{
  padding:5px 0 10px 0;
  background:url(../images/common/sideMenuBoxCon.jpg) repeat-y left top;
 
 
 
}

.sideMenuBoxFoot{
  background:url(../images/common/sideMenuBoxFoot.jpg) no-repeat center top;
  height:12px;

}

.sideMenuBoxInner ul{
 margin:0 0 0 10px;
 }

.sideMenuBoxInner li{
 font-size:12px;
 line-height:1.8;
 background:url(../images/common/listMark2.gif) 3px center no-repeat;
 padding-left:21px;
 }
 

 
 
#p01 .sideMenuBoxInner li.p01,#p02 .sideMenuBoxInner li.p02,#p03 .sideMenuBoxInner li.p03,
#p04 .sideMenuBoxInner li.p04,#p05 .sideMenuBoxInner li.p05,#p06 .sideMenuBoxInner li.p06,#p07 .sideMenuBoxInner li.p07,#p08 .sideMenuBoxInner li.p08,#p09 .sideMenuBoxInner li.p09,#p10 .sideMenuBoxInner li.p10,.sideMenuBoxInner li.pCon{
  background:url(../images/common/liBg.gif) no-repeat left center;
 }

#p01 .sideMenuBoxInner li.p01 a,#p02 .sideMenuBoxInner li.p02 a,#p03 .sideMenuBoxInner li.p03 a,
#p04 .sideMenuBoxInner li.p04 a,#p05 .sideMenuBoxInner li.p05 a,#p06 .sideMenuBoxInner li.p06 a,#p07.sideMenuBoxInner li.p07 a,#p08 .sideMenuBoxInner li.p08 a,#p09 .sideMenuBoxInner li.p09 a,#p10.sideMenuBoxInner li.p10 a,.sideMenuBoxInner li.pCon a{
  text-decoration:none; 
 }
 
 



/*
━━━━━━━━━━━━━━━━━━

新規登録

━━━━━━━━━━━━━━━━━━
*/

#newMembers h2{
 height:50px;
 background-image:url(../images/common/newMembarsH2.jpg);
}


#newMembers .sideMenuBoxInner{
  border:1px solid #666666;
  border-top:none;
  padding:5px 0 10px;
  background:url(../images/common/newMembarsBtm.jpg) left bottom no-repeat #FFFFCC;
  border-color:#CC6600;


}


#newMembers ul{
 margin:0 0 0 0 ;
 text-align:center;
 
}

#newMembers li{
 line-height:1;
 margin-bottom:4px;
 _margin-bottom:3px;
 
}

#newMembers .sideMenuBoxInner li{
 padding-left:0;
 background:none;
  
 
}

/*
━━━━━━━━━━━━━━━━━━

サービスガイド

━━━━━━━━━━━━━━━━━━
*/
  

#serviceGuide h2{
 height:42px;
 background-image:url(../images/s_guide/serviceGuideH2.jpg);
}


/*
━━━━━━━━━━━━━━━━━━

関連情報

━━━━━━━━━━━━━━━━━━
*/


#relatedInfo h2{
 height:42px;
 background-image:url(../images/s_guide/relatedInfoH2.jpg);
 
}


/*
━━━━━━━━━━━━━━━━━━

サポート情報

━━━━━━━━━━━━━━━━━━
*/


#supportInfo h2{
 height:42px;
 background-image:url(../images/s_guide/supportInfoH2.jpg);
 
}



/*

┏━━━━━━━━━━━━━━━━━━┓

　
  2.コンテンツ設定
   Contents setting

┗━━━━━━━━━━━━━━━━━━┛

*/


/*
##################################
##################################


2-1.共通設定

Contents common setting


##################################
##################################
*/


#mainArea h2{margin:0 0 10px;}
 
.mainAreaBox{margin:0 10px 20px;}

#mainArea p{font-size:12px;}

#mainArea p.adj{margin-bottom:10px;}
    
#mainArea p.adj2{margin-bottom:5px;}


.detailsBox{
  border:#FF9900 solid 1px;
  border-top:none;
  padding:5px 3px;
  text-align:center;
  }
  

#use{text-align:center;}
 
#use p{margin-bottom:10px;}





/*
##################################
##################################


4-2.個別設定

Contents separate setting


##################################
##################################
*/




#mainArea .mainAreaBox{
 margin:0 25px 10px 5px;
 padding:5px 10px;
 clear:both;
 }
 #mainArea .mainAreaBox p{line-height:1.5;}






/*
━━━━━━━━━━━━━━━━━━

サポートトップ index.html

━━━━━━━━━━━━━━━━━━
*/


.serviceList{margin:0 25px 0 5px;}


.serviceList dl{margin:0 0 15px; width:680px;}


.serviceList dl.lBox,.serviceList dl.rBox{width:335px;}


.serviceList dl.lBox{float:left;}


.serviceList dl.rBox{float:right;}


.serviceList dd{line-height:1.5;}


.serviceList dd.explain{
 background-color:#EFEFEF;
 padding:5px;
 margin-bottom:5px;
}

.serviceList dd.btn{ text-align:right;}


.serviceList td .explain{
 width:300px;
 height:60px;
 background-color:#EFEFEF;
 padding:5px 10px;

}

.serviceList td .explain2{
 width:660px;
 height:60px;
 background-color:#EFEFEF;
 padding:5px 10px;

}









/*
━━━━━━━━━━━━━━━━━━

アフィリエイト affiliate.html

━━━━━━━━━━━━━━━━━━
*/


.detailsBox dl{
 width:600px;
 clear:both;
}


.detailsBox dt,.detailsBox dd{
 font-size:12px;
 text-align:left;
 padding:3px;
 margin-bottom:1px;


}


.detailsBox dt{
 float:left;
 width:100px;
 font-weight:bold;
 background-color:#E6FBFB;
 }

.detailsBox dd{
 float:right;
 width:480px;
 }



/*
━━━━━━━━━━━━━━━━━━

セルフバック selfback.html

━━━━━━━━━━━━━━━━━━
*/


table.tStyle{margin-bottom:15px;}


table.tStyle thead th{
 text-align:center;
 background-color:#E1F2A8;


}

table.tStyle tbody th{
 background-color:#F4F5F7;
 font-weight:normal;
 text-align:left;
}


table.tStyle th,table.tStyle td{
 font-size:12px;
 padding:3px;
 border:#D9D9D9 solid 1px;

}

table.tStyle td.price,table.tStyle td.price2{text-align:right;}

table.tStyle td.price2{color:#FF3300;}




/*
━━━━━━━━━━━━━━━━━━

利用ケース case.html

━━━━━━━━━━━━━━━━━━
*/


#case{text-align:center;}

#case h3{margin-bottom:10px;}
 
#case p{margin-bottom:10px;}

#case p.adj{
 margin:0 10px 5px;
 text-align:left;
 }
 
 
/*
━━━━━━━━━━━━━━━━━━

広告主紹介 eclist.html

━━━━━━━━━━━━━━━━━━
*/

dl.ecList{
 width:580px;
 clear:both;
 }
 
dl.ecList dt,dl.ecList dd{
  font-size:12px;
  margin-bottom:5px;
  padding:3px;


}

dl.ecList dt{
  width:140px;
  background-color:#E6FBFB;
  float:left;
  font-weight:bold;
  }
  
dl.ecList dd{
   width:420px;
   float:right;
   }


.ecGenre li{
  font-size:14px;
  background:url(../images/s_guide/folderIco.jpg) no-repeat left center;
  padding-left:24px;
  margin-bottom:3px;
  }


/*
━━━━━━━━━━━━━━━━━━

ベスト３ best3.html

━━━━━━━━━━━━━━━━━━
*/


#best3 h3{
  font-size:14px;
  padding:2px 0;
  text-align:center;
  margin-bottom:5px;
  background:url(../images/s_guide/h3Bg.gif) repeat;
  }


#best3 th,#best3 td{
 font-size:12px;
 border:#CCCCCC solid 1px;
 padding:3px;
 text-align:center;


}

#best3 thead th{background:url(../images/s_guide/thBg.gif) repeat-x;}




#best3 td.fee{
   font-size:14px;
   font-weight:bold;
   text-align:right;
   }
   
   
/*
━━━━━━━━━━━━━━━━━━

禁止事項 kinshi.html

━━━━━━━━━━━━━━━━━━
*/


.kinshi{margin:0 25px 20px 10px;}


.kinshi h3,.kinshi p,.kinshi th,.kinshi td,.kinshi dt,.kinshi dd,.kinshi li{font-size:12px;}

.kinshi h3{
 color:#CC0000;
 margin-bottom:3px;
}

.kinshi table{margin-bottom:10px;}

.kinshi th,.kinshi td{
 text-align:left;
 padding:5px;
 border:#CCCCCC solid 1px;
}


.kinshi th{
  width:210px;
  background-color:#EEF5F9;
  }
 
 
.kinshi dl{margin:0 0 10px;}
 
.kinshi ul{margin:0 0 5px 10px;}
 
.kinshi p{margin-bottom:5px;}

.kinshi dd.adj{margin-bottom:5px;}

  
/*
━━━━━━━━━━━━━━━━━━

禁止事項 taiou.html

━━━━━━━━━━━━━━━━━━
*/

#popupCon #header{
    width:600px;
	height:47px;
	margin:25px auto 15px;
}


#popupCon #contents{
 width:600px;
 margin:0 auto;
 }
 
#popupCon #contents h2{margin-bottom:5px;}
 
#popupCon #contents h3{
 font-size:14px;
 color:#CC0000;
 margin:0 5px 3px;
 }
 
#popupCon #contents table{margin:0 5px 10px;}
 
#popupCon #contents th,#popupCon #contents td{
 font-size:12px;
 padding:5px;
 border:#CCCCCC 1px solid;
 }

#popupCon #contents th{
 width:60px;
 background-color:#EEEEEE;
 text-align:left;
 }
 
#popupCon #contents p.caution{
 font-size:12px;
 color:#CC0000;
 }
 
 
 
/*
━━━━━━━━━━━━━━━━━━

参加方法　process.html

━━━━━━━━━━━━━━━━━━
*/
 
 
#process h3{margin-bottom:10px;}

 
#process table{margin-bottom:10px;}

#process th{text-align:center;}
  
#process td{
 vertical-align:top;
 font-size:12px;
 padding:5px;

}

#process dt{
 font-weight:bold;
 margin-bottom:3px;
 }
 
#process dd{margin-bottom:10px;}
 
#process td.stepImg{text-align:center;}
 
 #process .tableStyle{width:99%;}

#process .tableStyle th{font-weight:bold;}

#process .tableStyle th.f1{ background-color:#99CC00;}

#process .tableStyle th.f2{ background-color:#99CCFF;}