body {
	width:100%;
    height:auto;
	background-attachment:fixed;
}
#portamento_container {
    float:right; 
    position:relative;
}
 
#portamento_container .floatPanel {
    float:none; 
    position:absolute;
}
 
#portamento_container .floatPanel.fixed {
    position:fixed;
}
#head_back1{
	height:500px;
}

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

#navi{
	width: 280px;
	height: 500px;
	background-color:#b8d89e;
	float:right;
	position:relative;
	z-index:1;
}

#navi ul{
	margin-top:20px;
	margin-left:20px;
}

#navi ul#other li#charm{
	margin-top:20px;
}

#navi ul#other li#firstview a:link,#navi ul#other li#charm a:link,
#navi ul#main p#maintop a:link,#navi ul#sub p#subtop a:link,
#navi ul#main li#main1 a:link,#navi ul#main li#main2 a:link,
#navi ul#main li#main3 a:link,#navi ul#main li#main4 a:link,
#navi ul#main li#main5 a:link,
#navi ul#sub li#sub1 a:link,#navi ul#sub li#sub2 a:link,
#navi ul#sub li#sub3 a:link,#navi ul#sub li#sub4 a:link,
#navi ul#sub li#sub5 a:link,#navi ul#sub li#sub6 a:link,
#navi ul#sub li#sub7 a:link,#navi ul#sub li#back8 a:link{
	color:black;
	text-decoration: none;
}

#navi ul#other li#firstview a:hover,#navi ul#other li#charm a:hover,
#navi ul#main p#maintop a:hover,#navi ul#sub p#subtop a:hover,
#navi ul#main li#main1 a:hover,#navi ul#main li#main2 a:hover,
#navi ul#main li#main3 a:hover,#navi ul#main li#main4 a:hover,
#navi ul#main li#main5 a:hover,
#navi ul#sub li#sub1 a:hover,#navi ul#sub li#sub2 a:hover,
#navi ul#sub li#sub3 a:hover,#navi ul#sub li#sub4 a:hover,
#navi ul#sub li#sub5 a:hover,#navi ul#sub li#sub6 a:hover,
#navi ul#sub li#sub7 a:hover,#navi ul#sub li#back8 a:hover{
	text-decoration:underline;
}

#navi ul#main li,#navi ul#sub li{
	margin-left:30px;
}

#navi ul#sub{
	float: left;
}
/*-----------------------------------------------------------------------------*/




#container{
	width:1200px;
	height:auto;
	margin: 0 auto;	
}

.box {
	position: relative;
    height: 800px;
	margin: 0;
    padding: 0;
}

#box1 {
	width:1200px;
	height:1600px;
    background:url("../img/mikasamae.jpg") no-repeat;
	margin-top:-500px;
}

#box1-3{
	width:1200px;
	height:300px;
	background-color:black;
	margin:0 auto;
}

#box2 {
	width:1200px;
	height:1000px;
    background:white no-repeat;
	position:absolute;
	top:0;
	z-index:auto;
	margin-top:0px;
}

/*TOP slide*/
.bxslider{
	width:1200px;
	height:500px;
	background-image:url(../img/slide01.jpg);
	margin:0 auto;
	position:relative;
}


/*黒帯*/
#box2-1-1{
	width:250px;
	height:500px;
	background-color:rgba(0,0,0,0.5);	
	margin:-500px 0 0 100px;
	position:absolute;
	top:505px;
}

#title{
	color:white;
	font-size:30px;
	top:100px;
	left:140px;
	position:absolute;
}

#catch{
	color:white;
	font-size:20px;
	top:60px;
	left:140px;
	position:absolute;		
}

#setumei{
	color:white;
	font-size:18px;
	top:360px;
	left:110px;
	position:absolute;		
	
}
#box2-2{
	width:1010px;
	height:300px;
	margin:80px auto;
}

