﻿@charset "utf-8";
/* CSS Document */

.topPage #content {
	width: 100%!important;
	padding: 0px;
	}

/*背景画像*/
/*#wrap.topPage {
	background-image: url(../images/top_image.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}*/

.topPage h1{
	

}

/*フッタ*/
#topSpecialBox {
	width:900px!important;
	width /**/:906px;
	padding:0px 3px;
	padding-top:30px;
	background:url(../images/top_spbox.png) no-repeat top;
	margin: 0px auto;
	}

/*サブナビゲーション下*/

#topHead{
		background: url(../images/foote_bg.png) ;
}

	#topHead ul{
		width:900px;
		height: 30px;
		line-height: 20px;
		padding: 0px!important;
		margin: 0px auto;
		list-style-type: none;

		}

		#topHead li {
			display: inline;
			float: right;
			padding: 0px;
			padding-left: 15px;
			padding-right: 14px;
			border-right: 1px #333 solid;
			}

			#topHead li a {
			color: #FFF;
			}



/*全体を包む要素************************************************/
#topNormalBox {
	width:900px;
	margin: 0px auto;
}

/*左************************************************/
.topPage .topSide{
	width:220px;
	margin:20px 20px 10px 0px;
	float: left;
	background:url(../images/topside.gif) left bottom no-repeat;
	}

	.topPage .topSide .sideCont{
		padding: 0px 5px;
		}

		.topPage .topSide .sideCont .sideNewsWrap {
			padding: 3px 7px 27px 0px;
			background: url(../images/topside_news_wrap.gif) left bottom no-repeat;
			}

		.topPage .topSide .sideCont .sideNewsbox{
			height: 170px;
			overflow: auto;
			}

			.topPage .topSide .sideCont .sideNewsbox dl{
				list-style: none;
				margin: 0px 0px 10px 10px;
				padding: 0px;
				}

			.topPage .topSide .sideCont .sideNewsbox dl dt{
				color:#e60012;
				font-weight: bold;
				margin:0px;
				padding: 0px;
				}

			.topPage .topSide .sideCont .sideNewsbox dl dd{
				background: url(../images/hr_side.gif) repeat-x bottom;
				padding: 2px 2px 2px;	
				}

		
		.topPage .topSide .sideCont .sideExBn {
			margin: 0px 0px 4px;
			}

		.topPage .topSide .sideCont .sideExBn a {
			display: block;
			width: 210px;
			height: 0px!important;
			height /**/: 150px;
			padding-top: 150px;
			overflow: hidden;
			background: url(../images/prize_navi_banner.gif) 0px 0px no-repeat;
			}

		.topPage .topSide .sideCont .sideExBn a:hover {
			background-position: 0px -150px;
			}


/*ピックアップ情報**/

		.topPage .topSide .sideCont .sidePickWrap{
			padding: 3px 8px 20px 8px;
			background: url(../images/topside_news_wrap.gif) left bottom no-repeat;
			}

		.topPage .topSide .sideCont .sidePick{
			padding-bottom: 4px;
			clear: both;
			height: 102px;
			overflow: hidden;
			}

		.topPage .topSide .sideCont .sidePick img {
			border: 1px #BEBEBE solid;
			}

		.topPage .topSide .sideCont .sidePick img:hover {
			border: 1px #7d97cb solid;
			}

		.topPage .topSide .sideCont p{
			font-size:0.9em;
			width:80px;
			float: right;
			padding-right:3px;
			}

	.gcList{
		}

		.gcList a {
			display: block;
			width: 210px;
			height: 0px!important;
			height /**/: 26px;
			padding-top: 26px;
			overflow: hidden;
			background: url(../images/gclist.png) no-repeat -2px 0px;
			}
		
		.gcList a:hover {
			background-position: -2px -26px;
			}


/***/
.topPage .sidebanner {
	width:220px;
	}

.topPage .sidebanner img{
	margin-bottom: 10px;
	}





/*右の全体************************************************/
.topPage .topMain{
	width: 660px;
	float: right;
	}

/*右のヘッドライン***********************************************/
.topPage .headLine{
	width: 420px;
	padding-top:20px;
	margin-right:20px;
	float:left;

}
	.topPage .headLine h2{
	}
	

	
		.topPage .headLine dl{
		list-style: none;
		margin: 0px 10px 5px;
		padding:0px 0px 3px 0px;

		}

	.topPage .headLine dl dt{
		color:#e60012;
		font-weight: bold;
		margin:0px;
		padding-left:5px;
	}

			.topPage .headLine dl dd{
			padding-left:27px;
			padding-bottom: 3px;
			margin-left:3px;
			border-bottom: dotted #cccccc 2px;
			background: url(../images/arrow_blue.gif) no-repeat 3px 0px;
			}

			.topPage .headLine dl dd.topNew{background: url(../images/headline_ico_new.gif) no-repeat 0px 0px;}
			.topPage .headLine dl dd.topAttention{background: url(../images/headline_ico_attention.gif) no-repeat 0px 0px;}
			.topPage .headLine dl dd.topGc{background: url(../images/headline_ico_gc.gif) no-repeat 0px 0px;}
			.topPage .headLine dl dd.topPr{background: url(../images/headline_ico_prize.gif) no-repeat 0px 0px;}
			.topPage .headLine dl dd.topAc{background: url(../images/headline_ico_arc.gif) no-repeat 0px 0px;}
			.topPage .headLine dl dd.topKn{background: url(../images/headline_ico_ktai.gif) no-repeat 0px 0px;}
			.topPage .headLine dl dd.topTc{background: url(../images/headline_ico_tc.gif) no-repeat 0px 0px;}

/**********/
#headLineTop{
	height:445px;
	margin-bottom: 20px;
