@charset "utf-8";
/* CSS Document */


.main_find
{
	width:98%;
	margin:10px 5px 30px;
}
.main_find h3
{
	background:url(../img/top/main_vis.jpg) no-repeat center 0;
	background-size:contain;
	width:100%;
	height:300px;
	text-indent:-9999px;
}
.main_find dl
{
	width:100%;
	padding-top:20px;
}
.main_find dl dt
{
	font-size:1.2em;
	line-height:120%;
	font-weight:bold;
	margin-bottom:15px;
}
.main_find dl dd
{
	font-size:1em;
	line-height:30px;
}


.main_cont
{
	padding:10px 0;
	padding-left:5px;
}
.main_cont dl
{
	float:left;
	width:49%;
	display:table;
	margin:4px 0;
}

.main_cont dl:hover
{
	opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.main_cont dl:nth-child(even)
{
	float:right;
}
.main_cont dl dt
{
	font-size:1.2em;
	text-align:center;
	height:85px;
	background-size:cover;
	background-repeat:no-repeat;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	border-radius:9px;
}

.main_cont dl dt a
{
	color:#fff !important;
	text-decoration:none !important;
}
.main_cont dl:nth-child(1) dt
{
	background-image:url(../img/top/mainbtn01.png);
}
.main_cont dl:nth-child(2) dt
{
	background-image:url(../img/top/mainbtn02.png);
}
.main_cont dl:nth-child(3) dt
{
	background-image:url(../img/top/mainbtn03.png);
}
.main_cont dl:nth-child(4) dt
{
	background-image:url(../img/top/mainbtn04.png);
}
.main_cont dl:nth-child(5) dt
{
	background-image:url(../img/top/mainbtn05.png);
}
.main_cont dl:nth-child(6) dt
{
	background-image:url(../img/top/mainbtn06.png);
}
.main_cont dl:nth-child(7) dt
{
	background-image:url(../img/top/mainbtn07.jpg);
}
.main_cont dl:nth-child(8) dt
{
	background-image:url(../img/top/mainbtn08.png);
}


.main_cont dl:nth-child(1) dd
{
	background-image:url(../img/top/mainbtn_arrow01.png);
}
.main_cont dl:nth-child(2) dd
{
	background-image:url(../img/top/mainbtn_arrow02.png);
}
.main_cont dl:nth-child(3) dd
{
	background-image:url(../img/top/mainbtn_arrow03.png);
}
.main_cont dl:nth-child(4) dd
{
	background-image:url(../img/top/mainbtn_arrow04.png);
}
.main_cont dl:nth-child(5) dd
{
	background-image:url(../img/top/mainbtn_arrow05.png);
}
.main_cont dl:nth-child(6) dd
{
	background-image:url(../img/top/mainbtn_arrow06.png);
}
.main_cont dl:nth-child(7) dd
{
	background-image:url(../img/top/mainbtn_arrow07.png);
}
.main_cont dl:nth-child(8) dd
{
	background-image:url(../img/top/mainbtn_arrow08.png);
}


.main_cont dl dd
{
	display:none;
}


@media screen and (min-width : 640px) and (max-width: 960px){


.main_find
{
	width:768px;
	margin:40px auto;
}
.main_find h3
{
	background:url(../img/top/main_vis.jpg) no-repeat 0 0;
	width:400px;
	height:400px;
	background-size:contain;
	float:left;
	text-indent:-9999px;
}
.main_find dl
{
	width:365px;
	float:right;
	padding-top:0px;
}
.main_find dl dt
{
	font-size:25px;
	line-height:35px;
	font-weight:bold;
	margin-bottom:30px;
}
.main_find dl dd
{
	font-size:14px;
	line-height:25px;
}	

.section
{
	width:768px;
	margin:0 auto !important;
}

.main_cont dl
{
	float:left !important;
	width:32%;
	display:table;
	margin:5px 0 !important;
	margin-right:10px !important;
}
.main_cont dl:nth-child(3),
.main_cont dl:nth-child(6)
{
	margin-right:0px !important;
}
.main_cont dl dt
{
	font-size:25px !important;
	text-align:center;
	width:100%;
	height:140px !important;
	background-size:cover;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	
}

.main_cont dl dd
{
	display:none;
}


.main_find:after{
    content: ""; 
    display: block; 
    clear: both;}


.main_find
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
/* Hides from IE-mac \*/

.main_find
{display: block;}
/* End hide from IE-mac */

}
@media all and (min-width: 960px){


.main_find
{
	width:960px;
	margin:40px auto;
}
.main_find h3
{
	background:url(../img/top/main_vis.jpg) no-repeat 0 0;
	width:536px;
	height:576px;
	float:left;
	text-indent:-9999px;
}
.main_find dl
{
	width:365px;
	float:right;
	padding-top:90px;
}
.main_find dl dt
{
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:30px;
}
.main_find dl dd
{
	font-size:14px;
	line-height:30px;
}	

.section
{
	width:960px !important;
	margin:0 auto !important;
}

.main_cont dl
{
	float:left !important;
	width:310px;
	display:table;
	margin:5px 0 !important;
	margin-right:10px !important;
}
.main_cont dl:nth-child(3),
.main_cont dl:nth-child(6)
{
	margin-right:0px !important;
}
.main_cont dl dt
{
	font-size:25px !important;
	text-align:center;
	width:310px;
	height:170px !important;
	background-size:cover;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	
}

.main_cont dl dd
{
	display:table-row;
	line-height:20px;
	width:310px;
	height:3.5em;
	background-position:right bottom;
	background-repeat:no-repeat;
}


.main_find:after{
    content: ""; 
    display: block; 
    clear: both;}


.main_find
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
/* Hides from IE-mac \*/

.main_find
{display: block;}
/* End hide from IE-mac */

}
@media print{


.main_find
{
	width:960px;
	margin:40px auto;
}
.main_find h3
{
	background:url(../img/top/main_vis.jpg) no-repeat 0 0;
	width:536px;
	height:576px;
	float:left;
	text-indent:-9999px;
}
.main_find dl
{
	width:365px;
	float:right;
	padding-top:90px;
}
.main_find dl dt
{
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:30px;
}
.main_find dl dd
{
	font-size:14px;
	line-height:30px;
}	

.section
{
	width:960px !important;
	margin:0 auto !important;
}

.main_cont dl
{
	float:left !important;
	width:310px;
	display:table;
	margin:5px 0 !important;
	margin-right:10px !important;
}
.main_cont dl:nth-child(3),
.main_cont dl:nth-child(6)
{
	margin-right:0px !important;
}
.main_cont dl dt
{
	font-size:25px !important;
	text-align:center;
	width:310px;
	height:170px !important;
	background-size:cover;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	
}

.main_cont dl dd
{
	display:table-row;
	line-height:20px;
	width:310px;
	height:3.5em;
	background-position:right bottom;
	background-repeat:no-repeat;
}


.main_find:after{
    content: ""; 
    display: block; 
    clear: both;}


.main_find
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
/* Hides from IE-mac \*/

.main_find
{display: block;}
/* End hide from IE-mac */

}

