@charset "UTF-8";
/*************************************************
CSS
/css/global.css

12.06.28
*************************************************/

#footContainer {
	background: none 0 0 #fff;
	padding-top:10px;
	/* 1125 K1対応 */
	padding-bottom:50px;
}
	
.genreSearchArea {
	background: none 0 0 #c0c0c0;
	font-weight:bold;
	font-size:0.8rem;
	padding:6px 9px;
	margin:0 0 5px;
}

.genreList li {
	margin-top:10px;
}
.genreList li{
	float:left;
	width: 31%;
	text-align:center;
	margin: 5px 1%;
}
.genreList li a{
	display:block;
	padding: 5px 0;
	background: none 0 0 #e9f7fc;
	border-bottom:1px solid #bbbbbb;
	font-size:0.7rem;
	font-weight:bold;
}

/* テキスト追加 */
.text01 {
	width:95%;
	margin:2% auto;
	text-align:left;
	font-size:0.8rem;
}
.text01 a:link ,
.text01 a:visited{
	color:#0000ff !important;
	text-decoration:underline;
	font-size:0.8rem;
}
.textbox {
	padding:5px 0;
	background: none 0 0 #fff;
}
div.footermenu {
	background-color:#FFFFFF;
}

div.footermenu ul.menu1 li{
	width:50%;
	float:left;
	
	background:url(../img/footericon.gif)no-repeat 10px 5px;

}
div.footermenu ul.menu1 li a {
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	}
div.footermenu ul.menu1 {
	overflow:hidden;
	padding: 0 0;
}
div.footermenu ul.menu2 li a{
	color:#000;
	text-align:center;
	display:block;
	
	padding:5px 0;

	
	border:1px solid #aaaaaa;
	border-radius: 5px;        /* CSS3・ｽ・ｽ・ｽ・ｽ */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome・ｽp */ 
    -moz-border-radius: 5px;   /* Firefox・ｽp */
	
	background: -moz-linear-gradient(top,#f8f8f8 0%,#e2e2e2);
    background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e2e2e2));
}
div.footermenu ul.menu2 li {
		display:block;
		width:46%;
			margin:2.5px 2%;
	float:left;
font-size:12px;
}
div.footermenu ul.menu2 li.dmkttyp2 {
	display:block;
	width:96%;
	margin:2.5px 2%;
	}
div.footermenu ul.menu2 {
	overflow:hidden;
}

