.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}

.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb65{
	margin-bottom:65px;
}

.mb70{
	margin-bottom:70px;
}
.mb75{
	margin-bottom:75px;
}

.mb80{
	margin-bottom:80px;
}
.mb90{
	margin-bottom:90px;
}
.mb100{
	margin-bottom:100px;
}
@media (max-width: 640px) {
	.mb10,
	.mb20,
	.mb25,
	.mb30,
	.mb40,
	.mb50,
	.mb60,
	.mb65,
	.mb70,
	.mb80,
	.mb90,
	.mb100{
		margin-bottom:0;
	}
}

body{
	background:#000;
	font-family: Meiryo;
}
@media (max-width: 640px) {
	body{
		background:#000;
		font-family:'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33','Hiragino Kaku Gothic Pro','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS P Gothic',sans-serif;
	}
}
#bgarea{
	width:100%;
	position:absolute;
	background:url(../../images/contentsbg.jpg) repeat-x left top;
}
#wrapper{
	width:970px;
	margin:0 auto;
	color:#999;
}
#header{
	width:100%;
	height:53px;
	background:url(../../images/headerbg.jpg) repeat-x left top;
}
#headerInner{
	overflow:hidden;
	width:970px;
	height:53px;
	margin:0 auto;
}
.logosony{
	float:left;
	margin:12px 0 0;
}
.logowrap{
	overflow:hidden;
	float:right;
	width:350px;
}
.logozx1{
	float:left;
	margin:16px 0 0;
}
.logowalkman{
	float:right;
	margin:16px 0 0;
}

.index_block01{
	overflow:hidden;
	margin:30px 0 0;
}
.index_block01Left{
	float:left;
}
.index_block01Right{
	float:right;
}
@media (max-width: 640px) {
	#wrapper{
		width:auto;
		margin:0 auto;
	}
	#header{
		position:relative;
		width:100%;
		height:53px;
		background:url(../../images/headerbg.jpg) repeat-x left top;
		z-index:1000!important;
	}
	#headerInner{
		overflow:hidden;
		width:auto;
		height:53px;
		margin:0 auto;
	}
	.logosony{
		float:left;
		margin:12px 0 0 20px;
	}
	.logosony img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.logowrap{
		overflow:hidden;
		float:right;
		width:60%;
		margin:0 20px 0 0;
	}
	.logozx1{
		float:left;
		width:62%;
		margin:16px 0 0;
	}
	.logozx1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.logowalkman{
		float:right;
		width:35%;
		margin:16px 1% 0;
	}
	.logowalkman img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.mainimage{
		width:auto;
		height:auto;
		margin:0 auto 40px;
	}
	
	#menuSPwrap{
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		z-index:1000!important;
	}
	.contentbtn{
		position:relative;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		z-index:100!important;
	}
	.contentbtn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	#menuSP{
		position:absolute;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		list-style:none;
		z-index:100!important;
	}
	#menuSP li{
		display:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	#menuSP li img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.bgblack{
		display:none;
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		filter:alpha(opacity=70);
		z-index:0!important;
	}
	.sp_top_intro{
		width:auto;
		height:auto;
	}
	.sp_top_intro img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.hires{
		margin:60px auto 30px;
	}
	.productsinfo{
		margin:0 auto;
	}
	.fixed {
		position: fixed;
		top: 0;
		left: auto;
		width: 100%;
	}
}

/*************************************
	menu
*************************************/
#menu{
	overflow:hidden;
	width:970px;
	height:74px;
	margin:0 auto 30px;
	padding:0;
	list-style:none;
	background:url(../../images/transbg.png) repeat-x left top;
}
#menu li{
	float:left;
	width:190px;
	margin:0 5px 0 0;
}
#menu li.last{
	float:left;
	width:190px;
	margin:0;
}
.fixed {
	position: fixed;
	top: 0;
	left: auto;
	width: 100%;
}