/*	background-color:#00F;*/

}

	.headLineMesse{
	height: 150px;
	margin-bottom: 20px;
	overflow:auto;
/*	background-color:#F63;*/

	}

	.headLineNews{
/*	max-height:600px;*/
	height: 220px;
	overflow:auto;
/*	background-color:#0CF;*/

		}

.headLineRelease{
	height: 185px;
	overflow:auto;
/*	background-color:#3F9*/

}

.releaseMore{
	padding-right:20px;

}
		.releaseMore a {
			display: block;
			width: 210px;
			height: 0px!important;
			height /**/: 26px;
			padding-top: 26px;
			overflow: hidden;
			background: url(../images/headline_release_more.png) -2px 0px;
			float: right;
			}
		
		.releaseMore a:hover {
			background-position: -2px -26px;
			}


#headlineNewsH2{}
/***********************/
.case1{}

	.case1 .headLineMesse, .case1 #headlineNewsH2{
		display: none;
	}
	.case1 .headLineNews{
	height:415px;
	}


.case2{}

	.case2 .headLineMesse{
	height:50px;
	}

	.case2 .headLineNews{
	height:315px;
	}


.case3{}

	.case3 .headLineMesse{
	height:100px;
	}
	.case3 .headLineNews{
	height:265px;
	}


.case4{}

	.case4 .headLineMesse{
	height:150px;
	}
	.case4 .headLineNews{
	height:215px;
	}


/*右のプッシュコント************************************************/
.topPage .pushCont{
	width: 220px;
	float:right;
	}

	.topPage .pushCont .pushTc{
		height: 290px;
		padding: 5px 5px 0px;
		margin-bottom: 10px;
		overflow: hidden;
		background:url(../images/pushcont_tc.gif) no-repeat;
		}

		.topPage .pushCont .pushTc p{
			padding: 5px 10px;
			height: 40px;
			overflow: hidden;
			}

	.topPage .pushCont .pushTc2{
		height: 290px;
		padding: 0px;
		margin-bottom: 10px;
		overflow: hidden;
		background:url(../images/pushcont_tc.gif) no-repeat;
		}

		.topPage .pushCont .pushTc2 p{
			padding: 5px 10px;
			height: 40px;
			overflow: hidden;
			}

		.topPage .pushCont .pushTc2 img {
			padding: 5px;
			}

	.pushTc2 .pushTcBanner{
		margin-left: 5px;
		}

	.pushTcBanner a {
			display: block;
			width: 210px;
			height: 0px!important;
			height /**/: 26px;
			padding-top: 26px;
			overflow: hidden;
			background: url(../images/push_tc_banner.png) -2px 0px;
			}
		
		.pushTcBanner a:hover {
			background-position: -2px -26px;
			}

/*メニュー*/
ul#topSideMenu {
	list-style-type: none;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	}

/*TAITO LIVE,BLOG,Twitter*/
	#topSideBlog a, #topSideTwit a, #topSideLive a {
		display: block;
		width: 220px;
		height: 0px!important;
		height /**/: 50px;
		padding-top: 50px;
		overflow: hidden;
		}

	#topSideBlog a {background: url(../images/top_link_blog.png) no-repeat 0px 0px;}
	#topSideTwit a {background: url(../images/top_link_twitter.png) no-repeat 0px 0px;}
	#topSideLive a {background: url(../images/top_link_live.png) no-repeat 0px 0px;}

	#topSideBlog a:hover, #topSideTwit a:hover, #topSideLive a:hover {background-position: 0px -50px;}


/*FB,NEW Twitter*/
	#topSideFB a, #topSideTwitL a {
		display: block;
		width: 220px;
		height: 0px!important;
		height /**/: 75px;
		padding-top: 75px;
		overflow: hidden;
		}

	#topSideFB a {background: url(../images/top_link_facebook.png) no-repeat 0px 0px;}
	#topSideTwitL a {background: url(../images/top_link_twitter_L.png) no-repeat 0px 0px;}

	#topSideFB a:hover, #topSideTwitL a:hover {background-position: 0px -75px;}



/*ピックアップ**/
.pushPick{
	margin-top:20px;
	}

	.pushPick h3{
	margin-bottom:-5px;
	}

	.pushPick img{
	margin-bottom:10px;
	}

/*右の下************************************************/
.topPage .top4Cont{
	clear: both;
	zoom: 100%;
	padding:20px 0px 20px;

}

	.topPage .top4Cont:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

	.topPage .top4Cont h2{
	margin-bottom:10px;
	}


.topPage .top4Cont .top4  {
	width:320px;
	float: left;
	}

		.topPage .top4Cont .top4{ margin:0px 0px 10px 5px;}
	


	.topPage .top4Cont .top4 h3{
	padding: 11px 0px 0px 80px;
	margin-bottom:10px;
	height:27px!important;
	height /**/:38px;
	background:url(../images/cont4_rank.gif) no-repeat;
	}

		.topPage .top4Cont .top4 h3 a{ font-weight:bold;}

	.topPage .top4Cont .top4 h3.cot4RankA{background-position: 0px 0px;}
	.topPage .top4Cont .top4 h3.cot4RankB{background-position: 0px -38px;}
	.topPage .top4Cont .top4 h3.cot4RankC{background-position: 0px -76px;}
	.topPage .top4Cont .top4 h3.cot4RankD{background-position: 0px -113px;}


	.topPage .top4Cont .top4 img{
		float: left;
		margin-right: 10px;
		border: 1px #BEBEBE solid;
		}

	.topPage .top4Cont .top4 img:hover {
		border: 1px #7d97cb solid;
		}

.top4 div {
	height: 110px;
	overflow: hidden;
	}
