@charset "utf-8";

/* CSS Document */

/*-------------------------------------
★　basic layout
-------------------------------------*/

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


/* o */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* y[WCAEg */

body {
    min-width: 800px;
    text-align: center; /* center on ie */
    font-family:"lr SVbN", "Osaka|";
    margin: 0px;
    padding: 0;
    font-size: 0.8em;
    color: #333;
    line-height: 1.5;
}

/*-------------------------------------
★　link
-------------------------------------*/
/* リンク色（ページ全体） */


a { 
	font-weight:bolder;
}
/*
a:hover { color: #f00; }
*/


/* リンク色（サイドメニュー） */

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }


/* 表示補助 */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.clr0 {clear:both;}

.package:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .package { display: inline-block; }
/* no ie mac \*/
* html .package { height: 1%; }
.package { display: block; }
/* */


}

.clear0 {

	clear: both;

}

.clear05 {

	clear: both;

	height: 5px;

}

/*-------------------------------------
★　container
-------------------------------------*/

/*-------------------------------------
★　トップナビ
-------------------------------------*/


.topnavi {
	clear: both;
	padding-top: 8px;
	padding-bottom: 35px;
	margin-bottom:-7px;
}
.topnavi-inner ul {
	margin-left: 0;
	padding-left: 0;
	float: left;
	position: absolute;
	top: 89px;
	left: 1px;
	list-style-type: none;
/*	height: 35px;*/
	width: 798px;
	border-top:#e5e5e5 1px solid;
}
.topnavi-inner li {
	float: left;
}
.topnavi-inner a {
	text-decoration: none;
}
#link1 a {
	display: block;
	background-image:url(images/menu00.gif);
	width: 100px;
	height: 35px;
	text-indent: -10000em;
}
#link1 a:hover{
	background-image:url(images/menu00a.gif);
}
#link2 a {
	display: block;
	background-image:url(images/menu01.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link2 a:hover{
	background-image:url(images/menu01a.gif);
}
#link3 a {
	display: block;
	background-image:url(images/menu02.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link3 a:hover{
	background-image:url(images/menu02a.gif);
}
#link4 a {
	display: block;
	background-image:url(images/menu03.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link4 a:hover{
	background-image:url(images/menu03a.gif);
}
#link5 a {
	display: block;
	background-image:url(images/menu04.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link5 a:hover{
	background-image:url(images/menu04a.gif);
}
#link6 a {
	display: block;
	background-image:url(images/menu05.gif);
	width: 138px;
	height: 35px;
	text-indent: -10000em;
}
#link6 a:hover{
	background-image:url(images/menu05a.gif);
}



.mainMenu a:link {

	color:#FFF;

	font-weight:bold;

	text-decoration:none;

}

.mainMenu a:visited {

	color:#FFF;

	font-weight:bold;

	text-decoration:none;

}



.mainMenu a:active {

	color:#ff3366;

	font-weight:bold;

	text-decoration:none;

}

.mainMenu a:hover {

	color:#ff3366;

	font-weight:bold;

	text-decoration:none;

}

.goodsButton a:link {

	border:none;

	color:#00F;

	font-weight:bold;

	text-decoration:none;

}

.btmMenu a:link {

	color:#999;

	font-weight:normal;

	text-decoration:none;

}

.btmMenu a:visited {

	color:#999;

	font-weight:normal;

	text-decoration:none;

}

.btmMenu a:active {

	color:#999;

	font-weight:normal;

	text-decoration:none;

}

.btmMenu a:hover {

	color:#F9F;

	font-weight:normal;

	text-decoration:none;

}

#Filter a:link {

	color:#F90;

	font-weight:bold;

	text-decoration:underline;

}

#Filter a:visited {

	color:#F90;

	font-weight:bold;

	text-decoration:underline;

}

#Filter a:active {

	color:#F90;

	font-weight:bold;

	text-decoration:underline;

}

#Filter a:hover {

	color:#F90;

	font-weight:bold;

	text-decoration:underline;

}

.qaContent a:link {

	color:#FFF;

	font-weight:normal;

	text-decoration:none;

}

.qaContent a:visited {

	color:#FFF;

	font-weight:normal;

	text-decoration:none;

}



