

/*

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

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:visited{
   color:#660033;
   }


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


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

*/


html,body{
 height:100%;
 margin:0;
 padding:0;
 }


body{
   font-family:"Verdana,'ヒラギノ逞ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif";
   text-align:center;
   background:url(../images/headBg.gif) repeat-x left top;
   
 }
 
 
#container{
    width:840px;
	margin:0 auto;
	text-align:left;
	min-height:100%;


}

#container{
   height:100%;
   }


body > #container{
   height:auto;
   }


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


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

}


#headerRight{
	width:730px;
	float:right;
	position:relative;
	left: 0px;
	top: 0px;

}


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


}


#footer{
  width:100%;
  height:100px;
  clear:both;
  text-align:center;
  background:url(../images/footBg.jpg) 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/menu/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/menu/gmenuli.gif) repeat-x left top;
 }


ul#globalMenu li li a:hover{
 background:url(../images/menu/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/subsite/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/subsite/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/selfback/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;
}


#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 10px;
   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/selfback/selfBackAttentionH301.gif);
   }
   
.selfBackAttention #box2 h3{
   background-image:url(../images/selfback/selfBackAttentionH302.gif);
}


/*
----------------------  SelfBack Kinshi Page
*/


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


}

.selfBackKinshi h3{
   margin:0 0 10px;
   background:no-repeat left top;
   text-indent:-9998px;
   overflow:hidden;

}


.selfBackKinshi h4{
  font-size:14px;
  margin:0 10px 10px;
  text-align:center;
  padding:5px;
  background-color:#FED64A;
  border:#333333 solid 1px;


}


.selfBackKinshi p{
   font-size:14px;
   margin:0 20px 10px;
   }
   
   
 .selfBackKinshi dl{
   font-size:14px;
   margin:0 20px 10px 15px;
   }
      
.selfBackKinshi .kinshi dt{
 background:url(../images/selfback/kinishiMark.gif) no-repeat left ;
 padding-left:18px;
 font-weight:bold;


}

 
 .selfBackKinshi dd{
  margin:0 0 5px 20px;

 }


.selfBackKinshi #box1 h3{
   background-image:url(../images/selfback/selfBackKinshiH301.gif);
   }
   
.selfBackKinshi #box2 h3{
   background-image:url(../images/selfback/selfBackKinshiH302.gif);
}


.selfBackKinshi #box3 h3{
   background-image:url(../images/selfback/selfBackKinshiH302.gif);
}

.selfBackKinshi #box3 p{
 background-color:#FFFFCC;
 padding:3px;
 }


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

Buzz

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


#buzzStep{
  width:790px;
  height:180px;
  margin:0 0 40px 0;
  background:url(../images/blogentry/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:20px;
 display:inline;


}


#buzzBt li.adj{
 padding-right:0;


}


/*
-------------------------------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/blogentry/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/affiliate/advertisingContents01-1.jpg);


}

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


}


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


}

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


}

#advertisingExplain .contents03 li.box1{
 background-image:url(../images/affiliate/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/goods/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/goods/goodsBannerContents01-1.jpg);


}

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


}


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


}

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


}

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


}

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


}

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


}

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


}

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


}


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


}

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


}

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


}

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

ファンブログ淡梭稠e

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


#fanblog #contents02{

border:#333333 solid 1px;


}

#fanblog #contents02 p{

font-size:14px;
 margin:0 20px 10px;
 
}


#fanblog #contents02 ul{

 margin:0 auto 10px;
 text-align:center;


}

#fanblog #contents02 li{
   display:inline;
   margin-right:10px;

}

#fanblog #contents02 li.adj{
   margin-right:0;

}


#fanblogEdit .contentsBox h3{
  margin-bottom:10px;
  }
  
#fanblogEdit .contentsBox p{
  text-align:center;

}

#fanblogEdit #contentsBtm p{
  margin-bottom:5px;

}


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

サイトマップ

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

#sitemapBT{
 position:absolute;
 top:-25px;
 left:615px;
 width:100px;
 height:20px;


}


#sitemap{
 padding:0 15px;
 }
 
#sitemap h2{
 margin:0 0 10px;
 }
 
 
#sitemap h3,#sitemap h4{
 margin:0 0 5px;
 padding:2px 0 2px 22px;
 font-size:14px;
 line-height:1.3;
 background:url(../images/sitemap/folder.gif) no-repeat 4px center #CCEEE9;
 }
 
 
#sitemap ul{
 margin:0 10px 10px 10px;

}


#sitemap #sitemapLeft li,#sitemap #sitemapRight li li,#sitemap #sitemapRight #sitemapRight_R li{
 font-size:12px;
 background:url(../images/sitemap/fileImg.gif) no-repeat left center;
 margin-bottom:3px;
 padding:0 0 0 15px;

}


#sitemapLeft{
 width:260px;
 float:left;
 }
 
#sitemapRight{
 width:500px;
 float:right;
 }

#sitemapRight_L,#sitemapRight_R{
 width:245px;
 }

#sitemapRight_L{
 float:left;
 }
 
#sitemapRight_R{
 float:right;

}

#sitemapRight li .tit{
 font-size:12px;
 margin:0 0 5px;
 padding:2px 0 2px 5px;
 _padding:0 0 0 5px;
 background-color:#EDEDED;


}


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


5.フッタ〖

Footer setting


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


#footer ul{
 padding:20px 0 10px 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;
 padding:0 0 5px;
 color:#FFFFFF;

}