@charset "euc-jp";
/* CSS Document */

/*-----------------------------------------

				index.php

-----------------------------------------*/

#makerHops #jure .box1,
#makerHops #jure .box2,
#makerHops #jure .box3,
#makerHops #jure .box4,
#makerHops #jure .box5{
	background-repeat:no-repeat;
	background-position:top left;
	width:900px;
	position:relative;
}

#makerHops #jure .box1{
	background-image:url(../images/jure01.jpg);
	height:315px;
}
#makerHops #jure .box2{
	background-image:url(../images/jure02.jpg);
	height:280px;
}
#makerHops #jure .box3{
	background-image:url(../images/jure03.jpg);
	height:950px;
}
#makerHops #jure .box4{
	background-image:url(../images/jure04.jpg);
	height:865px;
}
#makerHops #jure .box5{
	background-image:url(../images/jure05.jpg);
	height:1060px;
}

#makerHops #jure a{
	display:block;
	position:absolute;
}
#makerHops #jure #btn01{
	width:263px;
	height:218px;
	top:20px;
	left:30px;
}
#makerHops #jure #btn02{
	width:263px;
	height:218px;
	top:20px;
	left:318px;
}
#makerHops #jure #btn03{
	width:263px;
	height:218px;
	top:20px;
	left:603px;
}
#makerHops #jure a#btn01:hover{
	border:3px solid #cc3f36;
}
#makerHops #jure a#btn02:hover{
	border:3px solid #f78759;
}
#makerHops #jure a#btn03:hover{
	border:3px solid #9db93e;
}
#makerHops #jure #btn04{
	width:208px;
	height:30px;
	left: 567px;
    top: 753px;
}
#makerHops #jure #btn05{
	width:208px;
	height:30px;
	top:685px;
	left:547px;
}
#makerHops #jure #btn06{
	width:208px;
	height:30px;
	top:840px;
	left:567px;
}
#makerHops #jure a#btn04:hover,
#makerHops #jure a#btn05:hover,
#makerHops #jure a#btn06:hover{
	border:1px solid #aa0000;
}


/* button */
#makerHops .btn{
	display:block;
	background-repeat:repeat-x;
	height:31px;
	text-align:right;
	margin-top:10px;
}
#makerHops .btn img {
	margin:0;
	padding:0;
}

/* みず */

#makerHops #mizu .box_1,
#makerHops #mizu .box_2,
#makerHops #mizu .box_3,
#makerHops #mizu .box_4{
	width:900px;
	background-repeat:no-repeat;
	margin-bottom:25px;
}
#makerHops #mizu .box_1{
	background-image:url(../images/mizu_01.jpg);
	height:280px;
	background-position:center;
}
#makerHops #mizu .box_2{
	background-image:url(../images/mizu_02.jpg);
	height:215px;
}
#makerHops #mizu .box_3{
	background-image:url(../images/mizu_03.jpg);
	height:210px;
}
#makerHops #mizu .box_4{
	background-image:url(../images/mizu_04.jpg);
	height:250px;
}


/*　山葡萄 */

#makerHops #wildVine .box_1{
	background-image:url(../images/yamabudou_01.jpg);
	height:280px;
	background-position:center;
	background-repeat:no-repeat;
}
#makerHops #wildVine .box_2{
	background-image:url(../images/yamabudou_02.jpg);
	height:287px;
	background-repeat:no-repeat;
}
#makerHops #wildVine .box_3{
	background-image:url(../images/yamabudou_03.jpg);
	height:325px;
	background-repeat:no-repeat;
}

/* 竹の子 */
#makerHops #bamboo{
	font-size:105%;
}
#makerHops #bamboo span{
	color:#fd6500;
	font-weight:bold;
}
#makerHops #bamboo .box_1{
	background-image:url(../images/takenoko_01.jpg);
	height:310px;
	background-repeat:no-repeat;
}
#makerHops #bamboo .box_2{
	background-image:url(../images/takenoko_02.jpg);
	height:450px;
	background-repeat:no-repeat;
}
#makerHops #bamboo .box_2 p{
	padding-top:115px;
	padding-left:50px;
	width:480px;
}

#makerHops #bamboo .box_3{
	background-image:url(../images/takenoko_03.jpg);
	height:387px;
	background-repeat:no-repeat;
}
#makerHops #bamboo .box_3 p{
	padding-top:110px;
	padding-left:440px;
	width:420px;
}
#makerHops #bamboo .box_4{
	background-image:url(../images/takenoko_04.jpg);
	height:375px;
	background-repeat:no-repeat;
}
#makerHops #bamboo .box_4 p{
	padding-top:80px;
	padding-left:65px;
	width:400px;
}