@charset "UTF-8";

/* style.cssから引き継いでいるものもあります。 */

/* freeArea -フリーエリア
-------------------------------------------------------------*/
#freeArea{zoom:1; margin-bottom:10px;}
#freeArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
/*#freeArea .text{background:url("../images/freeArea/freeArea_bg.png");}*/
#freeArea .text h3{color:#FFFFFF;}
#freeArea .text p{color:#FFFFFF;}
#freeArea .leftbox{float:left; width:578px; height:325px;}
#freeArea .leftbox .text{padding:13px 5px 5px 16px; zoom:1;}
#freeArea .leftbox .text:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#freeArea .leftbox .text h3{font-size:18px; margin-bottom:7px;}
#freeArea .leftbox .text p{margin:0px; font-size:12px; line-height:130%; float:left;}
#freeArea .leftbox .text p.price{color:#FFF100; float:right; padding-top:15px;}
#freeArea .rightbox{float:right; width:194px; height:325px; background:#f6f6f6;}
/*#freeArea .rightbox .text{padding:11px 0px 5px 6px;}
#freeArea .rightbox .text h3{font-size:12px; margin-bottom:5px; line-height:130%;}
#freeArea .rightbox .text p{margin:0px 0 1px; font-size:11px; line-height:130%;}
#freeArea .rightbox .text p.price{color:#FFF100; padding-top:1px;}*/

#freeArea .rightbox .text dt{width: 195px; height: 151px; text-align:center; padding:22px 0;line-height: 1;}
#freeArea .rightbox .text dt img{width: 150px; height: auto;}
#freeArea .rightbox .text dd{text-align: center;line-height: 1;}
#freeArea .rightbox .text dd.link{font-weight: bold; font-size: 13px; height: 80px; overflow: hidden; padding: 0 17px;line-height: 18px;}


/* freeNews -フリーニュースエリア
-------------------------------------------------------------*/
#freeNews{zoom:1; margin-bottom:20px; position:relative; overflow:hidden;}
#freeNews .inner{margin:auto; text-align:center; vertical-align:middle; float:left; left:50%; position:relative;}
#freeNews .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#freeNews .inner li{float:left; left:-50%; position:relative;}
#freeNews .inner .img{margin:auto 19px; padding-top:5px;}
#freeNews .news{max-width:862px; line-height:31px;}
#freeNews .news a{color:#ff4200; font-weight:bold; font-size:15px;}

/* free_Area_series -フリーエリアシリーズ
-------------------------------------------------------------*/
#free_Area_series{margin:10px auto;}
#free_Area_series:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#free_Area_series .box{float:left; margin-right:10px; width:230px; height:150px; background:#F1F1F1; float:left; text-align:center; padding:5px; vertical-align:middle;}
#free_Area_series .box.right{margin-right:0;}

/* newGames - 新着ゲーム
-------------------------------------------------------------*/
#newGames{margin-bottom:10px;}
#newGames h2 img{display:block;}
#newGames ul{border:5px #E8EAEB solid;}
#newGames ul li{padding:15px 15px 10px;}
#newGames .img_box{width: 100px; height:100px; margin:0 auto;}
#newGames .img_box .inner{width: 100px; height: 100px; display:table-cell; layout-grid-line: 100px; text-align: center; vertical-align: middle; margin:0 auto;}
#newGames .img{vertical-align: middle; max-width: 100px!important; max-height: 100px!important;}
#newGames p{font-size:10px;}

/* freetrial_takeover - フリートライアル引き継ぎページ
-------------------------------------------------------------*/
#freetrial_takeover{margin-bottom:10px;}
#freetrial_takeover .title{font-size: 20px; font-weight:bold; margin:5px 0;}
#freetrial_takeover .top{margin-bottom:20px;}
#freetrial_takeover table{margin:20px auto; width:740px;}
#freetrial_takeover .detail_info{border: 0px; line-height: 150%;}
#freetrial_takeover .detail_info th{width: 130px; padding: 7px 10px 6px; text-align: left; font-size: 12px; border: 0px; background: #F8F8F8; vertical-align: middle;}
#freetrial_takeover .detail_info td{padding: 7px 10px 6px; text-align: left; font-size: 13px; font-weight: bold; border: 0px; background: #F8F8F8; vertical-align: middle; color: #333;}
#freetrial_takeover .kakaku th{width:200px; vertical-align:middle;}
#freetrial_takeover .flow{border: 3px solid #e8eaeb;}
#freetrial_takeover .flow th,#freetrial_takeover .flow td{border:none; background:#FFF; padding:20px; background:#FFF;}
#freetrial_takeover .flow th{color:#2585de;}
#freetrial_takeover .flow td span{font-size:70%; color: #2585de;}
#freetrial_takeover .next{display:block; margin:10px auto -10px;}

#freetrial_takeover .box{margin:20px 0; border-bottom: 3px solid #E7E9EA; padding:20px 0;}
#freetrial_takeover h3 {color: #3D77B0; font-size: 20px; margin-left: 20px; margin-bottom: 25px; font-weight: normal; clear: both;}
#freetrial_takeover ul{border:5px #E8EAEB solid;}
#freetrial_takeover ul li{padding:15px 15px 10px;}
#freetrial_takeover .img_box{width: 100px; height:100px; margin:0 auto;}
#freetrial_takeover .img_box .inner{width: 100px; height: 100px; display:table-cell; layout-grid-line: 100px; text-align: center; vertical-align: middle; margin:0 auto;}
#freetrial_takeover .img{vertical-align: middle; max-width: 100px!important; max-height: 100px!important;}



/* sp -特設ページ
-------------------------------------------------------------*/
#sp h3{color: #3D77B0; font-size: 20px; margin: 30px 25px 10px 10px; font-weight: normal; clear: both;}
#sp h4{padding: 5px; color: #333; margin: 20px 10px; font-size: 15px; font-weight: bold;}
#sp .box{border-bottom: 3px solid #E7E9EA;}
#sp ul{padding-bottom: 10px;}
#sp li{list-style: none; margin: 5px 40px; font-size: 80%;}
#sp .sub li a {background: url("../images/sidebat_category_off.png") 0 center no-repeat; padding-left: 10px;}

/* funfun
-------------------------------------------------------------*/
.funfun{ background:url("../images/bg_funfunTop.jpg") no-repeat 0 0; width:780px; height:325px; position: relative;}
.funfun ul{ position: absolute; left: 273px; top: 68px;}
.funfun ul li{ float: left; width: 159px; height: 239px; overflow: hidden; margin: 0 2px;}
.funfun ul li{ float: left; width: 159px; height: 239px; overflow: hidden; margin: 0 2px;}
.funfun ul li iframe{
    transform:scale(0.58);
    -o-transform:scale(0.58);
    -webkit-transform:scale(0.58);
    -moz-transform:scale(0.58);
    -ms-transform:scale(0.58);
    transform-origin:0 0;
    -o-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
}
.funfun p{
    position: absolute;
    right: 20px;
    top: 16px;
    margin: 0 !important;
}
.funfun a{
    width: 205px; height: 37px;
    display: block;
    text-indent: -9999px;
    background:url("../images/btn_funfunTop.png") 0 0 no-repeat;
}
.funfun a:hover{ background-position: 0 -37px;}