@charset 'UTF-8';

/* -- Initialize -- */

html, body, div, span,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* -- BASIC Setting -- */

body {
	color			: #000000 ;
	background-color: #999999 ;
	line-height		: 1.5em;
	font-size		: 10pt;
	font-family		: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro","ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	letter-spacing	: 1px;
	text-shadow		: 2px 2px 4px #dddddd;
	overflow-x:hidden;		/* …•½ƒXƒNƒ[ƒ‹ƒo[ Α‹Ž */
}
img {
	border			:none;
}	

p {
	margin	: 10px 0px;
	padding	: 0px;
	line-height		: 1.4em;
}

td {
	line-height		: 110% ; 
	font-size		: 90% ;
	letter-spacing	: 1pt ; 
	font-weight		:normal ;
	padding:0px 0px 0px 10px;
}

a:link {
	color		: #5BBFE7;;
	text-decoration : underline ;
}

a:visited {
	color		: #5BBFE7; ;
	text-decoration : underline ; 
}

a:hover {
	color		: #5BBFE7; ;
	font-weight		:bold ;
	text-decoration : underline ; 
}
	
a:active {
	color		: #cccccc;;
	text-decoration : underline ;
}

/* -- AREA Setting -- */

.whole_area{
	background	: #000000;
	text-align	: center;
	margin		: 0px;
	width		: 100%;
}

.header_area{
	background	: #000000;
	margin		: 0px 0px 0px 0px;
	padding		: 0px;
	position	: relative;
	width		: 960px;
	height		:  36px;
	line-height	:  36px;
	text-align	: right;
	color		: #ffffff;
	font-size	: 10pt;
}

.header_area input {
	margin		: 0px 3px 0px 14px;
}

.main_area{
	background	: #ffffff;
	opacity		: 1.0;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 00px 0px;
	position	: relative;
	width		: 100%;
	height		: 570px;
	background-image	: url('./img/background.jpg');
	background-attachment:fixed;
	background-repeat: repeat-x;
}

.site_area{
	background	: transparent;
	opacity		: 1.0;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
	position	: relative;
	text-align	: left;
	width		: 960px;
	height		: 570px;
}

.footer_area{
	font-size	: 10px;
	text-align	: right;
	color		: #999999;
	font-weight	: normal;
	margin		: 0px 0px 0px 0px;
	padding		: 8px 0px;
	width		: 960px;
	height		: 114px;
	position	: relative;
	z-index		: 5;
}
.footer_area img{
	margin		: 8px 3px;
	border		: none;
}
.footer_area a:hover{
	position	: relative ; 
	top			: 2;
}
.footer_area a:active{
	opacity		: 0.6;
}

.left_area {				/* -- ƒƒjƒ…[ -- */
	width		: 240px;
	padding		: 0px;
	margin		: 0px;
	float		: left;
	position	: relative;
	background	: transparent;
}
.left_area img {			/* -- ƒƒSˆΚ’u -- */
	margin		: 15px 13px;
}

.right_area {
	width		: 720px;
	height		: 570px;
	padding		: 0px;
	margin		: 0px;
	float		: left;
	position	: relative;
	background	: transparent;
}

.tweet_area {
	width		: 840px;
	height		: 360px;
	margin		: 0px;
	padding		: 0px;
	position	: absolute;
	top			: 370px;  
	left		: 10px;  
	z-index		: 4;
}


/* -- Global Font Setting -- */
h2 {
	font-size		: 10pt;
	font-weight		: 600;
	margin			: 0px 0px 10px 0px;
	color			: #444444;
	line-height		: 1.1em;
	letter-spacing	: 2px;
}
.date {
	font-size		: 7pt;
	font-weight		: normal;
	letter-spacing	: 0px;
	color			: #888888;
}
.caution {
	font-size		: 8pt;
	font-weight		: 900;
	letter-spacing	: 1px;
	color			: #cc0000;
}

B {								/* newnew[] */
	font-size		: 9pt;
	font-weight		: 900;
	letter-spacing	: 1px;
	color			: #5BBFE7;
}





