@charset "UTF-8";
/*======================================

	main_block

=======================================*/
.main_block {
	overflow: hidden;
	height: 720px;
}
.main_block .main_contents {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
.main_block .main_contents .catch_box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.main_block .main_contents .catch_box h1 {
	margin-top: 320px;
	text-align: center;
  -moz-text-shadow: 1px 1px 10px #000;
  -webkit-text-shadow: 1px 1px 10px #000;
  text-shadow: 1px 1px 10px #000;
	font-size: 50px;
	font-weight: normal;
  color: #fff;
}
.main_block .main_contents .login_user_box {
	overflow: hidden;
	position: absolute;
	right: -20px;
	z-index: 3;
	width: 440px;
	height: 120px;
}
.main_block .main_contents .login_user_box:before {
	position: absolute;
	right: 340px;
	bottom: 20px;
	content: "";
	display: block;
	border-color: transparent #fed869 transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 0 100px 100px;
	width: 0;
	height: 0;
}
.main_block .main_contents .login_user_box:after {
	position: absolute;
	right: 320px;
	bottom: 20px;
	content: "";
	display: block;
	z-index: 5;
	border-color: transparent #ffbe00 transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 0 100px 100px;
	width: 0;
	height: 0;
}
.main_block .main_contents .login_user_box .login_user_number {
	position: absolute;
	right: 20px;
	bottom: 20px;
	padding: 20px;
	z-index: 3;
	background-color: #fed869;
	width: 320px;
	height: 100px;
	text-align: center;
}
.main_block .main_contents .login_user_box .login_user_number p {
	position: absolute;
	bottom: 0;
	padding: 20px;
	z-index: 3;
	background-color: #ffbe00;
	width: 300px;
	height: 100px;
	text-align: center;
	color: #fff;
}
.main_block .main_contents .login_user_box .login_user_number p span { font-size: 28px;}

.main_block .video_box {}
/*
.main_block .video_box video,
.main_block .video_box img {
	position: relative;
	top: 0;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-20%);
	-ms-transform: translate(-50%,-20%);
	transform: translate(-50%,-20%);
	width: 100%;
}
*/
.main_block .video_box video,
.main_block .video_box img {
	position: relative;
	top: 0;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-20%);
	-ms-transform: translate(-50%,-20%);
	transform: translate(-50%,-20%);
}

