@charset "utf-8";

/* LayoutCSS Category ---------
01. Content
02. homeInfo
03. homeSns
04. bnrArea
05. gpArea
06. saleArea
---------------------------- */


/* 01. Content
--------------------------------------------------------------------------- */
.cpArea{
	margin:0;
	position:relative;
	height:220px;
	width:580px;
	}

#tabArea{
	float:left;
	margin:0 0 0 0;
	padding:15px 0 0;
	position:relative;
	width:410px;
	}

#bnrArea{
	float:right;
	padding:15px 0 0;
	position:relative;
	width:160px;
	}
	
#rankingArea{
	position:relative;
	width:580px;
	}


/* 02. homeInfo
--------------------------------------------------------------------------- */
#homeInfo{
	background:url(../images/home/info_titleBack.jpg) left top no-repeat;
	width:410px;
	}
#tabArea h2.tabTtl{
	float:left;
	overflow:hidden;
	padding:35px 0 0 0;
	height:0;
	width:320px;
	}
#tabArea span.more a{
	display:block;
	float:right;
	padding:35px 0 0 0;
	height:0;
	width:90px;
	}
#tabArea ul li{float:left;}

#homeInfo ul.tabMenu{
	background:url(../images/home/info_tabBack.jpg) left top no-repeat;
	clear:both;
	margin:0 auto;
	height:25px;
	width:400px;
	}
#homeInfo ul li a{
	display:block;
	padding:25px 0 0 0;
	height:0;
	width:80px;
	}

#homeInfo ul li a.infoTab{background:url(../images/home/info_tabBack.jpg) left top no-repeat;}
#homeInfo ul li a:hover.infoTab,
#homeInfo ul li a.infoTabOn{background:url(../images/home/info_tabBack.jpg) left -25px no-repeat;}

#homeInfo ul li a.newsTab{background:url(../images/home/info_tabBack.jpg) -80px top no-repeat;}
#homeInfo ul li a:hover.newsTab,
#homeInfo ul li a.newsTabOn {background:url(../images/home/info_tabBack.jpg) -80px -25px no-repeat;}

#homeInfo ul li a.updateTab{background:url(../images/home/info_tabBack.jpg) -160px top no-repeat;}
#homeInfo ul li a:hover.updateTab,
#homeInfo ul li a.updateTabOn{background:url(../images/home/info_tabBack.jpg) -160px -25px no-repeat;}

#homeInfo ul li a.eventTab{background:url(../images/home/info_tabBack.jpg) -240px top no-repeat;}
#homeInfo ul li a:hover.eventTab,
#homeInfo ul li a.eventTabOn{background:url(../images/home/info_tabBack.jpg) -240px -25px no-repeat;}

#homeInfo ul li a.mainteTab{background:url(../images/home/info_tabBack.jpg) -320px top no-repeat;}
#homeInfo ul li a:hover.mainteTab,
#homeInfo ul li a.mainteTabOn{background:url(../images/home/info_tabBack.jpg) -320px -25px no-repeat;}


/* viewArea */
#homeInfo #result{height: 280px;}
ul#infoDetail {
	margin:0 auto;
	height: 280px;
	width:400px;
	}
ul#infoDetail li{
	background:url(../images/home/txtBack.jpg) left bottom repeat-x;
	padding:5px 0 0 0;
	height:30px;
	width:400px;
	}
ul#infoDetail li a,
ul#infoDetail li span{
	color:#333;
	display:inline;
	}
.compaign_now {
	margin-top: 10px;
}
.compaign_now:hover {
	position:relative;
	top:1px;
	left:1px;
}


/* 03. homeSns
--------------------------------------------------------------------------- */
#homeSns{
	background:url(../images/home/sns_titleBack.jpg) left top no-repeat;
	width:410px;
	clear:both;
	}
#homeSns ul.tabImgNavi{
	background:url(../images/home/sns_tabBack.jpg) left top no-repeat;
	clear:both;
	margin:0 auto;
	height:25px;
	width:400px;
	}
#homeSns ul li a{
	display:block;
	padding:25px 0 0 0;
	height:0;
	width:133px;
	}
