@charset "UTF-8";
/* CSS Document */
#content h1{
}
h2{
	margin:20px 0;
}

.linkbox{
	position:relative;
	height:770px;
	margin:20px 0;
}
.linkbox li{
	position:absolute;
}
.linkbox li h4,.linkbox li p{
	text-indent:-9999px;	
}
.linkbox li a{
	text-indent:-9999px;
	display:block;
	text-decoration:none;	
	position:absolute;
}

/* ayato 2011.08.30 */
#csr .ayato{
	background:url(/img/csr/ayato_back.jpg) 0 0 no-repeat;
	width:640px;
	height:185px;
	top:0;
	left:0;
}
#csr .ayato a{
	width:380px;
	height:55px;
	bottom:8px;
	left:0px;
}
#csr .ayato a:hover{
	background:url(/img/csr/ayato_btn.jpg) 0 0 no-repeat;
	_background:url(/img/csr/ayato_btn.jpg) 0 1px no-repeat;
}


#csr .pink{
	background:url(/img/csr/pink_back.jpg) 0 0 no-repeat;
	width:640px;
	height:185px;
	top:195px;
	left:0;
}
#csr .pink a{
	width:380px;
	height:55px;
	bottom:8px;
	left:0px;
}
#csr .pink a:hover{
	background:url(/img/csr/pink_btn.jpg) 0 0 no-repeat;
	_background:url(/img/csr/pink_btn.jpg) 0 1px no-repeat;
}
#csr .tiiki{
	background:url(/img/csr/tiiki_back.jpg) 0 0 no-repeat;
	width:640px;
	height:185px;
	top:390px;
	left:0;
}
#csr .tiiki a{
	width:380px;
	height:55px;
	bottom:8px;
	left:0px;
}
#csr .tiiki a:hover{
	background:url(/img/csr/tiiki_btn.jpg) 0 0 no-repeat;
	_background:url(/img/csr/tiiki_btn.jpg) 0 1px no-repeat;
}
.eco{
	background:url(/img/csr/eco_back.jpg) 0 0 no-repeat;
	width:315px;
	height:184px;
	bottom:0;
	left:0;
}
.eco a{
	width:315px;
	height:55px;
	bottom:3px;
	right:0;
}
.eco a:hover{
	background:url(/img/csr/eco_btn.jpg) 0 0 no-repeat;
	_background:url(/img/csr/eco_btn.jpg) 1px 0 no-repeat;
}
.support{
	background:url(/img/csr/support_back.jpg) 0 0 no-repeat;
	width:315px;
	height:184px;
	bottom:0;
	right:0;
}
.support a{
	width:315px;
	height:55px;
	bottom:3px;
	right:0;
}
.support a:hover{
	background:url(/img/csr/support_btn.jpg) 0 0 no-repeat;
	_background:url(/img/csr/support_btn.jpg) 1px 0 no-repeat;
}