@charset "UTF-8";
/*

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

A8ASMembaers Support css

2008.02

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


1.デフォルトセット
2.顔倍澄2・Fエリア澄2・
3.ヘッダー
4.コンテンツ
5.フッター
6.ｎ"柾試・・

to.ishikawa

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

*/




/*

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


1.デフォルトセット

Default setting


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


*/





*{
margin:0;
padding:0;
}



h1,h2,h3,p,ul,ol,li,dl,dt,dd{
 margin:0;
 padding:0;
 line-height:1.5;

}


li{

 list-style:none;
 
}




img{
  border:none;
  margin:0;
  padding:0;


}


a{

color:#003366;

}


a:hover{
	color:#0066CC;

}





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

clearFix

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




.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    border: 0;
}


.clearFix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearFix{
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;
	/* escape MacIE5 */ 
}
/* escape MacIE5 \*/
* html .clearFix{
	height: 1%;
}
/* escape MacIE5 */



/*

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


2.顔倍澄2・Fエリア澄2・

Base Layout setting


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

*/

body{
   font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   text-align:center;
    background-color:#f3fdfb;
}
 
 
#container{
    width:820px;
	margin:0 auto;
	text-align:center;
	background:url(images/bg_contentsWrapper.gif) 0 0 repeat-y;
}


#header{
    width:820px;
	margin:25px 20px 30px 0;
}


#headerLeft{ 
    width:90px;
    float:left;
	text-align:right;

}


#headerRight{
    width:730px;
    float:right;


}


#contents{
   width:820px;
   margin:0 10px 20px;
   clear:both;


}



#footer{
  width:100%;
  padding-top:10px;
  clear:both;
  text-align:center;
  background:url(../images/footerBg.gif) repeat-x left bottom;


}

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



3.ヘッダー


Header setting



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


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

Global Menu

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

#globalMenuWrap{
  width:730px;
  padding:12px 0 0 0;

}


ul#globalMenu{
   width:710px;
   margin:0 10px;
   position:relative;
   left:auto;
   top:auto;
   line-height:1.3;

}


ul#globalMenu li{
  width:142px;
  height:30px;
  float:left;
  display:inline;

}

ul#globalMenu li a{
  width:142px;
  height:30px;
  display:block;

}



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

pulldownMenu


2008.05

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





ul#globalMenu li ul{
  width:140px;
  margin:0;
  padding:0;
  height:auto;
  position: absolute;
  top:29px;
  left: -999px;
  background-color:#99FFCC;
  border:#666666 solid 1px;
  

}


ul#globalMenu li li{
 width:140px;
 height:25px;
 font-size:12px;
 clear:both;
 text-align:center;
 background:url(../images/gmenuli.gif) repeat-x left top;
 
}

ul#globalMenu li li a{
	width:140px;
	height:21px;
	padding-top:4px;
	display:block;
	text-decoration:none;
	color:#333333;
	background:url(../images/gmenuli.gif) repeat-x left top;
 }


 
ul#globalMenu li li a:hover{
 background:url(../images/gmenuli2.gif) repeat left top;
	
 }
 


#globalMenu li:hover ul, #globalMenu li.sfhover ul{
	left: auto;
	z-index:10;
}







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



4.コンテンツ

Contents setting




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


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

汲枢次2・

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


/*

---------------------------Sub Menu

*/

#contentsMenu{
 width:800px;
 margin:0 10px 10px;

}

#contentsMenu ul{
  width:660px;
  height:30px;

}

#contentsMenu li,#contentsMenu li a{
  width:162px;
  height:30px;
  margin:0 3px 0 0;
}

#contentsMenu li{
  display:inline;
 }

#contentsMenu li a{
  display:block;
  float:left;
}


#contentsMenu h2{
 clear:both;


}

/*

------------------------------Contents Area 

*/



#contentsMain{
  width:790px;
  margin:0 10px;
  clear:both;

}


.contentsBox{
 margin-bottom:10px;


}





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

副サイトり拳ｓ€・

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


#subSiteContents01Explain{
 width:765px;
 height:108px;
 margin:5px auto 0;
 background:url(../images/subSiteContents01-2.jpg) no-repeat left top;
 text-align:right;
}


#subSiteContents01Explain p{
 font-size:14px;
 padding:35px 25px 0 120px;
 text-align:left; 


}



.fanblogRegist{
 border:#333333 solid 1px;
 border-top:none;
 border-bottom-width:3px;
 margin:0 0 20px;
 }



#fanblogBeginning{
 width:790px;
 height:165px;
 background:url(../images/subSiteContents03.jpg) no-repeat left top;


}


#fanblogBeginning p{
 padding:90px 20px 0;
 font-size:14px;


}

.registBt{
  text-align:center;
  margin:0 0 10px; 


}



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

セルフバック

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

