@charset "shift-jis";
/*=========================================================

	Site Name  SONY STORE store
	File Name  /store/share/css/common.css

	Create Date 2014/03/27
==========================================================*/

/*=========================================================
	01 > common
	02 > module box
	03 > module heading
	04 > module button
	05 > module nav
	06 > module list
	101 > mediaQuery > min-width:641px
	201 > mediaQuery > max-width:640px > common
	202 > mediaQuery > max-width:640px > module box
	203 > mediaQuery > max-width:640px > module heading
	204 > mediaQuery > max-width:640px > module button
	205 > mediaQuery > max-width:640px > module list
==========================================================*/


/*----------------------------------------------------------
	01 > common
-----------------------------------------------------------*/

/* mod-colorLabel
------------------------------ */

.mod-contentContainer .mod-colorLabel.colPre{background-color:#bf3951;}
.mod-contentContainer .mod-colorLabel.colRegularEvent{background-color:#63983c;}
.mod-contentContainer .mod-colorLabel.colEvent{background-color:#9fb336;}
.mod-contentContainer .mod-colorLabel.colSeminar{background-color:#6242a5;}
.mod-contentContainer .mod-colorLabel.colAnnounce{background-color:#a54295;}
.mod-contentContainer .mod-colorLabel.colCampaign{background-color:#ff7f00;}
.mod-contentContainer .mod-colorLabel.colExperience{background-color:#374ab3;}
.mod-contentContainer .mod-colorLabel.colInfo{background-color:#3381cc;}
.mod-contentContainer .mod-colorLabel.colService{background-color:#cc3c91;}
.mod-contentContainer .mod-colorLabel.colPurchase{background-color:#33a79e;}
.mod-contentContainer .mod-colorLabel.colWomen{background-color:#e59ec8;}
.mod-contentContainer .mod-colorLabel.colStoreGinza{background-color:#9fb336;}
.mod-contentContainer .mod-colorLabel.colStoreNagoya{background-color:#32a69c;}
.mod-contentContainer .mod-colorLabel.colStoreOsaka{background-color:#a54295;}
.mod-contentContainer .mod-colorLabel.colReservation{background-color:#15c2ff;}

/*----------------------------------------------------------
	02 > module box
-----------------------------------------------------------*/


/*----------------------------------------------------------
	03 > module heading
-----------------------------------------------------------*/


/*----------------------------------------------------------
	04 > module button
-----------------------------------------------------------*/


/*----------------------------------------------------------
	05 > module nav
-----------------------------------------------------------*/


/*----------------------------------------------------------
	06 > module list
-----------------------------------------------------------*/

/* banners
------------------------------ */

.mod-contentContainer .mod-bdrBox.banners{
	padding-top:10px;
}
.banners ul{
	overflow:hidden;
	*zoom:1;
}
.banners li{
	margin:0;
	padding:30px 15px 0;
	float:left;
	display:block;
	width:286px;
	list-style:none;
}
.banners a,
.banners img{
	display:block;
}

/* info
------------------------------ */
.mod-contentContainer .mod-info{
	margin-top:20px;
	padding:15px;
	background:#e8e8e8;
}

@media (max-width:640px){
}

@media screen (min-width:641px){
/*----------------------------------------------------------
	101 > mediaQuery > min-width:641px
-----------------------------------------------------------*/
}


@media (max-width:640px){
/*----------------------------------------------------------
	201 > mediaQuery > max-width:640px > common
-----------------------------------------------------------*/


/*----------------------------------------------------------
	202 > mediaQuery > max-width:640px > module box
-----------------------------------------------------------*/


/*----------------------------------------------------------
	203 > mediaQuery > max-width:640px > module heading
-----------------------------------------------------------*/


/*----------------------------------------------------------
	204 > mediaQuery > max-width:640px > module button
-----------------------------------------------------------*/

/*----------------------------------------------------------
	205 > mediaQuery > max-width:640px > module list
-----------------------------------------------------------*/

/* banners
------------------------------ */

.banners,
.banners ul{
	margin:0;
	padding:0;
}

.banners ul{
	margin-top:16px;
}

.banners li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:14px 8px 0 0;
	float:left;
	width:50%;
}

.banners li:nth-child(even){
	padding:14px 0 0 8px;
}

}