@charset "Shift_JIS";


/*ゲーム・占いCSS
----------------------------------------------------------*/
#contents .inner{
clear:both;
}
#contents .inner:after{
display:block;
height:1px;
content:"";
clear:both;
}
*html #contents .inner{
height:1%;
}
#contents .inner p{
font-size:73%;
line-height:160%;
}
#contents .inner h3{
margin:10px 0 0 0;
}

/*左メインコンテンツ*/
#gamelist{
float:left;
width:725px;
padding:0 0 0 0;
}
#gamelist .block{
width:725px;
}
#gamelist .block .h2Box{
width:725px;
height:80px;
position:relative;
}
#gamelist .block .h2Box h2{
position:absolute;
top:0;
left:0;
}
#gamelist .block .h2Box .sns{
position:absolute;
top:15px;
right:-10px;
overflow: hidden;
}

#gamelist .block_ft{
width:725px;
background:url("../img/block_ft.png") 0 bottom no-repeat;
padding:0 0 10px 0;
}
#gamelist .block_bd{
width:725px;
background:url("../img/block_bg.png") 0 0 repeat-y;
padding:0;
}

/*スマホ限定*/
#gamelist #sp_limit{
padding:20px 0 0 0;
text-align:center;
}
#gamelist #sp_limit p{
color:#ff0000;
font-weight:bold;
font-size:16px;
line-height:130%;
margin-bottom:20px;
}
#gamelist #sp_limit a{
display:block;
width:210px;
height:50px;
background:url("../img/btn_gamelist.png") no-repeat 0 0;
text-indent:-9999px;
margin:0 auto;
}
#gamelist #sp_limit a:hover{
background:url("../img/btn_gamelist.png") no-repeat 0 -50px;
}

/*非ログイン対応*/
#gamelist #nlt_box{
width:620px;
margin:0 0 0 53px;
padding:25px 0 0 0;
}
#gamelist #nlt_box #nlt_gamelist{
width:612px;
background:#e4f6fa;
border:solid #4dc5db 4px;
border-radius:8px;
margin:0;
padding:0 0 15px 0;
text-align:center;
}
#gamelist #nlt_box #nlt_gamelist h3{
width:480px;
height:52px;
background:url("../../img/nlt_h3_gamelist.png") no-repeat 0 0;
margin:10px auto 0 auto;
text-indent:-9999px;
}
#gamelist #nlt_box #nlt_gamelist p{
width:480px;
height:37px;
background:url("../../img/nlt_txt_gamelist.png") no-repeat 0 0;
text-indent:-9999px;
margin:10px auto 0 auto;
}
#gamelist #nlt_box #nlt_gamelist ul.btn_regist{
width:496px;
height:88px;
margin:15px auto 0 auto;
padding-left:8px;
}
#gamelist #nlt_box #nlt_gamelist ul.btn_regist li a{
display:block;
width:488px;
height:88px;
background:url("../../img/nlt_btn_login2.png") no-repeat 0 0;
text-indent:-9999px;
}
#gamelist #nlt_box #nlt_gamelist ul.btn_regist li a:hover{
background:url("../../img/nlt_btn_login2.png") no-repeat 0 -88px;
}
#gamelist #nlt_box #nlt_gamelist ul.outline_sp{
margin:5px auto 0 auto;
}
#gamelist #nlt_box #nlt_gamelist ul.outline_sp li{
}
#gamelist #nlt_box #nlt_gamelist ul.outline_sp li a{
font-size:12px;
background:url("../../img/nlt_arrow.gif") no-repeat 0 center;
padding:3px 0 3px 17px;
}
#gamelist #nlt_box #nlt_gamelist ul.outline_sp li a:hover{
}
#gamelist #game_img_nlt{
position:relative;
width:620px;
height:363px;
margin:0 0 0 47px;
padding:112px 0 0 0;
}
#gamelist #game_img_nlt #nlt_game{
width:552px;
background:#e4f6fa;
border:solid #4dc5db 4px;
border-radius:8px;
margin:0 0 0 30px;
padding:0 0 15px 0;
text-align:center;
}
#gamelist #game_img_nlt #nlt_game h3{
width:480px;
height:52px;
background:url("../../img/nlt_h3_game.png") no-repeat 0 0;
margin:10px auto 0 auto;
text-indent:-9999px;
}
#gamelist #game_img_nlt #nlt_game p{
width:480px;
height:37px;
background:url("../../img/nlt_txt_game.png") no-repeat 0 0;
text-indent:-9999px;
margin:10px auto 0 auto;
}
#gamelist #game_img_nlt #nlt_game ul.btn_regist{
width:496px;
height:88px;
margin:15px auto 0 auto;
padding-left:8px;
}
#gamelist #game_img_nlt #nlt_game ul.btn_regist li a{
display:block;
width:488px;
height:88px;
background:url("../../img/nlt_btn_login2.png") no-repeat 0 0;
text-indent:-9999px;
}
#gamelist #game_img_nlt #nlt_game ul.btn_regist li a:hover{
background:url("../../img/nlt_btn_login2.png") no-repeat 0 -88px;
}
#gamelist #game_img_nlt #nlt_game ul.outline_sp{
margin:5px auto 0 auto;
}
#gamelist #game_img_nlt #nlt_game ul.outline_sp li{
}
#gamelist #game_img_nlt #nlt_game ul.outline_sp li a{
font-size:12px;
background:url("../../img/nlt_arrow.gif") no-repeat 0 center;
padding:3px 0 3px 17px;
}
#gamelist #game_img_nlt #nlt_game ul.outline_sp li a:hover{
}


