#wrapper #main {
  width: 100%;
  margin: 0 auto;
}

#wrapper #main #mainArea{
  width: 100%;
  background:url(../images/top_bg.gif) repeat left top;
  border-bottom:#c2daed solid 1px;
	}

#wrapper #main #mainArea #mainAreaInner{
  width: 960px;
  margin:0 auto;
  padding:30px 0 40px;
}


#wrapper #main #mainArea .bx-wrapper{
	margin-bottom:35px;
}

#wrapper #main #mainArea .bx-wrapper .bx-viewport{
	background:none;
	border:#0e72bb solid 3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-sizing: border-box;
	padding:0;
	box-shadow:none;
	left:0;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-prev{
	background:url(../images/top_slider_left.png) no-repeat scroll 0 0px;
	width:40px;
	height:40px;
	left:-60px;
}


#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-prev:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    -webkit-transition: 0.4s ease-in-out;
       -moz-transition: 0.4s ease-in-out;
         -o-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-next{
	background:url(../images/top_slider_right.png) no-repeat scroll 0 0px;
	width:40px;
	height:40px;
	right:-60px;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-next:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    -webkit-transition: 0.4s ease-in-out;
       -moz-transition: 0.4s ease-in-out;
         -o-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-pager{
	bottom:15px;
	padding:0;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-pager.bx-default-pager a{
	background:#d5d5d5 none repeat scroll 0 0;
	/*border:#FFF solid 1px;*/
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width:15px;
	height:15px;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active{
	background:#0e72bb none repeat scroll 0 0;
}


#wrapper #main #mainArea #mainAreaInner h2{
  margin:35px auto;
}

#wrapper #main #mainArea #mainAreaInner #linkArea ul{
	margin-left: 0px;
}

#wrapper #main #mainArea #mainAreaInner #linkArea ul li{
	float:left;
	padding-left: 10px;
}


#wrapper #main #linkBox{
  position: relative;
  width: 978px;
  height: 364px;
  margin: 0 auto;
  clear:both;
}


#wrapper #main #linkBox .bt01 {
  position: absolute;
  width: 315px;
  top:28px;
  left:0px;
}
#wrapper #main #linkBox .bt02 {
  position: absolute;
  width: 315px;
  top:28px;
  left:326px;
}
#wrapper #main #linkBox .bt03 {
  position: absolute;
  width: 315px;
  top:28px;
  left:652px;
}
#wrapper #main #linkBox .bt04 {
  position: absolute;
  width: 315px;
  top:186px;
  left:170px;
}
#wrapper #main #linkBox .bt05 {
  position: absolute;
  width: 315px;
  top:186px;
  left:500px;
}


/*==================================================
  responsive
==================================================*/
@media only screen and (max-width:571px) {

#wrapper #main #mainArea{
  width: 100%;
  background:url(../images/top_bg.gif) repeat left top;
  border-bottom:#c2daed solid 1px;
	}

#wrapper #main #mainArea #mainAreaInner{
  width: 300px;
  margin:0 auto;
  padding:30px 0 40px;
}


#wrapper #main #mainArea .bx-wrapper{
	margin-bottom:50px;
}

#wrapper #main #mainArea .bx-wrapper .bx-viewport{
	background:none;
	border:#0e72bb solid 3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-sizing: content-box;
	padding:0;
	box-shadow:none;
	left:0;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-prev{
	background:url(../images/top_slider_left.png) no-repeat scroll 0 0px;
	background-size:10px 10px;
	width:10px;
	height:10px;
	left:10px;
	margin-top:-5px;
	display:none;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-next{
	background:url(../images/top_slider_right.png) no-repeat scroll 0 0px;
	background-size:10px 10px;
	width:10px;
	height:10px;
	right:10px;
	margin-top:-5px;
	display:none;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-pager{
	bottom:-30px;
	padding:0;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-pager.bx-default-pager a{
	background:#d5d5d5 none repeat scroll 0 0;
	/*border:#FFF solid 1px;*/
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width:15px;
	height:15px;
}

#wrapper #main #mainArea .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active{
	background:#0e72bb none repeat scroll 0 0;
}


#wrapper #main #mainArea #mainAreaInner h2{
  margin:35px auto;
  width:300px;
  color:#0e72bb;
  font-weight:bold;
  text-align:center;
}


#wrapper #main #mainArea #mainAreaInner p#arrow{
}

#wrapper #main #mainArea #mainAreaInner #linkArea h3{
}

#wrapper #main #mainArea #mainAreaInner #linkArea h3 {
	position: relative;
	background: #0e72bb;
	text-align:center;
	border-radius:5px;
	color:#FFF;
	font-weight:bold;
	padding:10px 0;
}
#wrapper #main #mainArea #mainAreaInner #linkArea h3:after, #wrapper #main #mainArea #mainAreaInner #linkArea h3:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
 
#wrapper #main #mainArea #mainAreaInner #linkArea h3:after {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #0e72bb;
	border-width: 10px;
	margin-left: -10px;
}


#wrapper #main #mainArea #mainAreaInner #linkArea #barrierHigh{
	float:none;
	width:300px;
	margin-bottom:35px;
}

#wrapper #main #mainArea #mainAreaInner #linkArea #barrierLow{
	float:none;
	width:300px;
}

#wrapper #main #mainArea #mainAreaInner #linkArea ul{
	margin-left:0;
}

#wrapper #main #mainArea #mainAreaInner #linkArea ul li{
	float:none;
	margin-bottom:20px;
	padding-left:0px;
}

#wrapper #main #mainArea #mainAreaInner #linkArea ul img{
	width:300px;
}


#wrapper #main #linkBox{
  position: static;
  width: 300px;
  height: auto;
  margin: 35px auto;
  clear:both;
}

#wrapper #main #linkBox .bt01,
#wrapper #main #linkBox .bt02,
#wrapper #main #linkBox .bt03,
#wrapper #main #linkBox .bt04,
#wrapper #main #linkBox .bt05 {
  position: static;
  width: 300px;
  top:auto;
  left:auto;
}

#wrapper #main #linkBox img{
  width: 300px;
}


}