/*************************************
	01 〜 05共通
*************************************/
.blockTitle{
	margin:0 0 25px;
}
.blockTitle2{
	margin:0 18px 30px;
}
.blockTitle3{
	margin:0 0 20px;
}
.blockTitle4{
	margin:0 18px 20px;
}
.intropc{
	width:970px;
	height:129px;
	margin:0 auto;
	padding:0;
}
@media (max-width: 640px) {
	.blockTitle{
		width:auto;
		height:auto;
		margin:30px auto 20px;
		padding:0;
	}
	
	.blockTitle img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.blockTitle2{
		width:auto;
		height:auto;
		margin:30px 18px 20px;
		padding:0;
	}
	
	.blockTitle2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

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

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

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

}
.devName{
	margin:0;
	line-height:2;
	font-size:15px;
	font-weight:500;
	color:#fff;
}
.blockText1{
	line-height:2;
	font-size:14px;
}
.blockText2{
	line-height:2;
	font-size:14px;
}
.blockText3{
	margin-left:18px;
	margin-right:18px;
	line-height:2;
	font-size:14px;
}
.blockText4{
	margin:0;
	line-height:2;
	font-size:14px;
}
@media (max-width: 640px) {
	.devName{
		margin:0;
		line-height:1.7!important;
		font-size:100%;
		font-weight:500;
	}
	.blockText1{
		line-height:1.7!important;
		margin:0 0 20px;
		font-size:90%;
	}
	.blockText2{
		line-height:1.7!important;
		margin:0 0 20px;
		font-size:90%;
	}
	.blockText3{
		line-height:1.7!important;
		margin:0 0 20px;
		font-size:90%;
	}
	.blockText4{
		line-height:1.7!important;
		margin:0;
		font-size:90%;
	}
}
.ov{
	overflow:hidden;
	clear:both;
}
.emph{
	color:#DDBD15;
}
.reg{
	vertical-align:top;
	font-size:80%;
}
.textBlock{
	margin:0 18px 40px;
}
.textBlock2{
	margin:55px 18px;
}
.textBlock3{
	margin:0 18px;
}
.textBlock4{
	margin:0 18px 70px;
}
.textBlock5{
	margin:0 18px;
}

@media (max-width: 640px) {
	.textBlock{
		margin:0 18px 0;
	}
	.textBlock2{
		margin:30px 18px 10px;
	}
	.textBlock3{
		margin:0 18px;
	}
	.textBlock4{
		margin:30px 18px 20px;
	}
	.textBlock5{
		margin:0;
	}

}
.imgBlock{
	margin:35px 18px 45px;
}

.caution{
	margin:0 18px 80px;
}
@media (max-width: 640px) {
	.imgBlock{
		margin:20px 0;
	}
	.imgBlock img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.caution{
		font-size:80%;
		margin:0 18px 20px;
	}
}

/*************************************
	01 Concept block1_1
*************************************/
.block1_1{
	overflow:hidden;
	margin:65px 0 0;
}

.block1_1Left{
	float:left;
	width:570px;
	margin:0 0 0 18px;
}

.block1_1Right{
	float:right;
	margin:0 18px 0 0;
}
@media (max-width: 640px) {
	.block1_1{
		overflow:hidden;
		margin:20px 20px 0;
	}
	.block1_1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block1_1Left{
		float:none;
		width:auto;
		margin:0 auto;
	}

	.block1_1Right{
		float:none;
		margin:30px;
	}
}
/*************************************
	01 Concept block1_2
*************************************/

.block1_2{
	overflow:hidden;
	margin:60px 0 0;
}

.block1_2Left{
	float:left;
	width:141px;
	margin:0 0 0 58px;
}

.block1_2Right{
	float:right;
	width:690px;
	margin:0 18px 0 0;
}

.hires{
	float:right;
	margin:40px 0 20px 37px;
}
@media (max-width: 640px) {
	.block1_2{
		overflow:hidden;
		margin:0;
	}
	
	.block1_2Left{
		float:none;
		width:auto;
		margin:0;
	}
	.block1_2Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.block1_2Right{
		float:none;
		width:auto;
		margin:0 20px;
	}
}

