/* -----------------------------------------------------------
全頁共通
----------------------------------------------------------- */

header{
	position:relative;
	width:100%;
	height:40px;
	background:#fff;
	z-index:7777;
}
footer{
	width:100%;
	height:40px;
	background:#fff;
	z-index:9997;
	position:fixed;
	bottom:0px;
}
#footerBox1{
	width:500px;
	position:fixed;
	left:30px;
	bottom:10px;
}
#footerBox2{
	width:500px;
	position:fixed;
	right:30px;
	bottom:16px;
}
#footerBox2 .copylight{
	font-size:10px;
	color:#666;
	font-family:"MS PGothic", sans-serif;
	float:right;
}
#footerBox2 .copylight a{
	text-decoration:underline;
	color:#666;
}
#footerBox2 .copylight a:hover{
	text-decoration:none;
	color:#C0A09F;
}
#Container{
	width:100%;
	position:relative;
}
h1{
	position:fixed;
	left:30px;
	top:0px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
#globalNavi{
	width:150px;
	height:356px;
	padding:22px 0 0 15px;
	background:url(../images/nav_bg.png) no-repeat;
	position:fixed;
	top:175px;
	left:35px;
	/*z-index:6666;*/
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	font-weight:bold;
}
#containerBg{
	overflow:hidden;
	width:100%;
	height:100%;
	line-height:0px;
	position:absolute;
	top:0;
	left:0;
}
#containerBg #bg1{
	position:absolute;
	top:0px;
	left:0px;
}
#containerBg #bg2{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#containerBg #bg3{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#mainCont{
	/*padding:115px 0 0 217px;*/
	position:relative;
}

#movieBg{
	width:2000px;
	height:1800px;
	background:url(../images/movie_bg.png);
	z-index:5555;
	position:fixed;
	top:40px;
	left:0;
	display:none;
}
#movieBox{
	width:800px;
	height:480px;
	position:fixed;
	top:154px;
	left:217px;
	z-index:9997;
}
#movieBox .bt{
	width:90px;
	height:20px;
	float:right;
	margin-right:-10px;
}

#movieCon {
	z-index:9998;
}

#credit {
	color:#fff;
}



/* -----------------------------------------------------------
index
----------------------------------------------------------- */
#indexBox{
	display:none;
}
#indexBox .txt{
	width:250px;
	height:126px;
	position:fixed;
	top:40%;
	left:40%;
}

/* -----------------------------------------------------------
top
----------------------------------------------------------- */
#movie_mini{
	width:340px;
	height:190px;
	padding:5px;
	background:#000;
	position:fixed;
	bottom:60px;
	right:20px;
	display:block;
}
a:hover#movie_mini,
a:hover#movie_interview {
	opacity:0.8;
	-moz-opacity:0.8;
	-ms-opacity:0.8;
	-o-opacity:0.8;
	-webkit-opacity:0.8;
	background-color:#FFF;
	
}



/* -----------------------------------------------------------
news
----------------------------------------------------------- */
#newsCont{
	width:556px;
	height:480px;
	background:url(../images/news/news_bg.png) no-repeat;
	padding:83px 0 0 15px;
	position:absolute;
	top:111px;
	left:2217px;
}
#newsCont #newsIn{
	width:500px;
	height:530px;
	position:relative;
}
#newsCont #newsIn .scroll-pane{
	width:540px;
	height:450px;
}
h3{
	font-size:12px;
	font-weight:bold;
	padding-bottom:20px;
}
#newsCont #newsIn article{
	width:500px;
	border-bottom:1px solid #ccc;
}


/* -----------------------------------------------------------
concept
----------------------------------------------------------- */
#conceptCont{
	width:442px;
	height:287px;
	background:url(../images/concept/concept_bg.png) no-repeat;
	padding:83px 0 0 15px;
	position:absolute;
	top:111px;
	left:4217px;
}
#conceptCont #conceptIn{
	width:437px;
	height:350px;
}
h4{
	font-size:15px;
	padding-bottom:10px;
}


/* -----------------------------------------------------------
shoplist
----------------------------------------------------------- */
#shoplistCont{
	width:590px;
	height:503px;
	position:absolute;
	top:111px;
	left:6217px;
}
#shoplistCont1{
	width:401px;
	height:413px;
	background:url(../images/shoplist/shoplist_bg.png) no-repeat;
	padding:90px 0 0 15px;
	float:left;
}
#shoplistCont2{
	width:153px;
	height:99px;
	background:url(../images/shoplist/newshop.png) no-repeat;
	padding:47px 0 0 15px;
	margin-left:5px;
	float:left;
}
#shoplistCont1 #shoplistIn{
	width:401px;
}
#shoplistCont2 #shoplistIn{
	width:153px;
}
#shoplistIn h5{
	font-size:12px;
	font-weight:bold;
}
#shoplistIn .shop{
	width:225px;
	float:left;
}
#shoplistIn .tel{
	width:108px;
	float:left;
}
.diary{
	width:30px;
	padding-top:20px;
	float:left;
	font-size:0px;
	line-height:0px;
}
.diary .01{
	padding-top:90px;
}



