@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */

.body {
	clear:both;
}

.wrap{
	clear:both;
}

/* ---------------------------------------------
　header
------------------------------------------------ */

.header{
	width:100%;
	height:145px;
	position:relative;
}

.header-top{
	position:relative;
}

.header li,
.header-top li{
	float:left;
}


.header .logo,
.header-top .logo{
	position:absolute;
	left:20px;
	top:20px;
}

.header .header-inner{
	position:relative;
	width:980px;
	margin:auto;
}

.header .logo{
	top:30px;
	right:0;
	left:0;
	margin:auto;
	width:140px;
}

.header .lang{
	position:absolute;
	left:0;
	top:24px;
	width:190px;
	height:53px;
	background:url(../images/img_lang.png) top left no-repeat;
	padding:7px 0 0 105px
}

.header .lang li{
	margin-right:6px;
	font-size:87%;
}

.header .lang li.ja, 
.header .lang li.en, 
.header .lang li.cn,
.header .lang li a, 
.header .lang li a:link, 
.header .lang li a:hover, 
.header .lang li a:visited, 
.header .lang li a:active{
	text-decoration:none;
	display:block;
	padding:3px 10px;
}

.header .lang li.ja, 
.header .lang li.en, 
.header .lang li.cn,
.header .lang li a:hover,
.header .lang li a:active{
	background:#FFF600;
}

.header-top .btn-movie{
	position:absolute;
	top:30px;
	right:30px;
	z-index:-1;
}

.header .global-navigation,
.header-top .global-navigation{
	background:url(../images/bg_gnavi.png) left bottom repeat-x;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:62px;
	z-index:1;
}

.global-navigation ul{
	width:980px;
	margin:0 auto;
}

.global-navigation li{position:relative; height:62px; }

.global-navigation li.stay img{ opacity:0 !important; }

.global-navigation li.stay .icon-contact img{ opacity:1 !important; }

.global-navigation li.nav01{ background:url(../images/gnavi_01_stay.png) left bottom no-repeat; }
.global-navigation li.nav02{ background:url(../images/gnavi_02_stay.png) left bottom no-repeat; }
.global-navigation li.nav03{ background:url(../images/gnavi_03_stay.png) left bottom no-repeat; }
.global-navigation li.nav04{ background:url(../images/gnavi_04_stay.png) left bottom no-repeat; }
.global-navigation li.nav05{ background:url(../images/gnavi_05_stay.png) left bottom no-repeat; }
.global-navigation li.nav06{ background:url(../images/gnavi_06_stay.png) left bottom no-repeat; }

.icon-movie{
	position:absolute;
	top:-45px;
	left:35px;
	z-index:1;
}

.icon-contact{
	position:absolute;
	top:-58px;
	left:38px;
	z-index:1;
}


@media screen and (max-width:1080px){
.keyvisual .txt-keyvisual{
	width:540px !important;
	margin-top:10px !important;
}

.keyvisual .txt-keyvisual img{
	max-width:100%;
	height:auto;
}

}


/* ---------------------------------------------
　container
------------------------------------------------ */

.container{
	width:auto;
	margin:0 0 20px;
}

/* ------ title -------------------------------- */

.page-title{
	background:url(../images/bg_page_title.png) left bottom repeat-x #fff;
}

.page-title h1{
	background:url(../images/bg_page_title_h1.png) center bottom no-repeat;
	text-align:center;
	padding:40px 0 35px;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:1px;
}

.page-title h1 span{
	display:block;
	font-family: 'Exo', sans-serif;
	font-size:11px;
}


/* ------ topic-path --------------------------- */

.container .topic-path {
	background:#00a0e9;
	text-align:left;
	margin:0;
	padding:5px 0;
	color:#fff;
	font-size:11px;
}

.container .topic-path P{
	width:980px;
	margin:0 auto;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#fff;
	text-decoration:none;
}

/* ------ pagetop ------------------------------ */

