*{
	margin:0;
	padding:0;
}
body{
	font-size:12px;
	background:#000;
	color:#BB9966;
	text-align: center;
	overflow-x:hidden;
}
h1{
	font-size:14px;
	color:#ccc;
}
h2{
	font-size:14px;
	padding:10px 0px 10px 0px;
	margin:15px 0px 20px 0px;
}
h4{
	font-size:12px;
	font-weight:normal;
}
h5{
	font-size:14px;
	font-weight:bold;
}
a{
	color:#996600;
	text-decoration:none;
}
a:hover{
	color:#664400;
	text-decoration:underline;
}
p{
	padding:0px 0px;
}
img {
    border-style:none;
}
.clear{
	clear:both;
}
.wrapper{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/top/table/anna_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.wrappertrna10010{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/trna10010/top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.wrapper201508{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/201508/top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.wrapper201412{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/201412/top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.wrapper201408{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/201408/top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.wrapper2{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/201312/top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.wrapper201308{  
    width: 1025px;
	height: 500px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/201308/top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.table{  
    width: 1025px;
    margin: 0 auto;  
    text-align: left;
	clear: both;
	background-image: url(../images/top/table/red_bg2.png);
background-position: bottom left;
background-repeat:no-repeat;
}
.rose_line{  
    width: 601px;
    margin: 0 auto;  
    text-align: left;
	clear: both;
}
.social{
	position: relative;
    width: 1025px;
	height: 60px;
    margin: 0 auto;
	left: 15px;
	top: 12px;
    text-align: left;
	clear: left;
}
.bottom{
    width: 1025px;
	height: 430px;
    margin: 15px auto;
    text-align: left;
	background-image:url(../images/top/table/bottom_bg.png);
	background-position:top;
	background-repeat:no-repeat;
}
.low_left {
float: left;
text-align: left;
font-size:0;
margin: 0 auto;
width: 315px;
height: 430px;
}
.low_center {
float: left;
font-size:0;
margin-left: 10px;
width: 320px;
height: 430px;
}
.low_right {
float: left;
font-size:0;
margin: 0 auto;
width: 315px;
height: 430px;
}
.latest1 {
float: left;
text-align: left;
margin: 0 auto;
font-size:0;
width: 70px;
}
.latest2 {
overflow:hidden;
float: left;
width: 239px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 30px;
font-size:12px;line-height:140%;
}
.video {
float: left;
text-align: left;
margin: 0 auto;
width: 320px;
}
.latest3 {
float: left;
text-align: left;
margin: 0 auto;
font-size:0;
width: 68px;
}
.latest4 {
overflow:hidden;
float: left;
width: 225px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 30px;
font-size:12px;line-height:140%;
}
.footer{
    width: 1025px;
	height: 20px;
    margin: 0 auto;  
    text-align: center;
	clear: both;
}
.twitter {
float: left;
font-size:0;
}
.youtube {
float: left;
font-size:0;
}
.box1 {
float: left;
background-image:url(../images/top/table/left01.png);
background-position:top;
background-repeat:no-repeat;
font-size:0;
}
.box2 {
float: left;
font-size:0;
background-image: url(../images/top/table/left05.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
font-size:0;
}
.box3 {
float: left;
width: 393px;
height: 98px;
font-size:0;
}
.menu1 {
font-size:0;
width: 393px;
height: 52px;
}
.menu2 {
font-size:0;
width: 393px;
height: 30px;
background-image:url(../images/top/table/menu_bg.png);
	background-position: top;
	background-repeat:no-repeat;
}
.box4 {
float:left;
clear:left;
width: 62px;
font-size:0;
}
.box5 {
float:left;
font-size:0;
}
.box6 {
clear:left;
float:left;
width: 63px;
height: 69px;
}
.box7 {
float: left;
background-image: url(../images/top/table/right.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	width: 361px;
	height: 357px;
}
.box8 {
float:left;
}
.box9 {
height:30px;
clear:both;
}
.menu3 {
font-size:0;
width: 600px;
height: 23px;
}
.menu4 {
font-size:0;
width: 600px;
}
.menu5 {
font-size:0;
width: 600px;
height: 259px;
background-image: url(../images/top/table/red_bg.png);
background-position: bottom;
background-repeat:no-repeat;
}
.menu6 {
font-size:0;
}
.menu7 {
width: 600px;
float:left;
background-image: url(../images/top/table/red_bg.png);
background-position: bottom;
background-repeat:no-repeat;
}
.music1 {
float:left;
width:160px;
}
.music2 {
float:left;
width:440px;
line-height:140%;
}
#discography1{
float:left;
width:63px;
margin-top:23px auto;
}
#discography2{
float:left;
width:160px;
}
#discography3{
float:left;
width:801px;
line-height:140%;
}
#discography4{
clear:both;
width:664px;
text-align: right;
}
#works1{
clear:left;
width:200px;
}
#works2{
float:left;
width:97px;
}
#works3{
float:left;
width:500px;
line-height:140%;
}
#works4{
clear:both;
width:600px;
margin-top:5px;
margin-bottom:5px;
}
.wrapper3{  
    width: 1025px;
    margin: 0 auto;  
    text-align: left;
	background-image:url(../images/sp/table_bg.png);
	margin-bottom:10px;
	text-shadow: 2px 2px 2px #000;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#sp1{
float:left;
text-align:center;
width:900px;
height:339px;
background-image: url(../images/sp/red_bg.png);
background-repeat:repeat-x;
background-position:bottom;
margin-top:10px;
}
#sp2{
float:left;
width:63px;
}
#sp3{
float:left;
width:160px;
line-height:140%;
}
#sp4{
float:left;
width:802px;
line-height:140%;
}
#right_area01{
float:left;
width:380px;
text-align:right;
}
#right_area02{
float:right;
width:40px;
margin-top:-18px;
}
.boxContainer {
overflow: hidden;
}
/* clearfix */
.boxContainer:before,
.boxContainer:after {
content: "";
display: table;
}
.boxContainer:after {
clear: both;
}
.text-int{
	font-size:12px;line-height:140%;
}
ul#menu li {
	float: left;
	height: 30px;
	overflow: hidden;
}
/* 
	screen
*/
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(60,10,10);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(60,10,10,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(60,10,10,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,10,10,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,10,10,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,10,10,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,10,10,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,27,27,0.8);
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 550px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 20px;
	width: 200px;
	height: 50px;
}
.lb-overlay div h3{
	font-size: 30px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,27,27,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 14px;
	line-height: 24px;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 15px;
}
.lb-overlay div p{
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: rgba(27,27,27,0.8);
	z-index: 1001;
	color: #BBB;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: 50px;
	height: 20px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}
#dropmenu{
  list-style-type: none;
  width: 43px;
  height: 0px;
  margin: 0px auto 300px;
  padding: 0;
  float:left;
}
ul#drop li {
	float: left;
	overflow: hidden;
}
#dropmenu li{
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 0px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 400%;
  height: 0;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  -o-transition: .4s;
  -ms-transition: .4s;
  transition: .4s;
  float: left;
}
#dropmenu li ul li a{
  padding: 10px 10px;
  background-image:url(../images/top/social/twitter_bg.png);
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 30px;
  border-top: 1px solid #331111;
  border-bottom: 1px solid #110000;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
#pageTop{
	background:#332211;
	border-radius:5px;
	color:#BB9966;
	padding:10px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#221100;
	}