/*format */
$wid: 940px;
$b3h: 1371px;
$set-prefix: '' , -moz- , -webkit-;

/*extend*/
.mar{
	margin-right: auto;
	margin-left: auto;
}
/*incrude*/
@mixin opacity($opacity) {
     opacity: $opacity;
     $opacityIE: $opacity * 100;
     filter: alpha(opacity=$opacityIE);
}
@mixin posa($w,$h) {
    position:absolute;
    display:block;
    top:0;
    left: 50%;
    margin-left: ($w/2);
    width: $w;
    height: $h;
    @content;
	}
div.container {
  overflow: hidden;
  zoom: 1;
  height: 458px;
  margin-right: auto;
  margin-left: auto;
  background: center top;
  text-align: center;
  z-index:2000;
}

.bg {
  height: 458px;
  margin: 0 auto 0px;
  padding: 0px;
  background: url(../images/product_04.png) no-repeat center 0;
}
.kijyu{
	width: auto;
	height: $b3h;
	position: relative;
	z-index: 100;
}

.ab{
	position:absolute;
	@include posa(-940px,$b3h);
	color:#333;
	width: 940px;
	z-index: 110;
 } 
 
	.box1{
	position: absolute;
	z-index: 120;
	width:525px;
	height:525px;
	left: 470px;
	top: -78px;
	}
	
	.box2{
	position: absolute;
	z-index: 130;
	width:$wid;
	height: 163px;
	
	img{
	margin-bottom:25px;
	}
	
	.txt{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
	line-height:24px;
	padding-left:5px;
	}
	}
	
.box3{
	position: absolute;
	z-index: 140;
	width: 940px;
	height:1128px;
	top: 163px;
	
		li{
		width:300px;
		padding-bottom:32px;
		display:block;
			.img{
			height:220px;
				a {
				display: inline-block;
				}
				img {
				vertical-align: bottom;
				}
			}
			.tit{
			color: #7E0024;
			width:300px;
			background-image:url(../images/yuino_tri01.png);
			background-repeat:no-repeat;
			background-position:right;
			a {
			font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size:24px;
			line-height:62px;
			color: #7E0024;
			text-decoration: none;
			}
			a:hover{
			color:#C00;
			}
			}
		

	.txt{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
	line-height:24px;
	padding-left:5px;
	}
	
	.link{
	a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	float:right;
	color: #333;
	text-decoration: none;
	}
	a:hover{
	color:#630;
	}
	}
}
}