@charset "utf-8";


/* -------------------------------
common
------------------------------- */
.mainArea .titleBlock__h1Img{
	width: 950px;
	height: 240px;
	margin-bottom: 18px;
	padding: 0;
	border: none;
	background: url(/pr/vona/el/connector_matching/images/main.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.mainArea .titleBlock__h3 {
    margin-top: 0;
}
.mainArea a:hover img{
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}


/*section*/
.mainArea .section{
	margin-bottom:50px;
}
.mainArea .section .sectionInner{
	margin-bottom:50px;
	padding:0;
}
.mainArea .section .sectionInner .txt{
	margin-bottom:28px;
}
.mainArea .section .itemBtn {
	margin:30px auto 20px;
	width:200px;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* leadBox */
.mainArea .leadBox_01 {
	width: 750px;
	height: 165px;
	margin:0 auto 3px;
	padding: 0;
	border: none;
	background: url(/pr/vona/el/connector_matching/images/pic_lead_01.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.mainArea .leadBox_02 {
	width: 750px;
	height: 275px;
	margin:0 auto;
	padding: 0;
	border: none;
	background: url(/pr/vona/el/connector_matching/images/pic_lead_02.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* rankingBox */
.mainArea .rankingBox {
	margin:0 -10px 0 10px;
}
.mainArea .rankingBox .ranikingList {
	float:left;
	width:183px;
	margin-right:10px;
	border:1px solid #cccccc;
	padding:0 20px;
}
.mainArea .rankingBox .ranikingList .listInner.box_hover {
	cursor: pointer;
}
.mainArea .rankingBox .ranikingList .listInner.box_hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.80;
}
.mainArea .rankingBox .ranikingList .maker {
	border-bottom:1px solid #CCC;
	padding:20px 0 14px;
	font-size:0;
}
.mainArea .rankingBox .ranikingList .list {
}
.mainArea .rankingBox .ranikingList .list .listInner {
	margin-top:20px;
	border-bottom:1px solid #cccccc;
	background-position:0 0;
	background-repeat:no-repeat;
}
.mainArea .rankingBox .ranikingList .list .ranking01_01 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_01_01.png);
}
.mainArea .rankingBox .ranikingList .list .ranking01_02 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_01_02.png);
}
.mainArea .rankingBox .ranikingList .list .ranking01_03 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_01_03.png);
}
.mainArea .rankingBox .ranikingList .list .ranking02_01 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_02_01.png);
}
.mainArea .rankingBox .ranikingList .list .ranking02_02 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_02_02.png);
}
.mainArea .rankingBox .ranikingList .list .ranking02_03 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_02_03.png);
}
.mainArea .rankingBox .ranikingList .list .ranking03_01 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_03_01.png);
}
.mainArea .rankingBox .ranikingList .list .ranking03_02 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_03_02.png);
}
.mainArea .rankingBox .ranikingList .list .ranking03_03 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_03_03.png);
}
.mainArea .rankingBox .ranikingList .list .ranking04_01 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_04_01.png);
}
.mainArea .rankingBox .ranikingList .list .ranking04_02 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_04_02.png);
}
.mainArea .rankingBox .ranikingList .list .ranking04_03 {
	background-image: url(/pr/vona/el/connector_matching/images/pic_ranking_04_03.png);
}
.mainArea .rankingBox .ranikingList .list .ranking01_03,
.mainArea .rankingBox .ranikingList .list .ranking02_03,
.mainArea .rankingBox .ranikingList .list .ranking03_03,
.mainArea .rankingBox .ranikingList .list .ranking04_03 {
		border-bottom: none;
}
.mainArea .rankingBox .ranikingList .list .listInner .ranking {
	padding-left:94px;
	margin-bottom:10px;
}
.mainArea .rankingBox .ranikingList .list .listInner .name {
	padding-left:94px;
	height:50px;
}



/* itemBox */
.mainArea .itemBox {
	margin:0 -10px 0 10px;
}
.mainArea .itemBox li {
	float:left;
	width:223px;
	margin-right:10px;
	border:1px solid #cccccc;
	position:relative;
}
.mainArea .itemBox dl{
	margin:0 auto;
	border:2px solid #FFF;
}
.mainArea .itemBox dl dt{
	margin-bottom:13px;
	padding-top:76px;
	text-align:center;
}
.mainArea .itemBox .name{
	text-align: center;
	margin-bottom:8px;
}

.mainArea .itemBox .caption{
	height:47px;
	text-align: center;
	padding:0;
}
.mainArea .itemBox .icon{
	top:44px;
	left:20px;
	position: absolute;
}
.mainArea .itemBox .maker{
	top:21px;
	left:20px;
	position: absolute;
}
.mainArea .itemBox .icon span{
	display: inline-block;
	line-height: 10px;
	margin-right: 5px;
	padding: 4px 5px;
	text-align: center;
	vertical-align: 2px;
	font-weight:bold;
}
.mainArea .itemBox .icon .icon01{
	border: 1px solid #c7243a;
	color: #dd0000;
}
.mainArea .itemBox .icon .icon02{
	border: 1px solid #2680d1;
	color: #2680d1;
}
.mainArea .itemBox .box_hover {
	border:1px solid #a6cbeb !important;
	cursor: pointer;
}
.mainArea .itemBox .box_hover dl{
	border:2px solid #a6cbeb;
}
.mainArea .itemBox .box_hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.80;
}



/* qaList */
.mainArea .qaBox .qaList{
	padding-left:8px;
}
.mainArea .qaBox .qaList dt{
	margin-bottom:15px;
}
.mainArea .qaBox .qaList dt span{
	color:#0169c6;
	padding-right:12px;
	font-weight:bold;
}
.mainArea .qaBox .qaList dd{
	padding-bottom:30px;
}
.mainArea .qaBox .qaTxt {
	font-weight:bold;
	margin-bottom:17px;
	padding-left:183px;
}
.mainArea .qaBox .qaPicList{
	border-bottom:1px dotted #aeaeae;
	margin-bottom:40px;
	padding-left:157px;
	padding-bottom:38px;
	margin-left:8px;
}
.mainArea .qaBox .qaPicList li{
	float:left;
	width:176px;
	padding-left:35px;
	border-right:1px dotted #aeaeae;
}
.mainArea .qaBox .qaPicList li.last{
	border-right: none;
}
.mainArea .qaBox .qaPicList li span{
	display:block;
	font-weight:bold;
	width:138px;
	text-align:center;
	margin-top:15px;
}
.mainArea .qaBox .qaList dd span{
	color:#dd0000;
	padding-right:12px;
	font-weight:bold;
}
.mainArea .qaBox .qaList dd{
	text-indent:-2em;
	margin-left:2em;
}
.mainArea .qaBox .qaList dd em{
	font-weight:bold;
}
.mainArea .qaBox .qaPic {
	text-align:center;
	padding:20px 0 10px;
}