@charset "shift_jis";

/*------------------------*/
/* index                  */
/*------------------------*/
#contentBase{
	position:relative;
	margin:0px auto 0px auto;
	width:100%;
	height:100%;
	overflow:hidden;
}

#contentBase .mainimg{
	margin-top:20px;
	width:950px;
	height:310px;
}
@media screen and (max-width: 640px){
#contentBase .mainimg{
	margin-top:10px;
	max-width:100%;
	height:auto;
}
#contentBase .mainimg img{
	max-width:100%;
	height:auto;
}}

#contentBase .contentWrap{
	position:relative;
	padding-bottom:40px;
	width:100%;
	height:100%;
	overflow:hidden;
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #cccccc #ffffff;
}

#contentBase > .noBorder {
	border-width: 0;
}

#contentBase > .noBorder > .infoArea {
	background: #f5f5f5;
	padding: 20px 30px;
	overflow: hidden;
}
#contentBase > .noBorder > .infoArea > h2 {
	font-size: 1.15rem;
	width: 184px;
	float: left;
}

#contentBase > .noBorder > .infoArea > ul {
	border-left: 1px solid #ccc;
	width: 704px;
	float: right;
}

#contentBase > .noBorder > .infoArea > ul li {
	margin: 8.5px 25px;
}

#contentBase > .noBorder > .infoArea > ul > li > p{
	line-height: 1.65;
}

#contentBase > .noBorder > .infoArea > ul > li > .infoDate {
	font-size: 0.75rem;
	padding: 0 0 0 5px;
}

#contentBase > .noBorder > .infoArea > ul > li > .infoTitle {
	font-size: 0.9rem;

}

#contentBase > .noBorder > .infoArea > ul > li > .infoTitle a{
	display: inline-block;
	padding: 0 0 0 17.5px;
	position: relative;
}

#contentBase > .noBorder > .infoArea > ul > li > .infoTitle a:before{
	content: url("../Images/infoArrow.gif");
	left: 0;
	position: absolute;
	top: 2.5px;
}

#contentBase .paragraph{
	color:#000000;
	font-size:100%;
	width:100%;
	height:100%;
	overflow:hidden;
}

#contentBase .flowimg{
	margin:30px auto 0px auto;
	width:850px;
	height:303px;
}
@media screen and (max-width: 640px){

	#contentBase > .noBorder > .infoArea {
		padding: 20px 20px 15px;
	}
	#contentBase > .noBorder > .infoArea > h2 {
		width: 100%;
		float: none;
	}

	#contentBase > .noBorder > .infoArea > ul {
		border-left: none;
		width: 100%;
		float: none;
	}

	#contentBase > .noBorder > .infoArea > ul li {
		margin: 8.5px 0px;
	}

	#contentBase > .noBorder > .infoArea > ul > li > p{
		/*line-height: 1.65;*/
	}

	#contentBase > .noBorder > .infoArea > ul > li > .infoDate {
		font-size: 0.75rem;
		padding: 0 0 0 5px;
	}

	#contentBase > .noBorder > .infoArea > ul > li > .infoTitle {
		font-size: 0.9rem;

	}

	#contentBase > .noBorder > .infoArea > ul > li > .infoTitle a{
		display: inline-block;
		padding: 0 0 0 17.5px;
		position: relative;
	}

	#contentBase > .noBorder > .infoArea > ul > li > .infoTitle a:before{
		content: url("../images/infoArrow.gif");
		left: 0;
		position: absolute;
		top: 2.5px;
	}



#contentBase .flowimg{
	margin-top:30px;
	max-width:100%;
	height:auto;
}
#contentBase .flowimg img{
	max-width:100%;
	height:auto;
}}

#contentBase .subTitle{
	font-size:110%;
	font-weight:bold;
}
@media screen and (max-width: 640px){
#contentBase .subTitle{
	padding-top:20px;
}}

#contentBase .note{
	font-size:80%;
	color:#666666;
}

#contentBase .forpc{
	display:block;
}
#contentBase .forsm{
	display:none;
}
@media screen and (max-width: 640px){
#contentBase .forpc{
	display:none;
}
#contentBase .forsm{
	display:block;
}}

#contentBase .shopSearchWrap{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#contentBase .shopSearchWrap .imgArea{
	float:left;
	margin-right:25px;
	width:215px;
	height:180px;
}
@media screen and (max-width: 640px){
#contentBase .shopSearchWrap .imgArea{
	max-width:100%;
}
#contentBase .shopSearchWrap .imgArea img{
	max-width:100%;
	height:auto;
}}

#contentBase .shopSearchWrap .txtArea{
	float:left;
	width:710px;
	height:100%;
	overflow:hidden;
}
@media screen and (max-width: 640px){
#contentBase .shopSearchWrap .txtArea{
	max-width:100%;
	height:auto;
}}

#contentBase .sonyStoreWrap{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#contentBase .sonyStoreWrap .imgArea{
	float:left;
	margin-right:25px;
	width:460px;
	height:290px;
}
@media screen and (max-width: 640px){
#contentBase .sonyStoreWrap .imgArea{
	max-width:100%;
}
#contentBase .sonyStoreWrap .imgArea img{
	max-width:100%;
	height:auto;
}}

#contentBase .sonyStoreWrap .txtArea{
	float:left;
	width:455px;
	height:100%;
/*	overflow:hidden;
*/}
@media screen and (max-width: 640px){
#contentBase .sonyStoreWrap .txtArea{
	max-width:100%;
	height:auto;
}}

#contentBase #sonyStoreBellowsWrap,
#contentBase #dealerBellowsWrap,
#contentBase #esonyShopBellowsWrap{
	position:relative;
	padding-bottom:10px;
	display:none;
	width:99%;
	height:100%;
	overflow:hidden;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#cccccc #cccccc #cccccc #cccccc;
}

#contentBase #sonyStoreBellowsWrap .closeButton,
#contentBase #dealerBellowsWrap .closeButton,
#contentBase #esonyShopBellowsWrap .closeButton{
	position:absolute;
	width:76px;
	top:10px;
	right:10px;
}
#contentBase #sonyStoreBellowsWrap .closeButton img,
#contentBase #dealerBellowsWrap .closeButton img,
#contentBase #esonyShopBellowsWrap .closeButton img{
	width:100%;
	height:auto;
}

#contentBase #sonyStoreBellowsWrap .popTitle,
#contentBase #dealerBellowsWrap .popTitle,
#contentBase #esonyShopBellowsWrap .popTitle{
	font-size:110%;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 640px){
#contentBase #sonyStoreBellowsWrap .popTitle,
#contentBase #dealerBellowsWrap .popTitle,
#contentBase #esonyShopBellowsWrap .popTitle{
	padding-top:20px;
}}

#contentBase #sonyStoreBellowsWrap .desc,
#contentBase #dealerBellowsWrap .desc,
#contentBase #esonyShopBellowsWrap .desc{
	padding:0px 30px 0px 30px;
}
@media screen and (max-width: 640px){
#contentBase #sonyStoreBellowsWrap .desc,
#contentBase #dealerBellowsWrap .desc,
#contentBase #esonyShopBellowsWrap .desc{
	padding:0px 10px 0px 10px;
}}

div.mod-mainContentContainer1200 {
    font-size: 133.333%;
    margin: 0 auto;
    width: 1200px;
}

div#CONTENTS-CONTAINER .isolation1200 {
    margin: 0 auto;
    text-align: left;
    width: 1200px;
}