#homeSns ul li a.rookiesTab{background:url(../images/home/sns_tabBack.jpg) left top no-repeat;}
#homeSns ul li a:hover.rookiesTab,
#homeSns ul li a.rookiesTabOn{background:url(../images/home/sns_tabBack.jpg) left -25px no-repeat;}
#homeSns ul li a.talkTab{background:url(../images/home/sns_tabBack.jpg) -133px top no-repeat;}
#homeSns ul li a:hover.talkTab,
#homeSns ul li a.talkTabOn{background:url(../images/home/sns_tabBack.jpg) -133px -25px no-repeat;}
#homeSns ul li a.eventCommuTab{background:url(../images/home/sns_tabBack.jpg) -266px top no-repeat;}
#homeSns ul li a:hover.eventCommuTab,
#homeSns ul li a.eventCommuTabOn{background:url(../images/home/sns_tabBack.jpg) -266px -25px no-repeat;}

#homeSns .sns_list{
	border:1px solid #333;
	border-top:none;
	height: 170px;
	}


/* 04. saleArea
--------------------------------------------------------------------------- */
#saleArea{
	background:url(../images/home/rankSale_titleBack.jpg) left top no-repeat;
	margin:10px 0 0 0;
	position:relative;
	height:165px;
	width:410px;
	}
#saleArea h2.tabTtl{
	float:left;
	overflow:hidden;
	padding:35px 0 0 0;
	height:0;
	width:300px;
	}
#saleArea span.day{
	color:#CCCCCC;
	font-size:11px;
	font-weight:bold;
	position:relative;
	top:23px;
	}	
#saleArea .sale_list{
	background:url(../images/banner/sale_ranking/rankSale_img.jpg) left top no-repeat;
	clear:both;
	margin:0 auto;
	position:relative;
	top:10px;
	height:115px;
	width:400px;
	}

#saleArea ul li{
	float:left;
	overflow:hidden;
	height:115px;
	width:133px;
	text-indent:-9999px;
	}
	
#saleArea ul li a.btn_1{
	display:block;
	height:115px;
	width:133px;
	}
	
#saleArea ul li a.btn_2{
	display:block;
	height:115px;
	width:133px;
	cursor:pointer;
	}

#saleArea ul li a.btn_3{
	display:block;
	height:115px;
	width:133px;
	}

/* 05. gpArea
--------------------------------------------------------------------------- */
#gpArea{
	background:url(../images/home/rankGP_titleBack.jpg) left top no-repeat;
	margin:5px 0 0 0;
	position:relative;
	height:165px;
	width:410px;
	}
#gpArea span.more a{
	position:relative;
	top:11px;
	}
	
#gpArea .element{
	clear:both;
	margin:0 auto;
	position:relative;
	top:10px;
	height:115px;
	width:400px;
	}
#gpArea iframe{
	float:left;
	margin:0;
	padding:0;
	position:relative;
	height:115px;
	width:132px;
	}
#gpArea iframe.light{ margin-right:2px;}
#gpArea iframe.middle{ margin-right:2px;}


/* 06. bnrArea
--------------------------------------------------------------------------- */
#bnrArea li a{}
#bnrArea li a:hover{
	position:relative;
	top:1px;
	left:1px;
	}
#bnrArea li#newRelease,
#bnrArea li#newRelease a{margin:0 0 10px 0;height:240px;}

#bnrArea li#labBnr,
#bnrArea li#labBnr a{margin:0 0 20px 0;height:120px;}

#bnrArea li#gachaBnr,
#bnrArea li#gachaBnr a{margin:0 0 5px 0;}

#bnrArea li#gachaSpBnr,
#bnrArea li#gachaSpBnr a{margin:0 0 15px 0;}

#bnrArea li#gachaMgSpBnr,
#bnrArea li#gachaMgSpBnr a{margin:0 0 5px 0;}

#bnrArea li#gachaMgBnr,
#bnrArea li#gachaMgBnr a{margin:0 0 5px 0;}

#bnrArea li#blogBnr,
#bnrArea li#blogBnr a{margin:10px 0 15px 0;}

#bnrArea li#gpBnr a{height:130px;}

#bnrArea li#channelBnr,
#bnrArea li#channelBnr a{margin:0 0 15px}

#bnrArea li#netcash,
#bnrArea li#netcash a{margin:0 0 15px 0;}

#bnrArea li#webmoney,
#bnrArea li#webmoney a{margin:0 0 15px}