@charset "EUC-JP";
/* CSS Document */

/*common*/
html {
	overflow-x:hidden;
	overflow-Y:hidden;
}

/*area-content*/
#area-content {
	display:none;
}
#area-content .section {
	width:100%;
	margin:65px 0 0;
}
#area-content .inner {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
#area-content .f-left {
	float:left;
}
#area-content .f-right {
	float:right;
}
#area-content .font-m {
	font-size:13px;
	line-height:180%;
}
#area-content .font-s {
	font-size:11px;
	line-height:150%;
}
h2,
h3 {
	background:none;
    clear: both;
    display: block;
    float: none;
    height:auto;
    line-height:1;
    margin: 0;
    padding: 0;
    position: static;
    width: auto;
}

/*loadimg*/
#loadimg {
	width:100%;
	position:fixed;
	left:0;
	top:50%;
	margin:-92px 0 0 0;
	text-align: center;
	z-index: 100;
}

/*content-background*/
#content-background {
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index:90;
}

/*filter*/
img.filter {
	z-index:1;
}

/*IntTourContainer*/
#IntTourContainer {
	width: 100%;
}

/*main-contents-wrap*/
#main-contents-wrap {
	width: 100%;
}


/*logo*/
.logo {
	position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
}

/*main-visual*/
#main-visual {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#main-visual h1 {
	display: block;
    left: 0;
	top:15%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
#main-visual ul {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	zoom:1;
}
#main-visual li {
    position: absolute;
	overflow:hidden;
	top:0;
	right:0;
}
#main-visual li:first-child {
	left:0;
}
#main-visual li div.content-link {
    position: absolute;
    text-align: center;
    width: 100%;
	left:0;
	top:75%;
	z-index:80;
}
#main-visual .fix-image {
	position:absolute;
}
#main-visual .first-fade {
	display:none;
}
#main-visual .third-fade {
	display:none;
}
#main-visual .content-title {
	height: 100%;
    position: absolute;
    width: 100%;
	z-index:1;
}
#main-visual .content-title h2 {
	left: 0;
    position: absolute;
    text-align: center;
    top: 44%;
    width: 100%;
}
#main-visual .content-title strong {
	left: 0;
    position: absolute;
    text-align: center;
    top: 55%;
    width: 100%;
}
#main-visual .content-title .left-bottom {
	position:absolute;
	left:20px;
	bottom:20px;
}
#main-visual .content-title .right-bottom {
	position:absolute;
	right:20px;
	bottom:20px;
}
#main-visual .content-title .scroll-image {
	position:absolute;
	left:50%;
	bottom:0;
	margin:0 0 0 -19px;
}

/*photo-section*/
.photo-section h4 {
	text-align: center;
}
.photo-section .photo-content {
	margin: 10px 0 0;
    overflow: hidden;
    width: 990px;
	zoom:1;
}
.photo-section .photo-content li {
	display: inline;
    float: left;
    margin: 15px 30px 0 0;
    width: 300px;
}
.photo-section .font-s {
	margin:5px 0 0;
}
.photo-section .other-contents-link {
	margin: 65px 0 0;
    text-align: center;
}
.common-contents {
	margin: 0 auto;
    overflow: hidden;
    width: 960px;
	display:none;
}
.common-contents .other-contents-links {
	margin: 70px 0;
    overflow: hidden;
}
.common-contents h5 {
	text-align:center;
}
.common-contents .double {
	width:970px;
	overflow:hidden;
}
.common-contents .double li {
	display: inline;
    float: left;
    margin: 20px 10px 0 0;
}
.common-contents .single li {
	text-align:center;
    margin: 20px 0 0;
}

/*content-footer*/
#content-footer {
	position:relative;
	width:100%;
	overflow:hidden;
	height:207px;
	display:none;
}
#content-footer .wid-fix-image {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
#content-footer .innter {
	margin: 0 auto;
    padding: 78px 0 0;
    text-align: center;
    width: 960px;
}

/*social-content*/
#social-content {
	margin:0 20px 15px;
	overflow:hidden;
	display:none;
}
#social-content ul {
	text-align: center;
}
#social-content li {
	display: inline;
    margin: 0 5px;
}

.alignC {
	display:none;
}



/*backnumber-link*/
.backnumber-link {
	margin: 40px 0 0;
    text-align: center;
}
.backnumber-link a {
	display:block;
	width:201px;
	height:35px;
	text-indent:-9999px;
	background:url(../images/backnumber-link.png) left top no-repeat;
	margin:0 auto;
}
.backnumber-link a:hover {
	background:url(../images/backnumber-link_hover.png) left top no-repeat;
}
#modal-background {
	display:none;
	position:fixed;
	left:0;
	top:0;
	background:#000;
	z-index:100;
}
#modal-wrap {
	display: none;
    position: fixed;
    top: 0;
    z-index: 101;
}
#modal-content {
}
.modal-inner {
	overflow:hidden;
}
.modal-inner ul {
	margin: -28px 0 0;
    overflow: hidden;
}
.modal-inner li {
	float: left;
    margin: 28px 14px 0;
    width: 192px;
    height: 167px;
	line-height:0;
	vertical-align:top;
}
.modal-inner li a {
    width: 192px;
    height: 167px;
	display:block;
	position:relative;
}
.modal-inner li img.hover {
	position:absolute;
	left:0;
	top:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) !important;
	opacity: 0 !important;
}
.modal-inner li a:hover img.hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
	opacity: 1 !important;
}
.modal-close {
	color: #fff;
    cursor: pointer;
    display: none;
    position: fixed;
    right:20px;
    top: 20px;
    z-index: 102;
}