@charset "Shift_JIS";
/* -----------------------------------------------------------
	Accessories Top Css

	Update 2014/01/28
	@ Sony Marketing(Japan) Inc

----------------------------------------------------------- */


.mod-contentHeader2 {
    margin-top: 16px;
    padding: 0;
}


.mod-brandTopImage {
    clear: both;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 950px;
}


.mod-include-flash, .mod-include-flash .mod-brandTopImage-main {
    position: relative;
}


.mod-brandTopImage img {
    display: block;
    transition: opacity 0.2s ease-in 0s;
}


.mod-include-flash .links {
    height: 315px;
    left: 0;
    position: absolute;
    top: 0;
    width: 950px;
}

.aa {
    left: 471px;
    position: absolute;
    top: 258px;
}


.bb {
    left: 811px;
    position: absolute;
    top: 258px;
}


.mod-include .mod-include-flashAlternate {
    display: none;
}


.mod-brandTopImage .mod-brandTopImage-main {
    float: left;
}



.mod-brandTopImage img {
    display: block;
    transition: opacity 0.2s ease-in 0s;
}


.mod-brandTopImage .mod-brandTopImage-extra {
    float: left;
}

.mod-brandTopImage .mod-brandTopImage-extra-alternate {
    height: 0;
    overflow: hidden;
    position: absolute;
}




.mod-column1 #main h2.title {
    margin: 30px 0 0;
}

.mod-column2-main {
    overflow: hidden;
    width: 950px;
}


.mod-seriesList:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}


.mod-seriesList .mod-seriesList-item2 {
    float: left;
    padding: 0 2px;
    width: 471px;
}


.mod-heading2:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}


.mod-heading2 h3 {
    float: left;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0;
}

.mod-heading2{padding:0 0 9px 9px;border-bottom:1px solid #ccc;margin:24px 0 20px;*zoom:1}
.mod-heading2:after{content:'';display:block;clear:both;height:0}
.mod-heading2:first-child{margin-top:0}
.mod-heading2 h3{font-size:1.25em;font-weight:bold;float:left;margin:0}
.mod-heading2 h3 a,.mod-heading2 h3 a:hover{color:#333;text-decoration:none}
.mod-heading2 ul.mod-heading2-misc{font-size:0.92308em;margin:0;padding:.2em 0 0;list-style:none;float:right}
.mod-heading2 ul.mod-heading2-misc li{display:inline-block;*display:inline;*zoom:1;margin-left:20px}


.mod-seriesList a, .mod-seriesList a:hover, .mod-seriesList a:visited {
    color: #333333;
    cursor: pointer;
    display: block;
    text-decoration: none;
}



.mod-seriesList .mod-seriesList-item2-image {
    float: left;
    margin: 0 20px;
}


.mod-seriesList .mod-seriesList-item1-image img, .mod-seriesList .mod-seriesList-item2-image img {
    display: block;
    position: relative;
}



.mod-seriesList .mod-seriesList-item2-text {
    overflow: hidden;
}
.mod-seriesList-item2-text {
    padding: 0 0 4px 4px;
}


.mod-seriesList .mod-seriesList-item1-text p, .mod-seriesList .mod-seriesList-item2-text p {
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 0 0.5em;
}

.mod-seriesList-item2-text div {
    margin-top: 15px;
}

.mod-include .mod-include-flashAlternate{display:none}





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

	.mod-include-flashAlternate{
		position:relative;
	}
	.mod-include-flashAlternate .links{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.aa {
		position:absolute;
		top:1%;
		left:1%;
	}
	.bb {
		position:absolute;
		top:258px;
		left:811px;
}

}


@media (max-width: 640px){
.mod-brandTopImage{width:auto;margin:10px 10px 30px}
.mod-brandTopImage a{text-decoration:none}
.mod-brandTopImage a:hover img{opacity:1}
.mod-brandTopImage .mod-brandTopImage-main{float:none;position:relative}
.mod-brandTopImage .mod-brandTopImage-main img{width:100%;height:auto}
.mod-brandTopImage .mod-brandTopImage-extra{float:none}
.mod-brandTopImage .mod-brandTopImage-extra>img,.mod-brandTopImage .mod-brandTopImage-extra>a>img{display:none}
.mod-brandTopImage .mod-brandTopImage-extra-alternate{position:static;height:auto;padding:8px;border:1px solid #CCC;margin:6px 0}
.mod-brandTopImage .mod-brandTopImage-extra-alternate h2{font-size:1em;font-weight:normal;margin:0}
.mod-brandTopImage .mod-brandTopImage-extra-alternate p{color:#000;font-size:0.85714em;margin:0}
}

@media (max-width: 640px){
	.mod-include .mod-include-flash{display:none}
	.mod-include .mod-include-flashAlternate{display:block}
}




@media (max-width: 640px){
.mod-seriesList:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}


.mod-seriesList .mod-seriesList-item1, .mod-seriesList .mod-seriesList-item2 {
    clear: both;
    float: none;
    margin: 0 0 20px;
    width: auto;
}


.mod-seriesList .mod-seriesList-item2-image {
    display: block;
    margin: 0;
    width: 100%;
}

.mod-seriesList .mod-seriesList-item2-image img {
    margin: 0 auto;
}

.mod-seriesList .mod-seriesList-item2-text {
    clear: both;
    padding-top: 1em;
	text-align:center;
}

.mod-seriesList .mod-seriesList-item1-text p, .mod-seriesList .mod-seriesList-item2-text p {
	font-size: 1.1em;
	font-weight: normal;
    margin: 0 0 0.5em;



}