@charset "shift_jis";
/* CSS Document */

div.pregArea_01 ul.pregBox.layoutA li.txtArea {
	width: 470px;
	float:left;
}
div.pregArea_01 ul.pregBox.layoutA li.imgArea {
	width: 230px;
	float: right;
}

div.pregBox_01.layoutB{
	border:solid 1px #999;
	padding:5px;
}

div.pregArea_01 ul.pregBox.layoutE li.txtArea{
	width:100%;
	float:none;
}
div.pregArea_01 ul.pregBox.layoutE li.imgArea{
	width: 100%;
	float: none;
}

div.pregBox_01.layoutC{
	border:solid 1px #999;
	padding:10px!important;
	background: #f1f1f1;
}
div.pregBox_01.layoutC div.funcArea div.funcBox .img_box{
	float:right;
}
ul.pregBox.layoutE li.imgArea span.showPC{
	display:block;
}
ul.pregBox.layoutE li.imgArea span.showSP{
	display:none;
}

div.pregBox_01.layoutC div.funcArea div.funcBox .list_box{
	width:64%;
	float:left;
}

div.pregArea_01 div.pregBox_01 ul.miniBox li.img{
	float:left;
	width:auto;
	margin-right:20px;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.img span{
	display:block;
	font-weight: bold;
	margin-bottom:5px;
}




@media (max-width: 640px) {
div.pregArea_01 ul.pregBox.layoutA li.txtArea {
	width:100%;
	float:none;
}
div.pregArea_01 ul.pregBox.layoutA li.imgArea {
	width: auto;
	float: none;
	text-align:center;
}
div.pregArea_01 ul.pregBox.layoutA li.imgArea img{
	width: auto;
}
	
div.pregBox_01.layoutC div.funcArea div.funcBox .img_box{
	float:none;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
div.pregBox_01.layoutC div.funcArea div.funcBox .list_box{
	width:auto;
	float:none;
}
div.pregBox_01.layoutC{
	padding:5px;
}
ul.pregBox.layoutE li.imgArea span.showPC{
	display:none;
}
ul.pregBox.layoutE li.imgArea span.showSP{
	display:block;
	margin:auto;
	max-width:60%;
	margin-top:-25px;
}
ul.pregBox.layoutE li.imgArea span.messageSP{
	max-width:80%;
	min-height:55px;
	padding:45px 10px 10px 10px;
	text-align:left;
	margin-top:-15px;
/*	background: #f1f1f1;
*/
	background-image:url('/support/walkman/notice/prepare/images/message_bg.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
/*	border:2px solid #385d8a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
*/}

div.pregArea_01 div.pregBox_01 ul.miniBox li.first-item{
	width:40%;
	margin-right:5%;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.second-item{
	width:32%;
}
div.pregArea_01 div.pregBox_01 ul.miniBox li.second-item span{
	width:123%;
}

	
}