@charset "utf-8";

/**
 * common css style
 */


/**
 * icon web font
 */
@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('../../fonts/websymbols-regular-webfont.eot');
	src: url('../../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/websymbols-regular-webfont.woff') format('woff'),
		 url('../../fonts/websymbols-regular-webfont.ttf') format('truetype'),
		 url('../../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}
.icon {font-family: 'WebSymbolsRegular';}


/**
 * ie block css style
 */
.ie-block {display:none;}


/**
 * body css style
 */
html {width:100%;}
body {
	width:100%; line-height:1.5; font-size:13px; background-color:#FCFCFC;
	font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	overflow-x:hidden;
	}
input{font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


/**
 * span css style
 */
.fc-red {color:#C00;}


/**
 * button css style
 */
.btn-orange {
	color:#FFF; display:inline-block; text-decoration:none; font-size:13px;
	padding:6px 8px; background-color:#EFB13C;
	box-shadow: 0 1px 0 #a77a18;
	border-radius:3px; text-shadow:0 1px 0 #815c0c;}
.btn-orange .icon {color:#a77a18; text-shadow:none;}
.btn-gray {
	color:#999; display:inline-block; text-decoration:none; font-size:13px;
	padding:6px 8px; background-color:#F2F2F2;
	box-shadow: 0 1px 0 #D9D9D9; border-radius:3px;}
.btn-gray .icon {color:#666;}


/**
 * a css style
 */
a {color:#E1771E;}


/**
 * layout css style
 */
.padding_10 { padding:10px;}
.padding_l10 { padding-left:10px;}
 
.margin_0{ margin:0 !important;}
.margin_t10 { margin-top:10px !important;}
.margin_t20 { margin-top:20px !important;}
.margin_t30 { margin-top:30px !important;}
.margin_r5 { margin-right:5px !important;}
.margin_r10 { margin-right:10px !important;}
.margin_r20 { margin-right:20px !important;}
.margin_r30 { margin-right:30px !important;}
.margin_b0 { margin-bottom:0px !important;}
.margin_b5 { margin-bottom:5px !important;}
.margin_b10 { margin-bottom:10px !important;}
.margin_b15 { margin-bottom:15px !important;}
.margin_b20 { margin-bottom:20px !important;}
.margin_b30 { margin-bottom:30px !important;}
.margin_b40 { margin-bottom:40px !important;}
.margin_l10 { margin-left:10px !important;}
.margin_l20 { margin-left:20px !important;}
.margin_l30 { margin-left:30px !important;}
.margin_l40 { margin-left:40px !important;}
.margin_l50 { margin-left:50px !important;}

.align_c { text-align:center !important;}
.align_r { text-align:right !important;}
.align_l { text-align:left !important;}


/**
 * table css style
 */
.simple-table {
	width:100%; border:solid #CCC; border-width: 1px 1px 0 0;
	margin:15px auto; border-radius:3px;}
.simple-table th,
.simple-table td {border:solid #CCC; border-width: 0 0 1px 1px; padding:4px;}
.simple-table td {padding:10px;}
.simple-table th {background:#F2F2F2; box-shadow:inset 0 -1px 0 #FFF; color:#333;}
.simple-table .tlb {border-top-left-radius:3px 3px;}
.simple-table .blb {border-bottom-left-radius:3px 3px;}
.simple-table .trb {border-top-right-radius:3px 3px;}
.simple-table .brb {border-bottom-right-radius:3px 3px;}


/**
 * universal css style
 */
.univ-text-blk {margin:10px; width:100%;}


/**
 * error list css style
 */
#error-list {
	width:98%; margin:15px auto; background-color:#F2F2F2; color:#EE0C19; list-style-type:none;
	border-radius:3px; padding:10px;}

/**
 * disable-js css style
 */
/*.disable-js {
	width:100%; margin:5px 0; background-color:#93222E; color:#FFF; padding:5px 0; text-align:center; text-shadow:0 1px 0 #000;
	position:absolute; top:188px; left:0;}*/
.disable-js { width:644px; color:#FF0000; text-align:center; margin:10px 0;}
.disable-js .inner { padding:10px;}

.no_flash { width:644px; color:#FF0000; text-align:center; margin:10px 0; display:none;}
.no_flash .inner { padding:10px;}

/**
 * game-maintenance css style	
 */
#game-eventend,
#game-maintenance {
	width:290px; margin:200px auto 0 auto; background:#F9F9F9; text-align:center;
	border-radius:8px; border:1px solid #E4E4E4; padding:8px;
	box-shadow:inset 0 -1px 0 #FFF, 0 1px 1px #ddd; color:#666;}
#game-eventend {width:400px; margin-top:170px;}


/**
 * wrap css style
 */
#wrap {width:972px; margin:0 auto; position:relative;}

/**
* content-inner
*/
.content-inner{width:970px; margin:auto;}

/**
 * header css style
 */
#header {width:100%; margin-bottom:10px;}
#header h2 { float:left; color:#bfbfbf; font-size:10px; font-weight:normal; line-height:20px;}
/*ハロウィン用*/
#header div.cnt-left{ float:left; width: 80px;}
#header div.cnt-left h1{ margin: 3px 0 5px 5px;}
#header div.cnt-right{ float:right; width: 885px; margin-bottom:3px;}
/*#header div.cnt-left{ float:left; width:100px;}
#header div.cnt-left h1{ margin:3px 0 0 15px;}
#header div.cnt-right{ float:right; width:870px; margin-bottom:3px;}*/
/*#header div.cnt-right .item{ height:25px;}*/

/**
 * social icon css style
 */
.social { width:488px; margin: 10px auto 20px;}
.social div{ float:left;}
.social .twitter     { width:120px;}
.social .facebook    { width:110px;}
.social .hatena      { width:60px;}
.social .mixi        { width:120px;}
.social .g-plus-one  { width:70px;}

/* social2 icon css style*/
.social2 { height:275px;}
.social2 div{ height:30px; padding-left: 7px;}
.social2 h2 {margin: 5px 0px 10px; margin-left: -3px;}

/*
#header .contents .item .social .twitter:hover,
#header .contents .item .social .facebook:hover,
#header .contents .item .social .hatena:hover,
#header .contents .item .social .mixi:hover,
#header .contents .item .social .g-plus-one:hover {top:30px; z-index:1;}
*/

.top #header .contents .item .social {position:absolute; top:-30px; left:0;}
.top #header .contents .item .social .twitter,
.top #header .contents .item .social .facebook,
.top #header .contents .item .social .hatena,
.top #header .contents .item .social .mixi,
.top #header .contents .item .social .g-plus-one {width:127px; height:70px; position:absolute; text-align:center; padding:4px 3px;}
.top #header .contents .item .social .twitter {background:url(../../images/site/social/twitter.gif) no-repeat left top; left:0;}
.top #header .contents .item .social .facebook{background:url(../../images/site/social/facebook.gif) no-repeat left top; left:44px;}
.top #header .contents .item .social .hatena  {background:url(../../images/site/social/hatena.gif) no-repeat left top; left:88px;}
.top #header .contents .item .social .mixi    {background:url(../../images/site/social/mixi.gif) no-repeat left top; left:132px;}
.top #header .contents .item .social .g-plus-one  {background:url(../../images/site/social/g_plus.gif) no-repeat left top; left:176px;}


/**
 * count css style
 */
#header .contents .item .count .btn-orange,
#header .contents .item .count .btn-gray {float:right; margin:8px 0 8px 8px;}
#header .contents .item .count .btn-orange .icon,
#header .contents .item .count .btn-gray .icon {padding-right:5px;}

.top #header .contents .item .count {width:460px; float:right; border-top:none; margin-right:10px;}
.top #header .contents .item .count .btn-orange {float:right; margin:8px 0;}
.top #header .contents .item .count .btn-orange .icon {padding-right:5px;}



/**
 * game-count css style
 */
#game-count {float:right;}
#game-count h3 {color:#808080; font-size:11px; margin-top:3px; font-weight:normal; display:inline-block; float:left;}
#game-count span.comma {width:9px;}
#game-count span {
	width:10px; display:inline-block; float:left; text-shadow:0 1px 0 #C08E31;
	text-align:center; font-size:13px; font-weight:bold; color:#EFB13C;}
/**
 * ad css style
 */
#header .contents .cnt-right { padding-right:1px;}
#header .contents .cnt-right .ad,
#header .contents .cnt-right .commentImg{ float:left;}
#header .contents .cnt-right .commentImg{ margin-top: 5px}
#header .contents .cnt-right .commentImg img{ margin-left: 5px}
#header .contents .cnt-right .ad{ padding-left:10px; width:468px; overflow:hidden;}
#header .contents .cnt-right .login{ float:right;}

/**
 * login css style
 */
#header .contents .login a#forgetID{ margin-left:5px;}
#header .contents .login,
#header .contents .logined {
	float:right; width:230px; min-height:50px; margin-left:10px; padding:4px;
	background:#F2F2F2;	border-radius:3px; border:1px solid #ccc;
	text-align:center;}
#header .contents .login dd { float:left;}
#header .contents .login dd.first { margin-right:8px;}
#header .contents .login dd input {
	width:107px; height:13px; font-size:8px; padding:3px 0; text-indent:10px;
	border-radius:3px; border:1px solid #E7E7E7; color:#666;
	background-color:#fafafa; box-shadow:inset 0 1px 3px #F1F1F1;}
#header .contents .login .nextLogin{ float:left; font-size:10px; line-height:9px; width:134px;}
#header .contents .login .loginButton{ float:right; margin:3px 5px 0 0; width:87px;}
#header .contents .logined img{ vertical-align:bottom; margin-top:2px;}

/**
 * nav css style
 */

#header #nav { list-style-type:none; height:33px; overflow:hidden;}
#header #nav li{ float:left;}
/*#header #nav li a {display:block; text-decoration:none; color:#666;}*/

/**
 * free-space css style
 */
#eyecatch {width:970px; height:277px; margin-bottom:10px;}
#eyecatch .bgLeft,
#eyecatch .bgRight{ height:277px; width:100%;}
#eyecatch .bgCenter{ height:277px;width:635px;}
#eyecatch .bgLeft{ float:left; width:643px; background:url(../../images/site/eyecatch/eyecatchBgLeft.jpg); background-position:left; background-repeat:no-repeat;}
#eyecatch .bgRight{ background:url(../../images/site/eyecatch/eyecatchBgRight.jpg); background-position:right; background-repeat:no-repeat;}
#eyecatch .bgCenter{ background:url(../../images/site/eyecatch/eyecatchBgCenter.jpg); background-repeat:repeat-x; margin:0px 4px;}
#eyecatch .bgCenter div{ float:left;}
#eyecatch div.ad{
    float:right;
    padding: 0 8px 8px 8px;
    background: #E5E5E5;
    border-radius: 5px;
}

/**
* recmmendArea
*/
#eyecatch .bgCenter div.recmmendArea{ float:left; margin:9px 0 0 5px;}
#eyecatch .bgCenter div.recmmendArea div.cnt-left{ float:left; padding-right:10px; border-style:solid; border-color: #2e2e2e #2e2e2e #5b5b5b #5b5b5b; border-width:0 1px 0 0;}
#eyecatch .bgCenter div.recmmendArea div.cnt-right{ float:left; width:225px; padding: 0 8px; border-style:solid; border-color:#5b5b5b #2e2e2e #2e2e2e #5b5b5b; border-width:0 1px 0 1px;}
#eyecatch .bgCenter div.recmmendArea div.cnt-right div{ float:left;}
#eyecatch .bgCenter div.recmmendArea div.cnt-right div.thumbnailRow{ margin:0 0 5px;}
#eyecatch .bgCenter div.recmmendArea div.cnt-right div.thumbnailRow div.thumbnailLeft{ margin-right:5px;}
#eyecatch .bgCenter div.recmmendArea div.cnt-right div.thumbnailLastRow{ margin:0;}
/*slider*/
#eyecatch .bgCenter div.recmmendArea { position:relative;}
#eyecatch .bgCenter div.recmmendArea div.mainImageArea{ position:relative;}
#eyecatch .bgCenter div.recmmendArea div.mainImageArea div{ position:relative;}
#eyecatch .bgCenter div.recmmendArea div.mainImageArea div div.gameTitle{
	position:absolute; bottom:0;
	color:#FFF; background: rgba(0,0,0,0.5);
	font-size:14px; font-weight:bold;
	width:350px;
	padding:5px 10px;
}

#eyecatch .bgCenter div.ad{ padding:0 9px; margin:9px 0;  float:left; border-style:solid; border-color: #5b5b5b #5b5b5b #5b5b5b #5b5b5b; border-width:0 0 0 1px;}
#eyecatch .bgCenter div.ad div.ad-inner{ padding:5px; background:#FFF;}
/**
 * footer css style
 */
#footer { position:relative; margin-top:10px; width:100%; height:56px; background:#EB8221;}
#footer .sitemap {width:980px; margin:0 auto;}
#footer .sitemap dl {width:312px; float:left; border-top:3px solid #EFB13C; margin:0 7px;}
#footer .sitemap dt {margin:8px 0 0 0; font-size:14px; font-weight:bold;}
#footer .sitemap dd {margin:3px 3px 3px 6px;}
#footer .item {
	position:absolute; left:50%; bottom:0; margin-left:-460px; width:900px; padding-left:60px;
	height:55px; background:url(../../images/site/footer/logo.gif) no-repeat left center; color:#FFF;}
#footer .item ul {list-style-type:none; line-height:12px; font-size:12px; margin:10px 0 0 0;}
#footer .item ul li {display:inline-block; border-right:1px solid #FFF; padding-right:5px; padding-left:5px; float:left;}
#footer .item ul li:last-child {border-right:none;}
#footer .item ul li a {color:#FFF; text-decoration:none;}
#footer .item ul li a:hover {text-decoration:underline;}
#footer .item .copy {font-size:11px; margin-left:60px; margin-top:10px; clear:both;}



/**
 * favorite css style
 */
#favorite h2 {font-size:24px; color:#686868; font-weight:normal; padding:0 0 0 10px;}
#favorite .item div {width:128px; float:left; margin:10px 14px 0 0;}
#favorite .item div img {border-radius:3px; box-shadow:0 1px 2px #999;}
#favorite .item div:last-child {margin-right:0;}
#favorite .item div h4 {text-align:center; padding:7px 0 5px 0;} 
#favorite .item div h4 a {text-decoration:none; color:#666666;}
#favorite .item div p {color:#999999; font-size:12px;}
#favorite-slides {width:100%; height:200px; position:relative; margin-top:25px;}
#favorite-slides .slides_container {width:850px; margin:0 auto; padding-left:10px;}
#favorite-slides .slides_container .item {position:absolute; top:0; left:0;}
#favorite-slides .prev,
#favorite-slides .next {width:47px; height:64px; text-indent:-9999px; position:absolute; top:55px;}
#favorite-slides .prev {background:url("../../images/site/top/favorite_prev.gif") no-repeat top left; left:0px;}
#favorite-slides .next {background:url("../../images/site/top/favorite_next.gif") no-repeat top left; right:0px;}
#favorite-slides .pagination {list-style-type:none; position:absolute; top:-20px; right:0;}
#favorite-slides .pagination li {display:block; float:left; width:12px; height:12px; margin:0 6px;}
#favorite-slides .pagination li a {
	display:block; width:12px; height:12px; text-indent:-9999px; overflow:hidden;
	background:url("../../images/site/eyecatch/pager.gif") no-repeat top left;}
#favorite-slides .pagination li.current a {background:url("../../images/site/eyecatch/current.gif") no-repeat top left;}



/**
 * contents css style
 */
#contents {width:970px; padding: 0 1px;}



/**
 * contents value css style
 */
#value {width:650px; float:left;}
.top #value {width:970px; float:none; margin:auto;}

/* 2016/06/07 渡辺 バナー追加 */
#value .banner_sp a {display:block;margin:10px 0;}
#value .banner_sp img {display:block;}
/* 2016/06/07 バナー追加ここまで */

#about,
#magazine,
#event,
#contact,
#link,
#sale,
#rules{ width:640px;}
/**
 * contents ad css style
 */
#ad {
    position:relative;
	background:#fff;
	border:1px solid #D6D6D6;
	border-radius:3px;
	width:310px;
	float:right;
	padding:5px 3px 0;
}

#ad .ads {margin:5px 5px 10px;}
/* #ad .ads.box1 {position: absolute; top: 2px; left: 140px; margin: 0; padding: 0px; border: 3px solid #ED8729;} -- 150px離すとき用 --*/
#ad .ads.box2 { background-color: #e5e5e5; padding: 0; border: 3px solid #e5e5e5; margin: 0 0 5px 0; }
#ad .ads-area { text-align: center; }
#ad #ads_bg {position: absolute; top: 2px; left: 132px; margin: 0; padding: 0px; }
#ad .interest {width:298px; border:1px solid #333333; background-color:#FFFFFF; margin-bottom:15px;}
#ad .interest a {text-decoration:none; color:#FD9868;}
#ad-text{ margin:auto; text-align:center; padding: 10px 0;}
/**
 * contents newGamesArea css style
 */
#newGamesArea div.newGameContent { height:100px; margin:10px 0px;}
#newGamesArea div.newGameContent div{ float:left; margin: 10px 0 0 6px; text-align:center; font-size:9px;}
.ranking-list h2,
#value .category .tab-content div h4,
#newGamesArea div.newGameContent div h4{
	width: 96px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#newGamesArea div.newGameContent div.title { margin: 0 0 0 -4px;}
#newGamesArea div.categoryBgLeft{ background:url(../../images/site/info/newGameBgLeft.jpg); background-position:left; background-repeat:no-repeat; padding-left:4px;}
#newGamesArea div.categoryBgRight{ background:url(../../images/site/info/newGameBgRight.jpg); background-position:right; background-repeat:no-repeat; padding-right:4px;}
#newGamesArea div.categoryBgCenter{ background:url(../../images/site/info/newGameBgCenter.jpg);}


/**
 * top category css style
 */
#value .category {width:100%; font-size:10px;}
#value .category .tab-content div {float:left; padding:4px 4px;}
#newGamesArea div.newGameContent div img,
#value .category .tab-content div h3 img {
	border-radius:3px; box-shadow:0 1px 2px #999;
	transition: all .2s ease-in-out;
	}
#value .category .tab-content div h3 span {
	background-color:#EFB13C; color:#FFF; text-shadow:0 1px 0 #B18A36; font-weight:normal;
	position:absolute; bottom:0; right:0; font-size:11px; display:inline-block; padding:1px 5px;
	border-top-left-radius:3px 3px; border-top-right-radius:0 0;
	border-bottom-left-radius:0 0; border-bottom-right-radius:3px 3px;}
#value .category .tab-content div h4 {text-align:center; padding:3px 0 5px 0; font-size:11px;} 
#value .category .tab-content div h4 a {text-decoration:none; color:#333; font-size:10px;}
#value .category .tab-content div p {color:#999999; font-size:11px;}
#newGamesArea div.newGameContent div:not(.title) img:hover,
#value .category .tab-content div h3 img:hover {transform: rotate(5deg) scale(1.1);}

#eyecatch .bgLeft{ background:url(../../images/site/eyecatch/eyecatchBgLeft.jpg); background-position:left; background-repeat:no-repeat;}
.top #value .category{ margin-top:5px;}
.top #value .category img.title{ margin: -5px 0px 0;}
.top #value .category .popular,
.top #value .category .teiban,
.top #value .category .easy{ float:left; width:316px;}
.top #value .category .popular,
.top #value .category .teiban{ margin-right:11px;}
.top #value .categoryBgTop{ background-repeat:no-repeat; padding-top: 5px;}
.top #value .categoryBgBottom{ background:url(../../images/site/category/top/categoryBgBottom.jpg); padding-bottom: 5px;background-repeat: no-repeat; background-position: bottom;}
.top #value .categoryBgCenter{ background:url(../../images/site/category/top/categoryBgCenter.jpg); background-repeat:repeat-y;}

/**
 * top news,info css style
 */
#infoArea{ width:642px; float:left;}
#infoArea .pgameAd{ margin-bottom:10px;}
#infoArea #news { margin:10px 0 0; float:left;}
#infoArea #info { float:right; margin:10px 0 0 0;}
#infoArea #news{ margin:10px 0 0;}
#news h3,#info h3 { width:314px; height:28px; line-height:28px; background:url(../../images/site/info/infoTitleBg.jpg); border:1px solid #CCCCCC;}
#news h3 img,#info h3 img{ vertical-align:middle; margin: 0 5px;}
#news dl,#info dl {width:305px; max-height:195px; float:left; border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; padding-left:10px; overflow:auto;}
#news dd a,#info dd a {color:#797979; text-decoration:underline;}
#news dt,#info dt {width:180px; text-align:left; clear:left; color:#aeaeae; font-size:11px; margin:10px 0 0;}
#news dd,#info dd {width:95%; color:#797979; font-size:11px;}
#info {padding-bottom:5px;}


/**
 * category css style
 */
/*#category-title span {padding-left:15px; color:#b2b2b2;}*/
#ranking-best-list {width:100%; margin:5px 0 15px;}
#ranking-best-list .best-box {
	width:205px; min-height:205px; float:left; border:1px solid #E6E6E6; border-radius:3px;
	padding-top:23px; margin-right: 9px; box-shadow: 0 2px 0 #E6E6E6;}
/*#ranking-best-list .best-box:last-child {margin-right:0;}*/

#ranking-best-list .rank1 {	background: url(../../images/site/category/rank1Bg.gif); background-position:top; background-repeat:no-repeat;}
#ranking-best-list .rank2 {	background: url(../../images/site/category/rank2Bg.gif); background-position:top; background-repeat:no-repeat;}
#ranking-best-list .rank3 {	background: url(../../images/site/category/rank3Bg.gif); background-position:top; background-repeat:no-repeat;}
#ranking-best-list .best-box .average-count,
#ranking-best-list .best-box .total-count {font-size:11px; text-align:center; color:#838383;}
#ranking-best-list .best-box .average-count {margin-top:3px;}
#ranking-best-list .best-box .average-count strong,
.ranking-list .average-count strong{color:#F87000; font-size:13px; padding-right:4px;}
#ranking-best-list .best-box .total-count {margin-bottom:5px;}

#ranking-best-list .best-box .thumb img {
	width:128px; height:96px; transition: all .2s ease-in-out;
	border-radius:3px; box-shadow:0 1px 2px #999; margin:0 auto; display:block;}
#ranking-best-list .best-box .thumb img:hover {transform: rotate(5deg) scale(1.1);}
#ranking-best-list .best-box h2 {text-align:center; margin-top:8px;}
#ranking-best-list .best-box h2 a {font-size:14px; color:#E1771E; text-decoration:none;}
#ranking-best-list .best-box p {font-size:10px; text-align:center; color:#838383; width:180px; margin:auto;}

.ranking-list {
	width:101px; height:145px; float:left; margin:0 4px 15px 0;
	border:1px solid #E6E6E6; border-radius:3px; box-shadow: 0 2px 0 #E6E6E6;
	}
.ranking-list:nth-child(6n+2) {margin-right:0;}
.ranking-list h1 {
	padding: 3px 0 1px 0; background-color:#F7F7F7; box-shadow:inset 0 -1px 0 #FFFFFF;
	text-align:center; width:100%; font-size:12px; color:#fff;
	border-top-left-radius:3px 3px; border-top-right-radius:3px 3px;
	border-bottom-left-radius:0 0; border-bottom-right-radius:0 0;
	background:url(../../images/site/category/rankOtherBg.gif) top no-repeat;
	}
.ranking-list .thumb img {
	width:96px; height:72px; margin:5px auto; transition: all .2s ease-in-out;
	border-radius:3px; box-shadow:0 1px 2px #999; display:block;}
.ranking-list .thumb img:hover {transform: rotate(5deg) scale(1.1);}
.ranking-list h2 {text-align:center; margin:4px 0 0; font-weight:normal;}
#value .category .tab-content div h4 a,
.ranking-list{
	font-family:Verdana, Geneva, sans-serif; font-size:10px;
	color:#666; text-align:center; text-decoration:none; font-weight:normal;}
.top #value .category .tab-content div h4 a{ color:#E1771E;}


/**
 * game title css style
 */
#category-title{width:100%; font-size:14px; color:#e56814; font-weight:bold;}
#game-title {width:100%; font-size:14px; color:#4c4c4c; font-weight:bold; text-align:center;font-size:16px; padding-top:10px;}
#category-title span {padding-left: 8px; color: #FFA366; font-size: 14px;}

#game-title span {width:100%; font-size:14px; color:#808080; font-weight:bold;}
#game-content{ float:left; position:relative; width: 640px; height: 480px; }
#game-content-inner { border:1px solid #CCC; padding:1px; border-radius:2px; display:none;}

/*ゲームローディング中の広告*/

/* 20160928 koike remove to backgroundimage*/
#game-content-ad { border:1px solid #CCC; padding:1px; border-radius:2px; width:640px; height:480px; position:absolute; background:url(../../images/site/game/game-content-ad-back.jpg) no-repeat;}
/* 20160624 渡辺 #game-content-ad のpositionをabsoluteに変更 */
/*#game-content-ad { border:1px solid #CCC; padding:1px; border-radius:2px; width:640px; height:480px; position:relative; background:url(../../images/site/game/game-content-ad-back.jpg) no-repeat;}*/

#game-content-ad .loading { position:absolute; top:415px; left:224px;}
/*#game-content-ad #ad_block { position:absolute; top:72px; left:170px;}*/
/* 20160606　渡辺追加 */
#game-content-ad #ad_block {
    position: relative;
    padding-top: 60px;
    /* left: 170px; */
    text-align: center;
}
#ad_block .box {
  position: relative;
  width: 336px;
  height: 300px;
  background-color: #e5e5e5;
  padding: 3px;
  border: 5px solid #e5e5e5;
  margin: 0 auto;
}

#ad_block .box .sponsortext {
  position: absolute;
  left:10px;
}

#game-content-ad .banner_box { display:none;}/*不具合で表示されてしまうため*/

/*ゲームローディング中の広告*/
#instage_ad { position:absolute; top:2; left:2; display:none; z-index:2;}
#instage_ad .banner_box { position:absolute; top:72px; left:156px; display:none; height:250px;}/* 20160527 外しました 渡辺 top:72px; width:300px; height:250px;*/
#instage_ad .loading { position:absolute; top:410px; left:224px;}

#game-frameworkArea{width:310px; height:482px; float:right;}
#category-title{
	width:635px;
	border-style:solid;
	border-width:0 0 2px 0;
	border-color:#F8CBAD;
	padding:5px 0px 0px 5px;
	font-size:22px;
}
.category-title2{
	font-size:16px !important;
	width:627px !important;
	/*border:none !important;*/
	/*border-radius:3px;*/
	/*border:1px solid #E6E6E6 !important;*/
	/*box-shadow: 0px 0px 2px #E6E6E6;*/
	padding:5px 0px 5px 10px !important;	
	border:none !important;
}
#value .game-banner-ad { float:left; width:468px; height:60px; margin:15px 0;}
#value .newgame{ float: right; margin:15px 5px 15px 0;} 
#howto .detail-box {
	width:618px; margin:10px auto; font-size:12px; padding:0 15px;}
#howto,
#moregames {
	width:644px; padding:0px 0 10px 0; margin-bottom:25px;
	border-radius:5px;
	border:1px solid #E6E6E6;
	}
#moregames img{ margin-top:-10px;}
#moregames .item {width:96px; height:90px; float:left; margin:20px 0 0 10px;}
#moregames .item p{	font-family:Verdana, Geneva, sans-serif; font-size:10px;
	color:#666; text-align:center; text-decoration:none; font-weight:normal;}
#moregames .item img { color:#E1771E; text-decoration:underline;}
#moregames .item img:hover {transform: rotate(5deg) scale(1.1);}

/* jsゲーム用インステージ広告 20160616 渡辺追加 */
.game-content-ad2 .ad_block2 iframe {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	}

/* jsゲーム用インステージ広告 20160616 渡辺追加 end*/

/**
 * rules css style
 */
#rules .rule-title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal;}
#rules .rule-blk  {margin:15px 10px 25px 10px; line-height:1.6; list-style-type:circle;}
#rules .rule-blk ul {margin-left:20px;}
#rules .rule-blk ul li{margin:10px 0;}



/**
 * sale css style
 */
#sale .title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal;}
#sale .text-blk {margin:15px 10px 25px; line-height:1.6; list-style-type:circle;}
#sale .text-blk strong { color:#eb8221;}
#sale .text-blk strong.c_blue { color:#087bf1;}
#sale .text-blk .attention { font-size:22px;}

#sale .example1,
#sale .example2 {margin:10px 0; list-style-type:none;}
#sale .example1 li,
#sale .example2 li {display:block; margin:4px 0 4px 10px; font-size:14px;}
#sale .example1 li .icon,
#sale .example1 li strong{ color:/*#EFB13C*/#eb8221;}
#sale .example2 li .icon,
#sale .example2 li strong{ color:/*#EFB13C*/#087bf1;}

#sale .example3 li {display:inline-block; float:left; width:280px; margin:4px 0 4px 10px; font-size:14px; color:#eb8221;}

/**
 * contact css style
 */
#contact span.small,
#contact span.comment {font-size:12px; color:#666;}
#contact input[type="text"],
#contact input[type="password"],
#contact textarea { width:300px; border:1px solid #CCC; border-radius:3px; padding:3px; box-shadow:inset 0 2px 2px #e5e5e5;}
#contact input[type="submit"],
#contact input[type="button"],
#contact input[type="reset"] {
	border:none; border-radius:3px; padding:3px; background-color:#e5e5e5; box-shadow:0 1px 0 #cccccc;
	padding:5px 10px; font-size:12px; color:#666; height:28px; width:180px;}
#contact input[type="submit"]:hover,
#contact input[type="button"]:hover,
#contact input[type="reset"]:hover {color:#333;}
#contact .title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal;}


/**
 * information ad css style
 */
#info-ad {text-align:center;}



/**
 * link css style
 */
#link .simple-table th {text-align:left; padding-left:10px;}
#link .simple-table td {vertical-align:middle;}
#link .simple-table code {display:block; background-color:#F2F2F2; padding:4px; border-radius:3px; font-size:11px; color:#999;}

/**
 * magazine css style
 */
#magazine .title {border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal;}
#magazine table.magmag {margin:20px auto 25px auto; width:300px; border:1px solid #E5E5E5; border-radius:3px; background-color:#F4F7F7;}
#magazine table.magmag th {
	padding:4px; text-shadow:0 1px 0 #6B5B1D; color:#FFF; box-shadow:0 1px 0 #FFF;
	background-color:#EECF5A; border-top-left-radius:3px 3px; border-top-right-radius:3px 3px;}
#magazine table.magmag td {padding:4px;}
#magazine ul {margin:15px 0 15px 25px; list-style:none;}
#magazine ul li {margin:4px 0;}



/**
 * about css style
 */
#about .title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal;}
#about .text-blk {margin:15px 10px 25px; line-height:1.6; list-style-type:circle;}
#about ul {margin:15px 0; list-style-type:none;}
#about .check-list li {margin:4px 0 4px 10px; font-size:14px; color:#EFB13C;}
#about .normal-list li {margin:4px 0 4px 10px; font-size:14px;}
#about .normal-list li img {vertical-align:text-top;}
#about .simple-table td {vertical-align:middle;}


/**
 * sitemap css style
 */
#sitemap .title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal;}
#sitemap .sub-list {width:600px; margin:15px auto;}
#sitemap .sub-list li {display:block; width:300px; float:left; margin:6px 0;}
#sitemap .game-list {width:640px; margin:15px auto;}
#sitemap .game-list li {display:block; width:320px; height:85px; float:left;}
#sitemap .game-list li .thumb {width:52px; float:left;}
#sitemap .game-list li .thumb img {border-radius:3px; box-shadow:0 1px 1px #333; transition: all .2s ease-in-out;}
#sitemap .game-list li .thumb img:hover {transform: rotate(5deg) scale(1.1);}
#sitemap .game-list li .value {width:240px; float:left; padding-left:10px;}
#sitemap .game-list li .value p {font-size:11px; color:#999999; margin-top:5px;}
#sitemap .game-list li .value a span {font-size:10px;}
#sitemap .game-list li .value a:hover {text-decoration:underline;}



/**
 * smartphone css style
 */
#smartphone {width:100%;}

#smartphone-ad {
	background-color:#4d4d4d; border-radius:8px; padding:0px 0px 20px 0px;
	width:640px; height:235px; position:relative; float:left; box-shadow:0px 1px 0px #000; overflow:hidden;}
#smartphone-ad .ad-content {width:630px; height:230px; position:relative;}

#smartphone-ad .slides_container{border-radius:5px;}
#smartphone-ad .slides_container div {position:absolute; top:0; left:0; padding:1px; width:630px;}
#smartphone-ad .prev,
#smartphone-ad .next {width:36px; height:36px; text-indent:-9999px; position:absolute; top:108px;}
#smartphone-ad .prev {background:url("../../images/site/smartphone/ad/prev.png") no-repeat top left; left:20px;}
#smartphone-ad .next {background:url("../../images/site/smartphone/ad/next.png") no-repeat top left; left:583px;}
#smartphone-ad .pagination {width:70px; margin:1px auto; list-style-type:none;}
#smartphone-ad .pagination li {display:block; float:left; width:12px; height:12px; margin:0 4px;}
#smartphone-ad .pagination li a {
	display:block; width:12px; height:12px; text-indent:-9999px; overflow:hidden;
	background:url("../../images/site/smartphone/ad/pager.gif") no-repeat top left;}
	
