@charset "Shift_JIS";

/*
	================================================================================================
		support 
	================================================================================================
*/

.wl410 {
	float: left;
	width: 410px;
}
.wr320 {
	float: left;
	width: 320px;
}

.wl520 {
	float: left;
	width: 520px;
}
.wr210 {
	float: left;
	width: 210px;
}

.no01{
	color:#333333;
	font-weight: bold;
	background:url(/support/walkman/guide/images/icon_no01.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:0 0 5px 30px;
	margin:0;
}
.no02{
	color:#333333;
	font-weight: bold;
	background:url(/support/walkman/guide/images/icon_no02.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:0 0 5px 30px;
	margin:0;
}

/*
	====================================
		box_info_area
	====================================
*/

#contents .box_info_area {
	margin: .5em 5px 1em 5px;
	padding: 0 0 9px;
	/padding: 0;
	background: #f3f3f3 url("/support/walkman/direct_rec/images/info-201br.gif") no-repeat bottom right;
}

#contents .box_info_area dl dd ul,
#contents .box_info_area dl dd ol {
	margin: 0 1em 0.5em 1em;
}

#contents .box_info_area dl dd ol {
	padding-left: .6em;
}

/*===========================================
	pagetopBox
=============================================*/

.no_01{
	color:#333333;
	font-weight: bold;
	background:url(/support/walkman/share3/images/no_icon/icon_no01.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:3px 0 5px 30px;
	margin:10px 1em 7px -17px !important;
}
.no_02{
	color:#333333;
	font-weight: bold;
	background:url(/support/walkman/share3/images/no_icon/icon_no02.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:3px 0 5px 30px;
	margin:10px 1em 7px -17px !important;
}
.no_03{
	color:#333333;
	font-weight: bold;
	background:url(/support/walkman/share3/images/no_icon/icon_no03.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:3px 0 5px 30px;
	margin:10px 1em 7px -17px !important;
}

/*===========================================
	attentionArea
=============================================*/

div.pointArea {
	border:1px #eaeaea solid;
	background:#f8f8f8;
	margin: 15px auto 20px auto;
	padding: 15px 15px 10px 15px;
	clear:both;
}

div.pointArea div.pointBox {
	background:url(/support/walkman/share3/images/point.png) no-repeat;
	margin: 0px;
	padding: 3px 0px 0px 35px;
}


@media screen and (max-width: 640px) {

	div.pregBox div.list_body_pct {
		margin-left: 37px;
	}

}