#selfBackExplain{
  width:790px;
  margin:0 0 10px 0;
  border:#333333 solid 1px;


}

#selfBackExplainHead{
  background:url(../images/selfBackContents02.jpg) no-repeat left top;

}




#selfBackExplainHead p{
  padding:80px 20px 25px;
  font-size:14px;


}


#selfBackExplainHead .adj{
  font-size:14px;
  color:#CC0000;

}

#selfBackExplainBox{
  width:770px;
  margin:0 10px;


}


#selfBackExplainBoxLeft{
  width:380px;
  float:left;


}


#selfBackExplainBoxRight{
  width:380px;
  float:right;


}

.selfBackRegistBt{
	width:320px;
	margin:0 auto 20px;
	padding:5px 0;
	text-align:center;

}


.selfBackRegistBt a{
    color:#FFFFFF;
}






/*
#selfBackExplainBox h3{
  margin:0 0 10px 0;
  padding:3px 0;
  text-align:center;
  color:#FFFFFF;
  font-size:14px;
  
}

#selfBackExplainBoxLeft h3{
  background-color:#006699;
}

#selfBackExplainBoxRight h3{
	background-color:#FF9933;
}




#selfBackExplainBox h3 a{
  color:#FFFFFF;
  
}

#selfBackExplainBox p{
  font-size:12px;
  margin:0 10px 10px;
  
}

#selfBackExplainBox .links{
  text-align:right;


}

*/

#selfBackList{
  width:790px;
  clear:both;
 }
 
 
 

#selfBackList h3{
	margin:0;
	padding:0 0 5px 0;
	font-size:16px;
	text-align:center;
	color:#FFFFFF;
 }
 
 
 
#selfBackList h3 a{
	color:#FFFFFF;
 }

#selfBackListLeft h3{
   padding:0px;
}

#selfBackListRight h3{
   padding:0px;
}

 
#selfBackList th{ 
 font-size:14px;
 text-align:left;
 padding:3px;

}
 
#selfBackList td{ 
 font-size:12px;
 padding:3px;

}

#selfBackList ul{
 margin:5px 5px 20px;

}

#selfBackList li{
	margin:0 0 10px 0;
	background-color:#F4F3E8;
}

#selfBackList table{
border:#999900 solid 1px;

}

#selfBackList .appBt{
 text-align:right;
 margin:0 5px 5px 0;


}

#selfBackList .explain{
 margin:0 0 15px 0;
 padding:0 0 3px 0;
 font-size:12px;
 text-align:center;

}

#selfBackListLeft .explain{
	background-color:#D2F0FF;

}


#selfBackListRight .explain{
	background-color:#FEEFC0;
}



#selfBackList .links{
    font-size:14px;
	text-align:center;
	font-weight:bold;
	margin:0 20px 10px;
	padding:3px 0;
	color:#FFFFFF;

}






#selfBackList .links a{
   color:#FFFFFF;

}



#selfBackListLeft{
  width:390px;
  float:left;
  border:#333333 solid 1px;
 }


#selfBackListRight{
  width:390px;
  float:right;
  border:#333333 solid 1px;
 }
 
 
/*
---------------------- About SelfBack
*/


#selfBackSteps,#selfBackAttention{
  width:790px;

}

#selfBackSteps h2,#selfBackAttention h2{
  margin:0 0 15px;

}

.selfBackStepsBox{
   width:750px;
   margin:0 20px 10px;



}

.selfBackStepsBox table{
  margin:10px 0;
  border:#999999 solid 1px;


}


.selfBackStepsBox p{
  font-size:14px;
  margin:0 0 5px;


}


.selfBackStepsBox td{
  font-size:14px;
  font-weight:bold;
  padding:10px;


}


.point{
 color:#003366;
 font-size:18px;


}


.red{
 color:#FF0000;


}


.selfBackStepsBox .selfBackStepArrow{
   text-align:center;

}

#selfBackAttention h2{
  font-size:14px;
  text-align:center;
  background-color:#CCCCCC;


}

#selfBackAttention h3{
  font-size:14px;
  margin:0 20px;


}


#selfBackAttention ul{
  width:750px;
  margin:0 20px 20px;

}


#selfBackAttention li{
 font-size:14px;
 background:url(../images/listMarkAttention.gif) 0 4px no-repeat;
 margin:0 0 5px 0;
 padding:0 0 0 20px;
 color: #00008B;

}


#selfBackAttention .attention{
	color:#FF6600;
}


#selfBackAttention p{
  font-size:12px;
  margin:0 20px;

}


/*
----------------------  SelfBack Attention Page
*/

.selfBackAttention .contentsBox{
 border:#9A9A9A solid 1px;


}


.selfBackAttention h3{
   margin:0 0 5px;
   height:34px;
   background:no-repeat left top;
   text-indent:-9998px;
   overflow:hidden;

}

