@charset "UTF-8";
@import url(base.css);
@media print,screen and (min-width: 1000px){

.main_sp{
	visibility:hidden;
	display:none;
	height:0;
}
h1{
	width:100%;
	height:330px;
	padding-top:300px !important;
	color:#FFF;
	text-align:center;
	font-size:90px !important;
	line-height:0.5em;
	background-position:left center;
	text-shadow: 1px 1px 3px #000;
}
h1 em{font-size:18px;letter-spacing:7px;}
h2 em{ color:#F00;}
section{
	background:#fff;
	padding-top:50px;
}
section h2 article{
	line-height:2.8em;
}	
	
	
	

.photo2015{
	background:url("../../img/index/index/img_2015.jpg") no-repeat top center;
	width:100%;
	height:460px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#list{
	text-align:center;
	background:#002040;
	height:130px;
	padding:10px 0;
}

#list ul{
	margin:0 auto;
	width:1104px;
}

#list li{
	float:left;
	margin:0 4px;
}

#list li img { width: 130px;}
#list li img:hover{background-color:#000;}


#department{
	width:950px;
	overflow:hidden;
	height:auto;
	margin:0 auto;
}

#department li{
	float:left;
	width:363px;
	height:130px;
	padding:260px 0 0 112px;
}

#department li img:hover{
  background-color:#00070F;
  opacity:0.8;
	filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
	filter:alpha(opacity=80);
}

#department ul> *:first-child {background:url("../../img/index/index/img_business.png")}
#department ul> *:first-child + * {background:url("../../img/index/index/img_technology.png")}


#department li.sp{
	visibility:hidden;
	display:none;
	height:0;
}

#bn_2017{
	width:950px;
	margin:0 auto;
	text-align: center;
}
	
#alumni{
	width:990px;
	height:1160px;
	margin:0 auto !important;
}
#alumni li{
	float:left;
	margin:0 20px 40px 20px;
	display: block;
	width:455px;
	height:255px;
}

#alumni ul> *:first-child {background: url(../../img/index/index/alumni_05on.png) no-repeat 0 0;}
#alumni ul> *:first-child + * {background: url(../../img/index/index/alumni_06on.png) no-repeat 0 0;}
#alumni ul> *:first-child + * + *{background: url(../../img/index/index/alumni_01on.png) no-repeat 0 0;}
#alumni ul> *:first-child + * + * + * {background: url(../../img/index/index/alumni_02on.png) no-repeat 0 0;}
#alumni ul> *:first-child + * + * + * + *{background: url(../../img/index/index/alumni_03on.png) no-repeat 0 0;}
#alumni ul> *:first-child + * + * + * + * + *{background: url(../../img/index/index/alumni_04on.png) no-repeat 0 0;}
	

#message div{
	background:url("../../img/index/index/test01.jpg") no-repeat top center;
	width:100%;
	height:1199px;
}

#kigyo{
	width:990px;
	height:1160px;
	margin:0 auto;
}
#kigyo ul li{
	float:left;
	margin:0 20px 40px 20px;
	display: block;
	width:290px;
	height:435px;
}

#kigyo ul> *:first-child {background: url(../../img/index/index/kigyo_01on.png) no-repeat 0 0;}
#kigyo ul> *:first-child + * {background: url(../../img/index/index/kigyo_02on.png) no-repeat 0 0;}
#kigyo ul> *:first-child + * + * {background: url(../../img/index/index/kigyo_03on.png) no-repeat 0 0;}
#kigyo ul> *:first-child + * + * + * {background: url(../../img/index/index/kigyo_04on.png) no-repeat 0 0;}
#kigyo ul> *:first-child + * + * + * + * {background: url(../../img/index/index/kigyo_05on.png) no-repeat 0 0;}


#point01{
	padding:1px 0 80px 0;
	background:#F5F5F5;
	overflow:hidden;
	height:auto;
}

#point01 h2{
	text-align:left;
	font-size:48px;
	color:#10253D;
}
#point01 div{
	width:950px;
	margin:0 auto;
}

#point01 div p{
	width:470px;
	float:left;
	font-size:15px;
	line-height:2em;
	color:#10253D;
}

#point01 div img{
	width:400px;
	float:right;
}

#point02{
	padding:1px 0 0 0;
	background:#F5F5F5;
	overflow:hidden;
	height:auto;
	background:url("../../img/index/index/point_02.jpg") no-repeat top center;
	height:569px;
}