/*ゲームメニューボックス*/
/*
#gamelist .menu_list{
width:640px;
margin:0 0 0 50px;
padding:5px 0 5px 0;
}
#gamelist .menu_list:after{
display:block;
height:1px;
content:"";
clear:both;
}
*html #gamelist .menu_list{
height:1%;
}
#gamelist .menu_box{
width:305px;
height:150px;
float:left;
margin:7px 15px 0 0;
position:relative;
}
#gamelist .menu_box .menu_img{
width:150px;
height:150px;
position:absolute;
top:0;
left:-3px;
}
#gamelist .menu_box .menu_txt{
width:150px;
height:105px;
position:absolute;
top:0;
left:154px;
}
#gamelist .menu_box .menu_txt .menu_ttl{
font-weight:bold;
margin:5px 0 0 0;
}
#gamelist .menu_box .menu_txt .new{
margin:5px 5px 0 0;
background:url("../../img/game/ico_new.png") 0 0 no-repeat;
padding:0 0 0 45px;
}
#gamelist .menu_box .menu_txt .menu_lead{
margin:6px 0 0 0;
}
#gamelist .menu_box .menu_icon{
width:150px;
height:40px;
position:absolute;
top:102px;
right:0;
}
#gamelist .menu_box .menu_icon li{
display:inline;
margin-right:3px;
}
#gamelist .menu_list .w_icon{
clear:both;
padding:10px 0 0 0;
text-align:right;
}
*/
/*ゲームFLASH*/
/*
#gamelist .game_swf{
width:620px;
margin:0 0 0 47px;
padding:20px 0 0 0;
}

#gamelist .torank{
width:100%;
text-align:center;
margin:15px 0 0 0;
padding:0;
}
#gamelist .torank ul{
margin:0;
padding:0;
}
*/
/*ポイントキャンペーン誘導*/
/*
#gamelist #present_box{
width:725px;
margin:15px 0 0 0;
padding:10px 0 0 0;
background:url("../img/ft_game_top.png") 0 top no-repeat;
}
#gamelist #present_box_ft{
width:725px;
padding:0 0 10px 0;
background:url("../img/ft_game_bottom.png") 0 bottom no-repeat;
}
#gamelist #present_box_bd{
width:725px;
background:#FFEEF6;
}
#gamelist #present_box_bd #present_box_inner1,
#gamelist #present_box_bd #present_box_inner2{
width:626px;
margin:0 0 0 53px;
}
#gamelist #present_box_bd #present_box_inner1:after,
#gamelist #present_box_bd #present_box_inner2:after{
display:block;
height:1px;
content:"";
clear:both;
}
*html #gamelist #present_box_bd #present_box_inner1,
*html #gamelist #present_box_bd #present_box_inner2{
height:1%;
}
#gamelist #present_box_bd #present_box_inner2{
background:url("../img/ft_game_line.gif") 0 0 no-repeat;
padding-top:16px;
}
#gamelist #present_box_bd #present_box_inner1 h3{
float:left;
margin:0;
padding:6px 0 0 0;
}
#gamelist #present_box_bd #present_box_inner1 ul{
float:right;
padding:4px 6px 12px 0;
}
#gamelist #present_box_bd #present_box_inner2 .present_menu{
float:left;
width:112px;
text-align:center;
margin:0 6px;
}
#gamelist #present_box_bd #present_box_inner2 .present_menu p{
font-size:64%;
line-height:130%;
margin:5px 0 0 0;
padding:0;
}
#gamelist #present_box_bd #present_box_inner2 .present_menu p.coin{
font-size:75%;
color:#F70;
margin:2px 0 0 0;
padding:0;
}
#gamelist #present_box_bd #present_box_inner2 .present_menu p.coin span{
background:url("../img/ft_game_coin.gif") 0 0 no-repeat;
padding:3px 0 0 19px;
}
*/

/*clearfix*/
#suntory_contents .cf:after{
display:block;
height:1px;
content:"";
clear:both;
}
*html #suntory_contents .cf{
height:1%;
}




#gamelist .menu_list{
width:710px;
margin:0 0 0 15px;
padding: 25px 0 0 0;
}

#gamelist .menu_list h3.menu_title {
	height: 30px;
	margin: 0 0 10px 0;

}

	#gamelist .menu_list h3.menu_title img {
        height: 30px;
		width: auto;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		border: 0;
	}