.selfBackAttention p,.selfBackAttention dl{
   font-size:14px;
   margin:0 20px 10px;
   }
      
.selfBackAttention dt{
  font-weight:bold;  

 }
 
 .selfBackAttention dd{
  margin:0 0 5px 10px;

 }

.selfBackAttention #box1 h3{
   background-image:url(../images/selfBackAttentionH301.gif);
   }
   
.selfBackAttention #box2 h3{
   background-image:url(../images/selfBackAttentionH302.gif);
}







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

Buzz

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



#buzzStep{
  width:790px;
  height:180px;
  margin:0 0 40px 0;
  background:url(../images/a8BuzzPoint.jpg) no-repeat left top;
  text-align:right;


}




#buzzStep ul{
   padding:115px 25px 0 0;


}

#buzzStep li{
  font-size:14px;
  line-height:1.8;

}


#buzzBt{
  width:700px;
  margin:0 auto 40px;

}


#buzzBt ul{
  width:640px;
  margin:0 auto;

}


#buzzBt li{
 padding-right:5px;
 display:inline;


}


/*
-------------------------------a8BuzzStep&STEP Guide
*/


#contentsLeft{
  width:200px;
  float:left;

}


#contentsRight{
  width:590px;
  float:right;


}

#contentsLeft dl{
 margin:0 10px 20px 0;
}


#contentsLeft dt{
 height:30px;
}


#contentsLeft dd{
 margin:0 0 10px;
 padding:5px;
 font-size:12px;
 border:#999999 solid 1px;
 border-top:none;
}


#contentsLeft p.adj{
 width:170px;
 margin:0 auto;
 text-align:center;
 font-size:14px;
 background-color:#006699;
 color:#FFFFFF;

}

#contentsLeft p.adj a{
 color:#FFFFFF;

}



#contentsRight .stepBox{
 margin:0 0 15px 0;


}


.stepBox h2{
 background:url(../images/a8BuzzStepH2.jpg) no-repeat left top;
 font-size:16px;
 margin:0 0 5px 0;
 padding:5px 0 7px 45px;



}


.stepBox p,.stepBox li{
 font-size:12px;
 margin:0 0 7px 0;

}



.climb{
  font-size:12px;
  text-align:right;
  margin:0 5px 0 0;


}


.stepBox .attention p,.stepBox .attention li{
	font-size:12px;
	color:#FF6600;

}


#contentsRight #box3 h3{
	font-size:14px;
	margin:0 0 10px 0;
	padding:3px 0 3px 10px;
	background-color:#F09100;
	color: #FFFFFF;
}


#contentsRight #box3 li{
   font-weight:bold;
   margin:0 0 10px 0;
}



#buzzBt p{
  width:320px;
  margin:0 auto;

}


#buzzAttention{
 margin:0 0 20px 0;


}


#buzzAttention h2{
  margin:0 0 10px 0;
  padding:3px 0;
  font-size:14px;
  text-align:center;
  background:none;
  background-color:#CCCCCC;

}


#buzzAttention h3{
	margin:0 0 10px 0;
	padding:3px 0 3px 10px;
	font-size:14px;
	text-align:left;
	background-color:#FFCC33;
	border:#CC6600 solid 1px;
}


#buzzAttention p{
    font-size:12px;
	margin:0 0 20px 0;
}



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

人気AS序・

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



#popAsList{
text-align: center;
}



#hp_bg{
width:790px;
padding:15px 0 20px;

}




td.image{
padding:28px 0 0 0;
}


.txt{
padding:5px 0;
color:#333;
font-size:12px;
text-align:center;
}

.txt2{
width:218px;
padding:5px 0 5px 10px;
color:#333;
font-size:12px;
text-align:left;
vertical-align:top;
}




td.space1{
width:32px;
text-align: center;
}


td.space2{
width:25px;
text-align: center;
}



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

アフィリエイト

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


#affiliateExplain p.links{
 text-align:right;
 font-size:14px;
 margin:5px 15px 5px 0;

}


#advertisingExplain p.adj{
 margin-bottom:10px;


}

#advertisingExplain h3,#programExplain h3{
 margin-bottom:10px;


}




#advertisingExplain .contents01,#advertisingExplain .contents02,#advertisingExplain .contents03{
 margin:0 10px;

}


#advertisingExplain .contents01 li,#advertisingExplain .contents02 li,#advertisingExplain .contents03 li{
background: no-repeat left top;
text-align:left;
padding:5px 10px 5px 420px;
font-size:14px;
height:92px;


}

#advertisingExplain .contents01 li.box1{
 background-image:url(../images/advertisingContents01-1.jpg);


}

#advertisingExplain .contents01 li.box2{
 background-image:url(../images/advertisingContents01-2.jpg);


}


