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

	[ Solution /template ] 
	
	Update 2013/10/
	@ Sony Marketing(Japan) Inc
	
===========================================================*/

/**==========================================================
 メニュー上イントロ
===========================================================*/

.mod-brandTopImage{
	margin:0 auto;
}

.intro{
	overflow:hidden;
	width:950px;
	height:133px;
	margin:0 auto;
	padding:0;
}

.introtext{
	width:950px;
	padding:5px 0 0 0;
	text-align:right;
	font-size:90%;
	color: #666;
}

@media (max-width: 640px) {
	.intro{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 2% 8% 2%;
		padding:0;
	}
	.intro img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.introtext{
		max-width:100%;
		width:auto;
		padding:4px 0px 17px 0px;
		text-align:left;
		font-size:80%;
		color: #666;
	}
}

/**==========================================================
 メニュー
===========================================================*/

.menuList{
	overflow:hidden;
	width:950px;
	height:291px;
	margin:0 auto 30px;
	padding:0;
}
.menuList li{
	float:left;
	width: 234px;
	margin:0 2px 0 1px;
}

.menuList li.mid{
	float:left;
	width: 314px;
	margin:0 3px 0 0;
}

.menuList li.last{
	float:left;
	margin:0 0 0 1px;
}
@media (max-width: 640px) {
	.menuList{
		overflow:hidden;
		width: auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.menuList li{
		float:none;
		width: auto;
		margin:0 0 4px;
	}
	.menuList li.mid{
		float:none;
		width: auto;
		margin:0 0 4px;
	}
	
	.menuList li.last{
		float:none;
		width: auto;
		margin:0 0 4px;
	}

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

}

/*////////////////////////////////////////////////////////////////////////////
	#b1
////////////////////////////////////////////////////////////////////////////*/
#b1{
	overflow:hidden;
	width:950px;
	height:464px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg1.jpg) no-repeat left top;
}
.ttl1{
	width:736px;
	margin:65px auto 0;
}
.rightside{
	float:right;
	width:467px;
	margin:30px 62px 0 0;
}
.box1{
	overflow:hidden;
	float:right;
	width:467px;
}

.box1img{
	float:left;
	width:107px;
}

.box1text{
	float:right;
	width:301px;
	margin:17px 40px 0 0;
}

.column{
	overflow:hidden;
	float:right;
	width:467px;
	height:135px;
	margin:30px 0 0 0;
	background:#fff;
}
.bold{
	font-weight:bold;
}
.column .img{
	float:left;
	width:155px;
	height:105px;
	margin:15px 0 0 24px;
}
.column .text{
	float:right;
	width:248px;
	margin:15px 18px 0 0;
}
@media (max-width: 640px) {
	#b1{
		overflow:visible;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0 0 10px;
		background:#f6f6f6 url(../images/bgsp1.png) no-repeat left bottom;
	}
	.ttl1{
		width:auto;
		height:auto;
		margin:20px auto 0;
	}
	.ttl1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.rightside{
		float:none;
		width:auto;
		height:auto;
		margin:0
	}
	.box1{
		overflow:hidden;
		float:none;
		width:auto;
		height:auto;
	}
	
	.box1img{
		float:none;
		width:auto;
		height:auto;
		margin:30px auto;
		padding:0;
	}
	.box1img img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

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

		
	.column{
		float:none;
		width:auto;
		height:auto;
		margin:0 10px 10px;
		background:#fff;
	}
	.bold{
		font-weight:bold;
	}
	.column .img{
		float:none;
		width:auto;
		height:auto;
		margin:20px 50px;
	}
	.column .img img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.column .text{
		float:none;
		width:auto;
		height:auto;
		margin:15px;
		font-size:15px;
	}
	.column .text p{
		float:none;
		width:auto;
		height:auto;
		margin:5px 0;
	}

}
/*////////////////////////////////////////////////////////////////////////////
	#b2
////////////////////////////////////////////////////////////////////////////*/

#b2{
	position:relative;
	overflow:visible;
	width:950px;
	height:780px;
	margin:0 auto;
	background:url(../images/bg2.jpg) no-repeat left top;
}
.box2_1{
	overflow:hidden;
	width:490px;
	margin:0 auto;
	padding:35px 0 0;
}
.box2_2{
	position:absolute;
	left:218px;
	top:620px;
	overflow:hidden;
	width:500px;
	margin:0 auto;
}

.box2img1{
	float:left;
	width:122px;
}

.box2text1{
	float:right;
	width:348px;
	margin:40px 0 0 17px;
}

.box2img2{
	float:left;
	width:107px;
}

.box2text2{
	float:right;
	width:366px;
	margin:28px 5px 0 0;
}
@media (max-width: 640px) {
	#b2{
		position:relative;
		overflow:visible;
		width:auto;
		height:auto;
		margin:0 auto 60px;
		padding:0 auto;
		background:#f6f6f6 url(../images/bgsp2.png) no-repeat left top;
	}
	.box2_1{
		overflow:visible;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.spimg2{
		width:auto;
		height:auto;
		margin:0 auto 0;
	}
	
	.spimg2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.box2_2{
		position:static;
		overflow:visible;
		width:auto;
		height:auto;
		margin:0 auto;
		background:#f6f6f6;
	}
	
	.box2img1{
		float:none;
		width:auto;
		margin:0 auto;
		padding:20px 0;
	}
	.box2img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	.box2img2{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:30px 0;
		background:#f6f6f6;
	}
	.box2img2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.box2text2{
		float:none;
		width:auto;
		margin:0 20px;
		padding:0 0 20px;
	}
	.box2text2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	

}
/*////////////////////////////////////////////////////////////////////////////
	#b3
////////////////////////////////////////////////////////////////////////////*/

