@charset "utf-8";

body {
background: url("images/wood-BG.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
background-size: cover;
background-position: right bottom
}


/*================================
看板
================================*/

.chara{
        position: relative;
        background:url("images/okyausama1.png") ;	
        width:990px;
        height:1302px;
        margin-left: auto;
        margin-right: auto;
}


.button {
        background:url("images/okyausama2.png") ;
        width:251px;
        height:285px;
        position:absolute;
        top:950px;
        left:650px;
}
.button:hover {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}



.chara2{
        position: relative;
        background:url("images/siagari_okyausamasyoukai01.png") ;	
        width:990px;
        height:1302px;
        margin-left: auto;
        margin-right: auto;
}

.button2 {
        background:url("images/okyausama2.png") ;
        width:251px;
        height:285px;
        position:absolute;
        top:0px;
        left:280px;
}

.button2:hover {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}




/*================================
家
================================*/



.button3 {
        background:url("images/siagari_okyausamasyoukai03.png");
        width:361px;
        height:226px;
        position:absolute;
        top:78px;
        left:589px;
}

	.button3:hover{
        background:url("images/okyausama3.png");
        width:402px;
        height:336px;
        top:58px;
        left:529px;
}


.button4 {
        background:url("images/siagari_okyausamasyoukai04.png") ;
        width:225px;
        height:309px;
        position:absolute;
        top:167px;
        left:82px;
}
	.button4:hover{
        background:url("images/okyausama4.png") ;
        width:297px;
        height:339px;
        top:147px;
        left:92px;
}


.button5 {
        background:url("images/siagari_okyausamasyoukai05.png") ;
        width:278px;
        height:192px;
        position:absolute;
        top:401px;
        left:638px;
}
	.button5:hover{
        background:url("images/okyausama5.png");
        width:285px;
        height:320px;
        top:351px;
        left:608px;
}


.button6 {
        background:url("images/siagari_okyausamasyoukai06.png");
        width:419px;
        height:424px;
        position:absolute;
        top:520px;
        left:50px;
}
	.button6:hover{
        background:url("images/okyausama6.png");
        width:463px;
        height:410px;
}


.button7 {
        background:url("images/siagari_okyausamasyoukai07.png") ;
        width:241px;
        height:314px;
        position:absolute;
        top:614px;
        left:500px;
}
	.button7:hover{
        background:url("images/okyausama7.png");
        width:275px;
        height:387px;
        top:574px;
        left:480px;
        }


.button8 {
        background:url("images/siagari_okyausamasyoukai08.png") ;
        width:346px;
        height:333px;
        position:absolute;
        top:911px;
        left:85px;
}
	.button8:hover{
        background:url("images/okyausama8.png");
        width:285px;
        height:293px;
        top:931px;
        left:105px;
}


.button9 {
        background:url("images/siagari_okyausamasyoukai09.png") ;
        width:344px;
        height:366px;
        position:absolute;
        top:903px;
        left:588px;
}
	.button9:hover{
        background:url("images/okyausama9.png");
        width:398px;
        height:377px;
        top:873px;
        left:508px;
}






.button10 {
        background:url("images/siagari_okyausamasyoukai10.png") ;
        width:285px;
        height:214px;
        position:absolute;
        top:295px;
        left:473px;
}