.txt {
	margin: 30px auto 30px;}

/*accordian*/
.accordian {
	width: 1152px; 
	height: 580px;
	overflow: hidden;
	/*Time for some styling*/
	margin: 0px auto 30px;}
@media only screen and (max-width:960px) {
	.accordian {
	width: 100%; 
	height: 564px;}
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
	width: 2000px;
	position:relative
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/}

.accordian li {
	position: relative;
	display: block;
	width: 230px;
	float: left;	
	border-left: 1px solid #888;
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
	see the basic accordian*/}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 117px;}

/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 680px;}

.accordian li img {
	display: block;}

/*Image title styles*/
.image_title {
	position: absolute;
	left: 0; bottom: 0;	
	width: 230px;}
li.stop .image_title {
	position: absolute;
	left: 0; bottom: 0;	
	width: 230px;
	padding-bottom:20px;
	padding-left: 17px;
	text-align:left;}

.image_title a {
	display: block;
	text-decoration: none;
	padding-bottom:20px;
	padding-left: 17px;
	text-align:left;
	font-size: 16px;}

/* //accordian*/

.mainContent_mr {
	width: 960px;
	background: url(../../common/image/bg2.png) top center repeat-y;
	margin-left: auto;
	margin-right: auto;
	padding-top:30px;
	padding-bottom:30px;
display: flex;
/*    background-color: #F4F7FA;*/
    justify-content: space-around;
    flex-direction: row;
}

.mainContent_mr >div{
        margin: 2%;
}

.mainContent_mr >div >a >img{
    max-width: 100%;
}

.content {
	position:relative;
	width:840px;
	padding:29px 30px 20px;
	margin:0 auto;
	background:#F4F7FA;}

@media only screen and (max-width:840px) {
	.mainContent_mr {width: 100%;}
	.content {width: 100%; padding:0;}
	.floatarea {width: 96%; font-size:0;}
	.floatarea p{ width:50%; float:left; padding-bottom:20px;}
	.floatarea p img{ width:100%;}
	.floatimg img{ width:100%;}
    
    .mainContent_mr {
flex-direction: column;
}
    
}



.con_l {
	float:left;}
.madori {
	margin-bottom:22px;}
.rightarea {
	width:550px;
	float:right;
	margin-bottom:40px}
.con_r {
	float:right;}
.con_lb {
	float:left;
	margin-bottom:30px;}
.con_rb {
	float:right;
	margin-bottom:30px;}
.con_ll {
	float:left;
	margin-right:30px;}


/*SP*/
	
#va-accordion {
max-width:100%;}

.va-container{
	position:relative;
	margin:10% auto 10% auto;
}
.va-wrapper{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	background:#000;
}
.va-slice{
	cursor:pointer;
	position:absolute;
	width:100%;
	left:0px;
	overflow:hidden;
}
.va-slice-1{
	background:#000 url(../images/slide01_sp.jpg) no-repeat center center;
}
.va-slice-2{
	background:#000 url(../images/slide02_sp.jpg) no-repeat center center;
}
.va-slice-3{
	background:#000 url(../images/slide03_sp.jpg) no-repeat center center;
}
.va-slice-4{
	background:#000 url(../images/slide04_sp.jpg) no-repeat center center;
}
.va-slice-5{
	background:#000 url(../images/slide05_sp.jpg) no-repeat center center;
}

.va-slice-color-1{
	background-color:#97c5eb;
}
.va-slice-color-2{
	background-color:#68ace5;
}
.va-slice-color-3{
	background-color:#0072cf;
}
.va-slice-color-4{
	background-color:#0039a6;
}
.va-slice-color-5{
	background-color:#00338e;
}

.va-title{
	margin-top:30px;
	margin-left:20px;
}
.va-content{
	display:none;
	margin-left:25px;
	margin-top:10px;
}
.va-slice p{
	font-size: 22px;
	font-style: italic;
	font-family:Georgia, serif;
}
.va-slice ul{
	margin-top:20px;
}
.va-slice ul li{
	float:left;
	margin:0px 2px;
}
.va-slice ul li a{
	color:#000;
	background:#eede2f;
	padding:3px 6px;
	font-size:14px;
	font-family:'PT Sans', sans-serif;
	text-transform:uppercase;
}
.va-slice ul li a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}
.va-nav span{
	width:80px;
	height:51px;
	background:transparent url(../images/prev.png) no-repeat center center;
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-8%;
	text-indent:-9000px;
	opacity:0.4;
	cursor:pointer;
	display:none;
	z-index:100;
}
.va-nav span.va-nav-next{
	background-image:url(../images/next.png);
	top:auto;
	bottom:-50px;
}
.va-nav span:hover{
	opacity:0.7;
}


/*popup*/

.ttlarea {
	background:rgba(0,0,0,0.85);
	text-align:center;
	padding:10px 0;
	width:100%;}


.slider {
	width: 100%;
	margon-top:41px;
	background:rgba(0,0,0,0.85)
	/*overflow: hidden;*/
}

