@charset "EUC-JP";

* {
	font-family: HiraKakuProN-W6;
	font-size: 13px;
	border: 0 none;
	margin: 0;
	padding: 0;
}

body {
	-webkit-text-size-adjust: none;
	background-color: #FFFFFF;

}

a {
	text-decoration: none;
	color: #00b3eb;
}

/* ロゴ */
section{
	height: auto;
	width: 100%;
	clear: both;
	display: block;
}

section.section-center {
    text-align:center;
}

h1 {
	text-align:center;
	font-size: 100%;
	color: #ff9600;
	margin: 15px 0 0 0;
}

p {
    text-align:center;
}

h2 {
	text-align:center;
	font-size: 13px;
	color: #ff0000;
	line-height: 16px;
	height: 30px;
	clear: both;
	overflow: hidden;
/*     text-shadow: 1px 1px 2px #fff; */
/* text-shadow: 横位置, 縦位置, ぼかし, 色; */
}

h3 {
	border-bottom: 1px solid #eaeaea;
	text-align:center;
	font-size: 13px;
	color: #ff0000;
	margin: 15px 0 0 0;
	line-height: 16px;
	height: 40px;
	clear: both;
	overflow: hidden;
/*     text-shadow: 1px 1px 2px #fff; */
/* text-shadow: 横位置, 縦位置, ぼかし, 色; */
}

h3 span{
	font-size: 18px;
	}

/* hr要素使う場合は */
hr {
	width: 100%;  /* 線の幅 */
	height: 0px;  /* <hr>の実線を消す */
	border: 0px;  /* borderを一旦リセットする（基本設定でしていれば不要）*/
	border-top: 1px solid #CCCCCC;  /* 線の太さ　線の種類　線の色 */
}

.dotte {
	width: 100%;  /* 線の幅 */
	height: 0px;  /* <hr>の実線を消す */
	border: 0px;  /* borderを一旦リセットする（基本設定でしていれば不要）*/
	border-top: 1px  dashed #CCCCCC;	/* 線の太さ　線の種類　線の色 */
	margin:5px 0px;
}


/* タイトルリスト表示 */
#title_list {
	display: block;
	padding: 0;
	margin:0 0 10px 0;
}

#title_list li {
	border-bottom: 1px solid #CCCCCC;
	background: url("img/listArrow.png") no-repeat scroll right center transparent;
	font-weight: bold;
	list-style: none outside none;
	margin: 0;
	padding: 10px 0 12px 10px;
	position: relative;
	text-align:left;
	vertical-align: super;
}

#title_list li a{
	font-family: HiraKakuProN-W6;
	display: block;
	width: auto;
}

#title_list li img{
	padding-right: 4px;
	vertical-align: middle;
}



/* ヘッダー */
header h1 {
	text-align:center;
	width:100%;
	height:28px;
	font-family:HiraKakuProN-W6;
	background: url("../img/bg_title.gif") repeat-x;
	font-size:100%;
	margin:0;
	padding-top:5px;
	color:#00b3eb;
}

header h1 img {
	padding:5px 0 0 5px;
}

header h1 span {
	position: absolute;
	padding: 5px 0 0 5px;
}

/* 通常文言 */
section.text {
	font-family: HiraKakuProN-W6;
	text-align: left;
	clear: both;
	color: #505050;
}

section.text span.help{
	font-family: HiraKakuProN-W6;
	text-align: right;
	color: #0c9ac7;
	text-decoration: underline;
}

section.text span.blue{
	color: #0c9ac7;
}

/* タイトル文言 */
section.title {
	font-family: HiraKakuProN-W6;
	margin:0 0 0 15px;
	padding:4px 0 4px 0;
	text-align: left;
	font-weight: bold;
}

/* 文言右寄せ */
section.right {
	font-family: HiraKakuProN-W6;
	text-align: right;
	color: #999999;
	clear: both;
	margin-right: 10px;
	/* [disabled]padding-right: 10px; */
	float: right;
	overflow: hidden;
}

/* 文言センター寄せ */
section.center {
	font-family: HiraKakuProN-W6;
	margin:0 0 0 15px;
	padding:4px 0 4px 0;
	text-align: center;
}