#smartphone-ad .pagination li.current a {background:url("../../images/site/smartphone/ad/current.gif") no-repeat top left;}
#smartphone-ad img{border-radius:5px;margin:4px 4px 0 4px; box-shadow:0px 1px 1px #222}

#smartphone .content-blk {width:640px; background-color:#858585; border-radius:3px; margin:15px 0;}
#smartphone .content-blk h3 {
	font-size:16px; padding:3px 10px 2px; color:#FFF; text-shadow:0 1px 0 #000; border-radius:3px;
	background:url(../../images/site/smartphone/back_title.gif) repeat-x top left;}
	
#smartphone .content-blk .inner {width:638px; background-color:#FCFCFC; border:1px solid #E8E8E8; border-radius:3px;}

#smartphone .content-blk .inner .app {padding:10px 0; border-bottom:1px solid #e6e6e6; border-top:1px solid #FFF;}
#smartphone .content-blk .inner .app:last-child {border-bottom:none;}
#smartphone .content-blk .inner .two {background-color:#f5f5f5;}

#smartphone .content-blk .inner .app .thumb {width:72px; height:72px; border-radius:3px; box-shadow:0 1px 1px #999; float:left; margin:0 10px;}
#smartphone .content-blk .inner .app .thumb img {width:72px; height:72px; border-radius:3px;}

