/*************************************
	body
*************************************/
body{
	background:#000;
	display:none;
}
#wrapper{
	width:970px;
	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:970px;
	height:53px;
	margin:0 auto;
}
.logosony{
	float:left;
	margin:12px 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;
}
.mainimage{
	width:968px;
	height:430px;
	margin:0 auto 40px;
}

@media (max-width: 640px) {
	#wrapper{
		width:auto;
		margin:0 auto;
	}
	#headerInner{
		overflow:hidden;
		width:auto;
		height:53px;
		margin:0 auto;
	}
	.logosony{
		float:left;
		margin:12px 0 0 20px;
	}
	.logowalkman{
		float:right;
		margin:16px 20px 0 0 ;
	}
	.mainimage{
		width:auto;
		height:auto;
		margin:0 auto 40px;
	}
	
	#menuSPwrap{
		width:auto;
		height:auto;
		margin:0 auto 20px;
		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;
	}
	.hireslink{
		margin:60px auto 30px;
	}
	.productsinfo{
		margin:0 auto;
	}
	.fixed {
		position: fixed;
		top: 0;
		left: auto;
		width: 100%;
	}
}
/*************************************
	menu
*************************************/
#menu{
	overflow:hidden;
	width:970px;
	height:80px;
	margin:20px auto 50px;
	padding:0;
	list-style:none;
}
#menu li{
	float:left;
	width:190px;
	height:81px;
	margin-right:5px;
}
#menu li.last{
	float:left;
	width:190px;
	height:81px;
	margin-right:0;
}
/*************************************
	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 120px 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;
	}
	
	.footerbtnRight{
		float:right;
	}
	.footerbtnLeft a:hover{
		opacity:0.5;
	}
	
	.footerbtnRight a:hover{
		opacity:0.5;
	}
}
/*************************************
	SNS
*************************************/
.sns{
	float:left;
	width:330px;
}
.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;
}

/*----------------------------------------------------------
	PC SP 表示切り替え
-----------------------------------------------------------*/
.pc{
	display:block;
}
.sp{
	display:none;
}
@media (max-width: 640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}

/* ==========================================================================
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;
	}
}