

/*===========================================
	ウォークマン用
=============================================*/
div.pregArea_01 ul.pregBox {
	width:720px;
	margin: 15px auto 0px auto;
	padding: 0px;
	list-style:none;
	clear:both;
}
div.pregArea_01 ul.pregBox li.txtArea {
	width:470px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 ul.pregBox li.imgArea {
	width:230px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.img-wm {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
ul.caseArea {
	width:720px;
	margin: 0px auto;
	padding: 0px;
	list-style:none;
	clear:both;
}
ul.caseArea li {
	width:230px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float:left;
}
ul.numArea {
	width:230px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}
ul.numArea li.num {
	width:31px;
	margin: 0px;
	padding: 0px;
	float:left;
}
ul.numArea li.txt {
	width:190px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.pregArea_01 div.pregBox_01 {
	width:720px;
	margin: 15px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.pregArea_01 div.pregBox_01 ul.miniBox {
	margin: 15px 0px 0px 45px;
	padding: 0px;
	list-style:none;
	clear:both;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.txt {
	width:305px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.img {
	width:360px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_01 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style:none;
	clear:both;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_01 li.txt {
	width:350px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_01 li.img {
	width:360px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_02 {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style:none;
	clear:both;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_02 li.txt {
	width:480px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_02 li.img {
	width:230px;
	margin: 0px;
	padding: 0px;
	float:right;
}



/*===========================================
	ウォークマン用 sTitleBar 
=============================================*/
p.sTitleBar {
	margin:30px 0px 0px 0px;
	padding:5px;
	background:#EEE;
	clear:both;
}



/*===========================================
	ウォークマン用 lineArea 
=============================================*/
div.lineArea div.leftArea-wm {
	width:480px;
	margin:0px;
	padding:0px;
	float:left;
}
div.lineArea div.rightArea-wm {
	width:180px;
	margin:0px;
	padding:0px;
	float:right;
}



/*===========================================
	ウォークマン用 bar
=============================================*/
.bar_no01 {
	margin: 30px 0px 0px 0px !important;
	padding: 5px 0px 5px 45px !important;
	background:url(/support/cs/check/correct/images/bar_no01.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	clear:both;
}
.bar_no02 {
	margin: 30px 0px 0px 0px !important;
	padding: 5px 0px 5px 45px !important;
	background:url(/support/cs/check/correct/images/bar_no02.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	clear:both;
}
.bar_no03 {
	margin: 30px 0px 0px 0px !important;
	padding: 5px 0px 5px 45px !important;
	background:url(/support/cs/check/correct/images/bar_no03.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	clear:both;
}


@media (max-width: 640px) {
/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01,
div.pregArea_01 ul.pregBox {
	width: auto;
}
div.pregArea_01 ul.pregBox li.txtArea {
	width: auto;
	float: none;
}
div.pregArea_01 ul.pregBox li.imgArea {
	width: auto;
	float: none;
	text-align:center;
}
div.pregArea_01 ul.pregBox li.imgArea img,
div.img img {
	max-width: 100%;
	height:auto;
}
div.img {
	text-align:center;
}


ul.caseArea {
	display:none;
}
div.pregArea_01 div.pregBox_01,
div.pregArea_01 div.pregBox_01 ul.miniBox {
	width: auto;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.txt,
div.pregArea_01 div.pregBox_01 ul.miniBox li.img {
	width: auto;
	float: none;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.img img {
	max-width: 100%;
	height:auto;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_01 li.txt,
div.pregArea_01 div.pregBox_01 ul.miniBox_02 li.txt {
	width: auto;
	float: none;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_01 li.img,
div.pregArea_01 div.pregBox_01 ul.miniBox_02 li.img {
	margin-top:5px;
	width: auto;
	float: none;
	text-align:center;
}
div.pregArea_01 div.pregBox_01 ul.miniBox_01 li.img img,
div.pregArea_01 div.pregBox_01 ul.miniBox_02 li.img img {
	max-width: 100%;
	height:auto;
}


ul.Disc li {
	margin: 10px 0px 0px 0px;
}



/*===========================================
	ウォークマン用 lineArea 
=============================================*/
div.lineArea div.leftArea-wm {
	width: auto;
	float: none;
}
div.lineArea div.rightArea-wm {
	width: auto;
	float: none;
	text-align:center;
	margin-top:5px;
}


/*===========================================
	bar
=============================================*/
.bar_no01 {
	margin: 0px;
}

}