#box2-2 ul li{
	width:144px;
	height:301px;
	float:left;
}
#box2-2 ul li a{
	text-indent:-10000px;
	display:block;
}
/*白糸の滝*/
#box2-2 ul li#a a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-1.jpg);	
}

#box2-2 ul li#a a:hover{
	background-image:url(../img/2-2-1_o.jpg);
}

/*旧三笠ホテル*/
#box2-2 ul li#b a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-2.jpg);	
}

#box2-2 ul li#b a:hover{
	background-image:url(../img/2-2-2_o.jpg);
}

/*三笠通りの落葉松の街路樹*/
#box2-2 ul li#c a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-3.jpg);	
}

#box2-2 ul li#c a:hover{
	background-image:url(../img/2-2-3_o.jpg);
}

/*雲場池*/
#box2-2 ul li#d a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-4.jpg);	
}

#box2-2 ul li#d a:hover{
	background-image:url(../img/2-2-4_o.jpg);
}

/*ハッピーバレー*/
#box2-2 ul li#e a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-5.jpg);	
}

#box2-2 ul li#e a:hover{
	background-image:url(../img/2-2-5_o.jpg);
}

/*明治四十四年館*/
#box2-2 ul li#f a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-6.jpg);	
}

#box2-2 ul li#f a:hover{
	background-image:url(../img/2-2-6_o.jpg);
}

/*鬼押出し*/
#box2-2 ul li#g a{
	width:140px;
	height:300px;
	background-image:url(../img/2-2-7.jpg);	
}

#box2-2 ul li#g a:hover{
	background-image:url(../img/2-2-7_o.jpg);
}

/*
#box2-1{
	width:1000px;
	height:2500px;
	background-color:blue;	
	margin:0 auto;
}*/

#box3 {
	width:1200px;
	height:1000px;
    background:white no-repeat;
	position:relative;
}

#box3-1{
	width:1000px;
	height:800px;
	background-image:url(../img/charm.jpg);
	margin:110px auto;
	position:relative;
	overflow: hidden; 
}

#box3-1 img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#box3-1:before,#box3-1:after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 150px;
	height: 50px;
	background: #fff; /* 背景色 */
	transform: rotate(-30deg);
}

/* 左上 */
#box3-1:before {
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;
}

/* 右下 */
#box3-1:after {
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
}

#box3-1 p#title_3-1{
	position:absolute;
	top:100px;
	left:60px;
	font-size:20px;
}

#box3-1 p#title_3-2-1{
	position:absolute;
	top:133px;
	left:90px;
	font-size:16px;
}

#box3-1 p#title_3-2-2{
	position:absolute;
	top:159px;
	left:90px;
	font-size:16px;
}

/*自然*/
#box3-1 ul#sizen{
	width:380px;
	height:220px;
	position:absolute;
	top:240px;
	left:88px;
	font-size:18px;
	margin-left:5px;
}

#box3-1 ul li#s{
	font-size:14px;
	letter-spacing:0.5px;
	line-height: 180%;
	margin-left:10px;
}

/*歴史*/
#box3-1 ul#rekisi{
	width:380px;
	height:220px;
	position:absolute;
	top:240px;
	left:525px;
	font-size:18px;
	margin-left:5px;
}

#box3-1 ul li#r{
	font-size:14px;
	letter-spacing:0.5px;
	line-height: 180%;
	margin-left:10px;
}

/*別荘地*/
#box3-1 ul#vessou{
	width:380px;
	height:220px;
	position:absolute;
	top:520px;
	left:88px;
	font-size:18px;
	margin-left:5px;
}

#box3-1 ul li#v{
	font-size:14px;
	letter-spacing:0.5px;
	line-height: 180%;
	margin-left:10px;
}

/*文化*/
#box3-1 ul#bunka{
	width:380px;
	height:220px;
	position:absolute;
	top:520px;
	left:525px;
	font-size:18px;
	margin-left:5px;
}

