@charset "utf-8";
/* layoutCSS Document */
html,body { background:#fff; }

div#wrapper
{
}
div#contents
{
}
/*----------header----------*/
div#header
{
}
/*----------nav----------*/
#nav
{
}
#nav ul{padding-bottom:3px;}
#header nav.white ul{ background: url(../images/navline_white.png) no-repeat center bottom; }
#header nav.gray ul{ background: url(../images/navline_gray.png) no-repeat center bottom; }
#nav li{padding-top:3px;}
#header nav.white li{ background: url(../images/navline_white.png) no-repeat center top; }
#header nav.gray li{ background: url(../images/navline_gray.png) no-repeat center top; }

#nav a
{
	background: url(../images/side.png);
	height:30px;
	text-indent:-9999px;
	display:block;
	zoom:1;
}
#nav ul.movie_yokoku 
{
	height:30px;
	text-indent:-9999px;
	display:block;
	zoom:1;
	float: left;
	width: 120px;
}
#nav ul.movie_cm
{
	height:30px;
	text-indent:-9999px;
	display:block;
	zoom:1;
	float: right;
	width: 120px;
	overflow: hidden;
	
}

#header li.movie,#header li.cast {
	clear: both;
	float: none;
}

#header li ul.movie_yokoku , #header li ul.movie_cm , #header li ul.movie_yokoku li , #header li ul.movie_cm li{
	background: url(none);
	padding: 0px;
}
#header nav.white ul.movie_yokoku li {background: url(../images/side.png) no-repeat 0px -638px;}
#header nav.gray ul.movie_yokoku li {background: url(../images/side.png) no-repeat -480px -638px;}
* html #header li ul.movie_cm a{
	position:relative;
    margin-top:-15px;
}



#header nav.white li.news a{background-position:0px -308px;}
#header nav.white li.intro a{background-position:0px -338px;}
#header nav.white li.story a{background-position:0px -368px;}
#header nav.white li.movie ul.movie_yokoku a{background-position:0px -398px;}
#header nav.white li.movie ul.movie_cm a{background-position:-120px -398px;}
#header nav.white li.movie ul{background-position:0px -428px;}
#header nav.white li.cast a{background-position:0px -428px;}
#header nav.white li.interview a{background-position:0px -458px;}
#header nav.white li.staff a{background-position:0px -488px;}
#header nav.white li.explanation a{background-position:0px -518px;}
#header nav.white li.history a{background-position:0px -548px;}
#header nav.white li.goods a{background-position:0px -578px;}
#header nav.white li.blog a{background-position:0px -608px;}

#header nav.gray li.news a{background-position:-480px -308px;}
#header nav.gray li.intro a{background-position:-480px -338px;}
#header nav.gray li.story a{background-position:-480px -368px;}
#header nav.gray li.movie ul.movie_yokoku a{background-position:-480px -398px;}
#header nav.gray li.movie ul.movie_cm a{background-position:-600px -398px;}
#header nav.gray li.cast a{background-position:-480px -428px;}
#header nav.gray li.interview a{background-position:-480px -458px;}
#header nav.gray li.staff a{background-position:-480px -488px;}
#header nav.gray li.explanation a{background-position:-480px -518px;}
#header nav.gray li.history a{background-position:-480px -548px;}
#header nav.gray li.goods a{background-position:-480px -578px;}
#header nav.gray li.blog a{background-position:-480px -608px;}

#header #nav li.news a:hover{background-position:-240px -308px;}
#header #nav li.intro a:hover{background-position:-240px -338px;}
#header #nav li.story a:hover{background-position:-240px -368px;}
#header #nav li.movie ul.movie_yokoku a:hover{background-position:-240px -398px;}
#header #nav li.movie ul.movie_cm a:hover{background-position:-360px -398px;}
#header #nav li.cast a:hover{background-position:-240px -428px;}
#header #nav li.interview a:hover{background-position:-240px -458px;}
#header #nav li.staff a:hover{background-position:-240px -488px;}
#header #nav li.explanation a:hover{background-position:-240px -518px;}
#header #nav li.history a:hover{background-position:-240px -548px;}
#header #nav li.goods a:hover{background-position:-240px -578px;}
#header #nav li.blog a:hover{background-position:-240px -608px;}
#header #nav li span.caption{display:none;}