#smartphone .content-blk .inner .app .qrcode {float:left; margin:0 10px 0 0;}
#smartphone .content-blk .inner .app .qrcode img {width:72px; height:72px; border-radius:3px; box-shadow: 0 1px 1px #999;}

#smartphone .content-blk .inner .app .value {width:160px; float:left;padding-right:5px}
#smartphone .content-blk .inner .app .value h1 {color:#4c4c4c; font-size:15px;}
#smartphone .content-blk .inner .app .value p {font-size:12px; color:#7d7d7d;}

#smartphone .content-blk .inner .app .rank {width:185px; float:left;}
#smartphone .content-blk .inner .app .rank h2 {color:#333; font-size:12px;}
#smartphone .content-blk .inner .app .rank ul {list-style-type:none; font-size:12px; color:#4c4c4c;}
#smartphone .content-blk .inner .app .rank ul li {
	background:url(../../images/site/smartphone/icon_cup.gif) no-repeat 155px bottom;
	border-bottom:1px solid #CCC; line-height:26px;}
	
#smartphone .content-blk .inner .app .rank ul li span{float:right;}

#smartphone .content-blk .inner .app .store {width:97px; float:right; margin:0 10px 0 0;}
#smartphone .content-blk .inner .app .store img {display:block; margin-bottom:5px;}
#smartphone .content-blk .inner .app .store a:last-child {margin-bottom:0;}