.qaContent a:active {

	color:#ff3366;

	font-weight:normal;

	text-decoration:none;

}

.qaContent a:hover {

	color:#ff3366;

	font-weight:normal;

	text-decoration:none;

}

body{
	margin-top:0px;
	background-image: url(../img/bg_all.gif);
	background-repeat: repeat;

}

.wrapper {
	height: auto;
	width: 1116px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/cont_bg1.gif);
	margin-bottom: 0px;
	background-repeat: repeat-y;

}

.header {

	height: 200px;

	width: 900px;

	background-image: url(/image/bg_header.jpg);

}

.ltCol {

	float: left;

	height: auto;

	width: 200px;

	margin-left: 8px;

}

.rtCol {

	float: left;

	height: auto;

	width: 690px;

	padding-right: 5px;

	padding-left: 7px;

}



.listPane .title img {

	width: 665px;

	height: auto;

}

.rtCol .listPane .sortMenu {

	width: 690px;

}

.listPane .sortList {
	height: auto;
	width: 799px;
	padding-right: 15px;
	padding-left: 15px;

}

.rtCol .listPane .title {

	height: 50px;

	width: 690px;

}

.rtCol .btmMenu {
	height: auto;
	width: 680px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;
	font-size: 12px;
	color: #666;
	background-color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	line-height: 20px;

}

.rtCol #Filter {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 10px;

	height: auto;

	width: 690px;

	color: #FFF;

	padding-right: 5px;

	padding-left: 5px;

	margin-bottom: 30px;

}

.frame #Copyright {

	height: 20px;

	width: 900px;

	text-align: center;

	padding-top: 10px;

}

.rtCol .listPane .categoryTitle {

	height: 50px;

	width: 690px;

}

.ltCol .sampleVideo {

	height: 185px;

	width: 180px;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 14px;

	font-weight: bold;

	color: #FFF;

	background-image: url(../img/bg_sampleVideo.jpg);

	margin-left: 12px;

}

.headerMenu {

	height: 35px;

	width: 900px;

	margin-bottom: 5px;

	background-image: url(../image/bar_mainMenu.jpg);

}

.headerMenu .mainMenu {

	height: 20px;

	width: 120px;

	padding-top: 5px;

	float: left;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	color: #999;

}

.headerMenu .d2passLogo {

	background-image: url(../image/d2passMenu.jpg);

	float: right;

	height: 25px;

	width: 122px;

}

.ltCol .eventInfo {
	height: auto;
	width: 180px;
	margin-bottom: 30px;
	margin-left: 12px;
}
.ltCol .eventInfo .eventInfoContents1 {
	height: auto;
	width: 177px;
	padding-top: 0px;
	padding-left: 3px;
	background-image: url(../img/bg_eventBannerMdl.jpg);
	background-repeat: repeat-y;
}
.ltCol .eventInfo .eventInfoContents2 {
	height: auto;
	width: 177px;
	padding-top: 10px;
	padding-left: 3px;
	background-image: url(../img/bg_eventBannerMdl.jpg);
}
.ltCol .eventInfo .eventInfoTitle {
	background-image: url(../img/bg_eventBannerTitle.jpg);
	height: 30px;
	width: 180px;
}
.ltCol .eventInfo .eventInfoBtm {
	background-image: url(../img/bg_eventBannerBtm.jpg);
	height: 13px;
	width: 180px;
}
.ltCol .chatInfo {

	height: 110px;

	width: 180px;

	margin-top: 30px;

	margin-bottom: 30px;

	background-image: url(../img/bg_loginInfo.jpg);

	margin-left: 12px;

}

.ltCol .chatInfo .chatInfoTitle {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #000;

	height: 20px;

	width: 180px;

}

.ltCol .chatInfo .chatInfoContents {

	height: 25px;

	width: 178px;

	border: 1px solid #333;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #C30;

	text-align: center;

	padding-top: 3px;

}

.ltCol .goodsMenu {

	height: 400px;

	width: 158px;

	padding-right: 10px;

	padding-left: 20px;

	margin-top: 30px;

	margin-bottom: 50px;

	background-image: url(../img/bg_ltColGoods_New.jpg);

	background-repeat: no-repeat;

	margin-left: 12px;

	padding-top: 30px;

}

