@charset "UTF-8";
/* CSS Document */
/*--------------------------------------*/
#main_contents {
    float:left;
    clear:both;
	width:980px;
	margin:0 auto;
	padding-top:22px;
	text-align:left;
	padding-bottom:22px;
}
#side_pickup {
    float:left;
	width:200px;
	margin-right:10px;
	overflow:hidden;
}
#wrapper {
    float:left;
	width:560px;
	z-index:0;
}
#side_information {
    float:right;
	width:200px;
}
/*------------side_pickup-------------*/
#pickup,
#pickup .flash,
#pickup #pickup_title,
#pickup #pickup_more {
    float:left;
    clear:both;
}
/*--------pickup----------*/
#pickup {
	width:192px;
	height:152px;
	padding:4px 4px 5px 4px;
	margin-bottom:10px;
	background:url(../images/pickup_bg.gif) no-repeat left top;
	text-align:center;
}
#pickup .flash {
	width:192px;
	height:97px;
}
#pickup #pickup_title {
	width:172px;
	margin:0 10px;
	padding:5px 0;
	background:url(../images/pickup_dot.gif) no-repeat left bottom;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
#pickup #pickup_more{
	padding:10px 15px;
}
#pickup img{
    vertical-align:top;
}
#pickup #pickup_title img{
    padding:3px 9px 0 4px;
}
/*----hack-----*/
*html #pickup {
    margin-bottom:-5px;
}
*html #pickup #pickup_title{
	margin:0 5px;
}
/*-----------------------------------*/
/*------------*/
/*--------recommend----------*/
dl#recommend,
dl#recommend dt,
dl#recommend dd,
dl#recommend dd div.reccomends,
dl#recommend dd div.top,
dl#recommend dd div.end,
dl#recommend dd .recommend_info span,
dl#recommend dd .recommend_info .recommend_title {
    float:left;
    clear:both;
}
dl#recommend{
	width:200px;
	padding-bottom:7px;
	font-size:11px;
}
dl#recommend dt{
	width:184px;
	padding:10px 0 10px 16px;
	height:12px;
	font-size:12px;
	line-height:1em;
	background:url(../images/recommend_top.gif) no-repeat left bottom;
	font-weight:bold;
}
dl#recommend dd{
	width:198px;
	padding-left:1px;
	border-left:solid 1px #d9d9d9;
	overflow:hidden;
}
dl#recommend dd img{
   vertical-align:top;
}
dl#recommend dd div.reccomends{
	height:53px;
	width:189px;
	padding-top:6px;
	padding-left:9px;
	background:url(../images/recommend_middle.gif) no-repeat right top;
	border-bottom:solid 1px #d9d9d9;
}
dl#recommend dd div.top{
	height:54px;	
	width:188px;
	padding-top:11px;
	padding-left:9px;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
}
dl#recommend dd div.end{
	height:56px;
	width:189px;
	padding-top:6px;
	padding-left:9px;
	background:url(../images/recommend_middle.gif) no-repeat right top;
	border-bottom:solid 1px #d9d9d9;
}
dl#recommend dd .re_img{
    float:left;
	padding:2px;
	width:58px;
	height:43px;
	background:url(../images/recommend_img_bg.gif) no-repeat left top;
}
dl#recommend dd .re_img img{
	width:58px;
	height:43px;
}
dl#recommend dd .recommend_info{
    float:left;
	padding:2px 0 2px 5px;
	width:120px;
}
dl#recommend dd .recommend_info span{
	width:120px;
	font-size:11px;
}
dl#recommend dd .recommend_info .recommend_title{
	font-weight:bold;
	width:115px;
	font-size:11px;
}
#tab_btn{
    float:left;
    clear:both;
	width:200px;
	height:19px;
	margin-left:-2px;
	padding-top:4px;
	text-align:center;
	padding-right:1px;
	background:url(../images/recommend_btn_bg.gif) no-repeat left top;
}
/*hack*/
*html #tab_btn{
	margin-left:-1px;
}
/*----*/
/*------------------------------*/
#gamelist {
    float:left;
    clear:both;
    width:198px;
    background:url(../images/recommend_middle.gif) no-repeat right top;
}
#gamelist ul{
    padding:10px;
	/*height:129px;*/
	font-weight:bold;
	font-size:11px;
	margin-bottom:2px;
	line-height:1.5em;
}
#gamelist ul li{
    margin-bottom:5px;
}
/*hack*/
*html #gamelist ul li{
    margin-bottom:2px;
}
/*----*/
#game_more {
    height:14px;
	padding-top:10px;
	margin:0 10px;
	background:url(../images/pickup_dot.gif) no-repeat left top;
}
/*--------------------------------------*/
/*---------------wrapper----------------*/
/*-------ranking-------*/
#wrapper #ranking,
#wrapper #ranking_top{
    float:left;
	clear:both;
	width:530px;
}
#wrapper #ranking_top{
	padding:8px 15px;
	height:14px;
    background:url(../ranking/images/ranking_top.gif) no-repeat left bottom;
}
#wrapper #ranking_top #ranking_title {
    float:left;
	width:auto;
}
/*----hack-----*/
*html #wrapper #ranking_top #ranking_title {
	margin-top:10px;
}
*html #ranking_top{
    margin-top:-10px;
}
*:first-child+html #ranking_top a{
   margin-top:-7px;
}
/*------------*/
#wrapper #ranking #ranking_middle,
#wrapper #ranking #ranking_middle .rank .rank_header,
#wrapper #ranking #ranking_middle .rank .rank_header .rank_title,
#wrapper #ranking #ranking_middle .rank .rank_header .ranking_txt { 
    float:left;
	clear:both;
}
#wrapper #ranking #ranking_middle{
	width:548px;
	padding:10px 0 0 10px;
}
/*------hack------*/
*:first-child+html #wrapper #ranking #ranking_middle {
	height:152px;
}
/*---------------*/
#wrapper #ranking #ranking_middle .rank{
    float:left;
	width:170px;
	padding-right:2px;
	padding-left:6px;
	text-align:center;
	border-right:solid 1px #cecdc9;
}
#wrapper #ranking #ranking_middle .end{
    padding-right:0px;
    border-right:none;
}
#wrapper #ranking #ranking_middle .rank .rank_header{
	width:170px;
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
}
#wrapper #ranking #ranking_middle .rank .rank_header img{
    float:left;
}
#wrapper #ranking #ranking_middle .rank .rank_header .rank_info,
#wrapper #ranking #ranking_middle .rank .rank_header .rank_title,
#wrapper #ranking #ranking_middle .rank .rank_header .ranking_txt{
	width:130px;
}
#wrapper #ranking #ranking_middle .rank .rank_header .rank_info{
    float:left;
	padding-top:3px;
	padding-left:3px;
}
#wrapper #ranking #ranking_middle .rank .rank_header .rank_title{font-weight:bold;}
#wrapper #ranking #ranking_middle .rank .rank_header .ranking_txt{font-size:10px;}
#wrapper .ranking_img {
    float:left;
	clear:both;
	padding:2px;
	width:145px;
	margin-left:8px;
	background:url(../ranking/images/ranking_bg.gif) no-repeat left top;
}
#wrapper .ranking_img img {	
    width:145px;
	height:96px;
}
/*--------------------------------------*/
/*----------side_information------------*/
.mb10{
    margin-bottom:10px;
}
#login{
    float:left;
	clear:both;
	width:200px;
	height:191px;
	margin-bottom:10px;
	background-image:url(../images/taikenban_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#login #login_top{
	width:200px;
	margin-left:0;
	padding:0;
}
#login #play_catch{
	width:190px;
	margin-left:5px;
}
#login #login_bottom {
	width:190px;
	margin-left:5px;
	margin-top:9px;
}
#login a {
	width:167px;
	display:block;
	margin-left:17px;
}
/*-----------------*/
.side_btn{
    float:left;
	clear:both;
	margin:0 0 10px 0;
}
/*-----------whats------------*/
#whats_shop{
    position:relative;
    float:left;
	clear:both;
	width:200px;
	margin:0 0 10px 0;
}
#one-ddheader{
    position:relative;
    z-index:1;
	cursor:pointer;
	width:200px;
	height:30px;
}
#one-ddcontent{
   position:absolute;
   top:20px;
   left:0;
   z-index:0;
   display:none;
   overflow:hidden;
   opacity:0;
   width:200px;
   height:86px;
}
/*--------information----------*/
#information_tit{
    float:left;
    clear:both;
	width:200px;
	height:41px;
	background:url(../images/information_top.gif) no-repeat left bottom;
	font-weight:bold;
	font-size:11px;
	overflow:hidden;
}
#information_tit table{
    float:left;
    clear:both;
	width:200px;
	border-collapse:collapse;  
}
#information_tit table td{
   vertical-align:middle;
}
#information_tit table td#home_icon{
   width:37px;
   height:41px;
   text-align:center;
}
#information_tit table td#shop_welcome{
   width:145px;
   height:41px;
   padding:0 9px;
   font-weight:bold;
   line-height:1.2em;
}
/*----hack-----*/
*:first-child+html #information_tit table td#home_icon img {
    vertical-align:top;
}
*html #wrapper #information_tit table td#home_iconn img {
	vertical-align:top;
}
/*------------*/
#information,
#information_bottom,
#information div,
#information div ul,
#information #official_shop,
#information  #official_shop span,
#information .news ul li{
    float:left;
    clear:both;
}
#information{
	width:198px;
	padding-bottom:5px;
	border-left:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
	font-size:11px;
}
#information_bottom{
    width:200px;
	height:7px;
	margin-bottom:10px;
    background:url(../images/recommend_bottom.gif) no-repeat left bottom;
}
*html #information_bottom{
    height:12px;
    background:url(../images/recommend_bottom.gif) no-repeat left top;
}
#information div {
	width:198px;
}
#information div ul{
   width:187px;
   margin-top:11px;
   padding-left:11px;
}
#information #official_shop {
	height:auto !important;
	height:70px;
	min-height:70px;
}
#information  #official_shop span {
	padding-left:11px;
    font-weight:bold;
	margin:11px 0;
}
#information #official_shop ul,
#information .news ul,
#information .news ul li{
   width:187px;
}
#information #official_shop ul li{
   padding-left:10px;
   background:url(../images/round.gif) no-repeat left center;
}
#information div div.info_tit {
   position:relative;
   float:left;
   clear:both;
   height:15px;
   width:178px;
   padding:5px 9px 6px 11px;
   margin-bottom:10px;
   background:url(../images/information_title_bg.gif) repeat-x left center;
}
#information div div.info_tit a{
   position:absolute;
   right:9px;
   top:5px;
}
#information .news ul li{
    margin-bottom:4px;
}
#information .news ul li .date{
   float:left;
   clear:none;
   width:40px;
   padding-right:15px;
   font-weight:bold;
}
#information .news ul li .news_info{
   float:left;
   clear:none;
   width:127px;
}
#information .news ul li .news_info .icon{
   float:left;
   clear:both;
   width:127px;
}
#information .news ul li .news_info .icon img{
   vertical-align:middle;
}
#information .news ul li .news_info a{
   float:left;
   clear:both;
   width:127px;
}
#information #shop_news,
#information #ff_news{
   padding-bottom:5px;
}
/*#information #shop_news {
	height:150px;
}*/
/*#information #ff_news {
	height:139px;
}*/
/*-----hack------
*html #information #ff_news {
	height:145px;
}
/*------------------------------*/
/*--------search----------*/
#side_information #search {
	width:192px;
	height:172px;
	padding:3px 4px 5px 4px;
	margin-bottom:10px;
	background:url(/common/img/search_bg.gif) no-repeat left top;
	text-align:center;
}
#side_information #search #search_title {
	width:192px;
	height:26px;
}
#side_information #search table{
	text-align:left;
}
#side_information #search form{
	 padding:13px 10px;
}
#side_information #search form input.text{
	width:100px;
}
#side_information #search form select{
	width:105px;
}
#side_information #search form #search_btn{
	margin-top:5px;
}
/*----hack-----*/
*html #side_information #search {
	margin-bottom:-5px;
}
/*--------search_top----------*/
.search_area {
	margin-bottom:10px;
}
.search_area #search {
	width:192px;
	height:172px;
	padding:3px 4px 5px 4px;
	margin-bottom:10px;
	background:url(../common/img/search_bg.gif) no-repeat left top;
	text-align:center;
}
.search_area #search #search_title {
	width:192px;
	height:26px;
}
.search_area #search table{
    text-align:left;
}
.search_area #search form{
   padding:13px 10px;
}
.search_area #search form input.text{
   width:100px;
}
.search_area #search form select{
   width:105px;
}
.search_area #search form #search_btn{
   margin-top:5px;
}
/*----hack-----*/
*html .search_area #search {
    margin-bottom:-5px;
}
/*-----------------------------------*/
/*--------------------------------------*/



