@charset "shift_jis";
/* CSS Document */

/*################ For Background Jack ####################*/
body#jack{
	background: url(../img/top/bg_jack.jpg) no-repeat center top #FFF;
}
body#jackB{
	background: url(../img/top/bg_jack.png) no-repeat center top #000;
}
body#no_jack{
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

/*
######################################################
##                  Leftcolumn                      ##
######################################################
*/

#leftColumn {
	float: left;
	margin-left: 12px;
	margin-top: 20px;
	width: 202px;
}


/*################ old Css ####################*/
#loginarea {
	width: 202px;
}

#lm_login_state {
	margin-top: 5px;
}

#supportEnquete {
	margin-bottom: 5px;
}

/*################ NewsField ####################*/

#importantInfoField , #infoField {
	margin-bottom: 10px;
	background: #FFF url(../img/top_news/bg_news_bottom.gif) left bottom no-repeat;
	width: 200px;
}

iframe#importantInfo {
	padding: 7px 2px 8px 8px;
	width: 190px;
	height: 200px;
}

iframe#tabInfo {
	padding: 3px 2px 8px 8px;
	width: 190px;
	height: 300px;
}

#tabHeader {
	background: #FFF url(../img/top_news/bg_normarinfo_upper.gif) left bottom no-repeat;
	padding-bottom: 4px;
}

#tabHeader img { margin-right: 2px; }

/*################ JogaField ####################*/
.jogaField {
	margin-top:10px;
	width: 200px;
	font-size: 80%;
	text-align:center;
	line-height: 120%;
}

.jogaField img{
	float:left;
}

.jogaField p{
	margin-bottom:2px;
	color:#999;
}

.jogaField a{
	clear:both;
	color:#666;
}

/*
######################################################
##                 Centercolumn                     ##
######################################################
*/

#centerColumn {
	float: left;
	margin-left: 12px;
	width: 544px;
}

/*################ basic ####################*/

h2 {}

/*################ Promotion dField ####################*/

#promoField {
	margin-top: 5px;
	margin-bottom: 20px;
	width: 542px;
}

/*################ RecommendField ####################*/

#recommendField {
	margin-bottom: 25px;
	background:  #FFF url(../img/top/bg_recommend393.gif) top left no-repeat;
	width: 542px;
	height: 393px;
}

#recommendField h3 { margin-left: 8px; padding-top: 8px;}
#recommendField ul li {	margin: 8px 0 0 8px; float: left; }
#recommendField a { display: inline-block; text-decoration: none; }
#recommendField a span { visibility: hidden; }

/*################ TweetField ####################*/

#tweetField {
	margin-bottom: 15px;
	background:  #FFF url(../img/top/bg_recommend.gif) top left no-repeat;
	width: 542px;
	height: 533px;
}

/*PC*/
a:link#recPc01 , a:visited#recPc01 {
	background: #FFF url(../img/top/rec_game_pc01.gif) top left no-repeat;
	width: 259px;
	height:120px;
}

a:link#recPc02 , a:visited#recPc02 {
	background: #FFF url(../img/top/rec_game_pc02.gif) top left no-repeat;
	width: 259px;
	height:120px;
}

a:link#recPc03 , a:visited#recPc03 {
	background: #FFF url(../img/top/rec_game_pc03.gif) top left no-repeat;
	width: 259px;
	height:120px;
}

a:link#recPc04 , a:visited#recPc04 {
	background: #FFF url(../img/top/rec_game_pc04.gif) top left no-repeat;
	width: 259px;
	height:120px;
}

a:link#recPc05 , a:visited#recPc05 {
	background: #FFF url(../img/top/rec_game_pc05.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recPc06 , a:visited#recPc06 {
	background: #FFF url(../img/top/rec_game_pc06.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

/*Archives*/
a:link#recAr01 , a:visited#recAr01 {
	background: #FFF url("../img/top/rec_game_ar01.gif") top left no-repeat;
	width: 170px;
	height:120px;
}

/*CO*/
a:link#recCo01 , a:visited#recCo01 {
	background: #FFF url(../img/top/rec_game_co01.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recCo02 , a:visited#recCo02 {
	background: #FFF url(../img/top/rec_game_co02.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recCo03 , a:visited#recCo03 {
	background: #FFF url(../img/top/rec_game_co03.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recCo04 , a:visited#recCo04 {
	background: #FFF url(../img/top/rec_game_co04.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