.ltCol .goodsMenu .goodsButton {

	width: 112px;

	border: 1px solid #333;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #00F;

	text-align: center;

	margin-left: 40px;

	background-color: #FFC;

	margin-top: 10px;

}

.ltCol .goodsMenu .goodsTitle {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #000;

	height: 16px;

	width: 112px;

	padding-top: 4px;

	text-align: center;

	border: 1px solid #333;

	margin-left: 40px;

	background-color: #FFC;

	margin-bottom: 12px;

}

.copyrightSentence {
	width: auto;
	text-align: center;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	height: 22px;
	line-height: 22px;

}

.rtCol .kiyaku {

	background-color: #000;

	height: 253px;

	width: 653px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 15px;

}

.rtCol .kiyaku .kiyakuTitle {

	background-image: url(../img/title_kiyaku.jpg);

	height: 36px;

	width: 653px;

}

.rtCol .kiyaku .kiyakuContent {

	width: 613px;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	height: 193px;

	margin-top: 3px;

	overflow-x: hidden;

	overflow-y: auto;

}



/* Join Area */

.howCredit {

	height: auto;

	width: 653px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

	background-color: #FFF;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #000;

}

.howContentCredit {

	height: auto;

	width: 515px;

	border: 2px dotted #00F;

	margin-top: 15px;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 15px;

	float: left;

	padding-left: 10px;

	margin-bottom: 5px;

}

.howContentCreditImage {

	background-image: url(../img/creditcard.gif);

	height: 160px;

	width: 80px;

	float: left;

	margin-top: 3px;

	margin-left: 20px;

}

.howCredit .howGoodsCredit .howGoodsBtn10 {

	height: 183px;

	width: 183px;

	margin-right: 15px;

	float: left;

	margin-bottom: 10px;

}

.howCredit .howGoodsCredit .howGoodsBtn25 {

	height: 100%;

	width: 183px;

	margin-right: 15px;

	float: left;
	margin-bottom: 10px;
	text-align:center;

}

.howCredit .howGoodsCredit .howGoodsBtn50 {

	height: 100%;

	width: 183px;

	margin-right: 15px;

	float: left;

	margin-bottom: 10px;
	text-align:center;

}

.howCredit .howGoodsCredit .howGoodsBtn110 {

	height: 100%;

	width: 183px;

	margin-right: 15px;

	float: left;

	margin-bottom: 10px;
	text-align:center;

}

.howCredit .howGoodsCredit .howGoodsBtn170 {

	height: 100%;

	width: 183px;

	margin-right: 15px;

	float: left;

	margin-bottom: 10px;
	text-align:center;

}

.howCredit .howGoodsCredit .howGoodsBtnrate {

	height: 100%;
	width: 183px;
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
	margin-top: 70px;
	text-align:right;
	line-height:1.3em;

}


.howCredit .howGoodsCredit {

	height: auto;

	width: 633px;

	padding-left: 20px;

	background-image: url(../img/title_howCreditBuy.jpg);

	background-repeat: no-repeat;

	padding-top: 42px;

}

.howBank {

	height: auto;

	width: 653px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #000;

}

.howBank .howTitleBank {

	height: 36px;

	width: 653px;

}

.howBank .howGoodsBank {

	height: auto;

	width: 633px;

	padding-left: 20px;

	padding-top: 20px;

	background-color: #FFF;

}

.howBank .howGoodsBank .howGoodsBtnBank {

	height: 183px;

	width: 183px;

	margin-right: 15px;

	margin-bottom: 10px;

}