#point02 div{
	width:475px;
	margin:0 auto;
	padding-left:475px;
	overflow:hidden;
	height:auto;
	color:#10253D;
}

#point02 h2{
	text-align:left;
	font-size:48px;
}

#point02 h3{
	font-size:23px;
	margin-bottom:40px;
	line-height:1.8em;
}

#point02 div p{
	width:470px;
	float:right;
	font-size:15px;
	line-height:2em;
}

#bn{
	overflow:hidden;
	height:auto;
	background:url("../../img/index/index/test03.jpg") no-repeat top center;
	height:260px;
}

.area_sponsor {
	width:100%;
	background:#eee;
	overflow: hidden;
    height: auto;
	margin:0 auto;
}
.area_sponsor ul{
	width:90%;
	padding:50px 5% 100px 5%;
	margin:0 auto;
	overflow: hidden;
	height: auto;
}

.area_sponsor h2{
	margin-bottom:0;
	padding-bottom:0;
}


.area_sponsor li{
	float:left;
	margin:5px;
	background:#FFF;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width:100px;
	height:60px;
	padding-top:40px;
	-moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.area_sponsor li:hover {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
}

.area_sponsor li img{
	width:80%;
}

.area_sponsor li.h70 img{
	width:auto;
	height:70%;
	margin-top:-10px;
}

.area_sponsor li.h60 img{
	width:auto;
	height:60%;
	margin-top:-5px;
}
.area_sponsor li.h50 img{
	width:auto;
	height:50%;
	margin-top:-5px;
}





/* ボタン
-----------------------------------------*/

a.btn {
  display:block;
  cursor:pointer;
  width:450px;
  margin:0 auto;
  padding:20px 20px 18px 20px;
  color:#fff;
  font-size:22px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:0.1em;
  background-color:#2F4470;
  border-radius:5px;
  box-shadow:0 6px 0 #000, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}


.btn small{
	font-size:14px;
}

.btn:hover {
  background-color: #00A0E9;
  box-shadow: 0 3px 0 #0075ab, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.btn:active {
  color: #ddd;
  background-color: #2F4470;
  box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}

.btn02{
	width:800px;
	margin:0 auto;
}

.btn02 li a{
	float:left;
	width:216px;
	display:block;
  cursor:pointer;
  margin:10px 10px 18px 10px;
  padding:20px 0 18px 0;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:0.1em;
  background-color:#2F4470;
  border-radius:5px;
  box-shadow:0 6px 0 #000, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	

}

.btn02 li a:hover {
  background-color: #00A0E9;
  box-shadow: 0 3px 0 #0075ab, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.btn02 li a:active {
  color: #ddd;
  background-color: #2F4470;
  box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}

.photo_jp{
	width:950px;
	margin:0 auto 40px auto;
	text-align:center;
}

.area_essential_02{
	width:950px;
	margin:0 auto;
	background:#fff;
	text-align:center;
	border:4px solid #ccc;
}
.area_essential_02 th{
	border:2px solid #ccc;
	padding:0 10px;
	background:#F8F8F8 url(../../img/index/area/icon_win.png) no-repeat center;
}
.area_essential_02 td{
	padding:10px;
	border:2px solid #ccc;
}
.area_essential_02 td span{
	font-size:12px;
}



/* ニュースリスト
-----------------------------------------*/
.area_rss {
	width:950px;
	overflow: hidden;
    height: auto;
	margin:0 auto;
	padding-bottom:80px;
}

.area_rss h2 {
	margin:0 0 30px 0;
	padding:0;
}

.area_rss h2 img {
	width:247px;
}

.list_news {
	float:left;
	width:227px;
	height:250px;
	margin-bottom:20px;
	padding:5px;
	line-height:1.3em;
}

a .list_news {text-decoration:none;}
a .list_news:hover {background:#F5F4F4; text-decoration:none;}
a .list_news:active {text-decoration:none;}
a .list_news:visited {text-decoration:none;}

.list_news thumb{
	margin:0;
	width:227px;
	height:152px;
	position:relative;
    display:inline-block;
    padding:0;
	background:#FFF;
    overflow:hidden;
	border-bottom:3px solid #F6AB00;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

.list_news thumb img{
	height:100%;
	margin:0;
	position: relative;
	z-index: 1;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.list_news thumb img:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	opacity:1.0;
	filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
	filter: alpha(opacity=100);
}

.list_news category{
	font-size:11px;
	color:#fff;
	background:#F6AB00;
	float:right;
	text-align:center;
	margin:-30px 1px 10px 0;
	position: relative;
	z-index:3;
	padding:6px 10px 4px 10px;
	line-height:1.3em;
}

*+html .list_news category {
	margin:-20px -1px 10px 0;
	display: inline;
}

.bl thumb{border-bottom:3px solid #63B5EF;}
.bl category{background:#63B5EF;}


.list_news ttl{
	font-weight:bolder;
	font-size:12px;
	color:#222;
	width:230px;
	height:60px;
	line-height:1.4em;
}

.list_news ttl:hover {text-decoration:none;}

.list_news aside{
	margin:0 0 2px 0;
	color:#666;
	line-height:1.3em;
	padding:5px 0 0 0;
	position:relative;
	font-size:11px;
	text-align:left;
	letter-spacing:-1px;
	border-top:1px solid #E0E0E0;
}


/* TOP リケジョ小町バックナンバー
-----------------------------------------*/

.list_rikejyo {
	float:left;
	width:227px;
	height:200px;
	padding:5px;
	line-height:1.2em;
}
a .list_rikejyo:hover {background:#F5F4F4;}

.list_rikejyo thumb{
	margin:0;
	width:227px;
	height:152px;
	position:relative;
    color:#fff;
    display:inline-block;
    padding:0;
    overflow:hidden;
	border-bottom:3px solid #EE8593;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

.list_rikejyo thumb img{
	width:100%;
	/*height:130%;*/
	margin:0 auto;
	text-align:center;
	position: relative;
	z-index: 1;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.list_rikejyo thumb img:hover {
	background:#fff;
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	opacity:1.0;
	filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
	filter: alpha(opacity=100);
}

.list_rikejyo category{
	font-size:11px;
	color:#fff;
	background:#EE8593;
	float:right;
	text-align:center;
	margin:-30px -1px 15px 0;
	position: relative;
	z-index:3;
	padding:6px 10px 4px 10px;
	line-height:1.3em;clear:both;
}

.list_rikejyo ttl{
	font-weight:bolder;
	font-size:14px;
	padding:0;
	height:40px;
	color:#222;
	margin-top:10px;
}

.list_rikejyo ttl small{
	font-size:11px;
}

.list_rikejyo a article:hover {
	background:#F5F4F4;
}

#news {
	background:#fff;
	padding:100px 0;
}

#news div{
	width:950px;
	margin:0 auto;
	font-size:15px;
	overflow:hidden;
	height:auto;
}

#news h2{
	text-align:left;
	font-size:30px;
	height:30px;
	width:620px;
	padding:0;
	margin-bottom:20px;
	border-bottom:3px solid #002040;
}
#news div ul.list{
	width:620px;
	height:700px;
	float:left;
	overflow: auto;
}

#news div ul.list li{
	border-bottom:2px dotted #CCC;
	padding:10px 0;
	line-height:2em;
}
#news div ul.list time{
	color:#595858;
	font-weight:bold;
}

#news div ul.list span{
	color:#FFF;
	padding:4px 25px;
	font-size:12px;
	text-align:center;
	margin-left:20px;
}

#news div ul.list a{padding-left:15px;}
.ttl_01 span{background:#73BCEE;}
.ttl_02 span{background:#FFCB48;}
.ttl_03 span{background:#FF9CD5;}
.ttl_01 {background:url("../../img/common/icon_01.png") no-repeat 0 50px;}
.ttl_02 {background:url("../../img/common/icon_02.png") no-repeat 0 50px;}
.ttl_03 {background:url("../../img/common/icon_03.png") no-repeat 0 50px;}



#news div ul.bn{
	width:300px;
	float:right;
	margin-top:-53px;
}

#news div ul.bn li{
	margin:0 0 10px 0;
	float:left;
}

#news div a img:hover {opacity:0.8;
	filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
	filter:alpha(opacity=80);
}

.footer_box h2{padding-bottom:0;}


/*#news div ul.bn> *:first-child + * { margin-right:10px; border:1px solid #F00;}*/






/* 起業をめざす学生を応援
-----------------------------------------*/

.catch_index img,
.bingo img {
    max-width: 100%;
}

.catch_index__wrapper,
.bingo__wrapper {
    position: relative;
    min-width: 950px;
}

.catch_index__block--inner {
    max-width: 950px;
    margin: 0 auto;
}

.catch_index__wrapper {
    background: url('http://www.cvg-nikkan.jp/common/img/top/bg_main.jpg') center top no-repeat;
    overflow: hidden;
    min-width: 950px;
}

.catch_index__header {
    text-align: center;
    padding-bottom: 400px;
    position: relative;
}
/*
.catch_index__header .img__logo {
    margin-top: 30px;
}*/

.catch_index__header .catch_index__block--profilePicWrapper {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 1330px;
    margin-left: -665px;
    z-index: 1;
    height: 1px;
}

.catch_index__header > img {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.catch_index__img--pic {
    position: absolute;
    visibility: hidden;
	width: 140px;
}

.catch_index__img--pic01 { top: -813px; left: 64px; }
.catch_index__img--pic02 { top: -754px; left: 168px; }
.catch_index__img--pic03 { top: -662px; left: 0; }
.catch_index__img--pic04 { top: -626px; left: 115px; }
.catch_index__img--pic05 { top: -507px; left: 30px; }
.catch_index__img--pic06 { top: -486px; left: 160px; }
.catch_index__img--pic07 { top: -326px; left: 175px; }
.catch_index__img--pic08 { top: -380px; left: 295px;z-index: 2; }
.catch_index__img--pic09 { top: -140px; left: 74px; }
.catch_index__img--pic10 { top: -180px; left: 194px; }
.catch_index__img--pic11 { top: -225px; left: 308px; }
.catch_index__img--pic12 { top: -314px; left: 408px; }
.catch_index__img--pic13 { top: -170px; left: 420px; }
.catch_index__img--pic14 { top: -325px; left: 524px; }
.catch_index__img--pic15 { top: -150px; left: 550px; }
.catch_index__img--pic16 { top: -302px; left: 635px; }
.catch_index__img--pic17 { top: -145px; left: 688px; }
.catch_index__img--pic18 { top: -170px; left: 782px; }
.catch_index__img--pic19 { top: -315px; left: 786px; }
.catch_index__img--pic20 { top: -380px; left: 920px; }
.catch_index__img--pic21 { top: -366px; left: 55px; }
.catch_index__img--pic22 { top: -220px; left: 912px; }
.catch_index__img--pic23 { top: -180px; left: 1020px; }
.catch_index__img--pic24 { top: -142px; left: 1150px; }
.catch_index__img--pic25 { top: -320px; left: 1048px; z-index: 2; }
.catch_index__img--pic26 { top: -356px; left: 1174px; z-index: 2; }
.catch_index__img--pic27 { top: -482px; left: 1058px; }
.catch_index__img--pic28 { top: -500px; left: 1182px; }
.catch_index__img--pic29 { top: -628px; left: 1094px; }
.catch_index__img--pic30 { top: -654px; left: 1210px; }
.catch_index__img--pic31 { top: -755px; left: 1044px; }
.catch_index__img--pic32 { top: -810px; left: 1155px; }




@media print,screen and (max-width:1355px){
	.catch_index{
visibility:hidden;
display:none;
height:0;
}

}




/* TOP 観覧のお知らせ
-----------------------------------------

.area_essential dl{
	overflow: hidden;
	height: auto;
	padding:20px 0 50px 0;
	margin:auto;
	width:800px;
}

.area_essential dt{
	float:right;
	width:340px;
}
.area_essential dt img{
	width:340px;
}
.area_essential dd{
	float:left;
	width:445px;
	font-size:13px;
}

.area_essential h3{
	width:800px;
	margin:0 auto 20px auto;
	padding:0 0 10px 0;
	font-size:20px;
	border-bottom:1px solid #aaa;
	text-align:center;
}
.area_essential h3 em {
	color:#00AFDD;
	font-size:16px;
}




.area_essential{
	width:100%;
	padding:1px 0 100px 0;
	margin:60px 0 0 0;
}
.area_essential h4{
	text-align:center;
	font-weight:bold;
	font-size:26px;
	margin-bottom:15px;
}
.area_essential h5{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	line-height:2em;
	color:#F00;
}


.area_essential td img{
	float:right;
}


.area_essential table{
	width:800px;
	margin:auto;
	background:#fff;
}
.area_essential th{
	background:#eee;
	border-bottom:10px solid #fff;
	padding:0 20px;
}
.area_essential td{
	padding:20px;
	border-bottom:10px solid #fff;
}

.area_essential_02{
	width:100%;
	background:#fff;
	text-align:center;
	border:4px solid #f5f5f5;
}
.area_essential_02 th{
	background:#F8F8F8;
	border:2px solid #f5f5f5;
	padding:0 10px;
}
.area_essential_02 td{
	padding:10px;
	border:2px solid #f5f5f5;
}






/* TOP 最終審査会案内
-----------------------------------------
.area_essential{
	width:100%;
	padding:1px 0 80px 0;
	margin:-10px 0 0 0;
	background:#f5f5f5;
}

.area_essential h2{
	text-align:center;
	font-size:50px;
	line-height:1.5em;
	color:#00A0E9;
	font-weight:bold;
	letter-spacing:0.3em;
	margin:80px 0 50px 0;
}
.section_alumni02{	
	margin:0 auto 20px auto;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:2.5em;
}

.area_essential h4{
	text-align:center;
	font-weight:bold;
	font-size:26px;
	margin-bottom:15px;
}
.area_essential h5{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	line-height:2em;
	color:#F00;
}


.area_essential td img{
	float:right;
}

.area_essential td p{
	width:430px;
}


.area_essential table{
	width:800px;
	margin:auto;
	background:#fff;
}
.area_essential th{
	background:#eee;
	border-bottom:10px solid #f5f5f5;
	padding: 20px;
}
.area_essential td{
	padding:20px;
	border-bottom:10px solid #f5f5f5;
}



/* TOP 結果発表
-----------------------------------------

hr.enter,hr.winnerlist{
	border-width: 2px 0px 0px 0px;
	border-color:#ccc;
	border-style:solid;
	height:1px;
	margin-top:-10px;
}


table.winnerlist {
	width:80%;
	color:#222;
	margin:20px auto;
	background:#FFF;
	border:3px solid #CCC;
}


table.winnerlist th{
	text-align:center;
}

table.winnerlist td{
	padding:10px 6px;
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table.winnerlist td span{
	font-size:85%;
}

table.winnerlist td.tltle{
	font-weight:bold;
	padding-top:20px;
	background:#efefef url(../../img/index/area/icon_win.png) no-repeat center;
}


/* 本年告知
-----------------------------------------
.popup{
	text-align:center;
	font-weight:bold;
	padding:30px;
	border:3px solid #00A0E9;
	margin:0 auto 100px auto;
	width:500px;
	font-size:15px;
	color:#333;
}
.popup h3{
	text-align:center;
	font-weight:bold;
	padding:0 0 3px 0;
	font-size:22px!important;
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	letter-spacing:5px;
}
*/



/* 全国大会の最終審査会を見にきませんか？
-----------------------------------------*/
.article_japan{
	color:#fff;
	width:100%;
	overflow:hidden;
	height:auto;
	background:#002040;
}

.article_japan article{
	float:left;
	width:55%;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:2.6em;
	padding:0 0 40px 5%;
}

.article_japan article h2{
	line-height:1.6em;
	color:#fff !important;
}
.article_japan article h5{
	border:1px solid #fff;
	padding:18px;
	color:#e00;
	font-size:20px;
}
.article_japan article a{
	color:rgba(0,170,255,1.00);
}

.article_japan img{
	float:right;
	width:35%;
	height:100%;
}


/* まもなく締切
-----------------------------------------*/
#map{
	position: relative;
	background:#fff url(../../img/index/application/index_01.png) no-repeat;
	width:950px;
	height:640px;
	margin:50px auto 0 auto;
	padding:0 0 50px 0;
}

#map .area01{position:relative; width:130px; top:170px; left:675px;}
#map .area02{position:relative; width:130px; top:290px; left:615px;}
#map .area03{position:relative; width:130px; top:245px; left:340px;}
#map .area04{position:relative; width:130px; top:430px; left:510px;}
#map .area05{position:relative; width:130px; top:225px; left:170px;}
#map .area06{position:relative; width:130px; top:240px; left:0;}
#map .area07{position:relative; width:130px; top:415px; left:190px;}
#map .area08{position:relative; width:130px; top:390px; left:25px;}


#map a{
	position: relative;
	padding:10px 20px;
	background:#666;
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
}


#map a:hover{
	background:#5BC1E0;
}


img.img_map{
	display:none;
}

/* スライド
-----------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}


@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
}
}

}