/*Mobile*/
a:link#recMo01 , a:visited#recMo01 {
	background: #FFF url(../img/top/rec_game_mo01.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo02 , a:visited#recMo02 {
	background: #FFF url(../img/top/rec_game_mo02.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo03 , a:visited#recMo03 {
	background: #FFF url(../img/top/rec_game_mo03.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo04 , a:visited#recMo04 {
	background: #FFF url(../img/top/rec_game_mo04.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo05 , a:visited#recMo05 {
	background: #FFF url(../img/top/rec_game_mo05.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo06 , a:visited#recMo06 {
	background: #FFF url(../img/top/rec_game_mo06.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo08 , a:visited#recMo08 {
	background: #FFF url(../img/top/rec_game_mo08.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo09 , a:visited#recMo09 {
	background: #FFF url(../img/top/rec_game_mo09.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo10 , a:visited#recMo10 {
	background: #FFF url(../img/top/rec_game_mo10.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo11 , a:visited#recMo11 {
	background: #FFF url(../img/top/rec_game_mo11.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo12 , a:visited#recMo12 {
	background: #FFF url(../img/top/rec_game_mo12.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo13 , a:visited#recMo13 {
	background: #FFF url(../img/top/rec_game_mo13.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo14 , a:visited#recMo14 {
	background: #FFF url(../img/top/rec_game_mo14.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo15 , a:visited#recMo15 {
	background: #FFF url(../img/top/rec_game_mo15.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo16 , a:visited#recMo16 {
	background: #FFF url(../img/top/rec_game_mo16.gif) top left no-repeat;
	width: 170px;
	height:120px;
}

a:link#recMo17 , a:visited#recMo17 {
	background: #FFF url(../img/top/rec_game_mo17.png) top left no-repeat;
	width: 170px;
	height:120px;
}


#recommendField a:hover { background-position: bottom; }


#container {
	width: 542px;
	text-align: center;
}


/* =======================================
	twitter_list
======================================= */
#twitter_list {}


/*################ slideshow ####################*/

#slideshow {
	margin: 5px auto 15px 0px;
	width: 542px;
	position: relative;
}

#slideshow div {
	width: 542px;
	height: 355px;
	overflow: hidden;
	position: relative;
}

#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
	background: url(../img/common/slideshow_bg.png);
}

#slideshow ul {
	bottom: 8px;
	right: 8px;
	position: absolute;
	z-index: 100;
}

#slideshow ul li {
	width: 65px;
	margin-left:8px;
	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

/*################ CampaignField one ####################20150310*/

#campaignFieldone { width: 170px; margin-bottom: 20px; }

iframe#campaignInfoone {
	float: right;
	padding: 8px 0 8px 0;
	width: 170px;
	/*height: 260px;*/
	height: 175px;
}

#campaignFieldone {
	margin-bottom: 10px;
	background: #FFF url(../img/top_news/bg_news_bottom_l.gif) left bottom no-repeat;
	width: 170px;
}

iframe#campaignInfoone {
	padding: 7px 2px 8px 8px;
	width: 160px;
	height: 605px;
}

iframe#tabRelease {
	padding: 3px 2px 8px 8px;
	width: 160px;
	height: 605px;
}

#tabHeader {
	background: #FFF url(../img/top_news/bg_normarinfo_upper.gif) left bottom no-repeat;
	padding-bottom: 4px;
}

#tabHeader img { margin-right: 2px; }


/*################ CampaignField ####################*/

#campaignField { width: 542px; margin-bottom: 20px; }

#campaignField ul {	margin-top: 8px; width: 267px; float:left; }
#campaignField li { background-color: #989898; padding: 8px 8px 0;}
#campaignField li#upper { background: #989898 url(../img/top/bg_campaign_upper.gif) top left no-repeat; }
#campaignField li#bottom { background: #989898 url(../img/top/bg_campaign_bottom.gif) bottom left no-repeat; }
#campaignField li em { font-weight: bold; font-style: normal; display: inline-block; padding-bottom: 5px; }

#campaignField dl { margin: 0; padding: 0 0 8px 0; }
#campaignField li#upper dl { 	border-bottom: 2px #FFF dashed; }
#campaignField dd { width: 143px; }

#campaignField a {
	height:70px;
	display: inline-block;
	text-decoration: none;
	font-size: 90%;
	line-height: 125%;
	color: #FFF;
}

#campaignField a:hover , #campaignField a:hover em { text-decoration: underline; }

iframe#campaignInfo {
	float: right;
	padding: 8px 0 8px 0;
	width: 255px;
	/*height: 260px;*/
	height: 175px;
}


/*################ casualGameField ####################*/

#casualGameField {
	margin-bottom: 20px;
	background: url(../img/top/bg_casual_inner.gif) top left repeat-y;
	width: 542px;
}

ul#boonty {	background: url(../img/top/bg_casual_upper.gif) top left no-repeat; }
ul#boonty li { padding: 14px 0 5px 14px; width: 250px; float: left; }
ul#boonty li em { font-weight: bold; font-style: normal; display: inline-block; padding-bottom: 5px; color:#8e2b9f; }