.howBank .instruction1 {

	background-color: #FFF;

	height: auto;

	width: 590px;

	margin-right: auto;

	margin-left: auto;

	border: 1px solid #000;

	background-image: url(../img/bank01.gif);

	background-repeat: no-repeat;

	padding-top: 170px;

	padding-left: 10px;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.howBank .instruction2 {

	background-color: #FFF;

	height: auto;

	width: 600px;

	margin-right: auto;

	margin-left: auto;

	border: thin solid #000;

}

.howBank .instruction3 {

	background-color: #FFF;

	height: auto;

	width: 600px;

	margin-right: auto;

	margin-left: auto;

	border: 1px solid #000;

	margin-top: 20px;

}

.howBank .instruction41 {

	background-color: #FFF;

	height: auto;

	width: 195px;

	margin-right: 4px;

	border: 1px solid #000;

	float:left;

}

.howBank .instruction42 {

	background-color: #FFF;

	height: auto;

	width: 195px;

	margin-right: 4px;

	border: 1px solid #000;

	float:left;

}

.howBank .instruction43 {

	background-color: #FFF;

	height: auto;

	width: 196px;

	border: 1px solid #000;

	float:left;

}

.instructionTitle {

	color: #FFF;

	background-color: #000;

	height: 17px;

	width: auto;

	padding-top: 3px;

	font-weight: bold;

	padding-left: 3px;

}

.instractionContent3 {

	padding: 10px;

}

.instractionContent4 {

	padding: 10px;

	height: 158px;

}

.howBank .instruction5 {

	background-color: #FFF;

	height: auto;

	width: 600px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

}

.howBank .howGoodsBank .instruction4 {

	height: auto;

	width: 600px;

	margin-top: 20px;

	margin-right: auto;

	margin-left: auto;

}

.howPW {

	height: auto;

	width: 653px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #000;

}

.howPW .howTitlePW {

	height: 36px;

	width: 653px;



}

.howPW .howPWInstruction {

	height: auto;

	width: 633px;

	background-color: #FFF;

	padding: 10px;

}

.howQuit {

	height: auto;

	width: 653px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #000;

}

.howQuit .howTitleQuit {

	height: 36px;

	width: 653px;



}

.howQuit .howQuitInstruction {

	height: auto;

	width: 633px;

	background-color: #FFF;

	padding: 10px;

}

/* Join Area */



/* QA Area */

.qaTitle {

	height: 40px;

	width: 620px;

	margin-right: auto;

	margin-left: auto;

}.qa {

	height: auto;

	width: auto;

	background-color: #333;

}

.qa .qaContent {

	background-color: #000;

	height: auto;

	width: 580px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	margin-right: auto;

	margin-left: auto;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #FFF;

	padding-top: 10px;

	margin-bottom: 30px;

}

/* QA Area */



/* Search Area */

.searchArea {

	height: auto;

	width: 600px;

	margin-right: auto;

	margin-left: auto;

}

.searchPanel {

	height: auto;

	width: 690px;

	margin-right: auto;

	margin-left: auto;

	background-color: #000;

	padding-bottom: 20px;

}

.searchPanel .searchTitle {

	height: 36px;

	width: 690px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 5px;

}

/* Search Area */
.ltcol {
	background-color: #FFC;
	float: left;
	height: auto;
	width: 265px;
	margin-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.rtcol {
	background-color: #FFC;
	float: left;
	width: 831px;
	margin-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.footer {
	background-color: #000;
	height: 60px;
	width: 1116px;
}
.ltcol .randomPre {
	background-color: #000;
	height: 262px;
	width: 265px;
	margin-bottom: 20px;
}
.ltcol .btn_join a {
	display: block;
	background-image: url(../img/btn_join.gif);
	height: 51px;
	width: 265px;
	text-indent: -10000em;
	margin-bottom: 5px;
}
.ltcol .btn_join a:hover {
	background-image: url(../img/btn_join.gif);
	background-position:265px 0px;
	height: 51px;
	width: 265px;
	margin-bottom: 5px;
}
.ltcol .btn_login a {
	display: block;
	background-image: url(../img/btn_login.gif);
	height: 51px;
	width: 265px;
	text-indent: -10000em;
	margin-bottom: 20px;
}

.ltcol .btn_login a:hover {
	background-image: url(../img/btn_login.gif);
	background-position:265px 0px;
	height: 51px;
	width: 265px;
	margin-bottom: 5px;
	margin-bottom: 20px;
}
.ltcol .goods {
	height: auto;
	width: 265px;
	margin-bottom: 20px;
}
.ltcol .ranking {
	height: auto;
	width: 223px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	border: 1px solid #999;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* navigation */
.rtcol .navi {	display:block;margin:0px;	padding:0px;height: 30px;width: 831px; background-image:url(../img/menu_navi2.gif); background-position:0px 0px;}
.navi ul {	display:block;margin:0px;	padding:0px;height: 30px;width: 831px;}
.navi ul li {	display:block;	margin:0px;	padding:0px;	width:138px;	height:30px;	float:left;}
.navi ul li a { 	background-image:url(../img/menu_navi2.gif);	text-indent:-9999px;	display:block;	margin:0px;	padding:0px;	width:138px;	height:30px;}
.navi ul li#menu_home a { background-position:0px -30px;}
.navi ul li#menu_home a:hover { background-position:0px -60px;}
.navi ul li#menu_home a:on { background-position:0px -90px;}

.navi ul li#menu_beginner a { background-position:-139px -30px;}
.navi ul li#menu_beginner a:hover { background-position:-139px -60px;}
.navi ul li#menu_beginner a:on { background-position:-139px -90px;}

.navi ul li#menu_search a { background-position:-277px -30px;}
.navi ul li#menu_search a:hover { background-position:-277px -60px;}
.navi ul li#menu_search a:on { background-position:-277px -90px;}

.navi ul li#menu_join a { background-position:-415px -30px;}
.navi ul li#menu_join a:hover { background-position:-415px -60px;}
.navi ul li#menu_join a:on { background-position:-415px -90px;}

.navi ul li#menu_qa a { background-position:-553px -30px;}
.navi ul li#menu_qa a:hover { background-position:-553px -60px;}
.navi ul li#menu_qa a:on { background-position:-553px -60px;}

.navi ul li#menu_d2p a { background-position:-694px -30px;}
.navi ul li#menu_d2p a:hover { background-position:-694px-60px;}
.navi ul li#menu_d2p a:on { background-position:-694px -90px;}
/* navigation */

/* main contents */

/* online status */
.rtcol .onlineStatus {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "ヒラギノ角ゴ6", "ヒラギノ角ゴ6等幅", "ヒラギノ角ゴ8", "ヒラギノ角ゴ8等幅", "メイリオ", Arial, Verdana;
	color: #FFF;background-image: url(../img/bg_onlineStatus.jpg);height: 21px;	width: 831px;}
.onlineStatus .member_no {	height: 21px;width: 356px;	text-align: right;	float: left;}
.onlineStatus .online_no {	text-align: right;	height: 21px;	width: 220px;	float: left;}
.onlineStatus .standby_no {	float: left;	height: 21px;	width: 215px;	padding-right: 30px;	text-align: right;}
/* online status */

/* online thumbnail */

/*
.listPane .sortMenu {	display:block;	margin:0px;	padding:0px;	height: 44px;	width: 831px;}
.listPane .sortMenu ul {	display:block;	margin:0px;	padding:0px;	height: 30px;	width: 831px;}
.listPane .sortMenu ul li {	display:block;	margin:0px;	padding:0px;	width:166px;	height:44px;	float:left;}
.listPane .sortMenu ul li a { background-image:url(../img/tab_category.jpg);	display:block;	margin:0px;	padding:0px;	width:166px;	height:44px;	float:left;}

.navi ul li#menu_home a { background-position:0px 0px;}
.navi ul li#menu_home a:hover { background-position:0px -30px;}
.navi ul li#menu_home a:on { background-position:0px -692px;}

.navi ul li#menu_beginner a { background-position:-139px 0px;}
.navi ul li#menu_beginner a:hover { background-position:-140px -30px;}
.navi ul li#menu_beginner a:on { background-position:-140px -60px;}

.navi ul li#menu_search a { background-position:-277px 0px;}
.navi ul li#menu_search a:hover { background-position:-277px -30px;}
.navi ul li#menu_search a:on { background-position:-277px -60px;}

.navi ul li#menu_join a { background-position:-415px 0px;}
.navi ul li#menu_join a:hover { background-position:-415px -30px;}
.navi ul li#menu_join a:on { background-position:-415px -60px;}

.navi ul li#menu_qa a { background-position:-553px 0px;}
.navi ul li#menu_qa a:hover { background-position:-553px -30px;}
.navi ul li#menu_qa a:on { background-position:-553px -60px;}

.navi ul li#menu_d2p a { background-position:-693px 0px;}
.navi ul li#menu_d2p a:hover { background-position:-693px-30px;}
.navi ul li#menu_d2p a:on { background-position:0px -693px;}
*/