@charset "UTF-8";
/* CSS Document */

#wrapper {
	width: 800px;
	padding-top: 20px;
	padding-bottom: 40px;
	float: left;
}
#wrapper #main_navi {
	float: left;
	height: auto;
	width: 450px;
}
#wrapper #main_navi ul {
	display: block;
	width: 220px;
}
#wrapper #main_navi ul li {
	display: block;
	height: 50px;
	width: 220px;
	margin-bottom: 10px;
	float: left;
}
#main_navi ul #btn_about a {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
}
#main_navi ul #btn_about a:hover {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: left -180px;
	overflow: hidden;
}

#main_navi ul #btn_products a {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: left -60px;
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
}
#main_navi ul #btn_products a:hover {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: left -240px;
	overflow: hidden;
}

#main_navi ul #btn_howto a {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: left -120px;
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
}
#main_navi ul #btn_howto a:hover {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: left -300px;
	overflow: hidden;
}

#main_navi ul #btn_support a {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: -230px top;
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
}
#main_navi ul #btn_support a:hover {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: -230px -180px;
	overflow: hidden;
}

#main_navi ul #btn_events a {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: -230px -60px;
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
}
#main_navi ul #btn_events a:hover {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: -230px -240px;
	overflow: hidden;
}

#main_navi ul #btn_shoplist a {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: -230px -120px;
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 220px;
	overflow: hidden;
}
#main_navi ul #btn_shoplist a:hover {
	background-image: url(../images/top/navi.jpg);
	background-repeat: no-repeat;
	background-position: -230px -300px;
	overflow: hidden;
}

#wrapper #info {
	float: right;
	height: auto;
	width: 330px;
}
#info h2 {
	background-image: url(../images/top/info_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	display: block;
	height: 12px;
	width: 330px;
	margin-bottom: 10px;
}
#info #rss {
	padding-right: 10px;
	float: left;
	width: 320px;
	clear: both;
	height: auto;
}
#info #rss ul {
	display: block;
}
#info #rss ul li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 15px;
	list-style-image: url(../images/top/list_mark.jpg);
	margin-left: 18px;
}
#info #rss ul li .padding {
	padding-left: 1em;
}
#info #rss ul li .new {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
}
#info #rss ul li a {
	color: #00A5E3;
}