/* 2列表示
#smartphone .content-blk .inner .app-all {width:50%; float:left; padding:10px 0; border-bottom:1px solid #e6e6e6; border-right:none;}
#smartphone .content-blk .inner .app-all:last-child {border-bottom:none;}
#smartphone .content-blk .inner .two {border-right:1px solid #e6e6e6; margin-right:-1px; background-color:#fcfcfc;}
#smartphone .content-blk .inner .app-all .thumb {width:72px; height:72px; border-radius:3px; box-shadow:0 1px 1px #999; float:left; margin:0 15px;}
#smartphone .content-blk .inner .app-all .thumb img {width:72px; height:72px; border-radius:3px;}
#smartphone .content-blk .inner .app-all .value {width:220px; float:left;}
#smartphone .content-blk .inner .app-all .value h1 {color:#4c4c4c; font-size:15px;}
#smartphone .content-blk .inner .app-all .value p {font-size:12px; color:#7d7d7d; height:60px;}
#smartphone .content-blk .inner .app-all .rank {width:100%; clear:both;}
#smartphone .content-blk .inner .app-all .rank h2 {color:#333; font-size:12px; text-align:right; width:95%;}
#smartphone .content-blk .inner .app-all .store {width:100%; height:30px; clear:both; margin:5px 0 0 0; text-align:center;}
*/
#smartphone .content-blk .inner .app-all .rank h2 strong,
#smartphone .content-blk .inner .app .rank h2 strong {color:#d79e15;}


