/*** for PC Browser ***/
@media (min-width:401px)
{
#BaseTable, #HeaderPane, #Middle, #ContentPane, #FooterPane {
	width: auto;
	margin: 0px;
	padding: 0px;
}


/*ヘッダ*/
.s_header {
	background: rgba(255,255,255,0.7);
	width: 270px;
	position: fixed;
	z-index: 3;
}

.s_header .logo {
	display: block;
	margin: 0px auto;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 25px 0px;
}

.s_header a img {
	vertical-align: bottom;
}

.s_header ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.s_header ul li {
	height: 25%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.s_header ul li a {
	border-bottom: 1px solid #ccc;
	color: #000;
	text-decoration: none;
	font-size: 130%;
	display: block;
	text-align: left;
	padding: 0px 0px 0px 70px;
}

.s_header ul li:last-child a {
	border-bottom: none;
}

.s_header .h_l_menu_00 {
	background: url(../../../Images/glnv_icon_00_l.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_01 {
	background: url(/Images/glnv_icon_01.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_02 {
	background: url(/Images/glnv_icon_02.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_03 {
	background: url(/Images/glnv_icon_03.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_04 {
	background: url(/Images/glnv_icon_04.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_05 {
	background: url(/Images/glnv_icon_06.png) no-repeat 10px center;
	background-size: 20%;
}



/* イメージ */
.MainView {
	background: url(/secure/2625/spring.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
}

.MainView .view_text {
	text-indent: -9999px;
}

.livecam {
	position: absolute;
	z-index: 2;
	bottom: 200px;
	right: 25px;
}


.photorental {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	right: 25px;
}

.shirakawagokon {
	position: absolute;
	bottom: 300px;
	right: 25px;
	z-index: 2;
}

.lp_jp {
	position: absolute;
	bottom: 555px;
	right: 25px;
	z-index: 2;
}

.lp_en {
	position: absolute;
	bottom: 460px;
	right: 25px;
	z-index: 2;
}

.whc {
    position: absolute;
    bottom: 365px;
    right: 25px;
    z-index: 2;
}

/* フッタ */
.s_footer {
	width: 100%;
	position: fixed;
	margin: 0px auto;
	padding: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 3;
}

.s_footer address {
	background: #F4F8E1;
	font-style: normal;
	padding: 10px 0px;
	text-align: center;
}

.s_footer address a {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	color: #000;
}

.s_footer .copyright {
	background: #175D43;
	color: #fff;
	padding: 10px 0px;
}


}
@media (max-height: 680px) and (orientation: landscape) {

#ContentPane img {
    width: 80%;
    height: auto;
}

.photorental {
    bottom: 85px;
}

.livecam {
    bottom: 160px;
}

.shirakawagokon {
    bottom: 235px;
}

.lp_en {
    bottom: 360px;
}

.lp_jp {
    bottom: 435px;
}

.whc {
    bottom: 285px;
}

}



/*** for PC Browser ***/
@media (min-width:401px)
{
/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#BaseTable, #HeaderPane, #Middle, #ContentPane, #FooterPane {
	width: auto;
	margin: 0px;
	padding: 0px;
}

#BaseTable {
	background: url(/secure/2625/spring.jpg) no-repeat;
	background-size: cover;
}


/*ヘッダ*/
.s_header {
	background: rgba(255,255,255,0.7);
	width: 320px;
	position: relative;
	z-index: 3;
}
.s_header .logo {
	display: block;
	margin: 0px auto;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 25px 0px;
}

.s_header a img {
	vertical-align: bottom;
}

.s_header ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.s_header ul li {
	height: 25%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.s_header ul li a {
	border-bottom: 1px solid #ccc;
	color: #000;
	text-decoration: none;
	font-size: 130%;
	display: block;
	text-align: left;
	padding: 15px 0px 15px 80px;
}

.s_header ul li:last-child a {
	border-bottom: none;
}

.s_header .h_l_menu_00 {
	background: url(../../../Images/glnv_icon_00_l.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_01 {
	background: url(/Images/glnv_icon_01.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_02 {
	background: url(/Images/glnv_icon_02.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_03 {
	background: url(/Images/glnv_icon_03.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_04 {
	background: url(/Images/glnv_icon_04.png) no-repeat 10px center;
	background-size: 20%;
}

.s_header .h_l_menu_05 {
	background: url(/Images/glnv_icon_06.png) no-repeat 10px center;
	background-size: 20%;
}


/* イメージ */
.MainView {
}

.MainView .view_text {
	text-indent: -9999px;
}

.livecam {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0px auto;
	text-align: center;
}

.photorental {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0px auto;
	text-align: center;
}

.shirakawagokon {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0px auto;
	text-align: center;
}

.lp_jp {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0px auto;
	text-align: center;
}

.lp_en {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0px auto;
	text-align: center;
}

.whc {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0px auto;
    text-align: center;
}

/* フッタ */
.s_footer {
	width: 100%;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 3;
}

.s_footer address {
	background: #F4F8E1;
	font-style: normal;
	padding: 10px 0px;
	text-align: center;
}

.s_footer address a {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	color: #000;
}

.s_footer .copyright {
	background: #175D43;
	color: #fff;
	padding: 10px 0px;
}
}