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

	Site Name   VAIO
	File Name   feature.css

	Create Date 2013/08/22

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

/*----------------------------------------------------------
	f01
-----------------------------------------------------------*/
.group1{
	overflow:hidden;
	width:950px;
	margin:78px auto 0;
	padding:0 0 0px;
	/* border-bottom:dotted 1px #000; */
}
.feat_ttl1{
	margin:20px 0 0;
	padding:0;
}

.group1Left{
	float:left;
	width:550px;
	margin:0 55px 0 0;
}
.group1Text{
	font-size:16px;
	margin:0 0 0 0;
	padding:0;
}

.group1Btn{
	margin:25px 0 0 0;
	padding:2px;
}
.group1Btn2{
	margin:45px 0 0 0;
	padding:2px;
}
.group1Btn3{
	margin:15px 0 0 0;
	padding:2px;
}

.group1Right{
	float:right;
	width:290px;
	margin:0 55px 0 0;
}

.group1Img1{
	width:290px;
	height:55px;
	margin:20px 0 0 0;
	padding:0;
}
.group1subttl{
	font-weight:bold;
}
@media (max-width:640px){
	.group1{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl1{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group1In{
		display:table;
	}
	.group1Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.group1Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.group1Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.group1Btn2{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.group1Btn3{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}

	.group1Right{
		display:table-header-group;
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.group1Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group1Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}

/*----------------------------------------------------------
	win7
-----------------------------------------------------------*/
.win7{
	overflow:hidden;
	width:950px;
	margin:20px auto 0;
	padding:50px 0 45px;
	border-bottom:dotted 1px #000;
}
.win7ttl1{
	margin:20px 0 0;
	padding:0;
}

.win7Left{
	float:left;
	width:550px;
	margin:0 55px 0 0;
}
.win7Text{
	font-size:16px;
	margin:0 0 0 0;
	padding:0;
}

.win7Comment{
	font-size:10px;
	margin:20px 0 0 0;
	padding:0;
}

.win7Right{
	float:right;
	width:290px;
	margin:0 0 0 0;
}

.win7Img1{
	width:142px;
	height:116px;
	margin:0 0 0 0;
	padding:0;
}
@media (max-width:640px){
	.win7{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.win7ttl1{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.win7In{
		display:table;
	}
	.win7Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.win7Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	.win7Right{
		display:table-header-group;
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.win7Img1{
		width:auto;
		height:auto;
		margin:40px auto 30px;
		padding:0;
	}
	.win7Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}



/*----------------------------------------------------------
	free
-----------------------------------------------------------*/
.free{
	overflow:hidden;
	width:950px;
	margin:50px auto 0;
	padding:0 0 60px;
	border-bottom:dotted 1px #000;
}
.freeLeft{
	float:left;
	width:566px;
	margin:0 55px 0 0;
}
.freeText{
	font-size:16px;
	margin:20px 0;
	padding:0;
}
.freeBtn{
	margin:15px 0 0 0;
	padding:2px;
}
.freeRight{
	float:right;
	width:210px;
	margin:20px 80px 0 0;
}
.freeImg{
	width:210px;
	height:55px;
	margin:0;
	padding:0;
}

@media (max-width:640px){
	.free{
		overflow:hidden;
		width:auto;
		margin:0 10px;
		padding:0;
	}
	.ttl1{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.freeIn{
		display:table;
	}
	.freeLeft{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.freeText{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.freeBtn{
		width:auto;
		margin:40px auto;
		padding:2px;
		text-align:center;
	}
	.freeRight{
		display:table-header-group;
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.freeImg{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.freeImg img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}
/*----------------------------------------------------------
	f02
-----------------------------------------------------------*/
.group2{
	overflow:hidden;
	width:950px;
	margin:40px auto 0;
	padding:0 0 45px;
	border-bottom:dotted 1px #000;
}
.feat_ttl2{
	margin:20px 0 0;
	padding:0;
}

.group2Left{
	float:left;
	margin:0 55px 0 0;
}

.group2Text{
	font-size:16px;
	margin:20px 0 0 0;
	padding:0;
}

.group2Btn{
	margin:10px 0 0 0;
	padding:2px;
}

@media (max-width:640px){
	.group2{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl2{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group2In{
		display:table;
	}
	.group2Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.group2Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.group2Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}

/*----------------------------------------------------------
	f03
-----------------------------------------------------------*/
.group3{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0 0 45px;
	border-bottom:dotted 1px #000;
}
.feat_ttl3{
	margin:20px 0 0;
	padding:0;
}

.group3Left{
	float:left;
	width:623px;
	margin:0 55px 0 0;
}
.group3Right{
	float:right;
	width:188px;
	margin:0 55px 0 0;
}

.group3Text{
	font-size:16px;
	margin:20px 0 0 0;
	padding:0;
}

.group3Btn{
	margin:10px 0 0 0;
	padding:2px;
}

@media (max-width:640px){
	.group3{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl3{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group3In{
		display:table;
	}
	.group3Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.group3Right{
		float:none;
		width:auto;
		margin:50px auto 0;
	}
	.group3Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group3Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.group3Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}

/*----------------------------------------------------------
	f04
-----------------------------------------------------------*/
.group4{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0 0 30px;
}
.feat_ttl4{
	margin:50px 0 0;
	padding:0;
	text-align:center;
}
.group4In{
	width:785px;
	margin:0 auto;
	overflow:hidden;
}
.group4Left{
	float:left;
	width:650px;
	margin:0;
}
.group4Right{
	float:right;
	width:112px;
	margin:20px 0 0 0;
}

.group4Text{
	margin:20px auto;
	padding:0;
	font-size:16px;
}

.group4Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}

.group4Btn{
	margin:10px 0 0 0;
	padding:2px;
}

@media (max-width:640px){
	.group4{
		overflow:hidden;
		width:auto;
		margin:0 10px;
		padding:0 0 15px;
		border-bottom:dotted 1px #000;
	}
	.feat_ttl4{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group4In{
		width:auto;
	}
	.group4Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.group4Right{
		float:none;
		width:auto;
		margin:30px auto;
	}
	.group4Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group4Text{
		width:auto;
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	.group4Comment{
		width:auto;
		margin:50px auto 0;
		font-size:10px;
		list-style:none;
	}
	.group4Comment li{
		text-indent:-1.2em;
		padding-left:1em;
	}
	.group4Img1{
		width:auto;
		height:auto;
		margin:30px auto 0;
		padding:0;
	}
	.group4Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}


/*----------------------------------------------------------
	f05
-----------------------------------------------------------*/
.group5{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0 0 60px;
	border-bottom:dotted 1px #000;
}
.feat_ttl5{
	margin:0;
	padding:0;
	font-size:16px;
	text-align:center;
}

.group5Text{
	width:790px;
	margin:20px auto;
	padding:0;
	font-size:14px;
}

.group5Img1{
	width:auto;
	height:auto;
	margin:30px auto 0;
	padding:0;
}
.group5Img1 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}

.group5Btn{
	margin:10px 0 0 0;
	padding:2px;
}
.group5Img1SP{
	display:none;
}

@media (max-width:640px){
	.group5{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl5{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group5In{
		width:auto;
	}
	.group5Img1{
		display:none;
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group5Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:14px;
	}
	
	.group5Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.group5Img1SP{
		display:block;
		width:auto;
		margin:0 auto;
	}
	.group5Img1SPin{
		width:auto;
		margin:30px auto;
	}
	.group5Img1SP img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group5Comment{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:10px;
		list-style:none;
	}

}

/*----------------------------------------------------------
	f06
-----------------------------------------------------------*/
.group6{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl6{
	margin:40px 0 10px;
	padding:0;
	text-align:center;
}
.feat_ttl6_2{
	margin:0;
	padding:0;
	text-align:center;
	font-size:16px;
}
.group6In{
	
}
.group6Text{
	width:790px;
	margin:20px auto;
	padding:0;
	font-size:16px;
}
.group6Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.group6Img1{
	width:auto;
	height:auto;
	margin:30px auto 0;
	padding:0;
}
.group6Img1 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.group6Mov1{
	width:640px;
	height:360px;
	margin:20px auto 60px;
	padding:0;
}
.group6Btn{
	margin:10px 0 0 0;
	padding:2px;
}

@media (max-width:640px){
	.group6{
		overflow:hidden;
		width:auto;
		margin:0 10px;
		padding:0 0 60px;
	}
	.feat_ttl6{
		width:auto;
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group6In{
		width:auto;
	}
	.group6Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group6Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.group6Mov1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group6Mov1 iframe{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.group6Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:14px;
	}
}

/*----------------------------------------------------------
	f07
-----------------------------------------------------------*/
.group7{
	overflow:hidden;
	width:950px;
	margin:0 auto 40px;
	padding:0;
}
.feat_ttl7{
	margin:40px 0 10px;
	padding:0;
	font-size:23px;
	text-align:center;
}
.group7In{
	
}
.group7Text{
	width:790px;
	margin:20px auto;
	padding:0;
	font-size:16px;
}
.group7Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.group7Img1{
	width:auto;
	height:auto;
	margin:30px auto 0;
	padding:0;
}
.group7Img1 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.group7Btn{
	margin:10px 0 0 0;
	padding:2px;
}

@media (max-width:640px){
	.group7{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl7{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group7In{
		width:auto;
	}
	.group7Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group7Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group7Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:14px;
	}
	
	.group7Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}

/*----------------------------------------------------------
	f08
-----------------------------------------------------------*/
.group8{
	overflow:hidden;
	width:950px;
	margin:0 auto 10px;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl8{
	margin:40px 0 10px;
	padding:0;
	font-size:16px;
}
.group8In{
	
}

.group8Left{
	float:left;
	width:501px;
	height:333px;
	margin:0;
}
.group8Right{
	float:right;
	width:435px;
	margin:30px 0 0;
}
.group8Text{
	margin:20px auto;
	padding:0;
	font-size:14px;
}
.group8Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.group8Img1{
	width:auto;
	height:auto;
	margin:30px auto 0;
	padding:0;
}
.group8Img1 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.group8Btn{
	margin:10px 0 0 0;
	padding:2px;
}

@media (max-width:640px){
	.group8{
		overflow:hidden;
		width:auto;
		margin:0 10px;
		padding:0 0 10px;
	}
	.feat_ttl8{
		overflow:hidden;
		width:auto;
		margin:40px 0 10px;
		padding:0;
		font-size:18px;
	}
	.group8In{
		overflow:hidden;
		width:auto;
	}
	.group8Left{
		float:none;
		width:auto;
		height:auto;
		margin:20px auto 0;
		padding:0;
	}
	.group8Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group8Right{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group8Comment{
		width:auto;
		margin:20px auto 0;
		padding:0;
		font-size:10px;
		list-style:none;
	}
	
	.group8Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:14px;
	}
}

/*----------------------------------------------------------
	f09
-----------------------------------------------------------*/
.group9{
	overflow:hidden;
	width:950px;
	margin:0 auto 40px;
	padding:0;
}
.feat_ttl9{
	margin:40px 0 10px;
	padding:0;
	font-size:23px;
	text-align:center;
}
.group9In{
	margin:40px 0 10px;
}
.group9Left{
	float:left;
	width:585px;
	margin:0;
}
.group9Right{
	float:right;
	width:311px;
	margin:30px 0 0;
}
.group9Text{
	margin:20px auto;
	padding:0;
	font-size:16px;
}
.group9Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.group9Img1{
	width:auto;
	height:auto;
	margin:30px auto 0;
	padding:0;
}
.group9Img1 img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.group9Btn{
	margin:10px 0 0 0;
	padding:2px;
}
.icon9Left{
	float:left;
	width:138px;
	margin:20px 0 0;
}
.icon9Right{
	float:right;
	width:108px;
	margin:0;
}

@media (max-width:640px){
	.group9{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl9{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group9In{
		display:table;
		width:auto;
	}
	.group9In img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group9Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group9Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.group9Left{
		float:none;
		width:auto;
		margin:0;
	}
	.group9Right{
		float:none;
		width:auto;
		margin:30px 0 20px;
	}
	
	
	.group9Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:16px;
	}
	
	.group9Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	
	.icon9Left{
		float:none;
		width:auto;
		margin:20px 0;
	}
	
	.icon9Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.icon9Right{
		float:none;
		width:auto;
		margin:0;
	}
	
	.icon9Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}


/*----------------------------------------------------------
	f10
-----------------------------------------------------------*/
.group10{
	overflow:hidden;
	width:950px;
	margin:0 auto 40px;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl10{
	margin:40px 0 20px;
	padding:0;
	font-size:16px;
	text-align:center;
}
.group10In{
	margin:40px 0 10px;
}
.group10Wrap{
	overflow:hidden;
	width:850px;
	margin:0 auto 50px;
}
.group10Left{
	float:left;
	width:600px;
	margin:0;
}
.group10Right{
	float:right;
	width:210px;
	margin:0 0 0;
}
.group10Text{
	margin:0;
	padding:0;
	font-size:14px;
}
.group10Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.group10Img1{
	width:833px;
	margin:30px auto 70px;
	padding:0;
}
.group10Detail{
	margin:0 0 10px 140px;
}
.group10Bnr{
	width:680px;
	margin:0 auto 60px;
	padding:0;
}
@media (max-width:640px){
	.group10{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl10{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group10In{
		width:auto;
	}
	.group10Img1{
		width:auto;
		height:auto;
		margin:20px auto 0;
		padding:0;
	}
	.group10Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group10Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	.group10Wrap{
		overflow:hidden;
		width:auto;
		margin:0 auto 10px;
	}
	.group10Left{
		float:none;
		width:auto;
		margin:0;
	}
	.group10Right{
		float:none;
		width:auto;
		margin:20px 0 10px;
	}
	.group10Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group10Text{
		margin:0;
		padding:0;
		font-size:14px;
	}
	.group10Comment{
		width:auto;
		margin:0 auto 30px;
		padding:0;
		font-size:10px;
		list-style:none;
	}
	.group10Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.group10Comment{
		width:auto;
		margin:10px auto;
		padding:0;
		font-size:10px;
		color:#666;
	}
	.group10Bnr{
		width:auto;
		margin:0 auto 20px;
		padding:0;
	}
	.group10Bnr img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

}


/*----------------------------------------------------------
	f11
-----------------------------------------------------------*/
.group11{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0 0 40px;
	border-bottom:dotted 1px #000;
}
.feat_ttl11{
	margin:10px 0 20px;
	padding:0;
	font-size:23px;
	text-align:center;
}
.group11In{
	margin:40px 0 10px;
	padding:0 0 0;
}
.group11Wrap{
	overflow:hidden;
	width:850px;
	margin:0 auto 50px;
}
.group11Left{
	float:left;
	width:600px;
	margin:0;
}
.group11Right{
	float:right;
	width:210px;
	margin:0 0 0;
}
.group11Text{
	margin:0;
	padding:0;
	font-size:16px;
}
.group11Comment{
	width:790px;
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}
.group11Img1{
	width:767px;
	margin:30px auto 0;
	padding:0;
}
.group11Btn{
	margin:10px 0 0 0;
	padding:2px;
}
.mod-link{
	font-size:14px;
}

@media (max-width:640px){
	.group11{
		overflow:hidden;
		width:auto;
		padding:0;
		margin:0 10px;
	}
	.feat_ttl11{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group11In{
		display:table;
	}
	.group11Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group11Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group11Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.group11Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}

/*----------------------------------------------------------
	f12
-----------------------------------------------------------*/
.group12{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl12{
	margin:0 0 20px;
	padding:0;
	font-size:23px;
}
.group12In{
	margin:0;
	padding:0;
	overflow:hidden;
}
.group12Left{
	float:left;
	width:628px;
	margin:0;
}
.group12Right{
	float:right;
	width:300px;
	margin:80px 0 0;
}
.group12Text{
	margin:0;
	padding:0;
	font-size:16px;
}

.group12Img1{
	width:767px;
	margin:30px auto 0;
	padding:0;
}

.mod-link{
	font-size:14px;
}
.group12Detail{
	margin:50px 0 10px 140px;
}
.group12Bnr{
	width:680px;
	margin:0 auto 60px;
	padding:0;
}

@media (max-width:640px){
	.group12{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 10px;
	}
	.feat_ttl12{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group12In{
		width:auto;
	}
	.group12Left{
		float:none;
		width:auto;
		margin:0;
	}
	.group12Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.group12Right{
		float:none;
		width:auto;
		margin:20px 0 0;
	}
	.group12Text{
		font-size:14px;
		margin:0 auto 15px;
		padding:0;
	}
	
	.group12Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.group12Bnr{
		width:auto;
		margin:0 auto 20px;
		padding:0;
	}
	.group12Bnr img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

}

/*----------------------------------------------------------
	f13
-----------------------------------------------------------*/
.group13{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl13{
	margin:0 0 20px;
	padding:0;
	font-size:23px;
}
.group13In{
	margin:0;
	padding:0;
}
.group13Left{
	float:left;
	width:295px;
	margin:60px 0 0;
}
.group13Right{
	float:right;
	width:627px;
	margin:40px 0;
}
.group13Text{
	margin:0;
	padding:0;
	font-size:16px;
}

.group13Img1{
	width:276px;
	margin:30px auto 0;
	padding:0;
}

.mod-link{
	font-size:14px;
}

@media (max-width:640px){
	.group13{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl13{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group13In{
		width:auto;
	}
	.group13Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group13Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group13Left{
		float:none;
		width:auto;
		margin:20px 0;
	}
	.group13Right{
		float:none;
		width:auto;
		margin:40px 0 15px;
	}
	.group13Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.group13Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.group13Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}
/*----------------------------------------------------------
	f14
-----------------------------------------------------------*/
.group14{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl14{
	margin:0 0 20px;
	padding:0;
	font-size:23px;
}
.group14In{
	margin:0;
	padding:0;
}
.group14Left{
	float:left;
	width:424px;
	margin:60px 0 40px;
}
.group14Right{
	float:right;
	width:435px;
	margin:120px 0;
}
.group14Text{
	margin:0;
	padding:0;
	font-size:16px;
}

.group14Img1{
	width:276px;
	margin:30px auto 0;
	padding:0;
}

.mod-link{
	font-size:14px;
}

@media (max-width:640px){
	.group14{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl14{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group14In{
		display:table;
	}
	.group14Left{
		float:none;
		width:auto;
		margin:40px auto 0;
	}
	.group14Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.group14Right{
		float:none;
		width:auto;
		margin:40px 0 20px;
	}
	.group14Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group14Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group14Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.group14Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}
/*----------------------------------------------------------
	f15
-----------------------------------------------------------*/
.group15{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:0;
	border-bottom:dotted 1px #000;
}
.feat_ttl15{
	margin:40px 0 20px;
	padding:0;
	font-size:23px;
	text-align:center;
}
.group15Text{
	width:728px;
	margin:0 auto;
	padding:0;
	font-size:16px;
}
.group15Text2{
	font-size:14px;
}
.group15Wrap{
	overflow:hidden;
	width:950px;
	margin:50px auto 0;
}

.group15Left{
	float:left;
	width:420px;
	margin:0 auto;
}
.group15Left h2{
	font-size:16px;
	text-align:center;
}
.group15Right{
	float:right;
	width:420px;
	margin:0 auto;
}
.group15Right h2{
	font-size:16px;
	text-align:center;
}
.group15Img1{
	width:308px;
	margin:30px auto 0;
	padding:0;
}
.group15Img2{
	width:421px;
	margin:30px auto;
	padding:0;
}
.group15Img3{
	width:183px;
	margin:30px auto 0;
	padding:0;
}
.group15Comment{
	margin:0 auto 30px;
	padding:0;
	font-size:10px;
	list-style:none;
}

.mod-link{
	font-size:14px;
}

@media (max-width:640px){
	.group15{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.feat_ttl15{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.group15In{
		width:auto;
	}
	.group15Left{
		float:none;
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group15Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.group15Right{
		float:none;
		width:auto;
		height:auto;
		margin:20px auto 0;
		padding:0;
	}
	.group15Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group15Left h2{
		font-size:14px;
		text-align:center;
	}
	.group15Right h2{
		font-size:14px;
		text-align:center;
	}
	.group15Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.group15Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group15Img2{
		width:auto;
		height:auto;
		margin:40px auto 20px;
		padding:0;
	}
	.group15Img2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group15Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:14px;
	}
	
	.group15Text{
		width:auto;
		margin:0 auto;
		padding:0;
		font-size:16px;
	}
	.group15Text2{
		font-size:14px;
	}
	.group15Wrap{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.group15Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
}


/* feature icons */
.featureIconList {
	width:950px;
	overflow:hidden;
	margin:0 auto;
}
.featureIconList ul {
	width:950px;
	padding:0;
	margin:0 0 20px 0;
}
.featureIconList ul li {
	list-style-type:none;
	display:block;
	float:left;
	margin:0 20px 20px 0;
	*display:inline;
}
.last{
	margin:0 0 20px 0!important
}
.featureIconList ul li img {
	display:block;
	float:left;
}
.featureIconList ul li img.pc{
	display:block;
}
.featureIconList ul li img.sp{
	display:none;
}

.hybrid {
	margin-bottom:40px;
}		
.mod-link{
	font-size:14px;
}

@media (max-width:640px){
	/* feature icons */
	.featureIconList {
		width:100%;
		overflow:hidden;
	}
	.featureIconList ul {
		float:left;
		width:110%;
		padding:0;
	}
	.featureIconList ul li {
		list-style-type:none;
		display:block;
		float:left;
		margin:0 5% 5% 0.5%;
		width:42.50%;
	}
	.last{
			margin:0 5% 5% 0.5%!important
	}
	.featureIconList ul li img {
		display:block;
		float:left;
		width:99%;
		height:auto;
	}
	.featureIconList ul li img.pc{
		display:none;
	}
	.featureIconList ul li img.sp{
		display:block;
	}
}

.br{
	display:none;
}
@media (max-width:640px){
	.br{
		display:block;
	}
}