@charset "shift-jis";
/*=========================================================

	Site Name   SONY microphone TOP
	File Name   page.css

	Create Date 2011/00/00

==========================================================*/


ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*-------------------------------------------------------
* index
* -------------------------------------------------------*/

/* clearfix */
.mod-seriesList .mod-seriesList-item1-image img,
.mod-seriesList-image img {
	border: 1px solid #D9D9D9;
}
.mod-seriesList h3 {
	font-size: 139%;
	margin-bottom:0px;
}
.mod-seriesList p.text {
	font-weight:bold;
}
.mod-seriesList h3:hover,
.mod-seriesList p.text:hover {
	text-decoration: underline;
}
.mod-seriesList h3:hover{
		text-decoration:none;
}
.mod-seriesList + .mod-seriesList{
	margin: 0px 0 15px -15px;
}
.mod-seriesList {
	letter-spacing: -.4em;
}
.mod-seriesList li {
	overflow: hidden;
	position: relative;
	width:465px;
	height:205px;
	border: 1px gainsboro solid;
	background: url(../../images/pic_bg.jpg) top repeat-x;
	margin-bottom: 15px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	letter-spacing: normal;
}
.mod-seriesList li.item_left {
	margin-right: 15px;
}
.mod-seriesList .pict-left {
	position:absolute;
	top:60px;
	left:10%;
}
.mod-seriesList .pict-right {
	position:absolute;
	top:0px;
	right:10%;
}
.mod-seriesList h3{
	margin:0;
	padding: 15px 0 0 15px;
}
.mod-seriesList p{
	color:#6c6c6c;
	padding-left: 15px;
}
.mod-seriesList .mod-seriesList-item2-text{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.mod-seriesList p.mod-seriesList-item2-text-note {
	color: #43677E;
	font-size: 1em;
	margin-bottom:10px;
	line-height: 1.2em;
}
.mod-seriesList p.mod-seriesList-item2-text-note:hover {
	color: #C41230;
	text-decoration: underline;
}

.mod-seriesList .mod-seriesList-item2-text .mod-button{
	position:absolute;
	bottom:10px;
	right:15px;
	background-color:#FFF;
}




@media (max-width:640px) {
	
	/*home*/

	.mod-seriesList .mod-seriesList-item1-text p, .mod-seriesList p {
		font-size:smaller;
		color:#666;
	}
	.mod-heading + .mod-seriesList {
		margin-top:0px;
	}
	.mod-seriesList + .mod-seriesList {
		margin-top:10px
	}
	.mod-seriesList .mod-seriesList-item1-text h3, .mod-seriesList h3 {
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom:5px !important;
	}
	.mod-seriesList .mod-seriesList-item1, .mod-seriesList {
		overflow:hidden;
		margin: 0 0 10px;
	}	
	.mod-seriesList {
		margin: 0px 0;
	}
	.mod-seriesList p.text {
		font-weight: normal;
	}

	.mod-seriesList p.mod-seriesList-item2-text-note {
		color: #43677E;
		font-size: smaller;
		margin-bottom:10px;
		line-height: 1.2em;
	}

	
}


@media (max-width:639px) and (min-width:451px) {
		.mod-seriesList .pict-left {
			left: auto;
			top:17px;
			right:110px;
		}
		.mod-seriesList .pict-right {
			width:170px;
			top:-5px;
			right:-35px !important;
		}
		.mod-seriesList .lineup_music{
			top:-5px;
			width:170px;
			right:-60px !important;
		}
		.mod-seriesList .mod-seriesList-item2-text .mod-button{
			position: absolute;
			left:10px;
			top:static;
			right:auto;
		}
		.mod-seriesList li {
			overflow: hidden;
			position: relative;
			height:160px;
			border: 1px gainsboro solid;
			background: url(../../images/pic_bg.jpg) top repeat-x;
			width:99%;
		}
		.mod-seriesList li.item_left {
			margin-right: 0;
		}

		.mod-seriesList p {
			padding-right:270px;
		}		
}

@media (max-width:450px) {
	
		.mod-seriesList li {
			overflow: hidden;
			position: relative;
			height:205px;
			border: 1px gainsboro solid;
			background: url(../../images/pic_bg.jpg) top repeat-x;
			width:99%;
		}
		.mod-seriesList li.item_left {
			margin-right: 0;
		}
		.mod-seriesList .pict-right {
			width:170px;
			height:auto;
		}
		.mod-seriesList .pict-right.lineup_smartphone {
			margin-top:10px;
		}
		.mod-seriesList.line-up-other .mod-seriesList-item2-text .mod-button {
			position:absolute;
			bottom:8px;
			right:15px;
		}
		.mod-seriesList .pict-left {
			position:absolute;
			top:60px;
			left:16px;
		}
		.mod-seriesList .pict-right {
			position:absolute;
			top:0px;
			right:0;
		}

}
