/** RESET AND LAYOUT
===================================*/

.producyTopFlex-control-nav {
	
	margin:0 auto;
	width:80%;
}
.producyTopFlex-direction-nav a{
	top:30%;
}
.producyTopFlex-direction-nav .producyTopFlex-prev{
	left:-30px;
}
.producyTopFlex-direction-nav .producyTopFlex-next{
	right:-30px;
}
@media screen and (max-width: 640px){
	.producyTopFlex-direction-nav .producyTopFlex-prev{
		left:-20px;
	}
	.producyTopFlex-direction-nav .producyTopFlex-next{
		right:-20px;
	}
	.producyTopFlex-direction-nav{
		top:30%;
	}
	#main .main-inner .left-part .flexslider .producyTopFlex-control-thumbs{
		margin-top:10px;
	}
}

/** mainvision
===================================*/
#main .main-inner .mainvision{
	padding-bottom: 40px;
}
#gall{
		position: relative;
	}
#main .mainvision .left-part{
   /*float: left;*/
	width: 40.81632%;
	padding-left: 3%;
	padding-right: 3%;
}
#main .mainvision .right-part{
   /*float: right;*/
    padding-left: 0;
    padding-left: 2.5%;
	padding-right: 2.5%;
    width: 48.18368%;
}
  @media screen and (max-width: 640px){
	#main .main-inner .mainvision .left-part {
	  width: 100% !important;
	  padding: 0;
	}
	#main .main-inner .mainvision .right-part {
	  width: 100% !important;
	   padding: 0;
	
	}
}
#main .main-inner .right-part .logo {
	padding-top:	100px;
	text-align:	center;
}
#main .main-inner .right-part .lead {
	text-align:	center;
	padding-bottom:	30px !important;
	font-size:	26px;
}
#main .main-inner .right-part .spec-icon{
	text-align: center;
	margin-bottom: 40px;
}
#main .main-inner .right-part .spec-icon img {
	margin:0 auto;
}
@media screen and (max-width: 640px){
	#main .main-inner .right-part .spec-icon img{
		width:100%;
	}
}
#main .main-inner .right-part .store-button{
	margin:		0 auto;
}

@media screen and (max-width: 640px) {
#main .main-inner .right-part .logo {
	padding-top: 10px;
	padding-left:0px;
}
#main .main-inner .right-part .lead {
	text-align:		center;
	padding-left:		0px !important;
	font-size:	18px;
	margin-top:20px;
}
#main .main-inner .right-part .store-button{
	padding-left: 0px;
}
}




/* .campaign
-----------------------*/
#main .campaign{
	margin-bottom: 50px;
}
#main .main-inner .article{
	padding: 0 0 40px;
	margin: 20px 0 40px;
}
#main .main-inner .article .left-part{
	width: 55.2%;
	padding-left: 0;
}
#main .main-inner .article .right-part {
  width: 40.816%;
  float: right;
  padding-left: 0;
}
  @media screen and (max-width: 640px){
	#main .main-inner .article .left-part {
	  width: 100% !important;
	}
	#main .main-inner .article .right-part {
	  width: 100% !important;
	}
}
#main .main-inner .letter-space{
	font-size: 36px;
	text-align: center;
	line-height: 1.2;	
	padding-bottom: 0px;
}
@media screen and (max-width: 640px){
	#main .main-inner .letter-space{
		font-size: 32px;
		text-align: left;
		line-height: 1.2;
	}
}

#main .main-inner .article .text-title-lv3{
	font-size: 32px;
}
#main .main-inner .article .text-title-lv4{
	font-size: 24px;
	font-weight: normal;
}
#main .main-inner .article>a{
	display: block;
	color:#333;
}

#main .main-inner .block-top-1{
	margin-top:40px;
}
#main .main-inner .block-top-2{
	margin-top:50px;
}
@media screen and (max-width: 640px){
	#main .main-inner .block-top-1{
		margin-top:30px;
	}
	#main .main-inner .article .text-title-lv3{
		font-size: 32px;
	}
	#main .main-inner .article .text-title-lv4{
		font-size: 18px;
	}
}

#main .main-inner .block-top-3 .ttl{
	font-weight: bold;
	font-size:15px;
	margin-bottom: 5px;
}

#main .main-inner .block-top-3 table{
	width:		65.2%;
	font-size:	14px;
	border-left:1px solid #ccc;
}
@media screen and (max-width: 640px){
	#main .main-inner .block-top-3 table{
		width:100%;
	}
}


#main .main-inner .block-top-3 table thead th{

	padding:	7px 10px;

	text-align:	center;

	
	vertical-align: middle;
	background-color: #E9E9E9;

}



#main .main-inner .block-top-3 table thead th.last-child{

	background-position:	left top;

}



#main .main-inner .block-top-3 table tbody th,

#main .main-inner .block-top-3 table tbody td{

	padding:	7px 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align:	center;
	vertical-align: middle;
	

}
#main .main-inner .block-top-3 table tbody td{
	font-size: 24px;
}


#main .main-inner .block-top-3 table tbody tr th.last-child,

#main .main-inner .block-top-3 table tbody tr td.last-child{

	background-position:	left bottom;

}



#main .main-inner .block-top-3 table tbody tr.last-child th,

#main .main-inner .block-top-3 table tbody tr.last-child td{

	background-position:	right top;

}



#main .main-inner .block-top-3 table tbody tr.last-child td.last-child{

	background-position:	left top;

}

@media screen and (min-width: 641px){
	#main .main-inner .block-top-3 table tbody th,

	#main .main-inner .block-top-3 table tbody td{
		white-space: nowrap;
	}
}