@charset "utf-8";

.topHeaderNavi{
	clear:both;
	margin:0 auto 15px;
	padding:0;
	width:904px;
}
.topHeaderNavi ul{
	margin:0 0 0 1px;
	padding:0;
	height:35px;
	border-left:1px solid #B7B7B7;
	list-style:none;
	width: 903px;
}
.topHeaderNavi li{
	float:left;
	margin:0;
	padding:0;
	height:35px;
	border-right:1px solid #B7B7B7;
	line-height:100%;
	font-size:1px;
}


.topMainBox{
margin:0;
padding:0;
}

.topMainBox h1{
margin:0 auto;
padding:0;
width:902px;
}

.contentsBox{
margin:22px auto 0 auto;
padding:0;
}


.topContentsLeft{
	float:left;
	margin:0 24px 0 0;
	width:697px;
}

/* キャンペーン情報
--------------------------------------------------*/
.topContentsCampaign{
	float:left;
	margin:0 25px 30px 0;
	width:420px;
}
.topContentsCampaign h2{
	margin:0 0 25px;
	padding:7px 0 0 4px;
	width:416px;
	border-top:3px solid #282828;
}
.topContentsCampaign .campaignList{
	width:420px;
	height:340px;
	overflow:auto;
}
.topContentsCampaign dl{
	margin:0 0 7px;
	padding:0 0 8px 4px;
	background:url(../images/top_news_dotbg.gif) repeat-x 0 bottom;
}
.topContentsCampaign dt{
	margin:0 0 3px;
	padding:2px 0 0;
	height:15px;
	line-height:110%;
}
.topContentsCampaign dt img{
	margin:-2px 0 0 8px;
	vertical-align:top;
}
.topContentsCampaign dd{
	margin:0;
	padding:0;
}



/* ピックアップ
--------------------------------------------------*/
.topContentsPickup{
	float:left;
	margin:0 0 30px;
	width:250px;
}
.topContentsPickup h2{
	margin:0 0 16px;
	padding:7px 0 0 4px;
	width:246px;
	border-top:3px solid #282828;
}
.topContentsPickup dl{
	margin:0 0 12px;
	width:250px
}
.topContentsPickup dt{
	float:left;
	margin:0;
	padding:0;
	width:108px;
}
.topContentsPickup dt img{
	border:none;
}
.topContentsPickup dt a{
	display:block;
}
.topContentsPickup dt a:link,
.topContentsPickup dt a:visited{
	border:4px solid #E4E4E4;
}
.topContentsPickup dt a:hover,
.topContentsPickup dt a:active{
	border:4px solid #BBB;
}
.topContentsPickup dd{
	float:right;
	margin:0;
	padding:0;
	width:133px;
}
.topContentsPickup dd h3{
	margin:3px 0 4px;
	font-weight:normal;
	line-height:120%;
}
.topContentsPickup dd h3 a{
	padding:0 0 0 8px;
	background:url(../common/images/arrow01.gif) no-repeat 0 0.2em;
}
.topContentsPickup dd h3 a:link,
.topContentsPickup dd h3 a:visited{
	text-decoration:none;
}
.topContentsPickup dd h3 a:hover,
.topContentsPickup dd h3 a:active{
	text-decoration:underline;
}


.topContentsPickup #industry ul{
	margin:0 0 20px;
	padding:0;
	width:244px;
	list-style:none;
}
.topContentsPickup #industry li{
	margin:0 0 6px;
	padding:0;
}



/* ニュース
--------------------------------------------------*/
.topContentsNews{
	clear:both;
	width:697px;
	margin:0;
}
.topContentsNews .newsTitleArea{
	overflow:hidden;
	margin:0 0 25px;
	padding:7px 0 0 4px;
	width:693px;
	border-top:3px solid #282828;
}
.topContentsNews h2{
	float:left;
}
.topContentsNews .listLink{
	float:right;
	margin:0;
	padding:0;
}
.topContentsNews .listLink a{
	padding:0 0 0 8px;
	background:url(../common/images/arrow01.gif) no-repeat 0 0.3em;
}
.topContentsNews dl{
	overflow:hidden;
	margin:0 0 7px;
	padding:0 0 8px 4px;
	width:693px;
	background:url(../images/top_news_dotbg.gif) repeat-x 0 bottom;
}
.topContentsNews dt{
	float:left;
	margin:0 10px 3px 0;
	padding:2px 0 0;
	width:150px;
	height:15px;
	line-height:110%;
}
.topContentsNews dt img{
	margin:-2px 0 0 8px;
	vertical-align:top;
}
.topContentsNews dd{
	float:left;
	margin:0;
	padding:0;
	width:533px;
}






/* トップ右
--------------------------------------------------*/
.topContentsRight{
margin:0;
padding:0;
width:181px;
float:right;
}

.topSideBtn{
margin:0;
padding:0;
}

.topSideBtn ul{
margin:0;
padding:0;
list-style:none;
}

.topSideBtn li{
margin:8px 0 0 0;
padding:0;
line-height:100%;
font-size:1px;
}

.topBtnRight{
margin:0;
padding:10px 0 0 0;
}

.topBtnRight ul{
margin:0;
padding:0;
list-style:none;
}

.topBtnRight li{
margin:8px 0 0 0;
padding:0;
line-height:100%;
font-size:1px;
}

.topLink{
margin:0;
padding:5px 0 0 0;
}

.topLink ul{
margin:0;
padding:0;
list-style:none;
}

.topLink li{
margin:8px 0 0 0;
padding:0;
line-height:100%;
font-size:1px;
}


/* コメント
--------------------------------------------------*/
.topContentsC{
    color: #333333;
    font-family: 'MS Pゴシック','MS PGothic',Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    text-align: center;
}


.topContentsC{
	clear:both;
	width:697px;
	margin:0;
}
.topContentsC .newsTitleArea{
	overflow:hidden;
	margin:0 0 25px;
	padding:7px 0 0 4px;
	width:693px;
	border-top:3px solid #282828;
}
.topContentsC h2{
	float:left;
}
.topContentsC .listLink{
	float:right;
	margin:0;
	padding:0;
}
.topContentsC .listLink a{
	padding:0 0 0 8px;
	background:url(../common/images/arrow01.gif) no-repeat 0 0.3em;
}
.topContentsC dl{
	overflow:hidden;
	margin:0 0 7px;
	padding:0 0 8px 4px;
	width:693px;
	background:url(../images/top_news_dotbg.gif) repeat-x 0 bottom;
}
.topContentsC dt{
	float:left;
	margin:0 10px 3px 0;
	padding:2px 0 0;
	width:150px;
	height:15px;
	line-height:110%;
}
.topContentsC dt img{
	margin:-2px 0 0 8px;
	vertical-align:top;
}
.topContentsC dd{
	float:left;
	margin:0;
	padding:0;
	width:533px;
}


/* 150515追加
-----------------------------------------------*/
@media screen and (max-width: 640px) {
.topPickup h2 img{
	height:14px;
	width:auto;
}
.topRecommend h2 img{
	height:12px;
	width:auto;
}
.topContentsNews h2 img{
	height:13px;
	width:auto;
}
.topContentsCampaign h2 img{
	height:14px;
	width:auto;
}
}