#b3{
	overflow:hidden;
	width:950px;
	height:701px;
	margin:30px auto;
	background:url(../images/bg3.jpg) no-repeat left top;
}

.ttl2{
	width:732px;
	margin:70px auto 17px;
}

.box3{
	overflow:hidden;
	width:694px;
	margin:0 auto 32px;
}

.box3img1{
	float:left;
	width:122px;
	margin:0;
}

.box3text1{
	float:right;
	width:540px;
	margin:10px 0 0;
}
@media (max-width: 640px) {
	#b3{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto 60px;
		background:#f6f6f6 url(../images/bgsp1.png) no-repeat left top;
	}
	
	.ttl2{
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.ttl2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.box3{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	
	.box3img1{
		float:none;
		width:auto;
		margin:30px auto;
	}
	.box3img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.spimg3{
		width:auto;
		height:auto;
		margin:0 auto 0;
	}
	
	.spimg3 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

}

/*////////////////////////////////////////////////////////////////////////////
	#b4
////////////////////////////////////////////////////////////////////////////*/

#b4{
	overflow:hidden;
	width:950px;
	height:481px;
	margin:30px auto;
	background:url(../images/bg4.jpg) no-repeat left top;
}

.ttl3{
	width:643px;
	margin:66px auto 17px;
}

.box4{
	overflow:hidden;
	width:670px;
	margin:0 auto;
}

.box4img1{
	float:left;
	width:122px;
	margin:0;
}

.box4text1{
	float:right;
	width:522px;
	margin:30px 0 0;
}

.column2{
	float:right;
	width:373px;
	height:200px;
	margin:0 50px 80px 0;
	background:#fff;
	padding-bottom:20px;
}
.column2 .inner{
	overflow:hidden;
	width:373px;
	margin:0 50px 0 0;
	padding:10px;
}
.textWrap{
	margin:20px 20px 0 10px;
}
.textWrap p{
	margin:10px 0 0 10px;
	font-size:12px;
}
.comment{
	margin:0 0 25px;
	padding:0;
	font-size:11px;
	color:#666;
}
.name{
	margin:7px 0 0 0;
	font-size:12px;
}
.link{
	font-size:11px;
}

.column2 .img2{
	float:left;
	width:64px;
	margin:3px 0 0 20px;
}
.column2 .text2{
	float:right;
	width:255px;
	margin:0 18px 0 0;
}
@media (max-width: 640px) {
	#b4{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto 60px;
		background:#f6f6f6 url(../images/bgsp1.png) no-repeat left top;
	}
	
	.ttl3{
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.ttl3 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.box4{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	
	.box4img1{
		float:none;
		width:auto;
		margin:30px auto;
	}
	
	.box4img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.box4text1{
		float:none;
		width:auto;
		margin:40px 0 0;
	}
	.box4text1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.column2{
		float:none;
		width:auto;
		height:auto;
		margin:0 10px 10px;
		background:#fff;
	}
	.column2 .inner{
		overflow:hidden;
		width:auto;
		margin:0;
	}
	.textWrap{
		margin:0;
		padding:20px 20px 0 20px;
	}
	.textWrap p{
		margin:0 0 5px;
	}
	.comment{
		margin:0 0 25px;
		padding: 0 0 0 0;
		font-size:11px;
		color:#666;
	}
	.name{
		margin:0 0 5px;
		font-size:12px;
	}
	.ddd{
		line-height:1.7;
		font-size:90%;
	}
	
	.link{
		margin:0;
	}
	
	.link .mod-link{
		font-size:100%;
	}
	
	.column2 .img2{
		float:none;
		width:auto;
		margin:0 20px 20px;
	}
	.column2 .img2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}

	.column2 .text2{
		float:none;
		width:auto;
		margin:0 10px;
	}
}

/*////////////////////////////////////////////////////////////////////////////
	#b5
////////////////////////////////////////////////////////////////////////////*/

#b5{
	overflow:hidden;
	width:950px;
	height:1091px;
	margin:0 auto 30px;
	background:url(../images/bg5.jpg) no-repeat left top;
}

.ttl4{
	width:650px;
	margin:66px auto 17px;
}

.box5{
	overflow:hidden;
	width:910px;
	margin:0 auto;
}
.box5img1{
	float:left;
	width:124px;
	margin:0;
}

.box5text1{
	float:right;
	width:772px;
	margin:20px 5px 0 0;
}
@media (max-width: 640px) {
	#b5{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto 60px;
		background:#f6f6f6 url(../images/bgsp1.png) no-repeat left top;
	}
	
	.ttl4{
		width:auto;
		height:auto;
		margin:0;
	}
	.ttl4 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.box5{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.box5img1{
		float:none;
		width:auto;
		height:auto;
		margin:30px auto;
	}
	.box5img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.box5text1{
		float:none;
		width:auto;
		height:auto;
		margin:20px 0 0;
	}
}


/*
h3.supttl {	
margin-bottom:15px;	
background:#E5E5E5;	
padding:5px 9px 4px;	
font-size:108%;
}
.relatedSeries {
	padding: 0 15px 40px;
}*/
.nonmargin{
margin:0;	
}
/* products info */
.products_info {
	margin-bottom:50px;
	background:#F7F7F7;
	padding:10px 20px;
}
.products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
}

/*-- arrow --*/
/*.arrowLink,
.arrowLink a{
	background: transparent url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat scroll 0 0.4em;
	padding: 0 0 0 10px;
}*/

ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
	list-style: none;
}

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

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