/* ボタン中寄せ用 */
section.btncenter {
	display:block;
	text-align:center;
	height:auto;
	width:100%;
	clear:both;
	margin: 10px 0;
	overflow: hidden;
}

/* 帯画像 */
section.line_title {
	background: url("../img/landing1/bg_line1.gif") repeat-x;
	height:41px;
	width:100%;
	text-align: center;
	clear: both;
	overflow: hidden;
}

section.line_title img{
	height:41px;
	width:320px;
	clear:both;
	margin:auto 0;
	margin-right: auto;
	margin-left: auto;
}


/* GAME大集合とは？！ */
div.about_contents {
	clear: both;
	color: #505050;
	display: block;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	height: 180px;
	line-height: 20px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

div.about_contents img{
	float: left;
	margin: 15px 5px 15px 5px;

}

div.about_contents span.yellow{
	font-family: HiraKakuProN-W6;
	font-size: 12px;
	color: #ff6600;
}

div.about_contents span.red{
	color: #ff0000;
	font-family: HiraKakuProN-W6;
	font-size: 12px;
}

div.about_contents2 {
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	text-align: left;
	clear: both;
	color: #505050;
	width: 100%;
	overflow: hidden;
	height: auto;
	float: left;
	line-height: 20px;
	/* [disabled]margin: 0 0 5px 5px; */
}

div.about_contents2 img{
	float: right;
	margin: 15px 5px 15px 5px;

}


div.comment {
	height:auto;
	color: #505050;
	font-family: HiraKakuProN-W6;
	font-size: 12px;
	margin-top: 5px;
	overflow: hidden;
}


div.comment2 {
	margin:0 0 0 5px;
	height:auto;
	color: #505050;
	font-family: HiraKakuProN-W6;
	font-size: 12px;
	overflow: hidden;
}

div.about_contents2 span.yellow{
	font-family: HiraKakuProN-W6;
	font-size: 12px;
	color: #ff6600;
}

div.about_contents2 span.red{
	font-family: HiraKakuProN-W6;
	font-size: 12px;
	color: #ff0000;
}

/* 話題の人気作が配信中！！ */
div.hot_contents {
	float: left;
	overflow: hidden;
	width: 100%;
	clear: both;
	background-image: url(../img/landing1/pickup_box1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
div.hot_contents ul.contents1 {
    list-style-type: none;
}


div.hot_contents li.contents2 {
	clear: both;
	line-height: 25px;
	list-style-type: none;
	width: 100%;
	overflow: hidden;
	/* [disabled]height: 220px; */
	margin-right: 0 auto;
	margin-left: 0 auto;
}

div.hot_contents li.contents2 a {
	color: #505050;
	display: block;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	height: 220px;
	text-decoration: none;
	clear: both;
	overflow: hidden;
	width: 313px;
}


div.hot_contents li.contents2 a p.linktex {
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	/* [disabled]margin: 65px 0 0 65px; */
	text-align: left;
	vertical-align: top;
	width: 160px;
	clear: both;
	overflow: hidden;
	line-height: 18px;
	margin-right: 0 auto;
	margin-left: 0 auto;
	padding: 58px 0 0 158px;
}


div.hot_contents li.contents2 a p.linktex img.thumb {
	float: left;
	height: 96px;
	margin: 0 5px 0 0;
	width: 96px;
}


div.hot_contents li.contents2 a p.linktex span.red {
	color: #e11a1a;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	font-weight: bold;
}

div.hot_contents li.contents2 a p.linktex span.type {
	color: #999999;
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	/* [disabled]text-align: right; */
	margin-right: 5px;
	float: right;
}


div.hot_contents li.contents2 a p.ss img{
	height: 70px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 70px;
}

div.hot_contents li.contents2 a p.uservoice{
	margin: 20px 0 0 25px;
	width: 100%;
	text-align: left;
	clear: both;
	overflow: hidden;
	color: #FFF;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	line-height: 20px;
}

/* 話題の人気作が配信中！！その２ */
div.hot_contents2 {
    display: inline-block;
	float: left;
	overflow: hidden;
	width: 320px;
	clear: both;
	background-image: url(../img/landing1/pickup_box2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

div.hot_contents2 ul.contents1 {
    list-style-type: none;
    display: inline-block;
}


div.hot_contents2 li.contents2 {
    display: inline-block;
	clear: both;
	line-height: 25px;
	list-style-type: none;
	width: 100%;
	overflow: hidden;
	/* [disabled]height: 220px; */
	margin-right: 0 auto;
	margin-left: 0 auto;
}

div.hot_contents2 li.contents2 a {
	color: #505050;
    display: inline-block;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	height: 221px;
	text-decoration: none;
	clear: both;
	overflow: hidden;
	width: 313px;
}


div.hot_contents2 li.contents2 a p.linktex {
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	width: 160px;
	clear: both;
	overflow: hidden;
	line-height: 18px;
	margin-right: 0 auto;
	margin-left: 0 auto;
	padding: 58px 0 0 15px;
}


div.hot_contents2 li.contents2 a p.linktex img.thumb {
	float: left;
	height: 96px;
	margin: 0 5px 0 0;
	width: 96px;
}


div.hot_contents2 li.contents2 a p.linktex span.red {
	color: #e11a1a;
	font-family: HiraKakuProN-W6;
	font-size: 13px;
	font-weight: bold;
}

div.hot_contents2 li.contents2 a p.linktex span.type {
	color: #999999;
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	/* [disabled]text-align: right; */
	margin-right: 5px;
	float: right;
}


div.hot_contents2 li.contents2 a p.ss img{
	height: 70px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 70px;
}

div.hot_contents2 li.contents2 a p.uservoice{
	margin: 15px 0 0 25px;
	width: 90%;
	text-align: left;
	clear: both;
	overflow: hidden;
	color: #FFF;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	line-height: 16px;
}


/* 続々投入中！新着アプリ！ */
div.new_contents {
	float: left;
	overflow: hidden;
	width: 100%;
	clear: both;
}
div.new_contents ul.contents1 {
    list-style-type: none;
}


div.new_contents li.contents2 {
	clear: both;
	line-height: 25px;
	list-style-type: none;
	/* [disabled]padding: 0 5px 0 0; */
	/* [disabled]width: 100%; */
	background-image: url(../img/landing1/bg_line3.gif);
	overflow: hidden;
}

div.new_contents li.contents2 a {
	color: #505050;
	display: block;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	height: 190px;
	text-decoration: none;
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-right: 5px;
}


div.new_contents li.contents2 a p.linktex {
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	margin: 5px 5px 0 5px;
	text-align: left;
	vertical-align: top;
	clear: both;
	overflow: hidden;
	line-height: 20px;
}


div.new_contents li.contents2 a p.linktex img.thumb {
	float: left;
	height: 96px;
	margin: 0 5px 0 0;
	width: 96px;
}


div.new_contents li.contents2 a p.linktex span.bold {
    color: #ff6600;
    font-family: HiraKakuProN-W6;
    font-size: 13px;
    font-weight: bold;
}

div.new_contents li.contents2 a p.linktex span.type {
	color: #999999;
	font-family: HiraKakuProN-W6;
	font-size: 13px;
	text-align: right;
	/* [disabled]margin-right: 5px; */
	float: right;
	/* [disabled]padding-right: 5px; */
}

div.new_contents li.contents2 a p.ss{
	margin: 5px 0 0 0;
	width: 100%;
	text-align: center;
	clear: both;
	overflow: hidden;
}


div.new_contents li.contents2 a p.ss img{
	height: 70px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 70px;
}


/* 入会の流れ文言 */
section.admin_text {
	font-family: HiraKakuProN-W6;
	text-align: left;
	clear: both;
	color: #505050;
	line-height: 24px;
	float: left;
	overflow: hidden;
	padding: 5px;
	width: auto;
	font-size: 12px;
}

section.admin_text span.help{
	font-family: HiraKakuProN-W6;
	text-align: right;
	color: #0c9ac7;
	text-decoration: underline;
}

section.admin_text span.blue{
	color: #0c9ac7;
}

section.admin_text img{
	clear: both;
}

/*footer menu*/
footer { 
    display:block; 
    width:100%; 
    margin-bottom:7px; 
    clear: both; 
}

section.g_line {
	height:1px;
	width:100%;
	background-color:#CCCCCC;
}

section.footer_link {
	margin-top:8px;
	margin-bottom:4px;
	font-size: 13px;
	line-height:30px;
	text-align:center;
	clear: both;
	overflow: hidden;
	/* [disabled]height: auto; */
}

section.footer_link a{
	font-family: HiraKakuProN-W6;
	font-size: 13px;
	color: #0c9ac7;
	text-decoration: none;
}

section.cpr {
	text-align:center;
	font-family: HiraKakuProN-W6;
	color:#CCCCCC;
	font-size: 10px;
	font-weight:bold;
}

/* テスト */


div.subject_list_box1 {
    clear: both;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
}


div.subject_list_box2 {
    color: #0C9AC7;
    display: block;
    float: left;
    font-family: HiraKakuProN-W6;
    font-size: 13px;
    height: 118px;
    margin: 10px 5px 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 70px;
}

div.subject_chipfont1 {
    color: #FF0000;
    line-height: 15px;
}


div.subject_chipfont1 span.gacha {
    color: #FF0096;
}


div.subject_list_box2 a {
    color: #0C9AC7;
    font-family: HiraKakuProN-W6;
    font-size: 13px;
    text-decoration: none;
}

div.subject_chip_img1 {
    height: 60px;
    margin: 5px;
    width: 60px;
}


div.subject_thumb_img {
    height: 70px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 70px;
}


div.subject_chipfont2 {
    color: #0C9AC7;
    height: 30px;
    line-height: 15px;
    margin: 10px 0 0;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
}

/* 話題の人気作が配信中！ゲームタイトル1つ目 */
div.wrapper {
	display: inline-block;
	/* [disabled]padding: 6px; */
	font-size: 10pt;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	width: 313px;
	margin-right: 0 auto;
	margin-left: 0 auto;
	background-image: url(../img/landing1/pickup_box1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 220px;
	clear: both;
	overflow: hidden;
	}

div.first-box {
	color: #505050;
	display: block;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	/* [disabled]width: 170px; */
	height: 95px;
	float: right;
	clear: both;
	text-align: left;
	margin: 57px 0 0 155px;
	line-height: 16px;
}


div.first-box span.type{
	color: #999999;
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	float: right;
	margin-right: 5px;
}

div.first-box span.red{
	color: #e11a1a;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	font-weight: bold;
}

div.second-box {
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	width: 313px;
	height: 53px;
	/* [disabled]background: #666666; */
	float: left;
	text-align: left;
	margin: 13px 0 0 18px;
	line-height: 16px;
	overflow: hidden;
}

/* 話題の人気作が配信中！ゲームタイトル２つ目 */
section.subject {
	width: auto;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	margin-right: 0 auto;
	margin-left: 0 auto;
	text-align: center;
}

section.subject  a {
	display: block;
}

div.wrapper2 {
	display: inline-block;
	/* [disabled]padding: 6px; */
	font-size: 10pt;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	width: 313px;
	margin: 0 auto;
	margin-right: 0 auto;
	margin-left: 0 auto;
	background-image: url(../img/landing1/pickup_box2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 221px;
	}

div.first-box2 {
	color: #505050;
	display: block;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	width: 158px;
	height: 95px;
	float: left;
	clear: both;
	text-align: left;
	margin: 57px 0 0 13px;
	line-height: 16px;
}


div.first-box2 span.type{
	color: #999999;
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	float: right;
	margin-right: 5px;
	text-align: right;
}

div.first-box2 span.red{
	color: #e11a1a;
	font-family: HiraKakuProN-W6;
	font-size: 11px;
	font-weight: bold;
}

div.second-box2 {
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	width: 290px;
	height: 53px;
	float: left;
	text-align: left;
	margin: 12px 0 0 18px;
	line-height: 16px;
}