/*======================================

	top_page

=======================================*/
.slider { border-bottom: 1px solid #ccc;}

.choose_jmail,
.top_step { overflow: hidden;}
.choose_jmail li { float: left; width: 320px;}
.top_step li { float: left;}
.choose_jmail li dl { margin-top: 230px;}
.choose_jmail li dl dt,
.top_step li dl dt {
	margin-bottom: 20px;
	font-size: 24px;
	color: #36b9ff;
}
.choose_jmail li dl dd,
.top_step li dl dd { margin-top: 20px;}

.performance { background: transparent url(../../../img/img1/top/main/select/select1.jpg) no-repeat 50% 0;}
.partner_search {
	margin: 0 20px;
	background: transparent url(../../../img/img1/top/main/select/select2.jpg) no-repeat 50% 0;
}
.support365 { background: transparent url(../../../img/img1/top/main/select/select3.jpg) no-repeat 50% 0;}

.top_step2 {
	margin: 0 10px;
	padding: 0 40px 0;
	background-image: url(../../../img/img1/top/common/icon/icon_arrow_yellow.png), url(../../../img/img1/top/common/icon/icon_arrow_yellow.png);
	background-color: transparent, transparent;
	background-repeat: no-repeat, no-repeat;
	background-position: left 40px, right 40px;
	-webkit-background-size: 40px 40px;
	   -moz-background-size: 40px 40px;
	     -o-background-size: 40px 40px;
	        background-size: 40px 40px;
	    -ms-background-size: 40px 40px;
}
.top_step1 dl {	background: url(../../../img/img1/top/common/icon/icon_step1.png) center 0 no-repeat transparent;}
.top_step2 dl {	background: url(../../../img/img1/top/common/icon/icon_step2.png) center 0 no-repeat transparent;}
.top_step3 dl {	background: url(../../../img/img1/top/common/icon/icon_step3.png) center 0 no-repeat transparent;}

.top_step1 dl,
.top_step2 dl,
.top_step3 dl {
	padding-top: 80px;
	-webkit-background-size: 60px 60px;
	   -moz-background-size: 60px 60px;
	     -o-background-size: 60px 60px;
	        background-size: 60px 60px;
	    -ms-background-size: 60px 60px;
}

/* search_box
---------------------------------------*/
.search_box {}
.search_box .search_title {
	margin:  60px 0 40px;
	color: #36b9ff;
}
.search_box .search_title h4 {
	font-size: 24px;
}

/* map_box
---------------------------------------*/
.map_box {
}
.map_box .map {
	position: relative;
	max-width: 1000px;
	min-height: 600px;
}
.map_box .map input {
	position: absolute;
	transition: all 0.3s ease 0s;
}
.map_box .map input:hover {
	opacity: 0.6;
}
.map_box .map .hokkaido {
	left: 32%;
}
.map_box .map .aomori {
	left: 72%;
	top: 16.8%;
}
.map_box .map .akita {
	left: 72%;
	top: 24.4%;
}
.map_box .map .iwate {
	left: 80.2%;
	top: 24.4%;
}
.map_box .map .yamagata {
	left: 72%;
	top: 33.4%;
}
.map_box .map .miyagi {
	left: 80.2%;
	top: 33.4%;
}
.map_box .map .fukushima {
	left: 75.4%;
	top: 43.5%;
}
.map_box .map .gunma {
	left: 71.7%;
	top: 52.8%;
}
.map_box .map .tochigi {
	left: 76.9%;
	top: 52.8%;
}
.map_box .map .saitama {
	left: 71.7%;
	top: 60%;
}
.map_box .map .ibaraki {
	left: 82.3%;
	top: 52.8%;
}
.map_box .map .tokyo {
	left: 75%;
	top: 65.1%;
}
.map_box .map .kanagawa {
	left: 75%;
	top: 69.8%;
}
.map_box .map .chiba {
	left: 82.3%;
	top: 66.7%;
}
.map_box .map .nigata {
	left: 63.1%;
	top: 42.7%;
}
.map_box .map .toyama {
	left: 57.6%;
	top: 48.5%;
}
.map_box .map .ishikawa {
	left: 51.9%;
	top: 47.1%;
}
.map_box .map .fukui {
	left: 50.4%;
	top: 55%;
}
.map_box .map .gifu {
	left: 56.9%;
	top: 56.5%;
}
.map_box .map .nagano {
	left: 62.6%;
	top: 52.8%;
}
.map_box .map .yamanashi {
	left: 69.1%;
	top: 63.3%;
}
.map_box .map .aichi {
	left: 56.9%;
	top: 70.7%;
}
.map_box .map .shizuoka {
	left: 64.5%;
	top: 69.8%;
}
.map_box .map .shiga {
	left: 51.8%;
	top: 59%;
}
.map_box .map .kyoto {
	left: 48.6%;
	top: 55%;
}
.map_box .map .hyogo {
	left: 44.4%;
	top: 55%;
}
.map_box .map .osaka {
	left: 48.6%;
	top: 66%;
}
.map_box .map .nara {
	left: 51.8%;
	top: 69.7%;
}
.map_box .map .mie {
	left: 54.5%;
	top: 69.7%;
}
.map_box .map .wakayama {
	left: 49.2%;
	top: 76.1%;
}
.map_box .map .tottori {
	left: 40.2%;
	top: 55%;
}
.map_box .map .okayama {
	left: 40.2%;
	top: 59.3%;
}
.map_box .map .shimane {
	left: 35.9%;
	top: 55%;
}
.map_box .map .hiroshima {
	left: 35.9%;
	top: 59.3%;
}
.map_box .map .yamaguchi {
	left: 33.3%;
	top: 55%;
}
.map_box .map .ehime {
	left: 35.5%;
	top: 69%;
}
.map_box .map .kagawa {
	left: 42%;
	top: 69%;
}
.map_box .map .tokushima {
	left: 42%;
	top: 72.5%;
}
.map_box .map .kouchi {
	left: 35.5%;
	top: 76.1%;
}
.map_box .map .fukuoka {
	left: 24%;
	top: 55%
}
.map_box .map .saga {
	left: 19.5%;
	top: 55%;
}
.map_box .map .nagasaki {
	left: 15.9%;
	top: 55%;
}
.map_box .map .oita {
	left: 25.2%;
	top: 66.6%;
}
.map_box .map .kumamoto {
	left: 20.4%;
	top: 66.6%;
}
.map_box .map .miyazaki {
	left: 25.2%;
	top: 73.5%;
}
.map_box .map .kagoshima {
	left: 20.4%;
	top: 84%;
}
.map_box .map .okinawa {
	left: 11%;
	top: 84%;
}

/* lactive_box
---------------------------------------*/
.lactive_box {}
.lactive_box .lactive_topics {
	margin: 40px 0;
	overflow: hidden;
}
.lactive_box .lactive_topics li {
	float: left;
	width: 320px;
}
.lactive_box .lactive_topics li:nth-child(2) { margin: 0 20px;}
.lactive_box .lactive_topics li dl {}
.lactive_box .lactive_topics li dl dt { margin-bottom: 20px;}
.lactive_box .lactive_topics li dl dd { margin-top: 20px;}
.lactive_box .lactive_topics li dl dt a {}
.lactive_box .lactive_topics li dl dd a { font-size: 16px; color: #555;}
.lactive_box .lactive_topics li dl dd a:hover { text-decoration: underline;}

.lactive_box .lactive_category {
	clear: left;
	overflow: hidden;
	width: 100%;
}
.lactive_box .lactive_category li {
	display: table;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	width: 235px;
	border: 1px solid #c9eafd;
}
.lactive_box .lactive_category li:nth-child(1),
.lactive_box .lactive_category li:nth-child(5) { margin-left: 0;}
.lactive_box .lactive_category li:nth-child(4),
.lactive_box .lactive_category li:nth-child(8) { margin-right: 0;}
.lactive_box .lactive_category li a {
	display: table-cell;
	padding: 80px 10px 20px;
	height: 160px;
	vertical-align: bottom;
	font-size: 16px;
	color: #555;
}
.lactive_box .lactive_category .cat_profile { background: url(http://mintj.com/lactive/images/icon_camera.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_email { background: url(http://mintj.com/lactive/images/icon_mail.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_column { background: url(http://mintj.com/lactive/images/icon_heart.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_elder { background: url(http://mintj.com/lactive/images/icon_spark.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_email_man { background: url(http://mintj.com/lactive/images/icon_men.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_date_man { background: url(http://mintj.com/lactive/images/icon_up.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_column_man { background: url(http://mintj.com/lactive/images/icon_40.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_old_school { background: url(http://mintj.com/lactive/images/icon_school.png) center 30px no-repeat #fff; }
.lactive_box .lactive_category .cat_event { background: url(http://mintj.com/lactive/images/icon_event.png) center 30px no-repeat #fff; }

.lactive_box .lactive_category .cat_profile,
.lactive_box .lactive_category .cat_email,
.lactive_box .lactive_category .cat_column,
.lactive_box .lactive_category .cat_elder,
.lactive_box .lactive_category .cat_email_man,
.lactive_box .lactive_category .cat_date_man,
.lactive_box .lactive_category .cat_column_man,
.lactive_box .lactive_category .cat_old_school,
.lactive_box .lactive_category .cat_event {
	-webkit-background-size: 40px 40px;
	   -moz-background-size: 40px 40px;
	     -o-background-size: 40px 40px;
	        background-size: 40px 40px;
	    -ms-background-size: 40px 40px;
}