@charset "utf-8";

/* CSS Document */

/*---------------------------------------------------------------
  link
----------------------------------------------------------------*/
a:link{ text-decoration:none; color:#000;}
a:visited{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#999;}
a.news-link:link {color: #FF0000}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}



/*---------------------------------------------------------------
  base
----------------------------------------------------------------*/
html, body{ height:100%;}

body {
color:#333;
font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo , "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
*font-size:small;
*font:x-small;
line-height:1.6;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
overflow:hidden;
}

table { font-size:100%;}

::selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000/* Safari */}
::-moz-selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000 /* Firefox */}


/*---------------------------------------------------------------
  spacing
----------------------------------------------------------------*/
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}


/*---------------------------------------------------------------
  clear
----------------------------------------------------------------*/
.clr{clear:both;}

.clrfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clrfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clrfix {height: 1%;}
.clrfix {display:block;}
/* End Hack */ 

.disnon{
	display:none;
}



.section{
	height:100%;
	position:relative;
}

.sectionWrap{
	display:table;
	width:100%;
	height:100%;
}

.sectionWrap > .secBox{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:100%
}

#container{
	width:100%;
	height:100%;
	overflow:hidden	
}

#sidePaging{
	position:fixed;
	right:55px; 
	top:50%;
	margin:-194px 0 0 0;
	z-index:9999;
	
}

#sidePaging li {
	width:20px;
	height:20px;
	position:relative;
	margin:48px 0;
}

#sidePaging li span{
	display:block;
	border-radius:100px;
	cursor:pointer;
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-10px 0 0 -10px;
	transition:linear all .2s;
	background:#E6CD7D;
	border:0 solid #E6CD7D;
}


#sidePaging li.on span,
#sidePaging li:hover span{
	border-width:5px;
	margin:-15px 0 0 -15px;
	background:#FFF;	
}

#sidePaging li.on span{cursor:default;}

#sidePaging li.on,
#sidePaging li:hover{
	border-color:#E6CD7D;
	border-width:5px;
}

#mainLogo{
	position:fixed;
	left:42px;
	top:47px;
	z-index:9999
}

#sidePaging li .text{
	width:0px;
	position:absolute;
	right:25px;
	top:50%;
	margin:-1.4em 0 0;
	overflow:hidden;
	transition:linear all .2s;
	opacity:0;
}

#sidePaging li.on .text{opacity:1; width:100px;}
#sidePaging li.off .text{opacity:0; width:0px;}
#sidePaging li:hover .text{opacity:1; width:100px;}

#sidePaging li p{
	border-bottom:1px solid #E6CD7D;
	line-height:1;
	padding:0 0 5px;
	color:#E6CD7D;
	width:200px
}


/*profile*/

/*
#profileBox{
	width:720px;
	min-height:450px;
	position:absolute;
	top:11%;
	left:50%;
	margin:0 0 0 -360px;
}*/

#profileBox{
	width:720px;
	min-height:450px;
	margin:0 auto;
	position:relative;
}

#profileBox .item{ display:none;}
#profileBox .item#profMasaki{ display:block;}
#profileBox .item .ph{ width:350px; position:absolute; top:0; left:0;}
#profileBox .item .tx{ width:351px; position:absolute; top:0; right:0;}

#profileBox .item .bookBuy01{ position:absolute; top:395px; right:-116px;}

#profMasaki .prfEn{ display:none;}

#profMasaki .book{ display:none}

#profEnglishBtn{
	width:109px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/profile/bt_language.png) no-repeat;
	position:absolute;
	top:30px;
	right:30px;
	z-index:9999;
	cursor:pointer;
}

#profEnglishBtn.on{
	background-position:-109px 0;	
}

#masakiPdf{
	position:absolute;
	top:80px;
	right:50px;
	width:67px;	
}

#masakiPdf a{
	display:block;
	width:72px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

#masakiPdf .jp a{ background:url(../images/profile/ic_pdf_jp.png) no-repeat;}
#masakiPdf .en a{ background:url(../images/profile/ic_pdf_en.png) no-repeat; display:none;}


/*BIO*/

#sec2{
	background:#000;
	border:2px solid #E6CD7D;
	box-sizing:border-box;
}

#bioArea{
	max-width:1280px;
	margin:0 auto;
	height:100%;
}

#bioArea .wrap{
	border-right:2px solid #E6CD7D;
	height:100%;
	padding:0;
	position:relative;
}

#bioArea .item{ float:left; border:solid #E6CD7D; position:absolute; box-sizing:border-box;}
#bioArea .item > a{ display:block; width:100%; height:100%; transition:all linear .2s}
#bioArea .item.no08 > span{ display:block; width:100%; height:100%; transition:all linear .2s}