body#intro #header #nav li.intro a{background-position:-240px -338px;}
body#story #header #nav li.story a{background-position:-240px -368px;}
body#cast #header #nav li.cast a{background-position:-240px -428px;}
body#interview #header #nav li.interview a{background-position:-240px -458px;}
body#staff #header #nav li.staff a{background-position:-240px -488px;}
body#explanation #header #nav li.explanation a{background-position:-240px -518px;}
body#history #header #nav li.history a{background-position:-240px -548px;}
body#goods #header #nav li.goods a{background-position:-240px -578px;}

/*----------main----------*/
div#main
{
}

/*----------footer----------*/
div#footer
{
}
div#footer p.copy
{
}

/*----------is2nd----------*/
body.is2nd
{
}
body.is2nd div#wrapper
{
	margin:0px auto;
	width:960px;
}
body.is2nd #header
{
	width:240px;
	float:left;
}
body.is2nd #header h1
{
	background: url(../images/side.png);
	height:308px;
	text-indent:-9999px;
}
body.is2nd #header h1.white{background-position:0px 0px;}
body.is2nd #header h1.blue{background-position:-240px 0px;}
body.is2nd #header h1 a
{
	height:308px;
	display:block;
}


body.is2nd #main
{
	padding-bottom:3px;
	width:680px;
	float:right;
}
body.is2nd #contents section.white{background: url(../images/line_white.png) no-repeat center bottom;}
body.is2nd #contents section.gray{background: url(../images/line_gray.png) no-repeat center bottom;}

body.is2nd #contents section.white div.header{background: url(../images/line_white.png) no-repeat center bottom;}
body.is2nd #contents section.gray div.header{background: url(../images/line_gray.png) no-repeat center bottom;}
body.is2nd #main div.header
{
	height:64px;
	position:relative;
}
body.is2nd #main div.header h2
{
	padding-top:26px;
}
body.is2nd #main div.main
{
	
}
body.is2nd #article
{
}
body.is2nd #article .article
{
	margin:0px auto;
	padding-top: 15px;
	width:640px;
}
body.is2nd #contents #article .scrollbox
{
	margin:0px 0px;
	padding-left: 20px;
	width:660px;
}
body.is2nd #scrollbar1,
body.is2nd #scrollbar2 { width: 660px; clear: both; margin: 0px 0 10px; }
body.is2nd #scrollbar1 .viewport ,
body.is2nd #scrollbar2 .viewport { width: 640px; height: 570px; overflow: hidden; position: relative; }
body.is2nd #scrollbar1 .overview ,
body.is2nd #scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
body.is2nd #scrollbar1 .thumb .end,
body.is2nd #scrollbar2 .thumb .end,
body.is2nd #scrollbar1 .thumb,
body.is2nd #scrollbar2 .thumb { background-color: #00A7F3; }
body.is2nd #scrollbar1 .scrollbar ,
body.is2nd #scrollbar2 .scrollbar { position: relative; float: right; width: 7px; }
body.is2nd #scrollbar1 .track,
body.is2nd #scrollbar2 .track { background-color: #D8EEFD; height: 100%; width:5px; position: relative; padding: 0 1px; }
body.is2nd #scrollbar1 .thumb,
body.is2nd #scrollbar2 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
body.is2nd #scrollbar1 .thumb .end,
body.is2nd #scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 5px; }
body.is2nd #scrollbar1 .disable,
body.is2nd #scrollbar2 .disable{ display: none; }
body.is2nd #scrollbar4,
body.is2nd #scrollbar3 { width: 660px; clear: both; margin: 0px 0 10px; }
body.is2nd #scrollbar4 .viewport ,
body.is2nd #scrollbar3 .viewport { width: 640px; height: 570px; overflow: hidden; position: relative; }
body.is2nd #scrollbar4 .overview ,
body.is2nd #scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; }
body.is2nd #scrollbar4 .thumb .end,
body.is2nd #scrollbar3 .thumb .end,
body.is2nd #scrollbar4 .thumb,
body.is2nd #scrollbar3 .thumb { background-color: #00A7F3; }
body.is2nd #scrollbar4 .scrollbar ,
body.is2nd #scrollbar3 .scrollbar { position: relative; float: right; width: 7px; }
body.is2nd #scrollbar4 .track,
body.is2nd #scrollbar3 .track { background-color: #D8EEFD; height: 100%; width:5px; position: relative; padding: 0 1px; }
body.is2nd #scrollbar4 .thumb,
body.is2nd #scrollbar3 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
body.is2nd #scrollbar4 .thumb .end,
body.is2nd #scrollbar3 .thumb .end { overflow: hidden; height: 5px; width: 5px; }
body.is2nd #scrollbar4 .disable,
body.is2nd #scrollbar3 .disable{ display: none; }

