/*format */
$wid: 940px;
$b3h: 965px;
$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: 387px;
  margin-right: auto;
  margin-left: auto;
  background: center top;
  text-align: center;
}

.bg {
  height: 387px;
  margin: 0 auto 0px;
  padding: 0px;
  background: url(../images/yuino_01.png) no-repeat center 0;
}
.kijyu{
	width: auto;
	height: $b3h;
	position: relative;
	top: -250px;
	z-index: 100;
	margin-bottom:-250px;
	background-image: url(../images/yuino_bak.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.ab{
	position:absolute;
	@include posa(-940px,$b3h - 175px);
	color:#333;
	width: 940px;
	z-index: 110;
	top: 175px;	
 } 
 
 #page-top {
	position: absolute;
	bottom: 20px;
	right: 0px;
	font-size: 77%;
	z-index: 3000;
}

#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 10px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
  background: #999;
}
	.box1{
	position: absolute;
	z-index: 120;
	width:525px;
	height:525px;
	left: 470px;
	top: -78px;
	}
	
	.box2{
	position: absolute;
	z-index: 130;
	width:470px;
	top: 50px;
	height: 310px;
	
	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:340px;
	top: 367px;
	
		li{
		width:300px;
		display:block;
			.img{
			height:198px;
				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;
	}
	}
}
}