#bioArea .item.no01{
	top:0;
	left:19.33797%;
	width:26.48083%;
	height:29.11227%;
	border-width:0 2px 0;
}

#bioArea .item.no02{
	top:0;
	left:45.81881%;
	width:21.68989%;
	height:45.6919%;
	border-width:0 2px 2px 0;
}

#bioArea .item.no03{
	top:0;
	left:67.50871%;
	width:16.55052%;
	height:16.97127%;
	border-width:0 2px 2px 0;
}

#bioArea .item.no04{
	top:29.11227%;
	left:0;
	width:45.81881%;
	height:45.6919%;
	border-width:2px 2px 0;
}

#bioArea .item.no05{
	top:45.6919%;
	left:45.81881%;
	width:21.68989%;
	height:29.11227%;
	border-width:0 2px 0 0;
}

#bioArea .item.no06{
	top:16.97127%;
	left:67.50871%;
	width:16.55052%;
	height:37.859%;
	border-width:0 2px 2px 0;
}

#bioArea .item.no07{
	top:0;
	left:84.059233%;
	width:15.94076%;
	height:54.83028%;
	border-width:0 0 2px;
}

#bioArea .item.no08{
	top:74.80417%;
	left:0;
	width:11.75958%;
	height:25.19582%;
	border-width:2px 2px 0;
}

#bioArea .item.no09{
	top:74.80417%;
	left:11.75958%;
	width:13.15331%;
	height:25.19582%;
	border-width:2px 2px 0 0;
}

#bioArea .item.no10{
	top:74.80417%;
	left:24.91289%;
	width:23.08362%;
	height:25.19582%;
	border-width:2px 2px 0 0;
}

#bioArea .item.no11{
	top:74.80417%;
	left:47.99651%;
	width:19.51219%;
	height:25.19582%;
	border-width:2px 2px 0 0;
}

#bioArea .item.no12{
	top:54.83028%;
	left:67.50871%;
	width:21.777%;
	height:45.16971%;
	border-width:0 2px 0 0;
}

#bioArea .item.no13{
	top:54.83028%;
	left:89.28571%;
	width:10.71428%;
	height:20.23498%;
	border-width:0 0 2px;
}

#bioArea .item.no14{
	top:75.06527%;
	left:89.28571%;
	width:10.71428%;
	height:24.93472%;
	border:none
}





#bioArea .item.no01 > a{background:url(../images/bio/im_bio01.jpg) no-repeat center; background-size:cover}
#bioArea .item.no02 > a{background:url(../images/bio/im_bio02.jpg) no-repeat center; background-size:cover}
#bioArea .item.no03 > a{background:url(../images/bio/im_bio03.jpg) no-repeat center; background-size:cover}
#bioArea .item.no04 > a{background:url(../images/bio/im_bio04.jpg) no-repeat center; background-size:cover}
#bioArea .item.no05 > a{background:url(../images/bio/im_bio05.jpg) no-repeat center; background-size:cover}
#bioArea .item.no06 > a{background:url(../images/bio/im_bio06.jpg) no-repeat center; background-size:cover}
#bioArea .item.no07 > a{background:url(../images/bio/im_bio07.jpg) no-repeat center; background-size:cover}
#bioArea .item.no08 > a{background:url(../images/bio/im_bio08.jpg) no-repeat center; background-size:cover}
#bioArea .item.no09 > a{background:url(../images/bio/im_bio09.jpg) no-repeat center; background-size:cover}
#bioArea .item.no10 > a{background:url(../images/bio/im_bio10.jpg) no-repeat center; background-size:cover}
#bioArea .item.no11 > a{background:url(../images/bio/im_bio11.jpg) no-repeat center; background-size:cover}
#bioArea .item.no12 > a{background:url(../images/bio/im_bio12.jpg) no-repeat center; background-size:cover}
#bioArea .item.no13 > a{background:url(../images/bio/im_bio13.jpg) no-repeat center; background-size:cover}
#bioArea .item.no14 > a{background:url(../images/bio/im_bio14.jpg) no-repeat center; background-size:cover}


#bioArea .item a:hover{ opacity:0.65;}

#bioArea .icon{
	display:block;
	position:absolute;
	bottom:18px;
	right:18px	
}

#newsArea{
/*	width:720px;
	min-height:550px;*/
	width:56.25%;
	min-width:720px;
	height:58.59375%;
	min-height:550px;
	margin:0 auto;
	position:relative;
}

#newsArea .imArea{
	width:48.61111%;
	height:100%;
	text-align:center;
	overflow:hidden
}

