@charset "utf-8";
/* ===================================================================
CSS information
top
=================================================================== */

.top{
	background: #EAECE9;
}

/*--------------
	TOPニュース
-------------- */

.top article{
	display: none;
}

/* 大ニュース */
.top .b_news{
	margin: 0 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 430px;
	height: 290px;
	background: #FFF;
	padding: 20px 25px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	behavior: url("http://www.keroro.com/PIE.htc");
}
	.top .b_news .inner{
		width: 100%;
		height: 180px;
	}

	/* アイコン */
	.top .cate_books{
		height: 20px;
		background:url(/image/img_top/icon_books.gif) left center no-repeat;
		padding-left: 28px;
		margin-bottom: 6px;
	}
	.top .cate_anime{
		height: 20px;
		background: url(/image/img_top/icon_anime.gif) left center no-repeat;
		padding-left: 28px;
		margin-bottom: 6px;
	}
	.top .cate_dm{
		height: 20px;
		background: url(/image/img_top/icon_dm.gif) left center no-repeat;
		padding-left: 32px;
		margin-bottom: 6px;
	}
	.top .cate_game{
		height: 20px;
		background: url(/image/img_top/icon_game.gif) left center no-repeat;
		padding-left: 32px;
		margin-bottom: 6px;
	}
	.top .cate_goods{
		height: 20px;
		background: url(/image/img_top/icon_goods.gif) left center no-repeat;
		padding-left: 32px;
		margin-bottom: 6px;
	}
	.top .cate_event{
		height: 20px;
		background: url(/image/img_top/icon_event.gif) left center no-repeat;
		padding-left: 32px;
		margin-bottom: 6px;
	}
	.top .cate_campaign{
		height: 20px;
		background: url(/image/img_top/icon_campaign.gif) left center no-repeat;
		padding-left: 32px;
		margin-bottom: 6px;
	}
	.top .cate_special{
		height: 20px;
		background: url(/image/img_top/icon_special.gif) left center no-repeat;
		padding-left: 28px;
		margin-bottom: 6px;
	}
	.top .cate_heppoko{
		height: 20px;
		background: url(/image/img_top/icon_heppoko.gif) left center no-repeat;
		padding-left: 32px;
		margin-bottom: 6px;
	}
	.top .cate_books p,
	.top .cate_anime p,
	.top .cate_dm p,
	.top .cate_game p,
	.top .cate_goods p,
	.top .cate_event p,
	.top .cate_campaign p,
	.top .cate_special p,
	.top .cate_heppoko p{
		font-size: 10px;
		font-size: 1.0rem;
		padding-top: 3px;
	}

	/* ニュースタイトル */
	.top h2{
		font-size:16px;
		font-size: 1.6rem;
		line-height: 1.5;
		font-weight: bold;
		width: 100%;
		height: 50px;
		margin-bottom: 10px;
	}
		.top .b_news .new,
		.top .s_news .new{
			color: #e50012;
			font-weight: bold;
			padding-right: 10px;
		}
		.ttl_books{
			background: url(/image/img_common/line_books.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_anime{
			background: url(/image/img_common/line_anime.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_dm{
			background: url(/image/img_common/line_dm.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_game{
			background: url(/image/img_common/line_game.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_goods{
			background: url(/image/img_common/line_goods.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_event{
			background: url(/image/img_common/line_event.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_campaign{
			background: url(/image/img_common/line_campaign.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_special{
			background: url(/image/img_common/line_special.gif) left top repeat-x;
			padding-top: 10px;
		}
		.ttl_heppoko{
			background: url(/image/img_common/line_heppoko.gif) left top repeat-x;
			padding-top: 10px;
		}

	/* ニュース画像 */
	/*.top .imgBox{
		width: 160px;
		height: 160px;
		text-align: center;
		padding: 10px;
		vertical-align: middle;
		display: table-cell;
	}*/
	.top .imgBox{
		display: table;
	}
	.top .imgBox figure{
		width: 160px;
		height: 160px;
		display: table-cell;
		padding: 10px;
		layout-grid-line: 160px;
		text-align: center;
		vertical-align: middle;
	}

	.top .imgBox figure img{
		vertical-align: middle;
	}

		.bg_books{
			background: #D1EDF8;
		}
		.bg_anime{
			background: #DBE3F8;
		}
		.bg_dm{
			background: #E8E0F9;
		}
		.bg_game{
			background: #F6DDF8;
		}
		.bg_goods{
			background: #F9DCE9;
		}
		.bg_event{
			background: #F9DBDD;
		}
		.bg_campaign{
			background: #FAE7DA;
		}
		.bg_special{
			background: #F9F4CB;
		}
		.bg_heppoko{
			background: #E3F8CE;
		}


	/* ニュースリード */
	.top .b_news .inner h3{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.5;
		font-weight: bold;
		margin-bottom: 15px;
	}
		.lead_books{
			color: #4AB0E0;
		}
		.lead_anime{
			color: #587EE1;
		}
		.lead_dm{
			color: #8564E6;
		}
		.lead_game{
			color: #B656E6;
		}
		.lead_goods{
			color: #E450A2
		}
		.lead_event{
			color: #E65662;
		}
		.lead_campaign{
			color: #F37D56;
		}
		.lead_special{
			color: #F6C040;
		}
		.lead_heppoko{
			color: #94E33B;
		}

	/* ニューステキスト */
		.top .txtBox{
			width: 230px;
		}
			.top .b_news .inner .txtBox .txt{
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 1.6;
			}
			.top .update{
				font-size: 10px;
				font-size: 1.0rem;
				margin-top: 10px;
			}


/* 小ニュース */
.top .s_news{
	margin: 0 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 180px;
	height: 290px;
	background: #FFF;
	padding: 20px 25px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	behavior: url("http://www.keroro.com/PIE.htc");
}

/* ムービーボタン */
.top .movie{
	float: right;
	width: 230px;
	height: 680px;
	margin: 0 10px 20px;
	background:#ccc;
}

/* WEBSHOPボタン */
.top .webshop{
	width: 480px;
	height: 330px;
	margin: 0 10px 20px;
	float: left;
}

/* SNSボタン */
.top .sns{
	margin: 0 10px;
	width: 230px;
	height: 330px;
	margin-bottom: 20px;
	float: left;
}

.top .btn_sns{
	width: 100%;
	padding: 20px 0 0 5px;
}
.top .btn_sns li{
	float: left;
	margin-right: 10px;
}

/* 手をつなごうCP */
#tewotunagu_cp{
	background: #F5F5F5;
    position: relative;
    top: -330px;
}
#tewotunagu_cp .cp_top{
    background: #F5F5F5;
    width: 1000px;
    height: 80px;
    margin: 0 auto;
}
#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 120px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 120px;
    float: left;
    display: inline;
    overflow: hidden;

        margin-left:-2000px;
}
 
#loopslider ul li {
    width: 1989px;
    height: 120px;
/*    float: left;*/
    display: block;
    overflow: hidden;
    float:left;
}