@charset "UTF-8";
/* CSS Document */

 @media all and (min-width:481px) {
#prd_block {
	width: 940px;
	height: 850px;
	position: relative;
	margin: 0 auto;
}
#prd_block .txt1 {
	position: absolute;
	top: 18px;
	left: 0px;
}
#prd_block .txt2 {
	position: absolute;
	top: 175px;
	left: 492px;
	z-index: 2;
}
#prd_block .txt3 {
	position: absolute;
	top: 260px;
	left: 496px;
	z-index: 2;
}
#prd_block .bnr_mv {
	position: absolute;
	top: 0px;
	left: 590px;
}
#prd_block a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	/*background-color:#F7D900;*/
}
#prd_block .btl {
	position: absolute;
	top: 178px;
	left: 100px;
}
#prd_block .btl img {
width: 200px;
height: auto;
}
#prd_block .point_bg {
	position: absolute;
	width: 524px;
	height: 533px;
	border-radius: 10px;
	top: 239px;
	left: 393px;
	z-index: 1;
}
#prd_block .point_bg2 {
	position: absolute;
	width: 524px;
	height: 533px;
	background-color: #d2b990;
	border-radius: 10px;
	top: 239px;
	left: 393px;
	z-index: 1;
}

#prd_block .pont1 {
	position: absolute;
	top: 300px;
	left: 400px;
	z-index: 2;
}
#prd_block .pont2 {
	position: absolute;
	top: 300px;
	left: 658px;
	z-index: 2;
}
#prd_block .pont3 {
	position: absolute;
	top: 533px;
	left: 400px;
	z-index: 2;
}
#prd_block .pont4 {
	position: absolute;
	top: 533px;
	left: 658px;
	z-index: 2;
}
#prd_block .btn1 a, #prd_block .btn2 a, #prd_block .btn3 a, #prd_block .btn4 a {
	display: block;
	cursor: default;
}
#prd_block .btn1 {
	position: absolute;
	top: 475px;
	left: 418px;
	z-index: 3;
}
#prd_block .btn2 {
	position: absolute;
	top: 475px;
	left: 672px;
	z-index: 3;
}
#prd_block .btn3 {
	position: absolute;
	top: 705px;
	left: 418px;
	z-index: 3;
}
#prd_block .btn4 {
	position: absolute;
	top: 705px;
	left: 672px;
	z-index: 3;
}
#prd_block .soft {
	position: absolute;
	top: 806px;
	left: 118px;
}
.tip {
	display: none;
	width: 392px;
	position: absolute;
	z-index: 1000;
	background-color: transparent;
}


/*oroshi*/
#prd_block2 {
	width: 940px;
	height: 860px;
	position: relative;
	margin: 0 auto;
}
#prd_block2 .txt1 {
	position: absolute;
	top: 18px;
	left: 0px;
}
#prd_block2 .txt2 {
	position: absolute;
	top: 215px;
	left: 492px;
	z-index: 2;
}
#prd_block2 .txt3 {
	position: absolute;
	top: 300px;
	left: 496px;
	z-index: 2;
}
#prd_block2 .bnr_mv {
	position: absolute;
	top: 0px;
	left: 590px;
}
#prd_block2 a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#prd_block2 .btl {
	position: absolute;
	top: 211px;
	left: 100px;
}
#prd_block2 .btl img {
width: 200px;
}
#prd_block2 .point_bg {
	position: absolute;
	width: 524px;
	height: 533px;
	background-color: #d2b990;
	border-radius: 10px;
	top: 279px;
	left: 393px;
	z-index: 1;
}

#prd_block2 .pont1 {
	position: absolute;
	top: 345px;
	left: 408px;
	z-index: 2;
}
#prd_block2 .pont2 {
	position: absolute;
	top: 345px;
	left: 662px;
	z-index: 2;
}
#prd_block2 .pont3 {
	position: absolute;
	top: 580px;
	left: 408px;
	z-index: 2;
}
#prd_block2 .pont4 {
	position: absolute;
	top: 580px;
	left: 662px;
	z-index: 2;
}
#prd_block2 .btn1 a, #prd_block .btn2 a, #prd_block .btn3 a, #prd_block .btn4 a {
	display: block;
	cursor: default;
}
#prd_block2 .btn1 {
	position: absolute;
	top: 510px;
	left: 422px;
	z-index: 3;
}
#prd_block2 .btn2 {
	position: absolute;
	top: 510px;
	left: 675px;
	z-index: 3;
}
#prd_block2 .btn3 {
	position: absolute;
	top: 745px;
	left: 422px;
	z-index: 3;
}
#prd_block2 .btn4 {
	position: absolute;
	top: 745px;
	left: 675px;
	z-index: 3;
}





}



 /* w480px以下
------------------------------------------------------------ */
 @media all and (max-width:480px) {
p {
	padding: 10px;
}
.main {
	background-color: #F7D900;
	padding: 10px;
}
.main .btl {
	margin: 20px auto;
	width: 100%;
	text-align: center;
}
.main .btl img {
width: 50%;
text-align: center;
}

.main2 {
	background-color: #c9a063;
	padding: 10px;
}
.main2 h4 {
	color: #000;
	font-size: 18px;
}
.main2 .btl {
	margin: 20px auto;
	text-align: center;
}
.main2 .btl img {
width: 50%;
text-align: center;
}

.pointttl {
	width: 85%;
	margin: 10px 0 0 0;
}
.pointttl2 img {
	width: 100%;
	margin: 10px 0 0 0;
}
.main p {
	color: #000;
}
h4.marunama {
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	margin-bottom: 5px;
}
.elm {
	width: 90%;
	margin: 20px auto;
}
.elm_bt {
	width:90%;
	margin:20px auto 0;
	padding-bottom:50px;
}


}