@charset "UTF-8";

/*****************************************
ACCESS-COUNTER.COM CSS 2007
*******************************************/

body {
	background-color : #ffffff;
	font-size:12px;
	color:#333333;
	font-family:sans-serif, Arial, Helvetica, Verdana;
	width: 100%;
	text-align: center;
	margin: 0;
	font-family: "ＭＳ Ｐゴシック",sans-serif; 
}

img {border : 0}

a:link{ }
a:active { position:relative; top:2px; left:2px; }
a:visited { color : #cc0000; text-decoration : underline ;}
a:hover  { position:relative; top:1px; left:1px; }
h1 a:hover  { position:relative; top:0px; left:0px; }

/*general*/
.clr{
	clear:both;
}

.partition{
	margin : 6px auto 6px auto;
	width: 760px;
}

/*all*/
#main{
	width:784px;
	margin:0 auto;
	background-image:url(../img/body_bg.gif);
	border-bottom: 4px #229030 solid;
}

/*header*/
#header_base{
	margin : 0;
	padding: 0;
}

.header_image{
	margin : 6px 0 0 0;
}

.header_banner{
	margin : 6px auto 6px auto;
	background-image: url(../img/partition_header.gif);
	height: 31px;
	font-weight: bold;
	width: 760px;
}

.header_banner_inner{
	padding:9px 0 0 110px;
	text-align: left;
	font-size: 12px;
	margin: 0;
}

/*recommend site*/
#recommend_caption{
	margin : 0 ;
}

#recommend_base{
	background:url(../img/bg_yellow.gif) #ffdd40;
	width:760px;
	margin: 0 auto;
	border-bottom: 1px #999999 solid;
}

.recommend_ezimg{
	float:left;
	text-align: center;
	width: 207px;
	height: 198px;
	margin: 40px 0 50px 40px;
	display: inline;
}

.recommend_bg{
	width:740px;
	height:374px;
	background: #FFFFFF url(../img/recommend_bg.gif) no-repeat;
	margin: 10px auto;
	text-align: left;
}

.recommend_text1{
	margin:159px 0 0 135px;
	width:210px;
	font-size: 12px;
	float: left;
	line-height: 20px;
	color: #ffffff;
	display: inline;
}

.recommend_text2{
	margin:159px 0 0 140px;
	width:210px;
	font-size: 12px;
	float: left;
	line-height: 20px;
	color: #ffffff;
	height: 80px;
}


.recommend_button1{
	margin: 64px 0 0 400px;
	float: left;
	display: inline;
}

.recommend_button2{
	margin: 55px 0 0 21px;
	float: left;
}

.recommend_banner{
	background: url(../img/bg_yellow.gif) #ffdd40;
	width:760px;
	margin: 10px auto;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	padding: 10px 0;
}


/*site link*/

.linkbase{
	width:370px;
	background:url(../img/link_bg.gif);
	float:left;
	margin: 2px 0 8px 15px;
	display: inline;
}

.link_image{
	float:left;
	margin:10px 0 10px 15px;
	display: inline;
	width: 139px;
}

.link_text{
	float:left;
	margin:10px;
	width:180px;
	background-color:#ffffff;
	border: 1px #666666 solid;
}


.link_text_inner{
	margin:5px;
	background-color:#ffffff;
	text-align: left;
	width: 170px;
	height: 105px;
	line-height: 16px;
}

.link_button{
	float:left;
	margin: 0 0 0 12px;
}

/*footer*/
#footer_base{
	width:760px;
	background:url(../img/footer_bg.gif);
	margin: 0 auto 10px auto;
	text-align: left;
	padding: 8px 0 10px 0;
}

.footer_credit{
	height:20px;
}

.footer_address{
	width: 177px;
	margin: 0 0 7px 297px;
}

.footer_copy{
	margin: 0 0 0 172px;
}


/*detail*/
#detail_caption{
	margin : 0 ;
}

#detail_base{
	background:url(../img/bg_yellow.gif) #ffdd40;
	width:760px;
	margin: 0 auto;
	border-bottom: 1px #cccccc solid;
}

.detail_image{
	width:280px;
	margin: 18px 0 26px 26px;
	float:left;
	display: inline;
}

.detail_rank{
	margin:30px 0 0 0;
}

.detail_text_bg{
	float:left;
	background:url(../img/detail_text_bg.gif);
	width:410px;
	margin: 18px 0 12px 20px;
	text-align: left;
}

.detail_text_title{
	margin:20px 0 0 25px;
}

.detail_text{
	margin:20px 20px;
	line-height: 18px;
}

.detail_table{
	margin:10px 0 0 30px;
	background-color:#666666;
	float: left;
	display: inline;
}

.detail_cell1{
	width:120px;
	background-color:#ffee66;
	font-size: 12px;
	padding: 2px 4px 1px 8px;
}

.detail_cell2{
	width:80px;
	background-color:#ffee66;
	font-size: 12px;
	padding: 2px 4px 0 8px;
	text-align: center;
}

.detail_mark{
	float:left;
	margin: 0px 0 0 15px;
}

.detail_button1{
	margin: 20px 0 0 60px;
	display: inline;
	float: left;
	width: 120px;
}

.detail_button2{
	margin: 10px 0 0 50px;
	float: left;
	width: 142px;
	display: inline;
}

.detail_button3{
	float:left;
	margin: 18px 0 6px 310px;
	width: 88px;
	display: inline;
}

.countar{
margin-left: 30px;
margin-top: 20px;
	
}