@charset "Shift_JIS";

/*
	================================================================================================
		support walkman enjoy delete body css index.css
	================================================================================================
*/

#productsArea h1 {
    border-bottom: 1px solid #000;
    font-size: 1.2em;
    padding-bottom: 5px;
    padding-left: 5px;
}

#productsArea h2 {
    border: none;
	font-size: 15px;
    padding: 11px 0 10px 6px;
    margin-bottom: 10px;
}
#contents dl dt{
	font-weight:bold;
	font-size:1.1em;
	margin:20px 0 10px 6px;
}

#contents dl dd{
	margin-left:15px;
}

h2.title_b {
	padding: 11px 0 0 6px;
    margin-bottom: 0;
}

#contents ol {
    margin-bottom: 0.5em;
}

#contents div{
    margin-top: 1em;
}

#contents img.pct{
	margin: 0.5em 0 0 0;
}
#contents{
    word-break: break-all;
}
/*
----------------------------------------------------------------------------
	attentionArea
----------------------------------------------------------------------------
*/

#contents div.attentionArea {
    border: 1px #999 solid;
    background: #EBEBEB;
    margin:1em;
    padding: 1em;
}

#contents div.attentionArea dl.attentionBox {
    margin: 0px;
    padding: 3px 0px 0px 10px;
	overflow:hidden;
}

#contents .attentionArea dl{
	margin:0;
	padding:0;
}

#contents .attentionArea dl dt{
	font-weight:bold;
	margin:0 0 0.5em 0;
}

#contents .attentionArea dl dd div.rightArea div{
	margin-top:1em;
}

#contents .attentionArea div.rightArea {
	width:620px;
	margin:0px;
	padding:0px;
	float:right;
}
#contents .attentionArea div.leftArea {
	width:200px;
	margin:0px;
	padding:0px;
	float:left;
}


/*
----------------------------------------------------------------------------
	インフォボックス
----------------------------------------------------------------------------
*/

#contents div.infoArea {
    border: 1px #999 solid;
    background: #EBEBEB;
	padding: 1em 1em 0 1em;
    margin:2em 1em 1em 1em;
}

#contents div.infoArea div.infoBox {
    background: url(/support/walkman/share/images/box/icon_info.gif) no-repeat;
    margin: 0px;
    padding: 3px 0px 0px 45px;
	overflow:hidden;
}

#contents .infoArea .infoBox dl{
	margin:0;
	padding:0;
}

#contents .infoArea .infoBox b{
	font-weight:bold;
	margin-left:0.5em;
}

#contents .infoArea .infoBox p{
	margin-left:0;
}



/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
	#contents img.pct{
		max-width: 96%;
		height: auto;
	}
	#contents {
		padding: 0px;
		margin: 0px 5px;
	}
	#contents dl dd{
		margin-left:5px;
	}
	#contents .attentionArea div.leftArea {
		width: auto;
		float: none;
	}
	#contents .attentionArea div.rightArea {
		width: auto;
		float: none;
		text-align:center;
		margin-top:5px;
	}
	#contents ol {
		margin: 0 0 1em 10px;
	}
	#contents div.infoArea {
		margin:1em 0 0 0;
	}
}

/* 20230307 */

#contents .notice_gray{
	padding-bottom: 0;
}

#contents .notice_gray ul.txtlink.inner{
	padding-top: 0;
}
#contents .notice_gray ul.txtlink.inner li{
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
	margin-left: 0;
	padding: 0 0 0 13px;
}