@charset "UTF-8";
html {
	overflow-x: hidden;
}
#contents-box {
	background: none;
}
.head-cap {
	height:78px;
	background:url(img/head_cap_bg.gif) no-repeat;
}
.box-inner {
	padding:0 0 55px 0;
	background:url(img/contents_bottom_bg.gif) left bottom no-repeat;
	zoom:1;
}
#fanta {
	width: 890px;
	height: 579px;
	margin: 20px auto 0;
	background:url(img/bg_s.gif) no-repeat;
}

#fanta-header {
	padding: 145px 0 0;
}
#fanta-header h4 {
	margin: 0 0 0 22px;
}
#fanta-header p.lead {
	margin: 30px 177px 25px;
}
#how-many{
	width: 800px;
	height: 390px;
	margin: 0 auto;
	background:url(img/bg_how_many.gif) no-repeat;
	position: relative;
}
#how-many h4 {
	text-indent: -5000px;
}
#how-many p.lead {
	position: absolute;
	top: 98px;
	left: 131px;
}
#how-many .col1 {
	position: absolute;
	top: 240px;
	left: 70px;
}
#how-many .col1 #counter {
	margin: 12px 0;
}
#how-many .col1 #counter img {
	margin: 0 3px 0 0;
}
#how-many .col2 {
	position: absolute;
	top: 240px;
	left: 489px;
}
#how-many .col2 li {
	margin: 0 0 5px;
}
#banners {
	width: 820px;
	margin: 10px auto 20px;
}
#banners .col1 {
	width: 405px;
	float: left;
}
#banners .col2 {
	width: 405px;
	float: right;
}
#banners li {
	width: 405px;
	height: 192px;
	overflow: hidden;
}
#banners a,
#banners span {
	display: block;
	text-indent: -5000px;
	width: 405px;
	height: 192px;
	_height: 411px;
	background-position: 0 0;
	background-repeat: no-repeat;
	
}
#banners a {
	cursor: pointer;
}
#banners a:hover {
	background-position: 0 -219px;
	_margin-top: -219px;
　　_padding-top: 219px;
　　_height: 192px;
}
.bn01 a,
.bn01 span{
	background-image: url(img/banner_whois.png);
}
.bn02 a,
.bn02 span{
	background-image: url(img/banner_parapra_01.png);
}
.bn03 a,
.bn03 span {
	background-image: url(img/banner_dazzlin.png);
}
.bn04 a,
.bn04 span {
	background-image: url(img/banner_message.png);
}
.bn05 a,
.bn05 span {
	background-image: url(img/banner_parapra_02.png);
}
.bn06 a,
.bn06 span {
	background-image: url(img/banner_cm.png);
}

#fanta-stage  {
	width: 534px;
	height: 181px;
	margin: 0 auto;
	overflow: hidden;
}

#fanta-stage a  {

	display: block;
	text-indent: -5000px;
	width: 534px;
	height: 181px;
	_height: 400px;
	background: url(img/banner_stage.png) no-repeat 0 0;
	

}
#fanta-stage a:hover  {
	background: url(img/banner_stage.png) no-repeat 0 -219px;
	background-position: 0 -219px;
	_margin-top: -219px;
　　_padding-top: 219px;
　　_height: 181px;

}


#fanta-footer  {
	width: 530px;
	height: 98px;
	margin: 30px auto 0;
	overflow: hidden;
}

#fanta-footer a  {

	display: block;
	text-indent: -5000px;
	width: 530px;
	height: 98px;
	_height: 200px;
	background: url(img/banner_cp.png) no-repeat 0 0;
	

}
#fanta-footer a:hover  {
	background: url(img/banner_cp.png) no-repeat 0 -102px;
	background-position: 0 -102px;
	_margin-top: -102px;
　　_padding-top: 102px;
　　_height: 98px;

}

#fanta div{
    zoom:1;/*for IE 5.5-7*/
}
#fanta div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#quiz{
	width: 800px;
	height: 252px;
	margin: 0 auto;
	background:url(img/t_quiz_fin.gif) no-repeat;
	position: relative;
}

#quiz h4 {
	text-indent: -5000px;
}

#quiz .col2 {
	position: absolute;
	top: 157px;
	left: 363px;
}

#quiz .col2 li {
	margin: 0 0 5px;
}