/* Control Nav */
#a-75b4 .flex-control-nav {width: 892px; margin: 0 auto; text-align: center;}
#a-75b4 .flex-control-nav li { text-align: center; margin-right: 4px; margin-bottom:4px; padding: 0; display: inline-block; _display: inline; _zoom: 1;}
#a-75b4 .flex-control-nav li.num4 {margin-right: 0px;}
#a-75b4 .flex-control-paging li a { width: 220px; height: 52px; display: block; box-sizing: border-box; text-indent: -9999px; cursor: pointer;
-webkit-transition: all .4s ease-in;
   -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
     -o-transition: all .4s ease-in;
        transition: all .4s ease-in;
}
#a-75b4 .flex-control-paging li a:hover { background-color:#000; }
#a-75b4 .flex-control-paging li a.flex-active {  background-color:#000; cursor: default; }

#a-75b4 .flex-control-paging li.num1 a { background: url(../images/pop_a-75b4/btn_01.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num2 a { background: url(../images/pop_a-75b4/btn_02.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num3 a { background: url(../images/pop_a-75b4/btn_03.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num4 a { background: url(../images/pop_a-75b4/btn_04.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num5 a { background: url(../images/pop_a-75b4/btn_05.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num6 a { background: url(../images/pop_a-75b4/btn_06.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num7 a { background: url(../images/pop_a-75b4/btn_07.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num1 a.flex-active,
#a-75b4 .flex-control-paging li.num1 a:hover { background: url(../images/pop_a-75b4/btn_01_ov.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num2 a.flex-active,
#a-75b4 .flex-control-paging li.num2 a:hover { background: url(../images/pop_a-75b4/btn_02_ov.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num3 a.flex-active,
#a-75b4 .flex-control-paging li.num3 a:hover { background: url(../images/pop_a-75b4/btn_03_ov.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num4 a.flex-active,
#a-75b4 .flex-control-paging li.num4 a:hover { background: url(../images/pop_a-75b4/btn_04_ov.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num5 a.flex-active,
#a-75b4 .flex-control-paging li.num5 a:hover { background: url(../images/pop_a-75b4/btn_05_ov.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num6 a.flex-active,
#a-75b4 .flex-control-paging li.num6 a:hover { background: url(../images/pop_a-75b4/btn_06_ov.jpg) no-repeat center top;}
#a-75b4 .flex-control-paging li.num7 a.flex-active,
#a-75b4 .flex-control-paging li.num7 a:hover { background: url(../images/pop_a-75b4/btn_07_ov.jpg) no-repeat center top;}

#a-75b4 .flex-control-paging li.num8 { margin: 0; }

/* Control Nav */
#a-85g .flex-control-nav {width: 668px; margin: 0 auto; text-align: center;}
#a-85g .flex-control-nav li { text-align: center; margin-right: 4px; margin-bottom:4px; padding: 0; display: inline-block; _display: inline; _zoom: 1;}
#a-85g .flex-control-nav li.num3, #a-85g .flex-control-nav li.num6 {margin-right: 0px;}
#a-85g .flex-control-paging li a { width: 220px; height: 52px; display: block; box-sizing: border-box; text-indent: -9999px; cursor: pointer;
-webkit-transition: all .4s ease-in;
   -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
     -o-transition: all .4s ease-in;
        transition: all .4s ease-in;
}
#a-85g .flex-control-paging li a:hover { background-color:#000; }
#a-85g .flex-control-paging li a.flex-active {  background-color:#000; cursor: default; }

#a-85g .flex-control-paging li.num1 a { background: url(../images/pop_a-85g/btn_01.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num2 a { background: url(../images/pop_a-85g/btn_02.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num3 a { background: url(../images/pop_a-85g/btn_03.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num4 a { background: url(../images/pop_a-85g/btn_04.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num5 a { background: url(../images/pop_a-85g/btn_05.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num6 a { background: url(../images/pop_a-85g/btn_06.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num1 a.flex-active,
#a-85g .flex-control-paging li.num1 a:hover { background: url(../images/pop_a-85g/btn_01_ov.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num2 a.flex-active,
#a-85g .flex-control-paging li.num2 a:hover { background: url(../images/pop_a-85g/btn_02_ov.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num3 a.flex-active,
#a-85g .flex-control-paging li.num3 a:hover { background: url(../images/pop_a-85g/btn_03_ov.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num4 a.flex-active,
#a-85g .flex-control-paging li.num4 a:hover { background: url(../images/pop_a-85g/btn_04_ov.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num5 a.flex-active,
#a-85g .flex-control-paging li.num5 a:hover { background: url(../images/pop_a-85g/btn_05_ov.jpg) no-repeat center top;}
#a-85g .flex-control-paging li.num6 a.flex-active,
#a-85g .flex-control-paging li.num6 a:hover { background: url(../images/pop_a-85g/btn_06_ov.jpg) no-repeat center top;}

#a-85g .flex-control-paging li.num8 { margin: 0; }


.mr_txt{
   text-align: right; 
   color: #000;
   font-size: 12px; 
}

@media only screen and (max-width:840px) {

.mr_txt {
    margin-top: 50px;
}    
    
}