/**
 * user-count css style
 */
.smartphone-title {position:relative;}
#user-count {float:right;}
#user-count strong { font-size:11px; color:#808080; margin-top:3px; font-weight:normal; display:inline-block; float:left;}
#user-count span {
	width:10px; display:inline-block; float:left; text-shadow:0 1px 0 #C08E31;
	text-align:center; font-size:13px; font-weight:bold; color:#EFB13C;}
#user-count span.comma {width:11px;}


/**
 * old_layout css style
 */
#old_layout { width:640px; padding:0;	margin:10px 0;}
#old_layout .bordBox { margin:0 auto 20px auto;	padding:5px 10px;	/*border:#cccccc 1px solid;*/	overflow:hidden; }
#old_layout .inBox p { padding:10px;}

#old_layout .bordBox #mailMagazine a:link,
#old_layout .bordBox #mailMagazine a:visited { color:#FFFFFF;	text-decoration:none;	font-weight:bold;}

#old_layout .bordBox #mailMagazine a:active,
#old_layout .bordBox #mailMagazine a:hover { color:#FFFFDF;	text-decoration: underline; font-weight:bold;}

#old_layout .attention { color:#FF6600;	font-weight:bold;}
#old_layout a.attention:link,
#old_layout a.attention:visited,
#old_layout a.attention:active { color:#FF0000;}
#old_layout .attention2 {	color:#FF0000; font-weight:bold;}
#old_layout .attention3 {	color:#0784E1; font-weight:bold;}

#old_layout .tableBox { margin:0 auto 20px auto; }
#old_layout .tableBox { margin:0 auto 20px auto; }
#old_layout .tableBox .bord tr th,
#old_layout .tableBox .bord tr td {	border:#cccccc 1px solid;	padding:5px 10px;}

#mainContent #old_layout .color_01 {
	background-color:#F6F6F6;
}


#old_layout .memberBtn { margin-top:10px;}
#old_layout .memberBtn a { display:block;	margin:0;	padding:0; width:252px; height:71px; background-image:url(../images/btn_newentry_on.jpg); background-repeat:no-repeat;
 background-position:0 10px;}

/**
 * event css style
 */
#old_layout .title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal; margin-bottom:10px;}
#event .title{border-bottom:2px solid #E5E5E5; font-size:16px; color:#B2B2B2; font-weight:normal; margin-bottom:10px;}
#event .now-event {margin:15px 0 20px 25px; list-style-type:none; font-size:15px; color:#EFB13C;}
#event .end-event {margin:15px 0 20px 25px; list-style-type:none; font-size:14px;}
#event .now-event li,
#event .end-event li {margin:4px 0;}

.blinking {
  color: #fff;
  font-size: 30px;
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}