@charset "utf-8";

/*---------------------------------------------------------
　CONBODY
---------------------------------------------------------*/
#home.index #conBody{background:url(../img/common/body_photo_index.png) center 0 no-repeat;}

/*---------------------------------------------------------
　COLUMNTOP
---------------------------------------------------------*/
#colmunTop{
	overflow:hidden;
}

#colmunTop .conBoxL{
	width:640px;
	float:left;
}

#colmunTop .conBoxR{
	width:310px;
	float:right;
}



/* 以下PRONEST追記部分
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#colmunTop a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}


#conBody-inner {
 width: 966px;
}
#topNav {
	margin-top:450px;
	margin-bottom: 31px;
}
	#topNav li {
	 float: left;
	}
		#topNav li a {
		 display: block;
		 height: 123px;
		 text-indent: 100%; white-space: nowrap; overflow: hidden;
		}
		#topNav li.n01 a { background: url(../img/index/tnav_01.jpg) no-repeat; width: 241px;}
		#topNav li.n02 a { background: url(../img/index/tnav_02.jpg) no-repeat; width: 242px;}
		#topNav li.n03 a { background: url(../img/index/tnav_03.jpg) no-repeat; width: 243px;}
		#topNav li.n04 a { background: url(../img/index/tnav_04.jpg) no-repeat; width: 239px;}
		#topNav li.n01 a:hover { background: url(../img/index/tnav_01_on.jpg) no-repeat;}
		#topNav li.n02 a:hover { background: url(../img/index/tnav_02_on.jpg) no-repeat;}
		#topNav li.n03 a:hover { background: url(../img/index/tnav_03_on.jpg) no-repeat;}
		#topNav li.n04 a:hover { background: url(../img/index/tnav_04_on.jpg) no-repeat;}



#colmunTop{
	width: 966px;
	margin: 0 auto 75px;
}

.conBoxL {
 margin-bottom: 30px;
}
.conBoxL h2 {
 padding-left: 4px;
 margin-bottom: 18px;
}
.conBoxL #newsArea {
}
	.conBoxL #newsArea .hgroup {
	 width: 640px;
	 border-bottom: 1px dotted #666;
	}
		.conBoxL #newsArea .hgroup h3 {
		 float: left; width: 112px;
		}
		.conBoxL #newsArea .hgroup .morelink {
		 float: right; width: 106px; padding: 19px 11px 0 0;
		}
	.conBoxL #newsArea dl {
	 padding: 8px 10px 8px 20px;
	 border-bottom: 1px dotted #666;
	 overflow: hidden; _zoom: 1;
	}
	.conBoxL #newsArea dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
		.conBoxL #newsArea dl dt,
		.conBoxL #newsArea dl dd { float: left;}
		.conBoxL #newsArea dl dt { font-weight: bold;}
		.conBoxL #newsArea dl dd {}
		.conBoxL #newsArea dl dd.icon { width: 80px; padding: 2px 10px 0;}
		.conBoxL #newsArea dl dd.text { width: 420px; text-align:left;}
			.conBoxL #newsArea dl dd a { color: #424242; text-decoration: none;}
			.conBoxL #newsArea dl dd a:hover { text-decoration: underline;}


.conBoxR #infoArea {
 padding: 0 15px 0 20px;
 /*background-image: url(../img/index/infoarea_c.jpg), url(../img/index/infoarea_b.jpg);
 background-position: left center, left bottom;
 background-repeat: repeat-y, no-repeat;*/

 background:
  url(../img/index/infoarea_b.jpg) left bottom no-repeat,
  url(../img/index/infoarea_c.jpg) 0px center repeat-y;
 overflow: hidden; _zoom: 1;
}
.conBoxR #infoArea:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

	.conBoxR #infoArea dl {
	 padding: 10px 0 10px 0;
	 border-bottom: 1px dotted #666;
	 overflow: hidden; _zoom: 1;
	}
	.conBoxR #infoArea dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
		.conBoxR #infoArea dt{float: left; width:80px; text-align:left;}
		.conBoxR #infoArea dd {float: left; width:190px; text-align:left;}

			.conBoxR #infoArea dd a { color: #424242; text-decoration: none;}
			.conBoxR #infoArea dd a:hover { text-decoration: underline;}
		.conBoxR #infoArea dt {
		 font-weight: bold;
		}
	.conBoxR #infoArea dl:last-child {
	 border-bottom: none;
	}


.conBox {
 clear: both;
 width: 960px;
 margin: 0 auto;
 text-align: left;
}
.conBox h2 {
 margin-bottom: 16px;
}
.conBox ul { overflow: hidden; _zoom: 1;}
.conBox ul:after { height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }
.conBox ul li {
 float: left;
 margin-bottom: 12px;
 padding-right: 15px;
}
.conBox ul li:nth-child(3n) {
 padding: 0;
}


#topics {margin-bottom:40px;}



/* clearfix */
.clearfix { overflow: hidden; _zoom: 1;}
.clearfix:after { height:0; visibility: hidden; content: "."; display: block; clear: both;}


