/* CSS Document */



/*    スタイル　　↓　*/
.bn_oyasumi{
	float: left;
	margin: 0;
	padding: 0 0 10px 7px;
}
.bn_20up{
	float: left;
	margin: 0;
	padding: 0 0 0 7px;
}

.i_f{
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 3px;
	width: 708px;
}


 
/*    スタイル　　↑　*/

#key-img {
	background-image: url(../img/key-bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 270px;
	width: 970px;
}
#key-img p,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
#key-img p {
	clear: left;
	float: left;
	height: 195px;
	width: 195px;
	padding-top: 30px;
	padding-left: 25px;
}
#key-img p a{
	margin: 100;
	padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(/img/jirei.png) no-repeat;
	width: 280px;	height: 62px;
}
#key-img p a:hover{
	margin: 0;
	padding: 0;
	background-position: 0 -195px;
}
#key-img dl {
	clear: right;
	float: right;
	padding-right: 44px;
}
#key-img dt {
	margin-top: 15px;
}
#key-img dd {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 104px;
	float: left;
}
#key-img dd.key-but01 {
	width: 231px;
}
#key-img dd.key-but02 {
	width: 235px;
}
#key-img dd a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 104px;
	background-repeat: no-repeat;
	background-position: 0px -104px;
	text-indent: -9999px;
}
#key-img dd a:hover {
	background-position: 0px 0px;
}
#key-img dd.key-but01 a {
	width: 231px;
	background-image: url(../img/key-but01.png);
}
#key-img dd.key-but02 a {
	width: 235px;
	background-image: url(../img/key-but02.png);
}


.top_ul{
	float: left;
	margin: 0;
	padding: 0;
	width: 725px;
}
.top_ul li{
	float: left;
	margin: 0;
	padding: 1px 5px 10px 5px;
	width: 348px; height: 106px;
}
.top_ul li a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 348px; height: 106px;
}
.top_ul li a:hover{
	margin: 0;
	padding: 0;
	background-position: 0 -106px;
}

.roll_all a{
	background: url(../img/roll_all.gif) no-repeat;
}
.roll_gaki a{
	background: url(../img/roll_gaki.gif) no-repeat;
}
.roll_voice a{
	background: url(../img/roll_voice.gif) no-repeat;
}
.roll_user a{
	background: url(../img/roll_user.gif) no-repeat;
}


.fa_tw{
	float: left;
	margin: 0;
	padding: 15px 0 0 23px;
	width: 200px;
}
.fa_tw p{
	float: left;
	margin: 0;
	padding: 0 0 13px 0;
}

.fa_tw iframe{
	float: left;
	margin: 0;
	padding: 0;
}