/******----------renewal----------******/

/*-----tokuten_banner_area-----*/

.tokuten_banner_area {
	width:200px;
	margin-bottom:10px;
	background-image:url(../images/sidebox_bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.tokuten_banner_area img {
	display:block;
}
.tokuten_banner_area .title {
	width:200px;
	height:31px;
}
.tokuten_banner_area .banner {
	width:184px;
	height:62px;
	margin-left:8px;
	margin-top:8px;
}
.tokuten_banner_area .bottom {
	width:200px;
	height:7px;
	margin-top:2px;
	background-image:url(../images/sidebox_bottom.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
}

/*-----sf_sting_banner-----*/

.sf_sting_banner {
	float:none;
	width:200px;
	margin-bottom:10px;
}

/*-----ranking_area-----*/

.ranking_area {
	width:200px;
	overflow:visible;
	background-image:url(../images/sidebox_bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.ranking_area .title {
	width:200px;
	height:31px;
}
.ranking_area .bottom {
	width:200px;
	height:7px;
	margin-top:2px;
	background-image:url(../images/sidebox_bottom.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
}
.ranking_area .rank {
	width:180px;
	margin-left:auto;
	margin-right:auto;
	padding-top:6px;
	padding-bottom:2px;
	background-image:url(../images/kantangame_border.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.ranking_area .last {
	background-image:url(../images/pickup_dot.gif);
}
.ranking_area .rank .rank_header{
	width:180px;
	font-size:10px;
	text-align:left;
	margin-bottom:5px;
}
.ranking_area .rank .rank_header img {
	display:block;
    float:left;
}
.ranking_area .rank .rank_header .rank_info,
.ranking_area .rank .rank_header .rank_title,
.ranking_area .rank .rank_header .ranking_txt{
	display:block;
	float:left;
	width:140px;
}
.ranking_area .rank .rank_header .rank_info {
	padding-top:6px;
	padding-left:3px;
}
.ranking_area .rank .rank_header .rank_title {
	font-weight:bold;
}
.ranking_area .rank .rank_header .ranking_txt {
	display:block;
	font-size:9px;
}
.rank_more_btn {
	width:167px;
	height:21px;
	margin-left:auto;
	margin-right:auto;
	margin-top:11px;
	margin-bottom:7px;
}
.ranking_20win {
	position:absolute;
	width:616px;
	float:none;
	top:660px;
	left:200px;
	background-image:url(../images/ranking_20win_title.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:none;
	z-index:999;
}
.ranking_20win .title {
	width:616px;
	height:50px;
}
.ranking_20win .title p {
	visibility:hidden;
}
.ranking_20win .middle {
	width:616px;
	background-image:url(../images/ranking_20win_bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.ranking_20win iframe {
	width:550px;
	height:280px;
	margin-top:10px;
	margin-left:25px;
	margin-bottom:10px;
}
.ranking_20win .ranking_20win_footer {
	width:616px;
	background-image:url(../images/ranking_20win_border.gif);
	background-position:center 0;
	background-repeat:no-repeat;
}
.ranking_20win .ranking_20win_footer .text {
	display:inline;
	float:left;
	width:444px;
	margin-left:40px;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:6px;
	font-size:10px;
	color:#666;
}
.ranking_20win .ranking_20win_footer .close_btn {
	display:inline;
	float:left;
	width:78px;
	height:21px;
	margin-top:15px;
}
.ranking_20win .bottom {
	width:616px;
	height:21px;
	background-image:url(../images/ranking_20win_bottom.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}


/*--------official_service----------*/
dl#official_service,
dl#official_service dt,
dl#official_service dd,
dl#official_service dd div.service,
dl#official_service dd div.top,
dl#official_service dd div.end {
    float:left;
    clear:both;
}
dl#official_service{
	width:200px;
	margin-bottom:10px;
	padding-bottom:7px;
    background:url(../common/img/service_bottom.gif) no-repeat left bottom;
	font-size:10px;
}
dl#official_service dt{
	width:184px;
	padding:8px 0 10px 16px;
	background:url(../common/img/service_top.gif) no-repeat left bottom;
	font-weight:bold;
}
dl#official_service dd{
	width:198px;
	padding-left:1px;
	border-left:solid 1px #d9d9d9;
	overflow:hidden;
}
dl#official_service dd div.service,
dl#official_service dd div.top,
dl#official_service dd div.end {
	padding:5px;
	height:auto !important;
	height:39px;
	min-height:39px;
	padding-left:23px;
	padding-top:15px;
}
dl#official_service dd div.service{
	width:170px;
	background:url(../common/img/service_middle.gif) no-repeat right top;
	border-bottom:solid 1px #d9d9d9;
}
dl#official_service dd div.top{
	width:169px;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
}
dl#official_service dd div.end{
	width:170px;
	background:url(../common/img/service_middle.gif) no-repeat right top;
}

/*-----common-----*/

div.clear {
	clear:both;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
}