@charset "Shift_JIS";
/**
 * cyber-shot.css
 * SONY Cyber-shot
 */

/*--------------------------------------------------------------------------------
	title/heading
--------------------------------------------------------------------------------*/
.mod-subTitle {
	_margin-top: 0px;
}

.mod-heading {
	margin-bottom: 20px;
}

.mod-heading2 {
	margin-top: 0px;
	letter-spacing: 0.04em;
}

@media (max-width:640px) {
	#Pickup .mod-heading,
	#Related .mod-heading {
		margin-bottom: 0;
	}
}


/*--------------------------------------------------------------------------------
	categoryContainer
--------------------------------------------------------------------------------*/
.categoryContainer h2,
.categoryContainer h3,
.categoryContainer h4,
.categoryContainer h5,
.categoryContainer h2 img,
.categoryContainer h3 img,
.categoryContainer h4 img,
.categoryContainer h5 img {
	display: block;
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------------------------------------
	#Pickup / #Related
--------------------------------------------------------------------------------*/
#Pickup {
	margin-top: 10px;
}

#Related {
	margin-top: 30px;
}

#Pickup .list,
#Related .list {
	width: 755px;
}

#Pickup dl,
#Related dl {
	position: relative;
	float: left;
	margin: 10px 15px 30px 0;
	padding: 0;
	min-height: 90px;
	width: 370px;
}

#Pickup dl.noMargin,
#Related dl.noMargin {
	margin-right: 0;
}

#Pickup dt,
#Related dt {
	position: absolute;
	width: 144px;
	left: 0;
	top: 0;
	line-height: 0;
}

#Pickup dd,
#Related dd {
	margin: 0 0 5px 174px;
	font-size: 95%;
	line-height: 1.2;
	letter-spacing: 0.06em;
}

#Pickup dd.heading,
#Related dd.heading {
	font-size: 115%;
}

#Pickup dd .mod-linkButton1,
#Related dd .mod-linkButton1 {
	margin-top: 4px;
}

#Pickup a dd,
#Pickup a:link dd,
#Pickup a:visited dd,
#Related a dd,
#Related a:link dd,
#Related a:visited dd {
	color: #444;
}

#Pickup a dd.heading,
#Pickup a:link dd.heading,
#Pickup a:visited dd.heading,
#Related a dd.heading,
#Related a:link dd.heading,
#Related a:visited dd.heading {
	color: #517b91;
}

#Pickup a:hover dd,
#Related a:hover dd {
	color: #333;
	text-decoration: underline;
}

#Pickup a:hover dd.heading,
#Related a:hover dd.heading {
	color: #333;
	text-decoration: underline;
}

@media (max-width:640px) {
	#Pickup a:hover dd,
	#Pickup a:active dd,
	#Pickup a:hover dd.heading,
	#Pickup a:active dd.heading,
	#Related a:hover dd,
	#Related a:active dd,
	#Related a:hover dd.heading,
	#Related a:active dd.heading {
		text-decoration: none;
	}
	
	#Pickup .list,
	#Related .list {
		width: auto;
	}
	
	#Pickup dl,
	#Related dl {
		margin: 15px 0 0 0;
		padding-bottom: 10px;
		min-height: 90px;
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
	}
	
	#Pickup dt,
	#Related dt {
		width: 100px;
	}
	
	#Pickup dt img,
	#Related dt img {
		width: 100px;
	}
	
	#Pickup dd,
	#Related dd {
		margin: 0 0 5px 115px;
		font-size: 95%;
		line-height: 1.2;
		letter-spacing: 0.06em;
	}
	
	#Pickup dd.heading,
	#Related dd.heading {
		font-size: 110%;
	}
}


/*--------------------------------------------------------------------------------
	classes
--------------------------------------------------------------------------------*/
.arrow {
	padding-left: 11px;
	background: url("../images/arrow_black.gif") no-repeat 0 5px;
}

a.large,
p.large {
	font-size: 1.2em;
	letter-spacing: 0.06em;
}

a.bold,
p.bold {
	font-weight: bold;
}

.note {
	font-size: 0.85em;
	line-height: 1.2;
	color: #666;
}

.note_bk {
    color: #000000;
    font-size: 0.85em;
    line-height: 1.2;
    margin-top: 30px;
}

.no-margin {
	margin: 0 !important;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

.ss-visible {
	display: none;
}

@media (max-width:640px) {
	.ss-visible {
		display: block;
	}
	
	.ss-invisible {
		display: none;
	}
	
	.ss-img img {
		width: 100%;
		height: auto;
	}
}