#newsArea .imArea img{
	height:auto;
	width:350px;
}

#newsArea .dataArea{
	position:absolute;
	top:0;
	right:0;
	width:48.61111%;
	height:100%;
	overflow-y:scroll;
	text-align:left;
}

#newsArea .dataArea dl{
	padding:0 .5em 0 0;	
}

#newsArea .dataArea dt{
	font-family:Arial, Helvetica, sans-serif;
	color:#E6C87D;
	font-weight:bold;
	line-height:1;
	margin:0 0 .8em
}

#newsArea .dataArea li{
	margin:0 0 .5em;
}

#newsArea .dataArea li span{
	color:#E6C87D;
	font-weight:bold;
}

#newsArea .dataArea dd+dt{
	padding:.5em 0 0;	
}

#newsArea .dataArea dd{
	margin:0 0 1.5em;
	line-height:1.4
}

.dankumi {
	margin: 6px 0 0 0;
	font-size: 0.9em;
	color: #333;
	display: block;
}

#contactArea{
/*	width:550px;
	height:440px;→530*/
	width:42.96875%;
	min-width:550px;
	height:69.01041%;
	min-height:490px;
/*	margin:0 auto 90px;*/
	margin:0 auto 8em;
	background:#FFF;
	background:rgba(255,255,255,.75);
	position:relative;
	z-index:9999;
	font-size:9px;
}

#contactArea iframe{
	width:100%;
	height:100%;
	border:none;
}

#contactIcon{
	width:100%;
	height:62px;
	position:absolute;
	left:0;
	bottom:-90px;
	display:none;
}

#contactIcon li{
	float:left;
	width:25%;
	text-align:center;
}

#contactPrivacy{
	width:100%;
	height:6.4em;
	position:absolute;
	left:0;
	bottom:-8em;
	line-height:1.6;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0,.65);
	font-size:9px;
	text-align:left;
}

#contactPrivacy span{
	font-weight:bold;
}

.copy{
	width:100%;
	height:2em;
	position:absolute;
	left:0;
	bottom:-12em;
	line-height:1.6;
	color:#FFF;
	font-size:10px;
	margin: 0 auto;
}

#coceptSlide{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

#coceptSlide .item{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

#coceptSlide .item:after{
	content:"";
	display:block;
	clear:both;
}

#coceptSlide .item .im{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:100%;
}

#coceptSlide .item .im01{
	background:url(../images/concept/vi01.jpg) fixed no-repeat center;
	background-size:cover;
}
#coceptSlide .item .im02{
	background:url(../images/concept/vi02.jpg) fixed no-repeat center;
	background-size:cover;
}
#coceptSlide .item .im03{
	background:url(../images/concept/vi03.jpg) fixed no-repeat center;
	background-size:cover;
}
#coceptSlide .item .im04{
	background:url(../images/concept/vi04.jpg) fixed no-repeat center;
	background-size:cover;
}

#coceptSlide .item .tx{
	position:absolute;
	top:0;
	left:100%;
}

#coceptSlide .item .tx01{ margin-left:4%; top:37.76041%; width:47.96875%;}
#coceptSlide .item .tx02{ margin-left:59.21875%; top:5%; width:30.78125%;}
#coceptSlide .item .tx03{ margin-left:57.03125%; top:61.19791%; width:32.96875%;}
#coceptSlide .item .tx04{ margin-left:12.65625%; top:30.98958%; width:30.70312%;}

#coceptSlide .item img{ width:100%; height:auto;}

#coceptSlide .item.active .im{ left:0;}
#coceptSlide .item.active .tx{ left:0;}

#loading{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:99999;
}

#loading img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
}

#newsPopupLayer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.65);
	z-index:99999;
	display:none;
}

#newsPopupAera{
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:999999;
	display:none;
}

#newsPopupAera .wrap{
	display:table;
	width:100%;
	height:100%;
}

#newsPopupAera .wrapBox{
	display:table-cell;
	height:100%;
	vertical-align:middle;	
}

#newsPopupAera .wrapBox iframe{
	display:block;
	height:100%;
	width:500px;
	margin:0 auto;
	background:#FFF;
	border:none;
}


.frameBox{
	width:100%;
   height:100%;
}
	
	
#newsPopupAera .frameBox{
	width:500px;
	height:90%;
	margin:0 auto;
	background:#ECECEC
}

#sec01news{
	position:absolute;
	left:42px;
	bottom:30px;
	font-size:16px;
	font-weight:bold;
	color:#E6CD7D;
	line-height:1;
	text-align:left;
}