#footerdocomo {
	padding:3px;
	text-align:center;
	color:#FFF;
	font-size:10px;
	background-color:#000000;
	margin-top:10px;
}
#footerdocomo span {
	font-size:12px;
}
.bnrArea02 {
	text-align:center;
}
.bnrArea02 li {
	margin-bottom:5px;
}
.bnrArea02 li:nth-child(1) {
	margin-top:0;
}
/* ============================================================ footer */
#footer { background: left bottom repeat-x #0a94ce; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #0a94ce), color-stop(87.8905%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#0a94ce 50%, #ffffff 87.8905%, #ffffff); background-image: -moz-linear-gradient(#0a94ce 50%, #ffffff 87.8905%, #ffffff); background-image: -o-linear-gradient(#0a94ce 50%, #ffffff 87.8905%, #ffffff); background-image: linear-gradient(#0a94ce 50%, #ffffff 87.8905%, #ffffff); background-size: 320px 256px; }
#footer.game { padding-top: 15px; background: url(../img/game_store/bg_body_foot_01.png) center top repeat-x white; }
#footer > div {
	position: relative;
	/* padding: 10px 0 7px; */
	padding: 0px; /* komatsu edit 16/07/27 */ 
	border-top: #d9d9d9 1px solid;
	border-bottom: #e5e5e5 1px solid;
	background-color: #dddddd;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDDDDDD', endColorstr='#FFFFFFFF');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(49%, #fdfdfd), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(top, #dddddd 0%, #fdfdfd 49%, #ffffff 50%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, #dddddd 0%, #fdfdfd 49%, #ffffff 50%, #ffffff 100%);
	background-image: -o-linear-gradient(top, #dddddd 0%, #fdfdfd 49%, #ffffff 50%, #ffffff 100%);
	background-image: linear-gradient(top, #dddddd 0%, #fdfdfd 49%, #ffffff 50%, #ffffff 100%);
}
#footer > div:before, #footer > div:after { content: ""; display: table; }
#footer > div:after { clear: both; height: 1px\9; margin-bottom: -1px \9; }
#footer > div:before { background: #f6f6f6; top: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; }
#footer .gr_nav_01 {
	float: right;
	padding: 10px 0 7px; /* komatsu add 16/07/27 */
}
#footer .bt_01 { position: relative; }
#footer .bt_01 { margin: 10px 10px 9px; text-align: center; }
#footer .bt_01 li, #footer .bt_01 p { display: inline-block; width: 135px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -msie-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; border: #b3b3b3 1px solid; background-color: #fefefe; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFF2F2F3'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(13%, #fefefe), color-stop(16%, #fdfdfd), color-stop(100%, #f2f2f3)); background-image: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 13%, #fdfdfd 16%, #f2f2f3 100%); background-image: -moz-linear-gradient(top, #fefefe 0%, #fefefe 13%, #fdfdfd 16%, #f2f2f3 100%); background-image: -o-linear-gradient(top, #fefefe 0%, #fefefe 13%, #fdfdfd 16%, #f2f2f3 100%); background-image: linear-gradient(top, #fefefe 0%, #fefefe 13%, #fdfdfd 16%, #f2f2f3 100%); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); font-weight: normal; }
#footer .bt_01 li:last-child { margin-right: 0; margin-left: 5px; }
#footer .bt_01 li:first-child { margin-right: 5px; margin-left: 0; }
#footer .bt_01 li:only-child { width: 250px; margin-right: 0; }
#footer .bt_01 input, #footer .bt_01 a { display: block; margin: 0; padding: 9px 0; background: none; color: #393939; font-size: 12px; box-sizing: content-box; line-height: 1; vertical-align: middle; }
#footer .bt_01 input div, #footer .bt_01 a div { display: inline-block; }
#footer .bt_01 .bt_info_01 a { padding: 5px 0 6px; color: #176fc1; }
#footer .bt_01 .bt_info_01 div { min-height: 15px; background: url(../img/game_store/bg_28.png) no-repeat 0 50%; -webkit-background-size: 15px 15px; background-size: 15px 15px; padding: 3px 0 0 23px; }
#footer .bt_01 .bt_faq_01 a { padding: 5px 0 6px; color: #176fc1; }
#footer .bt_01 .bt_faq_01 div { min-height: 15px; background: url(../img/game_store/bg_29.png) no-repeat 2px 49%; -webkit-background-size: 15px 15px; background-size: 15px 15px; padding: 3px 0 0 18px; letter-spacing: -1px; }
#footer .bt_01:after { content: ""; padding: 0 10px; top: -10px; left: -10px; position: absolute; width: 100%; height: 6px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); }
#footer .bt_01 { margin: 10px 10px 18px; }
#footer .bt_01 li { width: 135px; }
#footer .link_utl_01 { letter-spacing: -0.001em; text-align: center; font-size: 10px; }
#footer .link_utl_01 li { display: inline-block; vertical-align: top; white-space: normal; *display: inline; *zoom: 1; margin: 0 6px 8px 0; padding-right: 6px; border-right: #333 1px solid; }
#footer .link_utl_01 li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
#footer .copy { position: relative; margin-top: 8px; padding: 9px 0 10px; background: #000; text-align: center; font-size: 10px; color: #FFF; }
#footer .copy span { font-size: 12px; }
#footer .copy:only-child { margin-top: 0; }
#footer .copy:before { background: #4d4d4d; top: 1px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; }