#box3-1 ul li#b{
	font-size:14px;
	letter-spacing:0.5px;
	line-height: 180%;
	margin-left:10px;
}

#box33_hosoku{
	width:1000px;
	height:20px;
	margin:-50px auto;
}

#box44_hosoku{
	width:1000px;
	height:20px;
	margin:20px auto;
}


#box33{
	width:1000px;
	height:800px;
	background-image:url(../img/tizu1.jpg);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:110px;
	background-repeat:no-repeat;
}

#box4 {
	width:1200px;
	height:2800px;
    background: url("../img/mikasamae.jpg") no-repeat;
}

#box4-1{
	width:1200px;
	height:1900px;
	margin:0 auto;
	background-color:white;
}

#box4-1-1{
	width:800px;
	height:300px;
	background-image:url(../img/5-1.jpg);
	margin:50px auto;
}

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

#kiji1,#kiji2,#kiji3,#kiji4,#kiji5{
	position:relative;
	margin-top:-300px;
}

#box4-1-1 p,#box4-1-2 p,#box4-1-3 p,#box4-1-4 p,#box4-1-5 p{
	width:800px;
	height:300px;
	margin:50px,0,0,100px;
}

#box4-1-1 p.title,#box4-1-2 p.title,#box4-1-3 p.title,#box4-1-4 p.title,#box4-1-5 p.title{
	margin:-265px 0 0 40px;	
	font-size:20px;
}

#box4-1-1 p.text,#box4-1-2 p.text,#box4-1-3 p.text,#box4-1-4 p.text,#box4-1-5 p.text{
	width:430px;
	height:100px;
	margin:-270px 0 0 50px;	
}

/*基本情報*/

#box4-1-1 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:190px;
	left:260px;
}

#box4-1-2 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:540px;
	left:260px;
}

#box4-1-3 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:890px;
	left:260px;
}
#box4-1-4 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:1240px;
	left:260px;
}
#box4-1-5 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:1590px;
	left:260px;
}

/*画像切り替え*/

#box4-1-1 .image{
	width:270px;
	height:270px;
	background-image:url(../img/hatta.jpg);
	position:absolute;
	top:15px;
	left:715px;
}

#box4-1-2 .image{
	width:270px;
	height:270px;
	background-image:url(../img/yunion.jpg);
	position:absolute;
	top:365px;
	left:715px;
}

#box4-1-3 .image{
	width:270px;
	height:270px;
	background-image:url(../img/muro.jpg);
	position:absolute;
	top:715px;
	left:715px;
}

#box4-1-4 .image{
	width:270px;
	height:270px;
	background-image:url(../img/syo.jpg);
	position:absolute;
	top:1065px;
	left:715px;
}

#box4-1-5 .image{
	width:270px;
	height:270px;
	background-image:url(../img/pauro.jpg);
	position:absolute;
	top:1415px;
	left:715px;
}
/*---------------------------------------------------------*/
#box4-1-2{
	width:800px;
	height:300px;
	background-image:url(../img/5-1.jpg);
	margin:50px auto;
}

#box4-1-3{
	width:800px;
	height:300px;
	background-image:url(../img/5-1.jpg);
	margin:50px auto;
}

#box4-1-4{
	width:800px;
	height:300px;
	background-image:url(../img/5-1.jpg);
	margin:50px auto;
}

#box4-1-5{
	width:800px;
	height:300px;
	background-image:url(../img/5-1.jpg);
	margin:50px auto;
}

#box44{
	width:1000px;
	height:800px;
	background-image:url(../img/tizu2.jpg);
	background-repeat:no-repeat;
	margin:110px auto;
}

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

#box5 {
	width:1200px;
	height:2450px;
    background:white no-repeat;
	margin:0 auto;
}

#box5-1{
	width:800px;
	height:300px;
	background-image:url(../img/5-1.jpg);	
	margin:50px auto;
}


