@charset "utf-8";
@import "common.css?20130412";
/*
============================================================
Flyff site main page style
============================================================
*/

/* Main Page Background
------------------------------------------------------------ */
div.mainBg_all {
	background:url(http://simg.gpotato.jp/flyff/common/mainBg.jpg) no-repeat top;
}

div.mainBg_center {
	background:url(http://simg.gpotato.jp/flyff/common/centerBg.jpg) no-repeat top;
}


/* Side Banner
------------------------------------------------------------ */
div.sideBanner_Box {
	background:url(http://simg.gpotato.jp/flyff/common/bg_smenuBox.gif) repeat-y;
	width:220px;
}

div.sideBanner_bottom {
	background:url(http://simg.gpotato.jp/flyff/common/bg_sideBanner_bottom.gif) no-repeat;
	height:10px;
}



/* Top Roll Banner
------------------------------------------------------------ */
div.rollBanner {
	width:470px;
	height:190px;
}



/* Movie
------------------------------------------------------------ */
div.mainMovie {
	background:url(http://simg.gpotato.jp/flyff/common/movie.png) no-repeat;
	width:220px;
	height:157px
}



/* Notice List
------------------------------------------------------------ */
div.main_notice {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Notice.gif) no-repeat top;
	position:relative;
}

div.main_notice a.btn_more {
	position:absolute;
	width:34px;height:13px;
	top:20px; left:434px;
}

div.main_notice div.main_topic {
	width:410px;
	height:25px;
	color:#FFF;
	padding:55px 20px 0 40px;
	margin-bottom:25px;
}

div.main_notice div.main_notice_tab {
	height:27px;
	margin:0;
	padding:0;
}

div.main_notice_tab ul{
	overflow:hidden;
	list-style:none;
}

div.main_notice_tab li{
	list-style:none;
	display:inline;
	width:76px;
	height:27px;
	font-size:1px;
	line-height:1px;
	float:left;
}

table.mainTable {
	width:430px;
	margin:10px 20px 0 20px;
}

table.mainTable tr.dot{
	background:url(http://simg.gpotato.jp/flyff/common/dotLine.gif) repeat-x bottom;
	height:26px;
}

*html table.mainTable tr.dot{
	background:url(http://simg.gpotato.jp/flyff/common/dotLine.gif) repeat-x bottom;
	height:24px;
}

table.mainTable .Notice_icon{
	width:52px;
}

table.mainTable .Notice_date{
	text-align:right;
	color:#5d9cd1;
}

div.main_notice_bottom {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Notice_bottom.gif) no-repeat;
	height:10px;
	margin-bottom:20px;
}



/* Mall List
------------------------------------------------------------ */
div.main_mall {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Mall.gif) no-repeat;
	padding-top:60px;
	position:relative;
}

div.main_mall a.btn_more {
	position:absolute;
	width:74px;height:15px;
	top:20px; left:394px;
}

div.main_mall_bottom {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Mall_bottom.gif) no-repeat;
	height:10px;
}

div.main_mall div.mall_list {
	width:430px;
	margin:0 auto;
	padding-bottom:10px;
}

div.main_mall div.mall_left {
	float:left;
	width:205px;
}
	
div.main_mall div.mall_right {
	float:right;
	width:205px;
}

div.main_mall div.item_title {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Mall_dot.gif) repeat-x;
	height:23px;
	font-weight:bold;
	margin-bottom:5px;
}

div.main_mall div.item_frame{
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Mall_item.gif) no-repeat;
	width:50px;
	height:50px;
	float:left;
}

div.item_frame div.itemImg {
	width:40px;
	height:40px;
	margin:0 auto;
	padding:5px 0 5px 0;
}

div.item_info {
	width:145px;
	float:right;
	line-height:16px;
}

div.item_priceBox {
	background:url(http://simg.gpotato.jp/flyff/common/icon_point.gif) no-repeat left;
	float:right;
	width:145px;
	height:18px;
	color:#ff683f;
}

div.item_price {
	margin-left:20px;
}
	


/* Ranking List
------------------------------------------------------------ */

div.mainRankingBox {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Rank.gif) no-repeat;
	width:220px;
	padding-top:15px;
	position:relative;
}

.mainRankingBox a.more {
	position:absolute;
	left:150px; top:25px;
	display:block;
	width:25px; height:13px;
	text-indent:-9999px; overflow:hidden;
}

div.mainRankingBox_bottom {
	background:url(http://simg.gpotato.jp/flyff/common/bg_main_Rank_bottom.gif) no-repeat;
	height:15px;
}

div.centerBox {
	width:190px;
	margin:0 auto;
	padding-top:32px;
}

div.centerBox table.mainRanking {
	width:160px;
	margin-left:30px;
	color:#9b9b9b;
}

table.mainRanking tr {
	height:24px;
}

*html table.mainRanking tr {
	height:22px;
}

*+html table.mainRanking tr {
	height:22px;
}

table.mainRanking td.level {
	color:#474747;
}

table.mainRanking td.change {
	text-align:center;
}

table.mainRanking td.change_up {
	background:url(http://simg.gpotato.jp/flyff/common/icon_ranking_up.gif) no-repeat left;
	color:#fe3f19;
	padding-left:8px;

}

table.mainRanking td.change_down {
	background:url(http://simg.gpotato.jp/flyff/common/icon_ranking_down.gif) no-repeat left;
	color:#0d96ff;
	padding-left:8px;
}


/* Screen Shot
------------------------------------------------------------ */
div.ssBox {
	margin-top:50px;
}

div.ssImg {
	background:#fff;
	width:180px;
	height:95px;
	border:#523f3b solid 5px;
}

div.ssImg_botMg {
	margin-bottom:15px;
}


/* Top Topic
---------------------------------------------------------------*/
p.topics1 {
	float: left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p.topics2 {
	width:410px;
	height:20px;
	color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p.topics3 {
	float: left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
strong{
	color:#FFFFFF;
}

/*20100623 add css*/
/*
div.main_notice div.main_topic a{
color:#FFF;
}
*/

a.topic1{
	color:#FFFFFF;
}
a.topic2{
	color:#FFFFFF;
}
a.topic3{
	color:#FFFFFF;
}