/*************************************
	01 Concept block1_3
*************************************/
.block1_3{
	overflow:hidden;
	margin:50px 0 65px;
}
.block1_3Inner{
	overflow:hidden;
	margin:0 0 15px;
}
.block1_3Left{
	float:left;
	width:600px;
	margin:0 0 0 18px;
}
.block1_3Right{
	float:right;
	margin:0 18px 0 0;
}
@media (max-width: 640px) {
	.block1_3{
		overflow:hidden;
		margin:30px 20px 55px;
	}
	.block1_3Inner{
		overflow:hidden;
		margin:0;
	}
	.block1_3Left{
		float:none;
		width:auto;
		margin:0;
	}
	
	.block1_3Right{
		float:none;
		margin:30px 30px 0;
	}
	.block1_3Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
/*************************************
	02 Sound block2_1
*************************************/

.block2_1{
	overflow:hidden;
	margin:55px 0 0;
}

.block2_1Left{
	float:left;
	width:340px;
	margin:0 0 0 18px;
}

.block2_1Right{
	float:right;
	width:550px;
	margin:0 18px 0 0;
}
@media (max-width: 640px) {
	.block2_1{
		overflow:hidden;
		margin:20px 20px 0;
	}
	
	.block2_1Left{
		float:none;
		width:auto;
		margin:0 20px;
	}
	
	.block2_1Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block2_1Right{
		float:none;
		width:auto;
		margin:30px 0 0;
	}
	
	.block2_1Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
/*************************************
	02 Sound block2_2
*************************************/
.block2_2{
	overflow:hidden;
	margin:20px 0 10px;
}

.block2_2Left{
	float:left;
	width:580px;
	margin:0 0 0 18px;
}

.block2_2Right{
	float:right;
	margin:0;
}
@media (max-width: 640px) {
	.block2_2{
		overflow:hidden;
		margin:0 20px 0;
	}
	
	.block2_2Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.block2_2Right{
		float:none;
		margin:0;
	}
	.block2_2Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

/*************************************
	02 Sound block2_3
*************************************/

.block2_3{
	overflow:hidden;
	margin:70px 0 50px;
}

.block2_3Left{
	float:left;
	width:340px;
	margin:0 0 0 23px;
}

.block2_3Right{
	float:right;
	width:550px;
	margin:0 18px 0 0;
}
@media (max-width: 640px) {
	.block2_3{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block2_3Left{
		float:none;
		width:auto;
		margin:30px;
	}
	
	.block2_3Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block2_3Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

/*************************************
	02 Sound block2_4
*************************************/
.block2_4{
	overflow:hidden;
	margin:70px 0 ;
}

.block2_4Left{
	float:left;
	width:650px;
	margin:0 0 0 18px;
}

.block2_4Right{
	float:right;
	margin:0 18px 0 0;
}

.smaster{
	float:right;
	margin:35px 0 30px 40px;
}
@media (max-width: 640px) {
	.block2_4{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block2_4Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block2_4Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block2_4Right{
		float:none;
		margin:0 30px;
	}
	.block2_4Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.smaster{
		float:none;
		margin:0;
	}
}

/*************************************
	03 Architecture block3_1
*************************************/

.block3_1{
	overflow:hidden;
	margin:55px 0 0;
}

.block3_1Left{
	float:left;
	width:600px;
	margin:0 0 0 18px;
}

.block3_1Right{
	float:right;
	margin:15px 23px 0 0;
}
@media (max-width: 640px) {
	.block3_1{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block3_1Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block3_1Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block3_1Right{
		float:none;
		width:auto;
		margin:0 30px 30px;
	}
	.block3_1Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	03 Architecture block3_2
*************************************/
.block3_2{
	overflow:hidden;
	margin:10px 0 60px;
}

.block3_2Left{
	float:left;
	width:600px;
	margin:10px 0 0 18px;
}

.block3_2Right{
	float:right;
	margin:0 23px 0 0;
}
@media (max-width: 640px) {
	.block3_2{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block3_2Left{
		float:none;
		width:auto;
		margin:30px 0 0;
	}
	.block3_2Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block3_2Right{
		float:none;
		width:auto;
		margin:0 30px;
	}
	.block3_2Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
/*************************************
	03 Architecture block3_3
*************************************/

.block3_3{
	overflow:hidden;
	margin:10px 0;
}

.block3_3Right{
	float:right;
	width:590px;
	margin:-5px 20px 0 0;
}

.block3_3Left{
	float:left;
	margin:0 0 0 18px;
}
@media (max-width: 640px) {
	.block3_3{
		overflow:hidden;
		margin:0 20px;
	}
	.block3_3Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block3_3Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block3_3Left{
		float:none;
		width:auto;
		margin:0 30px 30px;
	}
	.block3_3Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}

/*************************************
	03 Architecture block3_4
*************************************/
.block3_4{
	overflow:hidden;
	margin:20px 0 50px;
}
.block3_4Inner{
	overflow:hidden;
	margin:0;
}
.block3_4Left{
	float:left;
	width:680px;
	margin:0 0 0 18px;
}

.block3_4Right{
	float:right;
	margin:30px 18px 0 0;
}
@media (max-width: 640px) {
	.block3_4{
		overflow:hidden;
		margin:0 20px;
	}
	.block3_4Inner{
		overflow:hidden;
		margin:0;
	}
	.block3_4Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block3_4Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.block3_4Right{
		float:none;
		width:auto;
		margin:30px;
	}
	.block3_4Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	04 Design block4_1
*************************************/
.block4_1{
	overflow:hidden;
	margin:30px 0 0;
}

.block4_1Left{
	float:left;
	width:340px;
	margin:5px 0 0 18px;
}

.block4_1Right{
	float:right;
	width:550px;
	margin:0 18px 0 0;
}

.mtblock4{
	margin-top:57px;
}
@media (max-width: 640px) {
.mtblock4{
	margin-top:0;
}
	.block4_1{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block4_1Left{
		float:none;
		width:auto;
		margin:0 30px;
	}
	.block4_1Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block4_1Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block4_1Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	04 Design block4_2
*************************************/
.block4_2{
	overflow:hidden;
	margin:20px 0 0;
}

.block4_2Left{
	float:left;
	width:680px;
	margin:0 0 0 18px;
}

.block4_2Right{
	float:right;
	margin:0;
}
@media (max-width: 640px) {
	.block4_2{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block4_2Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block4_2Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block4_2Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block4_2Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	04 Design block4_3
*************************************/

.block4_3{
	overflow:hidden;
	margin:70px 0 60px;
}

.block4_3Left{
	float:left;
	width:297px;
	margin:0 0 0 18px;
}

.block4_3Right{
	float:right;
	width:595px;
	margin:0 18px 0 0;
}
@media (max-width: 640px) {
	.block4_3{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block4_3Left{
		float:none;
		width:auto;
		margin:0 30px;
	}
	.block4_3Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block4_3Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block4_3Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	04 Design block4_4
*************************************/
.block4_4{
	overflow:hidden;
	margin:60px 0;
}

.block4_4Left{
	float:left;
	width:640px;
	margin:0 0 0 18px;
}

.block4_4Right{
	float:right;
	margin:0 18px 0 0;
}

.smaster{
	float:right;
	margin:35px 0 30px 40px;
}
@media (max-width: 640px) {
	.block4_4{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block4_4Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block4_4Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block4_4Right{
		float:none;
		width:auto;
		margin:0 30px;
	}
	.block4_4Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	05 Body block5_1
*************************************/
.block5_1{
	overflow:hidden;
	margin:55px 0 0;
}

.block5_1Left{
	float:left;
	width:555px;
	margin:0 0 0 18px;
}

.block5_1Right{
	float:right;
	margin:0 18px 0 0;
}
.nm{
	margin:-5px 18px 0;
}

@media (max-width: 640px) {
	.block5_1{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block5_1Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block5_1Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block5_1Right{
		float:none;
		width:auto;
		margin:0 30px 20px;
	}
	.btm{
		margin-bottom:40px!important;
	}
	
	.block5_1Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.nm{
		margin:0 20px;
	}
}
/*************************************
	05 Body block5_2
*************************************/
.block5_2{
	overflow:hidden;
	margin:10px 0 0;
}

.block5_2Left{
	float:left;
	width:555px;
	margin:0 0 0 18px;
}

.block5_2Right{
	float:right;
	margin:0 18px 0 0;
}
/*************************************
	05 Body block5_3
*************************************/

.block5_3{
	overflow:hidden;
	margin:30px 0 60px;
}

.block5_3Left{
	float:left;
	width:290px;
	margin:0 0 0 18px;
}

.block5_3Right{
	float:right;
	width:600px;
	margin:-8px 18px 0 0;
}
@media (max-width: 640px) {
	.block5_3{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block5_3Left{
		float:none;
		width:auto;
		margin:0 30px 30px;
	}
	.block5_3Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block5_3Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block5_3Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	05 Body block5_4
*************************************/
.block5_4{
	overflow:hidden;
	margin:20px 0 0;
}

.block5_4Left{
	float:left;
	width:700px;
	margin:0 0 0 18px;
}

.block5_4Right{
	float:right;
	margin:30px 0 0;
}
@media (max-width: 640px) {
	.block5_4{
		overflow:hidden;
		margin:0 20px;
	}
	
	.block5_4Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.block5_4Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block5_4Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.spm{
		margin:0 20px;
	}
}
/*************************************
	05 Body block5_5
*************************************/
.block5_5{
	overflow:hidden;
	margin:20px 0 0;
}
.block5_5Inner{
	overflow:hidden;
	margin:0 0 10px;
}
.block5_5Left{
	float:left;
	width:565px;
	margin:0 0 0 18px;
}

.block5_5Right{
	float:right;
	margin:0 18px 0 0;
}

@media (max-width: 640px) {
	.block5_5{
		overflow:hidden;
		margin:0 20px;
	}
	.block5_5Inner{
		width:auto;
		margin:0 auto;
	}
	.block5_5Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block5_5Left img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.block5_5Right{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block5_5Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

}
/*************************************
	05 Body 導線部分
*************************************/
.leadbox{
	height:360px;
	background:url(../images/int5_13.jpg) repeat-x left top;
}
.leadboxcontents{
	overflow:hidden;
	width:476px;
	margin:0 auto;
	padding:84px 0 0;
}
.leadboxtitle{
	margin:0 0 62px;
}
.leadboxleft{
	float:left;
}
.leadboxright{
	float:right;
	width:335px;
}
.leadboxleftbtn{
	float:left;
}
.leadboxrightbtn{
	float:right;
}

.leadbtnwrap{
	overflow:hidden;
	margin:12px 0 0;
}

@media (max-width: 640px) {
	.leadbox{
		width:100%;
		height:auto;
		margin:0 auto;
		background:url(../images/int5_13.jpg) repeat-x left top;
		background-size:contain;
	}
	.leadboxcontents{
		overflow:hidden;
		width:auto;
		margin:0 auto;
		padding:50px 0 0;
	}
	.leadboxtitle{
		margin:20px 0;
	}
	.leadboxleft{
		float:left;
		width:30%;
		height:auto;
		margin:2% 0 0 2%;
	}
	.leadboxleft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.leadboxright{
		float:left;
		width:60%;
		height:auto;
		margin:0 5% 0 0;
	}
	.leadboxright img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.leadboxleftbtn{
		float:left;
		width:48%;
		height:auto;
		margin:0;
	}
	.leadboxleftbtn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.leadboxrightbtn{
		float:right;
		width:48%;
		height:auto;
		margin:0;
	}
	.leadboxrightbtn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.icon{
		width:auto;
		height:auto;
		margin:50px 10px 20px 3px;
	}
	.icon img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
	}

	.leadbtnwrap{
		overflow:hidden;
		margin:12px 0 0;
	}
}
@media (max-width: 400px) {
	.leadboxleft{
		float:left;
		width:20%;
		height:auto;
		margin:7% 5% 0 5%;
	}
	.leadboxleft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
/*************************************
	SP 導線
*************************************/

.sp_link{
	display:none;
}
@media (max-width: 640px) {
	.sp_link{
		display:block;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.sp_link img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.hireslink{
		margin:60px auto 30px;
	}
}
/*************************************
	footer
*************************************/

.footer{
	width:100%;
	height:50px;
	background:url(../../images/footerbg.jpg) repeat-x left top;
}

.footerInner{
	overflow:hidden;
	width:970px;
	height:50px;
	margin:0 auto;
}

.footercopyright{
	float:left;
	margin:10px 30px 0 0;
}

.footerbtnwrap{
	width:333px;
	float:right;
	overflow:hidden;
}

.footerbtnLeft{
	float:left;
	margin-right:3px;
}
.footerbtnRight{
	float:right;
}
.footerbtnLeft a:hover{
	opacity:0.5;
}

.footerbtnRight a:hover{
	opacity:0.5;
}
@media (max-width: 640px) {
	.footer{
		overflow:hidden;
		width:auto;
		height:auto;
		background:url(../../images/footerbgsp.jpg) repeat-x left top;
	}
	
	.footerInner{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.footercopyright{
		float:none;
		width:70%;
		margin:15px auto;
	}
	.footercopyright img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.footerbtnwrap{
		float:none;
		width:auto;
		height:auto;
		overflow:hidden;
	}
	
	.footerbtnLeft{
		float:none;
		margin-right:3px;
		background:#fff;
	}
	
	.footerbtnRight{
		float:right;
		background:#fff;
	}
	.footerbtnLeft a:hover{
		opacity:0.5;
	}
	
	.footerbtnRight a:hover{
		opacity:0.5;
	}
}
/*----------------------------------------------------------
	PC SP 表示切り替え
-----------------------------------------------------------*/
.pc{
	display:block!important;
}
.sp{
	display:none!important;
}
@media (max-width: 640px) {
	.pc{
		display:none!important;
	}
	.sp{
		display:block!important;
	}
}

/*************************************
	SNS
*************************************/
.sns{
	float:left;
	width:330px !important;
}

.tw{
	float:left;
	margin:0 0 0 3px;
}
.tw iframe{
	width: 110px !important;
}
.twitter-share-button{
	width: 110px !important;
}
.fb{
	float:left;
	margin:0 0 0 3px;
}

.mi{
	float:left;
	margin:0;
}
.mixi-check-button{
	border:solid 1px #fff!important;
}

/* ==========================================================================
mod-shareButton
========================================================================== */
.mod-shareButton {
	float:left;
	width: 300px;
	height: 26px;
	margin: 15px 0;
}
.mod-shareButton ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	line-height: 1;
}
	.mod-shareButton li {
	text-align: left;
	margin: 0;
	padding: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	overflow: hidden;
}
.mod-shareButton .mixi {
	width: 80px;
}
.mod-shareButton .facebook {
	width: 110px;
	height: 24px;
}
.mod-shareButton .twitter {
	width: 100px; 
}

@media (max-width: 640px) {
	.mod-shareButton {
		float:none;
		width: auto;
		height: auto;
	}
}
.br{
	display:block;
}
@media (max-width: 640px) {
	.br{
		display:none;
	}
}


.mod-shareButton {
    margin:0;
    padding: 15px 0px;
    width:390px;
}

.mod-shareButton .google {
    width:65px;
}
.detail_store {
    width: 479px;
    height: 177px;
    margin: 0 auto 57px;
    /*background: url(../manufacturer/images/smple_03.jpg) no-repeat;*/
}
.detail_store_left {
    float: left;
    width: 87px;
}
.detail_store_right {
    float: right;
    width: 352px
}
.right_headline {
    font-size: 1.33rem;
    line-height: 1;
}
.right_model {
    font-size: 40px;
    font-size: 3.33rem;
    line-height: 1.33;
    letter-spacing: -1px;
}
.right_catch {
    font-size: 20px;
    font-size: 1.77rem;
    line-height: 1.7;
    margin-bottom: 24px;
    letter-spacing: -1px;
}
.buttons_area {}
.buttons_area > a > span {
    display: inline-block;
    font-size: 1.33rem;
    float: left;
    padding: 9px 0;
    text-align: center;
    width: 166px;
}

.buttons_area > a:first-child span {
    margin-right: 19px;
}
.buttons_area > a > span {
    color:#FFF;
    text-decoration: none;
}
.buttons_area span,img#l19,img#r29,.bottom_banner_inner_right {
    transition-duration:1s;
}

.buttons_area span:hover,img#l19:hover,img#r29:hover,.bottom_banner_inner_right:hover {
    opacity: .7;
    filter:alpha(opacity=70);
}
.detail_button { background: #000}
.store_button { background: #f5673a;}
@media screen and (max-width: 640px){
    .detail_store {
        width: 100%;
        height: none;
        margin: 0 auto;
    }
    .detail_store_left {
        float: none;
        width: 100%;
        clear: both;
    }
    .detail_store_left img {
        clear: both;
        display: block;
        float: none;
        height: auto;
        margin: 0 auto 8%;
        width: 50%;
    }
    .detail_store_right {
        clear: both;
        float: none;
        width: 100%;
    }
    .right_headline {
    font-size: 1.1rem;
}
    .right_model {
        font-size: 2.2rem;
        letter-spacing: -0.5px;
    }
    .right_model img {
        width: 15%;
    }
    .right_catch {
        font-size: 1.33rem;
        margin-bottom: 11px;
    }
    .buttons_area {}
    .buttons_area > a > span {
        color:#FFF;
        font-size: 1.4rem;
        letter-spacing: 1px;
        text-decoration: none;
        width: 100%;
        margin-bottom: 100px;
    }

    .buttons_area > a:first-child span {
    margin: 0 0 10px;
    }
    .buttons_area > a > span {

    }
    .buttons_area span {
        transition-duration:1s;
    }

    .buttons_area span:hover {
        opacity: .7;
        filter:alpha(opacity=70);
    }
    .detail_button { background: #000}
    .store_button { background: #f5673a;}
}

@media screen and (max-width: 640px){
.mod-shareButton {
    width:100%;
}

.mod-shareButton .twitter {
    width:105px;
}

.mod-shareButton .facebook {
    width:95px;
    height:21px;
    padding-bottom:10px;
}

.mod-shareButton .mixi {
    width:75px;
}

.mod-shareButton .google {
    width:65px;
}

.mod-shareButton ul {
    text-align:center
}

.mod-shareButton li {
    vertical-align:top;
}

}