#sec01news dt{
	display:inline-block;
	color:#E6CD7D;
	font-weight:bold;
	border:2px solid #E6CD7D;
	padding:5px;
	margin:0 0 .5em;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1
}

#sec01news dd{
	font-size:13px;
	line-height:1.6
}

#sec01news p {
	margin-top: 8px;
	font-weight: 700; 

}

#sec01youtube{
	position: absolute;
	right: 50px;
	bottom: 30px;
}


/*bio crew*/
#crewContents,
#bookContents{
	width:1080px;
	height:568px;
	background:#FFF;
	position:fixed;
	top:50%;
	left:50%;
	margin:-284px 0 0 -540px;
	z-index:999999999;
	overflow:hidden;
	box-shadow:0 0 10px rgba(0,0,0,.35);
	display:none;
}

#bookContents{ width:1006px; margin-left:-503px}

#crewContents h2{
	position:absolute;
	top:27px;
	left:27px;
	z-index:999999;
}

#crewNav{
	position:absolute;
	top:70px;
	left:27px;
	font-size:1px;
	line-height:1;
	z-index:99999;
}

#crewNav li{
	margin:0 0 8px;
	padding-left:20px;
	cursor:pointer;
}

#crewNav li.on{
	background:url(../images/bio/crew/ic_title_arrow.png) no-repeat left center;	
}

#crewContentsWrap{
	width:3240px;
	height:100%;
	position:relative;
	left:0;
	transition:all ease-in-out .5s;
}

#crewContentsWrap > .contents{
	width:1080px;
	height:100%;
	float:left;
	position:relative;
}

#crewContentsWrap > .contents.songs ul{
	position:absolute;
	top:103px;
	left:268px;
}
#crewContentsWrap > .contents.songs li{
	width:209px;
	float:left;
	margin-bottom:24px;
	height:15px
}

.popupBox .closeBtn{
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
}

.crewSlider .thum{
	position:absolute;
	bottom:22px;
	left:0;
	width:100%;
	height:102px;
}

.crewSlider .thumWrap{
	margin:0 65px;
	height:102px;
	overflow:hidden;
}

.crewSlider .thumWrap ul{
	float:left;
	height:102px;
	position:relative;
	overflow:hidden;
	transition:all ease-out .45s;
	width:1000%;
	left:0;
}

.crewSlider .thumWrap ul li{
	float:left;
	width:105px;
	height:102px;
	text-align:center;
	position:relative;
	transition:all linear .2s;
}

.photos .crewSlider .thumWrap ul li{
	width:157px;
}

.crewSlider .thumWrap ul li p{ display:inline-block;cursor:pointer}
.profile .crewSlider .thumWrap ul li p{
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -40px;
}


.crewSlider .thumWrap ul li p.off{
	opacity:1;
	transition:all linear .2s;
	z-index:1;
}

.crewSlider .thumWrap ul li p.off:hover,
.crewSlider .thumWrap ul li.on p.off{
	opacity:0;
}

.photos .crewSlider .thum li.on{
	opacity:.65;	
}

.crewSlider .thumWrap img{ height:102px; width:auto;}

.crewSlider .prev,
.crewSlider .next{
	position:absolute;
	top:50%;
	left:28px;
	width:27px;
	height:32px;
	margin:-16px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bio/ic_slide_prev.gif) no-repeat;
	cursor:pointer;
	transition:all linear .2s;
}

.crewSlider .prev.off,
.crewSlider .next.off{
	opacity:.2;
	cursor:default;
}

.crewSlider .next{
	left:auto;
	right:28px;
	background-image:url(../images/bio/ic_slide_next.gif);
}
.contents .mainArea{
	position:absolute;
	top:65px;
	left:0;
	width:100%;
	text-align:center;
}

.contents .mainBox{
	display:none;
}

.contents.profile .mainBox dt,
.contents.profile .mainBox dd{
	display:inline-block;
	margin:0 5px;
	height:338px;
}

.contents.profile .mainBox dt img,
.contents.profile .mainBox dd img{
	width:auto;
	height:100%;
}


.contents.photos .mainBox{
	text-align:center;
}

.contents.photos .mainBox img{
	width:auto;
	height:338px;
}

#bookContents .left{
	position:absolute;
	top:59px;
	left:161px;
}

#bookContents .right .tx01,
#bookContents .right .tx02,
#bookContents .right .tx03{ position:absolute; left:514px}
#bookContents .right .tx01{ top:59px}
#bookContents .right .tx02{ top:298px;}
#bookContents .right .tx03{ top:352px;}

#bookContents .bookBuy01{
	position:absolute;
	right:28px;
	bottom:28px;
}

#popupLayer{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99999
}