#footer_02 { padding-top: 3px; background: #FFF; background-color: #d1d1d1; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD1D1D1', endColorstr='#FFFDFDFD'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(5%, #fdfdfd)); background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #fdfdfd 5%); background-image: -moz-linear-gradient(top, #d1d1d1 0%, #fdfdfd 5%); background-image: -o-linear-gradient(top, #d1d1d1 0%, #fdfdfd 5%); background-image: linear-gradient(top, #d1d1d1 0%, #fdfdfd 5%); }
#footer_02 .bt_01 { margin: 10px 10px 10px; }
#footer_02 .bt_01 li { width: 135px; }
#footer_02 .bt_01 a, #footer_02 .bt_01 input { padding: 5px 0; }
#footer_02 .bt_02 { margin: 0; padding: 10px; background: #e0e0e0; }
#footer_02 .link_utl_01 { margin: 0 10px; text-align: center; font-size: 10px; }
#footer_02 .link_utl_01 li { display: inline-block; vertical-align: top; white-space: normal; *display: inline; *zoom: 1; margin: 0 6px 8px 0; padding-right: 6px; border-right: #333 1px solid; }
#footer_02 .link_utl_01 li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
#footer_02 .copy { position: relative; padding: 9px 0 10px; background: #000; text-align: center; font-size: 10px; color: #FFF; }
#footer_02 .copy span { font-size: 12px; }
#footer_02 .copy:before { background: #4d4d4d; top: 1px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; }


/* ---------------------- ここから固定フッター------------------ */
nav#navfooter {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:52px;
	bottom: -4px;
	padding-bottom:6px;
	margin:0;
	width: 100%;
	position:fixed;
	left: 0px;
	z-index:100;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}
nav#navfooter ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-top: 3px solid #555555;
	border-bottom: 1px solid #666666;
	font-size: 12px;
	text-align: center;
	background: #666666;
}
 
nav#navfooter ul li {
	display: table-cell;
}
 
nav#navfooter ul li a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	padding: 5px 0 5px;
	display: block;
	color: #FFFFFF;
	font-size:8px;
	text-decoration: none;
	/*	-webkit-transform: translate3d(0,0,0);*/
}
nav#navfooter ul li a img {
	margin:0 0 2px 0;
}
/*線あり*/
nav#navfooter ul li {
	border-right:1px solid #CCCCCC;
}
nav#navfooter ul li:last-child {
    border-right: none;
}
/*固定フッターのバッチ部分追記分 */
#fixfooter-budge {
  position: absolute;
  right: -14px;
  top: -7px;
	font-size:10px;
}
#notice{
	z-index:110;
	margin:0 auto;
	width:24px;
	position: relative;
	}
	
#footer{
	background: none 0 0 #fff;
	}
	
#navfooter a:hover{
	opacity:0.5;
	}
/* ---------------------- ここまで固定フッター------------------ */

/*clearfix
=================================*/


.genreList:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}


/* #14560 ｄゲームフッタデザインの変更追加 ----------------------- */

div ul.menu1 li{
    width:50%;
    float:left;

    background:url(/contents/sp/img/game_store/footericon.gif)no-repeat 10px 5px;

}
div ul.menu1 li a {
    display:block;
    padding:5px 5px 5px 30px;
    font-size:12px;
    }
div ul.menu1 {
    overflow:hidden;
    padding:10px 0px 10px 0px;
}

/* #14560 ｄゲームフッタデザインの変更追加 ----------------------- */

/* 1125 K1対応 */
.gr_nav_50 .gr_budge { position: absolute; right: -5px; top: -8px; }
.gr_nav_50 .gr_budge:before { content: " "; display: inline-block; height: 24px; width: 10px; background: url(/contents/c/include/sp_header/img/dcommon/bg_20.png) left top no-repeat; -webkit-background-size: 50px 23px; background-size: 50px 23px; }
.gr_nav_50 .gr_budge span { padding-right: 2px; display: inline-block; background: url(/contents/c/include/sp_header/img/dcommon/bg_20.png) right top no-repeat; -webkit-background-size: 50px 23px; background-size: 50px 23px; text-align: center; vertical-align: top; font-size: 10px; line-height: 20px; height: 24px; min-width: 9px; color: #FFF; text-indent: -8px; }

/* キャンペーン新着アイコン追加 */
li.campaignIcon a{
  position: relative;
}

.add_new{
    position: absolute;
    top:0%;
    left: 55%;
}

.add_new img{
    width:100%;
    max-width:36px;
}