﻿@charset "utf-8";
/* CSS Document */


.topPage #content {
	width: 100%!important;
	padding: 0px;

	}

/*#wrap.topPage {
	background-image: url(../images/top_image.jpg);
	background-position: top center;
	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;
	padding-bottom:20px;
	background-color:#FFF
}

	#topNormalBox:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}


/*右のヘッドライン***********************************************/
.topPage .headLine{
	width: 660px;
	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;
}

	.headLineMesse{
	height: 150px;
	margin-bottom: 20px;
	overflow:auto;

	}

	.headLineNews{
	height: 220px;
	overflow:auto;

		}

.headLineRelease{
	height: 120px;
	overflow:auto;
}

.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{}
/*メインの段組み4種類**********************/
.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;
		}

.pushTcBanner{

}
		.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;
			}

/*ピックアップ**/
.pushPick{
	margin-top:20px;
	}

	.pushPick h3{
	margin-bottom:-5px;
	}

	.pushPick img{
	margin-bottom:10px;
	}


