@charset "utf-8";

body{
    background-color:#1b1b1b;
    min-height:768px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','YuGothic', 'Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
}
/*-----------------------------------------------------------------
  image area
-------------------------------------------------------------------*/

#imageWrap{
    width:12066px;
    height:768px;
    background:url(../images/bg_01.png) 0 0 no-repeat;
    position:relative;
}

.page{height:768px;}

/*-----------------------------------------------------------------
  layout
-------------------------------------------------------------------*/
#section01{
    width:1500px;
    position:absolute;
    top:0;
    left:0;
}
#section02{
    width:2087px;
    position:absolute;
    top:0;
    left:1500px;
}
#section03{
    width:2836px;
    position:absolute;
    top:0;
    left:4276px;
}
#section04{
    width:2060px;
    position:absolute;
    top:0;
    left:7112px;
}
#section05{
    width:2895px;
    position:absolute;
    top:0;
    left:9171px;
}

/*-----------------------------------------------------------------
  contents
-------------------------------------------------------------------*/

.pageInner{
  /*  border:#CF9 1px solid; */
    position:relative;
    height:100%;
    margin:0 auto 0 0;
    color:#fff;
    z-index:9000;
}

.pageInner > div{
    background:rgba(0,0,0,0.35);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    height:70%;
    padding:50px;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 1);   
}
.pageInner > div h1,
.pageInner > div h2{
    font-size:1.250em;
    text-align:center;
    margin-bottom:25px;
}

/* section 01
----------------------------*/
#section01-inner .pageInner{ width:80%;}
#section01-inner .pageInner > div{width:70%;}
#section01-inner .pageInner h1{
    background:url(../images/logo.png) center top no-repeat;
    width:547px;
    height:89px;
    margin:50px auto 70px;
    text-indent:-9999px;
}

#section01-inner .pageInner p{
    font-size:1.250em;
    text-align:center;
}

/* section 02
----------------------------*/
#section02-inner .pageInner.left{ width:50%; float:left;}
#section02-inner .pageInner.right{ width:50%; float:right;}

#section02-inner .pageInner.left > div{
    width:75%;
    margin-left:0;
}

#section02-inner .pageInner.right > div{
    width:60%;
    margin-right:0;
}

#section02-inner .pageInner p{line-height:2.5;}
#section02-inner .pageInner p + p{margin-top:20px;}

#section02-inner .pageInner.right > div dl{
    overflow:hidden;
}
#section02-inner .pageInner.right > div dl dt{
    width:8em;
    float:left;
    clear:left;
    padding-bottom:10px;
}
#section02-inner .pageInner.right > div dl dd{
    margin-left:8em;
    padding-bottom:10px;
}

/* section 03
----------------------------*/
#section03-inner .pageInner{ width:60%;}
#section03-inner .pageInner > div{width:40%;}

#section03-inner .pageInner .clearfix{
    overflow:hidden;
}

#section03-inner .pageInner ul{
    padding:15px;
}
#section03-inner .pageInner li{
    padding-bottom:15px;
    text-align:center;
}

/* section 04
----------------------------*/
#section04-inner .pageInner{ width:70%;}
#section04-inner .pageInner > div{
    width:70%;
	margin-right:12%;
    }

#section04-inner .pageInner .clearfix{
    overflow:hidden;
}

#section04-inner .pageInner ul{
    width:25%;
    padding:15px;
    float:left;
}
#section04-inner .pageInner li{
    padding-bottom:15px;
}

/* section 05
----------------------------*/
#section05-inner .pageInner{ width:40%;}
#section05-inner .pageInner > div{width:60%;}

#section05-inner .pageInner .clearfix{
    overflow:hidden;
}

#section05-inner .pageInner dl{
    overflow:hidden;
}
#section05-inner .pageInner dl dt{
    width:8em;
    float:left;
    clear:left;
    padding-bottom:15px;
}
#section05-inner .pageInner dl dd{
    margin-left:8em;
    padding-bottom:15px;
}
#section05-inner .pageInner dl dd a{
	color: #fff;
}