/* -- MENU LINK -- */
.menu {
	width		: 200px;
	margin		: 25px 0px 0px 0px;
	padding		: 0px 0px;
	color		: #000000;
	font-size	: 12px;
	font-weight	: normal;
	line-height	: 30px;
	text-align	: right;
	font-family	: Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing	: 3px;

}

.menu a:link {
	color			: #000000 ;
	text-decoration : none ;
}
.menu a:visited {
	color			: #000000 ;
	text-decoration : none ; 
}
.menu a:hover {
	color			: #999999 ;
	font-weight		:normal ;
	text-decoration : none ; 

}
.menu a:active {
	color			: #999999;
	text-decoration : none ;
}


/* -- TOPPAGE NEWS -- */
.news1 {
	width		: 690px;
	margin		: 20px 0px 0px 0px;
	padding		: 0px;
	border-bottom: dashed 1px #aaaaaa;
}
.news1 img {
	border		: none;
	float		: left; 
	padding		: 0px ; 
	margin		: 0px 20px 10px 2px;
}
.newslink {
	font-size	: 90%;
}

.news2 {
	width		: 340px;
	margin		: 0px 0px 0px 0px;
	padding		: 10px 6px 0px 0px;
	float		: left;
	font-size	: 90%;
	border-right: dashed 1px #aaaaaa;
	letter-spacing	: 1px;
}
.news2 img {
	border		: none;
	width		: 60px;
	height		: 60px;
	float		: left; 
	padding		: 0px ; 
	margin		: 0px 12px 8px 2px;
}
.news2 h2 {
	letter-spacing	: 0px;
}
.news3 {
	width		: 340px;
	margin		: 0px 0px 0px 0px;
	padding		: 10px 6px 0px 6px;
	float		: left;
	font-size	: 90%;
	letter-spacing	: 1px;
}
.news3 img {
	border		: none;
	width		: 60px;
	height		: 60px;
	float		: left; 
	padding		: 0px ; 
	margin		: 0px 12px 8px 2px;
}
.news3 h2 {
	letter-spacing	: 0px;
}














/* -- Recent Tweet -- */

#twitter_div {
text-align	: left;
margin		: 0px;
padding 	: 0px;
width		: 480px;
height		: 120px;
position	: absolute;
top			:  55px;  
left		: 310px;  
font-family	: Century Gothic, Arial, Helvetica, "ƒqƒ‰ƒMƒmŠΫƒS Pro W4", "Hiragino Maru Gothic Pro","ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

#twitter_div ul {
margin			: 0px;
padding			: 0px;
list-style-type	: none
}

#twitter_div li {
padding : 0px;
line-height		: 20px;
}

#twitter_div li a {			/* ƒcƒB[ƒg“Še“ϊŽž */
color 			: #666666;	
font-size 		: 9pt !important;
font-weight		: normal;
margin-left		: 20px;
letter-spacing	: 0px;
}
#twitter_div li a:hover {
color 			: #999999;
font-weight		: normal;
}

#twitter_div li span {		/* ƒcƒB[ƒg–{•Ά */
color 			: #0D5572; 
text-shadow: 4px 4px 10px #5BBFE7;
font-size		: 14px !important;
}

#twitter_div li span a {
color 			: #333333; /* –{•Ά’†ƒŠƒ“ƒN */
font-size 		: 14px !important;
margin-left		: 0px;
letter-spacing	: 1px;
}

a#twitter-link {
color 			: #ffff00; /* twitterƒTƒCƒg‚Φ‚ΜƒŠƒ“ƒN */
font-size 		: 10px;
text-align 		: right;
display 		: none;
}

a#twitter-link:hover {
color : #ffffff;
}


/* -- Menu Sider -- */
#wrapper {
	width			:720px;
	height			:570px;
	position		:absolute;
	top				:0px;
	left			:0px;
	background-color:transparent;
	overflow		:hidden;
	padding			:0px 0px;
}


#mask {
	width		:720px;
	height		:5130px;
	overflow	:hidden;
}

.menuitem {
	width		:720px;
	height		:570px;			
	display		:block;
	background-color:transparent;
	background-image	: url('');
}	
		
