@charset "UTF-8";

/*ヘッダーナビ*/

#artmode a {
	background: url(../img_cmn/btn_out.png);
}
#infomode a {
	background: url(../img_cmn/btn_out.png) -80px;
}
#artmode a:hover {
	background: url(../img_cmn/btn_over.png);
}
#infomode a:hover {
	background: url(../img_cmn/btn_over.png) -80px;
}

/*メインナビ*/

#navi {
	float: right;
	height: 17px;
	width: 470px;
	margin-top: 70px;
	margin-right: 150px;
}
#navi ul li {
	float: left;
	margin-right: 20px;
}
#navi li a {
	height: 17px;
	width: 80px;
	display: block;
}
#mailbox {
	width: 50px;
}
ul #mailbox a {
	width: 50px;
}
#profile a {
	background: url(../img_cmn/btn_out.png) -160px;
}
#font a {
	background: url(../img_cmn/btn_active.png) -160px;
}
#spread a {
	background: url(../img_cmn/btn_out.png) -320px;
}
#diary a {
	background: url(../img_cmn/btn_out.png) -400px;
}
#mailbox a {
	background: url(../img_cmn/btn_out.png) no-repeat -480px;
	width: 50px;
}
#profile a:hover {
	background: url(../img_cmn/btn_over.png) -160px;
}
#font a:hover {
	background: url(../img_cmn/btn_over.png) -240px;
}
#spread a:hover {
	background: url(../img_cmn/btn_over.png) -320px;
}
#diary a:hover {
	background: url(../img_cmn/btn_over.png) -400px;
}
#mailbox a:hover {
	background: url(../img_cmn/btn_over.png) no-repeat -480px;
}
#BoxInfoFont p a {
	background: url(../font/img/btn_download.png);
	display: block;
	height: 17px;
	width: 160px;
}
#BoxInfoFont p a:hover {
	background: url(../font/img/btn_download.png) -160px;
}

/*コンテンツ*/

#BoxInfoFont {
	background: url(../img_cmn/content_bg_bk90.png);
	float: left;
	width: 900px;
	padding: 15px;
}
#BoxInfoFont li {
	float: left;
}
#BoxInfoFont li a {
	display: block;
	height: 17px;
	width: 100%;
}
#BoxMenuFont {
	height: 44px;
	width: 900px;
}
#FSpread {
	height: 17px;
	width: 345px;
	margin-right: 25px;
}
#FSpreadOut {
	height: 17px;
	width: 345px;
	margin-right: 25px;
}
#FBilliards {
	height: 17px;
	width: 160px;
}
#FCinque {
	height: 17px;
	width: 345px;
	margin-right: 25px;
	margin-top: 10px;
}
#FSpreader {
	height: 17px;
	width: 345px;
	margin-right: 25px;
	margin-top: 10px;
}
#FBowling {
	height: 17px;
	width: 160px;
	margin-top: 10px;
}
#FSpread a:hover {
	background: url(../font/img/btn_over.png);
}
#FSpreadOut a:hover {
	background: url(../font/img/btn_over.png) -345px 0px;
}
#FBilliards a:hover {
	background: url(../font/img/btn_over.png) -690px 0px;
}
#FCinque a:hover {
	background: url(../font/img/btn_over.png) 0px 17px;
}
#FSpreader a:hover {
	background: url(../font/img/btn_over.png) -345px 17px;
}
#FBowling a:hover {
	background: url(../font/img/btn_over.png) -690px 17px;
}
#BoxInfoFont p {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 10px;
	line-height: 1.5em;
}
.not {
	background: url(../font/img/btn_download.png) -320px;
	height: 17px;
	width: 160px;
}