body.is2nd #contents section.white nav.nav{background: url(../images/line_white.png) no-repeat center top;}
body.is2nd #contents section.gray nav.nav{background: url(../images/line_gray.png) no-repeat center top;}
body.is2nd #article nav.nav
{
	padding-top:3px;
	height:30px;
}
body.is2nd #article nav.nav ul
{
	margin:0px auto;
	width:240px;
}
body.is2nd #article nav.nav li.next{float:right;}
body.is2nd #article nav.nav li.prev{float:left;}

body.is2nd #article nav.nav a
{
	background: url(../images/nav_btn.png) no-repeat;
	width:90px;
	height:30px;
	text-indent:-9999px;
	display:block;
}
body.is2nd #article nav.nav ul.blue li.next a{background-position:0px 0px;}
body.is2nd #article nav.nav ul.blue li.next a:hover{background-position:-90px 0px;}
body.is2nd #article nav.nav ul.blue li.prev a{background-position:0px -30px;}
body.is2nd #article nav.nav ul.blue li.prev a:hover{background-position:-90px -30px;}
body.is2nd #article nav.nav ul.yellow li.next a{background-position:0px -60px;}
body.is2nd #article nav.nav ul.yellow li.next a:hover{background-position:-90px -60px;}
body.is2nd #article nav.nav ul.yellow li.prev a{background-position:0px -90px;}
body.is2nd #article nav.nav ul.yellow li.prev a:hover{background-position:-90px -90px;}


body.is2nd #main p.photo
{
	padding-bottom:5px;
}
body.is2nd #footer p.copy
{
	float:right;
	width:231px;
	height:19px;
	text-indent:-9999px;
}
body.is2nd footer.white p.copy{background: url(../images/copy.png) no-repeat 0px 0px;}
body.is2nd footer.gray p.copy{background: url(../images/copy.png) no-repeat 0px -19px;}


/*----------common----------*/
body.is2nd img#coverImg{display:none;}
img#coverImg {position:fixed !important;}

::selection {
background: #beebff;
}
::-moz-selection {
background: #beebff;
}
#lightpop-details-caption{
	font-size: 14px !important;
	line-height: 1.2;	
}
#lightpop-data-close{
		padding: 0px !important;
}
#lightpop-data-nav{
	padding: 0px 0px 10px !important;
	text-align: right;
	clear: both;
	float: none;
}
#lightpop-details-number{
	display: block;
	clear: both !important;
	float: none !important;
}
#lightpop-data-wrap{
	display: block;
	clear: both !important;
	float: none !important;
}
#side span.caption{
	display:none;
}
a{
overflow:hidden;
outline:none;}