.pagetop{
	position:fixed;
	bottom:20px;
	font-size:0;
	z-index:1;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
	background:url(../images/icon_arrow_pagetop.png) 0 0 no-repeat;
	width:114px;
	height:164px;
	display:block;
}

/* content
------------------------------------------------ */

.content-wrapper {
	width:980px;
	margin:0 auto;
}

.content {
	width:720px;
	float:right;
	text-align:left;
	margin:30px auto 60px;
}

.content.one-col {
	width:980px;
	float:none;
}

/* local-nav */

.content .local-nav ul{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0;
	padding:0;
}

.content .local-nav ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .content .local-nav ul             { zoom:1; } /* IE6 */
*:first-child+html .content .local-nav ul { zoom:1; } /* IE7 */

.local-nav li{
	float:left;
	width:33.333333%;
	font-size:13px;
	text-align:center;
	margin:0;
	padding:0;
}

.local-nav li a, 
.local-nav li a:link, 
.local-nav li a:visited{
	display:block;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	padding:10px;
	color:#333;
    background:url(../images/icon_arrow_within.png) no-repeat 95% 50%;
}

.local-nav li.stay a, 
.local-nav li.stay a:link, 
.local-nav li.stay a:hover, 
.local-nav li.stay a:active, 
.local-nav li.stay a:visited,
.local-nav li a:hover, 
.local-nav li a:active{
	background-color:#eee;
}


/* sidebar
------------------------------------------------ */

.sidebar{
	width:230px;
	float:left;
	text-align:left;
	margin:30px 0;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	background:#fff;
	margin-bottom:20px;
}

.sidebar .local-navigation h2{
	margin:0 0 1px;
	background:#000;
	padding:10px 15px;
	color:#fff;
	font-weight:bold;
}

.sidebar .local-navigation ul{
	margin:0;
}

.sidebar .local-navigation ul span{
	font-size:78%;
}

.sidebar .local-navigation ul li{
	margin-bottom:1px;
	position:relative;
}

.sidebar .local-navigation li a{
	background:url(../images/icon_arrow_navi01.png) no-repeat center right 20px #eee;
	padding:15px 35px 15px 15px;
	display:block;
	font-size:13px;
}

.sidebar .local-navigation li.parent a{
	background:url(../images/icon_arrow_navi03.png) no-repeat center right 20px #000;
	color:#fff;
	font-weight:bold;
}

.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li.stay a.sub-parent,
.sidebar .local-navigation li li.stay a{
	background-color:#ddd;
	color:#333;
}

.sidebar .local-navigation li.stay a{
	background-color:#e6e6e6;
}

.sidebar .local-navigation li.parent a:hover{
	background-color:#666;
	color:#fff;
}

.sidebar .local-navigation li ul{
	background:#eee;
	padding:10px;
	position:relative;
}

.sidebar .local-navigation li li a{
	background:url(../images/icon_arrow_navi02.png) no-repeat center right 10px #fff;
	padding:7px 20px 7px 10px;
	font-size:12px;
}

.sidebar .local-navigation li .toggle{
	background:url(../images/icon_arrow_navi_toggle.png) no-repeat center top 23px #ddd;
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

.sidebar .local-navigation li .toggle.active{
	background-image:url(../images/icon_arrow_navi_active.png);
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
}

/* ------ banner ------------------------------- */

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}



/* ---------------------------------------------
　footer
------------------------------------------------ */

.footer{
	clear:both;
}

.footer .inner{
}

.footer a,
.footer a:link,
.footer a:visited,
.footer a:active {
	color:#666;
	text-decoration:none;
}

.footer a:hover{ text-decoration:underline; }

.footer-navigation{
	text-align:center;
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.footer-navigation li{
	background:url(../images/icon_arrow02.png) left 7px top 0.15em no-repeat;
	display:inline;
	padding:0 15px;
	font-size:11px;
}

.copyright{
	margin:30px 0;
	line-height:100%;
}