#section05-inner .pageInner p{
    display:inline-block;
    border-bottom:#fff 1px dotted;
    cursor:pointer;
    margin-top:20px;
    float:right;
}

/*-----------------------------------------------------------------
  section01
-------------------------------------------------------------------*/
#section01-inner{
    width:1500px;
    height:768px;
    position:relative;
}

.bg01{
    z-index:600;
    width:6414px;
    height:768px;
    background:url(../images/bg_02.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:0;
}
.img01_boat{
    z-index:200;
    width:426px;
    height:768px;
    background:url(../images/img_01_boat.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:152px;    
}
.img01_castle{
    z-index:100;
    width:1584px;
    height:768px;
    background:url(../images/img_01_castle.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:0;
}
.img01_moon{
    z-index:300;
    width:888px;
    height:768px;
    background:url(../images/img_01_moon.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:717px;
}
.img01_shirakaba{
    width:603px;
    height:768px;
    background:url(../images/img_01_shirakaba.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    /*left:1725px;*/
    left:1000px;
}
.img01_tree01{
    z-index:700;
    width:774px;
    height:768px;
    background:url(../images/img_01_tree01.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:756px;
}
.img01_tree02{
    z-index:800;
    width:2053px;
    height:768px;
    background:url(../images/img_01_tree02.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:-50px;
}

/*-----------------------------------------------------------------
  section02
-------------------------------------------------------------------*/
#section02-inner{
    width:2087px;
    height:768px;
    position:relative;
}

.img_02_kinoko{
    z-index:900;
    width:1475px;
    height:768px;
    background:url(../images/img_02_kinoko.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:-83px;
}
.img_02_frog{
    z-index:910;
    width:1425px;
    height:768px;
    background:url(../images/img_02_frog.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    /*left:1647px;*/
    left:1500px;
}

.img_02_tree_oku{
    z-index:590;
    width:1548px;
    height:768px;
    background:url(../images/img_02_tree_oku.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:346px;
}

.img_illust01{
    z-index:920;
    position:absolute;
    left:1190px;
    top:150px;
}

.img_illust01 img{
    opacity:0;
    width:400px;
    height:auto;
    -webkit-transform: rotate(5deg) !important; /* chrome、safari　*/
    -moz-transform: rotate(5deg) !important; /* firefox　*/
    margin:30px 0px 30px 0px;
}

/*-----------------------------------------------------------------
  section03
-------------------------------------------------------------------*/
#section03-inner{
    width:2836px;
    height:768px;
    position:relative;
}

.img_03_appletree{
    z-index:590;
    width:1522px;
    height:768px;
    background:url(../images/bg_02_tree.png) 0 0 no-repeat;
    position:absolute;
    left:172px;
    top:0;
}
.img_03_appletree-inner{
    width:1522px;
    height:768px;
    position:relative;
 }
.img_03_appletree-inner img.img01{
    position:absolute;
    left:398px;
    top:291px;
}
.img_03_appletree-inner img.img02{
    position:absolute;
    left:468px;
    top:139px;
}
.img_03_appletree-inner img.img03{
    position:absolute;
    left:558px;
    top:310px;
}
.img_03_appletree-inner img.img04{
    position:absolute;
    left:670px;
    top:163px;
}
.img_03_appletree-inner img.img05{
    position:absolute;
    left:774px;
    top:50px;
}
.img_03_appletree-inner img.img06{
    position:absolute;
    left:787px;
    top:305px;
}
.img_03_appletree-inner img.img07{
    position:absolute;
    left:910px;
    top:208px;
}

.img_03_church{
    z-index:1000;
    width:2831px;
    height:768px;
    background:url(../images/img_03_church.png) 0 0 no-repeat;
    position:absolute;
    left:359px;
    bottom:0;
}
.img_03_churchfront{
    z-index:1100;
    width:2831px;
    height:768px;
    background:url(../images/img_03_church_mae.png) 0 0 no-repeat;
    position:absolute;
    left:359px;
    bottom:0;
}
.img_03_churchwolf{
    z-index:1200;
    width:2831px;
    height:768px;
    background:url(../images/img_03_wolf.png) 0 0 no-repeat;
    position:absolute;
    left:359px;
    bottom:0;
}
.img_03_churchmoon{
    z-index:980;
    width:2831px;
    height:768px;
    background:url(../images/img_03_moon.png) 0 0 no-repeat;
    position:absolute;
    left:500px;
    bottom:0;
}
.img_03_churcloud{
    z-index:990;
    width:2831px;
    height:768px;
    background:url(../images/img_03_cloud.png) 0 0 no-repeat;
    position:absolute;
    left:500px;
    bottom:0;
}

.img_03_suzuran{
    z-index:1300;
    width:1946px;
    height:768px;
    background:url(../images/img_03_suzuran.png) 0 0 no-repeat;
    position:absolute;
    left:-312px;
    bottom:0;
}

/*-----------------------------------------------------------------
  section04
-------------------------------------------------------------------*/
#section04-inner{
    width:2060px;
    height:768px;
    position:relative;
}
.bg02{
    z-index:2000;
    width:5418px;
    height:768px;
    background:url(../images/bg_03.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:-464px;
}

.img_04_whiteboad{
    z-index:2100;
    width:479px;
    height:768px;
    background:url(../images/img_04_whiteboad.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:152px;
}

.img_04_dog01{
    z-index:2200;
    width:1591px;
    height:768px;
    background:url(../images/img_04_dog01_01.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:-156px;
}

.img_04_dog02{
    z-index:2300;
    width:1622px;
    height:768px;
    background:url(../images/img_04_dog02.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:800px;
}

.img_04_dog02_01{
    z-index:2320;
    width:995px;
    height:768px;
    background:url(../images/img_04_dog02_01.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:700px;
}

.img_04_dog02_02{
    z-index:2310;
    width:844px;
    height:768px;
    background:url(../images/img_04_dog02_02.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:2286px;
}


.img_illust02{
    z-index:2010;
    position:absolute;
    right:0px;
    top:20px;
}

.img_illust02 img{
    opacity:0;
    width:400px;
    height:auto;
    -webkit-transform: rotate(5deg) !important; /* chrome、safari　*/
    -moz-transform: rotate(5deg) !important; /* firefox　*/
    margin:30px 0px 30px 0px;
}


/*-----------------------------------------------------------------
  section05
-------------------------------------------------------------------*/
#section05-inner{
    width:2895px;
    height:768px;
    position:relative;
}

.img_05_whiteboad{
    z-index:2110;
    width:971px;
    height:768px;
    background:url(../images/img_05_whiteboad.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:410px;
}

.img_05_dog01{
    z-index:2210;
    width:1196px;
    height:768px;
    background:url(../images/img_05_dog01_02.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:435px;
}

.img_05_dog02{
    z-index:2310;
    width:1491px;
    height:768px;
    background:url(../images/img_05_dog03.png) 0 0 no-repeat;
    position:absolute;
    top:0;
    left:977px;
}

/*--yurayura--*/
.img_yura01{
    width:479px;
    height:768px;
    position:relative;
    display:none;
}

.img_yura01 img{
    position:absolute;
    left:150px;
    top:50px;
}
    
.img_yura02{
    width:479px;
    height:768px;
    position:relative;
    display:none;
}

.img_yura02 img{
    position:absolute;
    left:-1200px;
    top:200px;
}

.img_yura03{
    width:1196px;
    height:768px;
    position:relative;
    display:none;
}

.img_yura03 img{
    position:absolute;
    left:550px;
    top:150px;
}

/*-----------------------------------------------------------------
  #map
-------------------------------------------------------------------*/

.modal{display:none;}
.modalBody{
    position: fixed; 
    z-index:1000000;
    left:50%; 
    top:50%; 
    width:524px;
    height:489px;
    }
.modalBK{
    position: fixed; 
    z-index:999999;
	top:0; left:0; right:0; bottom:0;  
    height:100%; width:100%;    
    background:rgba(0,0,0,0.85);}

.modalBody .close{
    width:31px;
    height:31px;
    background:url(../images/btn_close.png) 0 0 no-repeat;
    cursor:pointer;
    position:fixed;
    top:100px;
    right:50px;
}