/* -----------------------------------------------------------
press
----------------------------------------------------------- */
#pressCont{
	width:575px;
	height:214px;
	background:url(../images/press/press_bg.png) no-repeat;
	padding:83px 0 0 15px;
	position:absolute;
	top:111px;
	left:8217px;
}
#pressCont #pressIn{
	width:540px;
	height:170px;
	position:relative;
	overflow:auto;
}
#pressCont #pressIn ul{
	width:7380px;
	height:168px;
}
#pressCont #pressIn ul li{
	width:100px;
	float:left;
	text-align:center;
	display:inline;
	padding-right:10px;
	font-family: "メイリオ", sans-serif;
	font-size: 9px;
	color:#000;
}
#pressCont #pressIn ul li img{
	width:100px;
	padding-bottom:10px;
}



/* -----------------------------------------------------------
contact
----------------------------------------------------------- */
#contactCont{
	width:432px;
	height:372px;
	background:url(../images/contact/contact_bg.png) no-repeat;
	padding:83px 0 0 15px;
	position:absolute;
	top:111px;
	left:10217px;
}
#contactCont #contactIn{
	width:400px;
}
#contactCont #contactIn a{
	color:#C0A09F;
	font-size:11px;
}
#contactCont #contactIn a:hover{
	text-decoration:underline;
}



/* -----------------------------------------------------------
recruit
----------------------------------------------------------- */
#recruitCont{
	width:460px;
	height:392px;
	background:url(../images/recruit/recruit_bg.png) no-repeat;
	padding:100px 0 0 15px;
	position:absolute;
	top:105px;
	left:12217px;
}
#recruitCont #recruitIn{
	width:450px;
	height:365px;
	position:relative;
}
#recruitCont #recruitIn .scroll-pane{
	width:450px;
	height:365px;
}
#recruitCont #recruitIn .scroll-pane .kind{
	font-size:11px;
	color:#C0A09F;
	font-weight:bold;
	text-decoration:underline;
}
#recruitCont #recruitIn a{
	color:#C0A09F;
	font-size:11px;
}
#recruitCont #recruitIn a:hover{
	text-decoration:underline;
}



/* -----------------------------------------------------------
link
----------------------------------------------------------- */
#linkCont{
	width:452px;
	height:315px;
	background:url(../images/link/link_bg.png) no-repeat;
	padding:83px 0 0 15px;
	position:absolute;
	top:111px;
	left:14217px;
}
#linkCont #linkIn{
	width:450px;
	height:310px;
	position:relative;
}
#linkCont #linkIn .linkImg {
	width:188px;
	height:188px;
	margin-top:35px;
	padding-right:30px;
	overflow:hidden;
	float:right;
}
.bl{
	font-weight:bold;
	font-size:12px;
}
#bgContent2 {
	min-width:900px;
	-moz-min-width:900px;
	-o-min-width:900px;
	-webkit-min-width:900px;
	max-width:100%;
	-moz-max-width:100%;
	-o-max-width:100%;
	-webkit-max-width:100%;
	min-height:599px;
	-moz-min-height:599px;
	-o-min-height:599px;
	-webkit-min-height:599px;
	max-height:auto;
	-moz-max-height:auto;
	-o-max-height:auto;
	-webkit-max-height:auto;
	height:100%;
	position: relative;
	top:80px;
	z-index: 1;
}



/* -----------------------------------------------------------
interview
----------------------------------------------------------- */
#interviewCont{
	width:1300px;
	height:493px;
	position:absolute;
	top:111px;
	left:16217px;
}
#interviewCont1{
	width:500px;
	height:493px;
	background:url(../images/interview/interview_bg.png) no-repeat;
	padding:83px 0 0 15px;
	float:left;
}
#interviewCont2{
	width:350px;
	height:200px;
	padding-top:24px;
	float:left;
}
#interviewCont #interviewIn{
	width:470px;
	height:380px;
	position:relative;
}
#interviewCont #interviewIn .scroll-pane{
	width:470px;
	height:380px;
}

.txtEn{
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	line-height:15px;
	padding-bottom:5px;
}
.txtJp{
	color:#9E7272;
	line-height: 16px;
	padding-bottom:20px;
}
#interviewMovieBg{
	width:2000px;
	height:1800px;
	background:url(../images/movie_bg.png);
	z-index:8888;
	position:fixed;
	top:40px;
	left:0;
	display:none;
}
#interviewMovieBox{
	width:640px;
	height:360px;
	position:fixed;
	top:154px;
	left:217px;
	z-index:9998;
}
#interviewMovieBox .bt{
	width:90px;
	height:20px;
	float:right;
	margin-right:-10px;
}

#movie_interview{
	width:340px;
	height:190px;
	padding:5px;
	background:#000;
	display:block;
}

/* -----------------------------------------------------------
making movie
----------------------------------------------------------- */
.music_credit {
	margin-left:16em;
}

.qtip-content a {
	color: #fff;
	text-decoration:underline;
}

.qtip-content a:hover {
	color: #C0A09F;
}