ul#boonty li a {
	padding-left: 120px;
	height: 82px;
	display: inline-block;
	font-size: 90%;
	line-height: 125%;
	text-decoration: none;
	color: #757575;
}

a:link#bnty01 , a:visited#bnty01 {
	background: #FFF url(../img/top/casual_bt01.jpg) top left no-repeat;
}

a:link#bnty02 , a:visited#bnty02 {
	background: #FFF url(../img/top/casual_bt02.jpg) top left no-repeat;
}

a:link#bnty03 , a:visited#bnty03 {
	background: #FFF url(../img/top/casual_bt03.jpg) top left no-repeat;
}

a:link#bnty04 , a:visited#bnty04 {
	background: #FFF url(../img/top/casual_bt04.jpg) top left no-repeat;
}

ul#cgame {	background: url(../img/top/bg_casual_bottom.gif) bottom left no-repeat; }
ul#cgame li { padding: 14px 0 14px 14px; width: 162px; float: left; }

ul#cgame li a {
	padding-left: 80px;
	padding-top: 25px;
	height: 47px;
	display: inline-block;
	font-size: 90%;
	line-height: 125%;
	text-decoration: none;
	font-weight: bold;
	color: #8e2b9f;
}

a:link#cgame01 , a:visited#cgame01 {
	background: #FFF url(../img/top/casual_fl01.jpg) top left no-repeat;
}

a:link#cgame02 , a:visited#cgame02 {
	background: #FFF url(../img/top/casual_fl02.jpg) top left no-repeat;
}

a:link#cgame03 , a:visited#cgame03 {
	background: #FFF url(../img/top/casual_fl03.jpg) top left no-repeat;
}

#casualGameField a:hover , #casualGameField a:hover em{ text-decoration: underline; }


/*
######################################################
##                  rightcolumn                     ##
######################################################
*/

#rightColumn {
	float: right;
	margin-right: 12px;
	margin-top: 20px;
}


/*################ basic ####################*/

h3 { }

/*################ selfy ####################*/

#selfyField {
	margin-bottom: 10px;
	background: url(../img/top/bg_rightcolumn_inner.gif) left top repeat-y;
	width: 170px;
}

#selfyField dl{	border-top: 1px #C0C0C0 solid; }

#selfyField dt {
	background-color: #bab09e;
	margin: 1px 2px 0;
	padding: 4px 2px 2px;
	font-size: 85%;
	font-weight: bold;
	color: #E4E4E4;
}

#selfyField dd { background: url(../img/top/bg_rightcolumn_bottom.gif) bottom left no-repeat; }
#selfyField dd img { margin: 5px; }


/*################ gameScene ####################*/

#gameSceneField {
	margin-bottom: 10px;
	background: url(../img/top/bg_rightcolumn_inner.gif) left top repeat-y;
	width: 170px;
}

#gameSceneField ul {
	background: url(../img/top/bg_rightcolumn_bottom.gif) bottom left no-repeat;
	padding-top: 1px;
}

#gameSceneField li.onborder {
	background: url(../img/top/bg_gindex_ddline.gif) bottom center no-repeat;
}

#gameSceneField li a {
	background: url(../img/common/link_icon01.png) 8px center no-repeat;
	padding: 3px 3px 3px 25px;
	width: 142px;
	font-size: 90%;
	font-weight: bold;
	line-height: 125%;
	/*color: #8e2b9f;*/
	color: #757575;
	display: inline-block;
}

#gameSceneField li a:first-line {
	font-size: 90%;
	font-weight: normal;
}

#gameSceneField li a:link , #gameSceneField li a:visited {
	text-decoration: none;
}

#gameSceneField li a:hover {
	text-decoration: underline;
}

/*################ gameIndex ####################*/

#gameIndexField {
	margin-bottom: 10px;
	background: url(../img/top/bg_rightcolumn_inner.gif) left top repeat-y;
	width: 170px;
}

#gameIndexField dl { padding-top: 1px; }

#gameIndexField dl#giBottom {
	background: url(../img/top/bg_rightcolumn_bottom.gif) bottom left no-repeat;
	padding-bottom: 2px;
}

#gameIndexField dt {
	background-color: #989898;
	margin: 0 2px;
	padding: 4px 2px 2px;
	font-size: 85%;
	font-weight: bold;
	color: #E4E4E4;
}

#gameIndexField dd {
	padding-bottom: 2px;
	background: url(../img/top/bg_gindex_ddline.gif) bottom center no-repeat;
}

#gameIndexField dd.noBorder {
	padding-bottom: 0 !important;
	background-position: 2px 10px;
}

#gameIndexField dd img {
	margin: 1px 2px 0;
}

/*################ 777banner ####################*/

#prBanner p { font-size: 10px; font-weight: bold; }