#gamelist .menu_list ul.memu_group {
	width: 710px;
}

	#gamelist .menu_list ul.memu_group li.menu_each {
		float: left;
		width: 338px;
		height: 204px;
		margin: 0 15px 20px 0;
				
	}
	
		#gamelist .menu_list ul.memu_group li.bg_yellow {
			border: #ffe438 1px solid;
			background-color: #fff7c4;		
		}
		#gamelist .menu_list ul.memu_group li.bg_lemon {
			border: #fdc415 1px solid;
			background-color: #fefeba;		
		}
		#gamelist .menu_list ul.memu_group li.bg_orange {
			border: #fc8c41 1px solid;
			background-color: #fedcc6;		
		}
		#gamelist .menu_list ul.memu_group li.bg_pink {
			border: #f17e90 1px solid;
			background-color: #fcd9e5;		
		}
		#gamelist .menu_list ul.memu_group li.bg_softpink {
			border: #ff6060 1px solid;
			background-color: #ffd7d7;		
		}
		#gamelist .menu_list ul.memu_group li.bg_green {
			border: #8cd367 1px solid;
			background-color: #d1edc2;	
		}
		#gamelist .menu_list ul.memu_group li.bg_blue {
			border: #36c5d2 1px solid;
			background-color: #afe8ed;	
		}
		#gamelist .menu_list ul.memu_group li.bg_env1 {
			border: #3a8ac0 1px solid;
			background-color: #b6dbf4;	
		}
		#gamelist .menu_list ul.memu_group li.bg_env2 {
			border: #d3bd00 1px solid;
			background-color: #fff2cc;	
		}
		#gamelist .menu_list ul.memu_group li.bg_violet {
			border: #8899ee 1px solid;
			background-color: #d6e0f8;	
		}





	#gamelist .menu_list ul.memu_group li.menu_each h4.menu_image {
		float: left;
		width: 204px;
		height: 204px;
	}

		#gamelist .menu_list ul.memu_group li.menu_each h4.menu_image img {
			width: 204px;
			height: 204px;
			margin: 0;
			padding: 0;
			vertical-align: bottom;
			border: 0;			
		}

		#gamelist .menu_list ul.memu_group li.menu_each h4.menu_image a:hover {
			cursor: pointer;	
		}

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment {
		float: right;
		width: 113px;
		height: 190px;
		padding: 10px;
		position: relative;
	}

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_category {
		height: 20px;
		margin-bottom: 10px;
	}
	
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_category img {
			height: 20px;
			width: auto;
			margin: 0;
			padding: 0;
			vertical-align: bottom;
			border: 0;						
		}

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_catch {
		width: 100px;
		padding: 3px 0 2px 0;
		color: #fff;
		font-size: 14px;
		margin-bottom: 30px;
		text-align: center;
		font-weight: bold;
		line-height: 120%;
		word-break: break-word; 
	}

		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_yellow {
			background-color: #eb9e12;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_lemon {
			background-color: #e6c542;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_orange {
			background-color: #fc8c41;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_pink {
			background-color: #f26899;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_softpink {
			background-color: #ff6060;
		}		
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_green{
			background-color: #8cd367;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_blue {
			background-color: #36c5d2;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_env1 {
			background-color: #4cb0f4;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_env2 {
			background-color: #ffd966;
		}
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.catch_violet {
			background-color: #8899ee;
		}
		

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_name {
		display: none;
	}

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_chance {
		color: #224466;
		font-size: 14px;
	}

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_points {
		color: #224466;
		font-size: 18px;
		font-weight: bold;
		line-height: 120%;
	}
	
		span.menu_points_small {
			font-size: 14px;
			font-weight: normal;
		}

	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_action a {
		color: #0066cc;
		font-size: 16px;
		position: absolute;
		bottom: 15px;
		right: 10px;
	}
	
		#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_action a:hover {
			color: #409bf5;
			cursor: pointer;
			text-decoration: underline;
		}


	#gamelist .menu_list ul.memu_group li.menu_each div.menu_comment p.menu_action_no {
		color: #0066cc;
		font-size: 16px;
		position: absolute;
		bottom: 15px;
		right: 10px;
		color: #111;
	}




/* エリア情報・レシピッタ　画像出し分け対応*/
#gamelist .menu_list ul.memu_group li.menu_each .select_info {
	width: 204px;
    height: 204px;
	float: left;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_title_areainfo {
	width: 204px;
	height: 28px;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_img1_areainfo {
	width: 204px;
	height: 123px;
	background-color: #FFF;	
	padding-top: 4px;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_img1_areainfo img {
	width: auto;
	height: 123px;
	display: block;
	margin: 0 auto;	
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_img2_areainfo {
	width: 204px;
	height: 49px;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_title_recipe {
	width: 204px;
	height: 28x;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_img1_recipe {
	width: 204px;
	height: 123px;
	background-color: #FFF;	
	padding-top: 4px;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_img1_recipe img {
	width: auto;
	height: 123px;
	display: block;
	margin: 0 auto;
}

#gamelist .menu_list ul.memu_group li.menu_each .select_info .select_img2_recipe {
	width: 204px;
	height: 49px;
}