.content {
	width		:720px;
	height		:570px;
	margin		:0 auto;
	margin-top	:0px;
	position	:absolute;
	padding		:15px 24px;
	background-color:transparent;
}
	
.selected {
	font-weight	:700;
}




/* -- Mouseover TextInfomation -- */

#tooltip{
	color			: #ffffff;
	text-shadow		: 3px 3px 5px #999999, -3px -3px 5px #999999, ;
	position		: absolute;
	border			: 1px solid #666666;
	background		: transparent;
	background-image: url('img/popup_back.png'); 
	padding			: 5px;
	margin-left		: -40px;
	margin-top		: +36px;
	display			: none;
	text-align		: left;
	opacity			: 0.9;
	font-weight		: 900;
	font-family		: Arial, Helvetica, sans-serif;
	max-width		: 600px;
	border-radius	: 6px;	
	
		-moz-box-shadow		: 3px 3px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow	: 3px 3px 10px rgba(0,0,0,0.3);
		-o-box-shadow		: 3px 3px 10px rgba(0,0,0,0.3);
		-ms-box-shadow		: 10px 10px 10px rgba(0,0,0,0.4);
}














/* -- ŒΒ•Κέ’θ 01_HOME -- */
#menuitem1 a:hover img{
	opacity	: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#menuitem1 a:active img{
	opacity	: 0.3;

}


/* -- ŒΒ•Κέ’θ 04_MUSIC -- */
.inactive {
  display : none;
}
.active {
  display : block;
}

#menuitem4 a:hover img{
	opacity	: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#menuitem4 a:active img{
	opacity	: 0.3;

}
.discborder {
	padding			: 4px;
}
.discborder a img {
    border			: solid 2px transparent;
}
.discborder a:hover img {
    border			: solid 2px #00B3C3;
}

.discborder a.link-active{
    background		: transparent;
	font-weight		: bold;
}
.discborder a.link-active img {
    border			: solid 2px #00B3C3;
}



/* -- ŒΒ•Κέ’θ 06_Video -- */
.video {
	font-size		: 8pt;
	font-weight		: 900;
	letter-spacing	: 0px;
}
.video a:hover img{
	opacity	: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.video a:active img{
	opacity	: 0.3;
}








/* -- ŒΒ•Κέ’θ 07_Live -- */
#menuitem7 a:hover img{
	opacity	: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}


#preview {
	color			: #ffffff;
	text-shadow		: 3px 3px 5px #999999, -3px -3px 5px #999999, ;
	position		: absolute;
	border			: 1px solid #666666;
	background		: transparent;
	background-image: url('img/popup_back.png'); 
	padding			: 5px;
	margin-left		:-350px;
	margin-top		: +40px;
	display			: none;
	text-align		: left;
	opacity			: 0.9;
	width			: 420px;
	min-height		: 320px;
	border-radius	: 6px;	
	
		-moz-box-shadow		: 3px 3px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow	: 3px 3px 10px rgba(0,0,0,0.3);
		-o-box-shadow		: 3px 3px 10px rgba(0,0,0,0.3);
		-ms-box-shadow		: 10px 10px 10px rgba(0,0,0,0.4);
}
#preview table{
	font-size		: 10pt;
	color			: #dddddd;
	margin-bottom	: 10px;
}
#preview table th {
	padding			: 0px;
	font-weight		: 900;
	text-align		: left;
	font-family		: Century Gothic, Arial, Helvetica, sans-serif;
}
#preview table td {
	padding			: 0px 20px;
	font-weight		: normal;
	text-align		: left;
	font-family		: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight		: 900;
}
#preview img {
	margin		: 10px 0px;
}	


.livedate {
	margin			: 0px;
	padding			: 0px 10px 0px 0px;
	background		: transparent;	
	color			: #eee;
}
.livedate img {
	border				: 0px;
	margin-bottom		: 8px;
}


S {
	color		: #999999;
	opacity		: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	position	: absolute;
	text-shadow	: none;
	margin		: 220px 10px 0px 80px;
	z-index		: 5;
	font-size	: 140px;
	width		: 900px;
	line-height	: 150px;
	font-family	: Arial Black;
	text-decoration : none;
	letter-spacing	: -30px;
}