@charset "utf-8";

button, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

/*製品を見る クリックで画像表示--------------------
-----------------------------------------------*/
/*01010001.html*/
.animationWrap .btn-showimg {
	width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.animationWrap2 {
	position: relative;
}
.animationWrap2 .btn-showimg2 {
	position: absolute;	top:20px; left: 400px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.animationWrap2 .btn-showimg3 {
	position: absolute;	top:20px; left: 620px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}

/*01010002.html*/
.animationWrap3 {
	position: relative;	line-height:normal;	color: #CC0000;
}
.animationWrap3 .btn-showimg4 {
	position: absolute;	top:0px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap3 .btn-showimg5 {
	position: absolute;	top:0px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap3 .btn-showimg6 {
	position: absolute;	top:22px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap3 .btn-showimg7 {
	position: absolute;	top:44px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap3 .btn-showimg8 {
	position: absolute;	top:66px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap3 .btn-showimg9 {
	position: absolute;	top:88px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap3 .btn-showimg10 {
	position: absolute;	top:0px; left: 250px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}

/*02050001.html*/
.animationWrap4 {
	position: relative;	line-height:normal;	color: #CC0000; vertical-align: top;
}
.animationWrap4 .btn-showimg1 {
	position: absolute;	top:2px; left: 80px; width: 70px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap4 .btn-showimg2 {
	position: absolute;	top:22px; left: 80px; width: 70px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap4 .btn-showimg3 {
	position: absolute;	top:2px; left: 90px; width: 70px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap4 .btn-showimg4 {
	position: absolute;	top:2px; left: 90px; width: 70px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap4 .btn-showimg5 {
	position: absolute;	top:22px; left: 90px; width: 70px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}

/*02060001.html*/
.animationWrap5 {
	position: relative;	line-height:normal;	color: #CC0000; vertical-align: top;
}
.animationWrap5 .btn-showimg1 {
	position: absolute;	top:25px; left: 55px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
.animationWrap5 .btn-showimg2, .animationWrap5 .btn-showimg3 {
	position: absolute;	top:25px; left: 55px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
 .animationWrap5 .btn-showimg4 {
	position: absolute;	top:42px; left: 55px; width: 80px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
/*02060002.html*/
.animationWrap6 {
	position: relative;	line-height:normal;	color: #CC0000; vertical-align: top;
}
 .animationWrap6 .btn-showimg1 {
	position: absolute;	top:35px; left: 15px; width: 60px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
 .animationWrap6 .btn-showimg2, .animationWrap6 .btn-showimg3, .animationWrap6 .btn-showimg4, .animationWrap6 .btn-showimg5, .animationWrap6 .btn-showimg7 {
	position: absolute;	top:35px; left: 85px; width: 60px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
 .animationWrap6 .btn-showimg6, .animationWrap6 .btn-showimg8 {
	position: absolute;	top:20px; left: 85px; width: 60px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
 .animationWrap6 .btn-showimg9 {
	position: absolute;	top:20px; left: 168px; width: 60px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}
/*02070003.html*/
.animationWrap7 {
	position: relative;	line-height:normal;	color: #CC0000; vertical-align: top;
}
 .animationWrap7 .btn-showimg1, .animationWrap7 .btn-showimg2, .animationWrap7 .btn-showimg3, .animationWrap7 .btn-showimg4, .animationWrap7 .btn-showimg5 {
	position: absolute;	top:20px; left: 80px; width: 60px; font-size: 12px; font-size: 10px; padding: 0px 0px; color:#CC0000;
}


/*nf・nv クリックで画像表示アニメーション--------------------
-----------------------------------------------*/
/*02030001.html*/

.nf_animationText {
	font-size: 12px;
	text-align: right;
	margin-bottom: -10px;
	color:#CC0000;
}

.nf_animation {
	position: relative;
	border: solid 1px #999;
	padding: 20px 70px 20px 90px;
	width: 330px;
	float: right;
}
.nf_animation .btn-showimg1 {
	position: absolute;	top:40px; left: 340px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nf_animation .btn-showimg2 {
	position: absolute;	top:100px; left: 370px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nf_animation .btn-showimg3 {
	position: absolute;	top:165px; left: 370px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nf_animation .btn-showimg4 {
	position: absolute;	top:280px; left: 370px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000; text-align: left;
}
.nf_animation .btn-showimg5 {
	position: absolute;	top:370px; left: 370px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000; text-align: left;
}
.nf_animation .btn-showimg6 {
	position: absolute;	top:370px; left: 20px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000; text-align: left;
}
.nf_animation .btn-showimg7 {
	position: absolute;	top:280px; left: 20px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nf_animation .btn-showimg8 {
	position: absolute;	top:200px; left: 30px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nf_animation .btn-showimg9 {
	position: absolute;	top:85px; left: 30px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}

/*02030002.html*/
.nv_animation {
	position: relative;
	border: solid 1px #999;
	padding: 20px 70px 20px 70px;
	width: 350px;
	float: right;
}
.nv_animation .btn-showimg1 {
	position: absolute;	top:60px; left: 370px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nv_animation .btn-showimg2 {
	position: absolute;	top:150px; left: 370px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nv_animation .btn-showimg3 {
	position: absolute;	top:200px; left: 370px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000; text-align: left;
}
.nv_animation .btn-showimg4 {
	position: absolute;	top:350px; left: 370px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000; text-align: left;
}
.nv_animation .btn-showimg5 {
	position: absolute;	top:340px; left: 20px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nv_animation .btn-showimg6 {
	position: absolute;	top:295px; left: 20px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nv_animation .btn-showimg7 {
	position: absolute;	top:230px; left: 20px; width: 100px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nv_animation .btn-showimg8 {
	position: absolute;	top:160px; left: 30px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}
.nv_animation .btn-showimg9 {
	position: absolute;	top:70px; left: 30px; width: 80px; font-size: 12px; padding: 2px 4px; color:#CC0000;
}

/*点滅アニメーション--------------------
-----------------------------------------------*/
/*04020002.html*/

.redT1 {
	position: relative;
}
.redT2 {
	position: absolute;
	top:668px;
	left:538px;
}