#back{
	width:800px;
	height:300px;
	background-color:white;
	margin-top:-50px;
}

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

#moji1,#moji2,#moji3,#moji4,#moji5,#moji6,#moji7{
	position:relative;
	margin-top:-300px;
}

#box5-1 p.title,#box5-2 p.title,#box5-3 p.title,#box5-4 p.title,#box5-5 p.title,#box5-6 p.title,#box5-7 p.title{
	margin:-265px 0 0 40px;	
	font-size:20px;
}

#box5-1 p.text,#box5-2 p.text,#box5-3 p.text,#box5-4 p.text,#box5-5 p.text,#box5-6 p.text,#box5-7 p.text{
	width:430px;
	height:100px;
	margin:-270px 0 0 50px;	
}

#box5-1 p.info,#box5-2 p.info,#box5-3 p.info,#box5-4 p.info,#box5-5 p.info,#box5-7 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:490px;
	left:55px;
}

#box5-6 p.info{
	width:430px;
	height:100px;
	position:absolute;
	top:485px;
	left:55px;
}
#box5-1 .image{
	width:270px;
	height:270px;
	background-image:url(../img/shiraito.jpg);
	position:absolute;
	top:15px;
	left:515px;
}

#box5-2 .image{
	width:270px;
	height:270px;
	background-image:url(../img/hotel.jpg);
	position:absolute;
	top:15px;
	left:515px;
}

#box5-3 .image{
	width:270px;
	height:270px;
	background-image:url(../img/karamatsu.jpg);
	position:absolute;
	top:15px;
	left:515px;
}

#box5-4 .image{
	width:270px;
	height:270px;
	background-image:url(../img/kumoba.jpg);
	position:absolute;
	top:15px;
	left:515px;
}

#box5-5 .image{
	width:270px;
	height:270px;
	background-image:url(../img/happy.jpg);
	position:absolute;
	top:15px;
	left:515px;
}

#box5-6 .image{
	width:270px;
	height:270px;
	background-image:url(../img/meiji44.jpg);
	position:absolute;
	top:15px;
	left:515px;
}

#box5-7 .image{
	width:270px;
	height:270px;
	background-image:url(../img/oni.jpg);
	position:absolute;
	top:15px;
	left:515px;
}
#box5-1 p,#box5-2 p,#box5-3 p,#box5-4 p,#box5-5 p,#box5-6 p,#box5-7 p{
	width:800px;
	height:300px;
	margin:50px,0,0,100px;
}

#moji1 p,#moji2 p,#moji3 p,#moji4 p,#moji5 p,#moji6 p,#moji7 p{
	margin-top:-300px;
}

/*-------------------------------------------------------------------------------------------------------------------*/
#box5-2{
	width:800px;
	height:300px;
	background-image:url(../img/5-2.jpg);	
	margin:50px auto;
}

#box5-3{
	width:800px;
	height:300px;
	background-image:url(../img/5-3.jpg);	
	margin:50px auto;
}


#box5-4{
	width:800px;
	height:300px;
	background-image:url(../img/5-4.jpg);	
	margin:50px auto;
}

#box5-5{
	width:800px;
	height:300px;
	background-image:url(../img/5-5.jpg);	
	margin:50px auto;
}

#box5-6{
	width:800px;
	height:300px;
	background-image:url(../img/5-6.jpg);
	margin:50px auto;
}
#box5-7{
	width:800px;
	height:300px;
	background-image:url(../img/5-7.jpg);	
	margin:50px auto;
}
#footer{
	width:100%;
	height:180px;
	background-image:url(../img/footer.png);
}


#footer p{
	width:1000px;
	height:auto;
	text-align:center;
	font-size:15px;
	margin:0 auto;
	position:relative;
	top:120px;
}

#footer p#foot a:link{
	color:black;
	text-decoration:none;
}

#footer p#foot a:hover{
	text-decoration:underline;
}