@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_out.png) -240px;
}
#spread a {
	background: url(../img_cmn/btn_active.png) -240px;
}
#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;
}

/*コンテンツ*/

#BoxInfoSpread {
	background: url(../img_cmn/content_bg_bk90.png);
	float: left;
	width: 900px;
	padding: 15px;
}
.stuff {
	font-size: 10px;
	color: #666;
}