#advertisingExplain .contents01 li.box3{
 background-image:url(../images/advertisingContents01-3.jpg);


}

#advertisingExplain .contents02 li.box1{
 background-image:url(../images/advertisingContents02-1.jpg);


}

#advertisingExplain .contents03 li.box1{
 background-image:url(../images/advertisingContents03-1.jpg);


}

#advertisingExplain .contents02 .box2{
 margin:0 10px 10px;
 }


#advertisingExplain .contents02 .box2 h4{
 /*background-color:#99CC00;*/
 margin-bottom:5px;
/* padding:5px;
 width:140px;
 font-size:14px;
 color:#333333;
 text-align:center;*/

}

#advertisingExplain .contents02 .box2 table{
border-collapse:collapse;

}



#advertisingExplain .contents02 .box2 th,#advertisingExplain .contents02 .box2 td{
border:#D8D8D8 solid 1px;


}

#advertisingExplain .contents02 .box2 th{
 text-align:center;
 font-size:14px;
 padding:3px;
 background-color:#EEEEEE;
 width:100px;

}

#advertisingExplain .contents02 .box2 td{
 font-size:12px;
 padding:3px 5px;
 }


#programExplain p{
 margin:0 10px 10px;


}

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

盾妬広告

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





#goodsExplain .contents01{
 margin-bottom:10px;


}


#goodsExplain .contents02{
 background: no-repeat left top url(../images/goodsContents02.jpg);
 height:135px;
 padding-top:45px;
 margin-bottom:10px;


}



#goodsExplain .contents02 dl{
 width:600px;
 margin:0 10px 5px auto;


}


#goodsExplain .contents02 dt{
 font-size:16px;
 font-weight:bold;
 width:580px;
 color:#003366;
 background:url(../images/icon01.gif) no-repeat left center;
 padding:10px 0 0 25px;

}

#goodsExplain .contents02 dd{
 font-size:14px;


}


#goodsExplain .contents03{
 border:#333333 solid 1px;



}


#goodsExplain .contents03 p{
 font-size:14px;
 margin:0 20px 10px;

}



#goodsExplain .contents03 ul{
 margin:0 auto 10px;
 text-align:center;


}

#goodsExplain .contents03 li{
 display:inline;
 margin-right:50px;

}

#goodsExplain .contents03 li.adj{
 margin-right:0;

}

#goodsBannerExplain h3,#goodsLinkExplain h3{
 margin-bottom:10px;


}


#goodsBannerExplain p.adj,#goodsLinkExplain p.adj{
margin-bottom:10px;

}

#goodsBannerExplain .contents01,#goodsBannerExplain .contents02,#goodsBannerExplain .contents03,#goodsLinkExplain .contents01,#goodsLinkExplain .contents02,#goodsLinkExplain .contents03{
 margin:0 10px;

}


#goodsBannerExplain .contents01 li,#goodsBannerExplain .contents02 li,#goodsBannerExplain .contents03 li,#goodsLinkExplain .contents01 li,#goodsLinkExplain .contents02 li,#goodsLinkExplain .contents03 li{
background: no-repeat left top;
text-align:left;
padding:5px 10px 5px 420px;
font-size:14px;
height:92px;


}

#goodsBannerExplain .contents01 li.box1{
 background-image:url(../images/goodsBannerContents01-1.jpg);


}

#goodsBannerExplain .contents01 li.box2{
 background-image:url(../images/goodsBannerContents01-2.jpg);


}


#goodsBannerExplain .contents01 li.box3{
 background-image:url(../images/goodsBannerContents01-3.jpg);


}

#goodsBannerExplain .contents02 li.box1{
 background-image:url(../images/goodsBannerContents02-1.jpg);


}

#goodsBannerExplain .contents02 li.box2{
 background-image:url(../images/goodsBannerContents02-2.jpg);


}

#goodsLinkExplain .contents01 li.box1{
 background-image:url(../images/goodsLinkContents01-1.jpg);


}

#goodsLinkExplain .contents01 li.box2{
 background-image:url(../images/goodsLinkContents01-2.jpg);


}

#goodsLinkExplain .contents01 li.box3{
 background-image:url(../images/goodsLinkContents01-3.jpg);


}

#goodsLinkExplain .contents02 li.box1{
 background-image:url(../images/goodsLinkContents02-1.jpg);


}


#goodsLinkExplain .contents03 li.box1{
 background-image:url(../images/goodsLinkContents03-1.jpg);


}

#goodsLinkExplain .contents03 li.box2{
 background-image:url(../images/goodsLinkContents03-2.jpg);



}

#goodsLinkExplain .contents03 li.box3{
 background-image:url(../images/goodsLinkContents03-3.jpg);


}









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



5.フッター

Footer setting



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



#footer p{
 padding:0 0 5px;
 font-size:12px;
 text-align:center;
 color:#FFFFFF;

}