﻿@charset "utf-8";
*{margin:0;padding:0;list-style:none;border:0;font-size: 1em;}
body{width:100%;margin:0 auto;overflow:hidden}

/* main_image */
.main_visual{margin:0px 20px; height:330px;overflow:hidden;position:relative;}
.main_image{height:320px;overflow:hidden;position:relative;border-radius:25px;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%}
.main_image li a{display:block;width:100%;height:100%}
/*.main_image li .img_1{background:url('../images/img_main_1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../images/img_main_2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/img_main_3.jpg') center top no-repeat}
.main_image li .img_4{background:url('../images/img_main_4.jpg') center top no-repeat}
.main_image li .img_5{background:url('../images/img_main_5.jpg') center top no-repeat}*/


div.flicking_con{position:absolute;top:300px;left:40%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


table {width:100%;}
table tr{width:100%;}
table td {padding:20px 3%;	width:30%;}
table img {width:100%;vertical-align: middle;}

div.mask{
	position: fixed;
	z-index: 9999;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background: rgba(0,0,0,0.6);
	display:none;
}

.dialog{
	background: #f0f0f0;
	padding: 15px;
	position: fixed;
	z-index: 10000;
	left:50%;
	top:50%;
	transform: translateX(-50%) translateY(-50%);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
	border-radius:15px;
	width:620px;
	height:850px;
	font-size: 1.5em;
	text-align: center;
	padding-top: 15px;
}

.dialog button{
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	background: #3f74e3;
	color: #fff;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.5);
	border:none;
	border-radius: 5px;
}
.dialog button:hover{
	background: #1846a8;
}
.dialogContent{
	width:100%;
	line-height: 1.5;
	display: flex;
	margin-top:20px;
	justify-content: center;
	align-items: center;
}

.dialogclose{
	width:640px;
	height:60px;
	margin-top:-10px;
	margin-left:-10px;
	background-color:#fff;
	z-index: 10000;
}

.dialogclose button{
	margin-top:5px;
	margin-right:5px;
	width:50px;
	height:40px;
	float:right;
	background: #c32b2b;
}
.dialogclose button:hover{
	background: #c32b2b;
}

.dialogBottomBtn{
	height:90px;
	margin:10px;
	text-align: center;
}

.dialogBottomBtn a{
	float:left;
	width:240px;
	height:70px;
	margin:20px 20px;
}

.dialogBottomBtn a img{
	width:100%;
}