@charset "utf-8";

/*
	1: general setting
	2: Header setting
	3: Main content area
	4: Footer setting
	5: Popup Panel setting
*/

*{
	margin:0px 0px 0px  0px;
	padding: 0px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	font-family:verdana;
	list-style-type:none;
	list-style-position:outside;
	line-height:150%;
	font-size:10px;
}

body{
	background-color:#000000;
}

a{
	color:#009bfb;
}

a:hover{
	text-decoration:underline;
}

a:active{
	text-decoration:underline;
}

table{
	border-style:none;
}

tr{
	vertical-align:top;
}

#preloader{
	width:0px;
	height:0px;
	display:inline;
	background-image:url(images/header_background.gif);
	background-image:url(images/video_foreground_hover.gif);
	background-image:url(images/video_foreground.gif);
}

img{
	border:0px;
}

#content{
	height:100%;
	margin:5px;
	background-color:#FFFFFF;
	background-image:url(images/container_background.gif);
	background-repeat:repeat-y;
	background-position:0px 50px;
}

hr{
	height:0px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	clear:both;
}

.claer{
	clear:both;
	visibility:hidden;
}

/*
---------------------------------------------------------------------
	HEADER SETTING
---------------------------------------------------------------------
*/


#header{
	height:140px;
	width:850px;

	background-image:url(images/header_background.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	
	padding-top:50px;
	padding-bottom:10px;
	margin-left:50px;
}

#header h1{
	width:130px;
	height:130px;
	text-indent:-1000px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
}

/*メニュタイトル*/
#header h3{
	color:#333333;
	font-weight:bold;
	font-size:12px;
	margin-bottom:2px;
	background-image:url(images/splitter.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#header a{
	font-size:12px;
}


#header td{
}

.menuContainer{
	width:130px;
	height:140px;
	margin-right:30px;
	float:left;
}



a.selected{
	color:#FFFFFF;
	background-color:#009bfb;
}

a:hover.selected{
	text-decoration:none;
	background-color:#009bfb;
}

a.loading{
	color:#FFFFFF;
	background-color:#009bfb;
}

a.unSelected{
	background-color:#ffffff;
}

a:hover.unSelected{
	color:#FFFFFF;
	background-color:#009bfb;
	text-decoration:none;
}



/*
----------------------------------------------------------------
CONTENT SETTING
----------------------------------------------------------------
*/

#main{
	background-position:top;
	margin-bottom:12px;
	margin-left:40px;
}




div.loading{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	height:140px;
	padding-left:20px;
	margin-left:10px;
	margin-top:16px;
}




.video{
	width: 150px;
	height:135px;
	background-image:url(images/video_background.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:15px;
	
	overflow:hidden;
}

.video h3{
	padding-top:5px;
	padding-right:15px;
}


.video_thumbnail{
	background-repeat:no-repeat;
}

.video_thumbnail a{
	display:block;
	width:130px;
	height:97px;
}

a.link_thumbnail{
	background-image:url(images/video_foreground.gif);
	background-repeat:no-repeat;
}

a:hover.link_thumbnail{
	background-image:url(images/video_foreground_hover.gif);
	background-repeat:no-repeat;
}



.description{
	display:none;
}


/*
---------------------------------------------------------------------
	FOOTER SETTING
---------------------------------------------------------------------
*/

#footer{
	background-image:url(images/splitter.gif);
	background-repeat:repeat-x;
	margin-top:10px;
	padding-top:15px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
}

#footer h2{
	color:#333333;
	font-weight:bold;
	font-size:10px;
}

#footer p{
	font-size:10px;
	margin-bottom:15px;
}


/*
---------------------------------------------------------------------
	POPUP SETTING
---------------------------------------------------------------------
*/


#popup{
	position:absolute;
	left:0px;
	top:0px;
	background-color:#FFFFFF;
	z-index: 103;
	padding:20px;
	width: 425px;
	display:none;
}

#popupContainer{
	background-color:#FFFFFF;
	height:100%;
}

#popupHeader{
	margin-bottom:5px;
}

#popupVideo{
	width:425px;
	height:350px;
	background:#cccccc;
}

#popupFooter{
	margin-top:5px;
}

#popupFooter a{
	display:block;
	padding-left:21px;
	height:16px;
	background-repeat:no-repeat;
}

#a_youtube{
	background-image:url(images/a_youtube.gif);
	background-repeat:no-repeat;
}

#a_hatena{
	background-image:url(images/a_hatena.gif);
	background-repeat:no-repeat;
}

#a_delicious{
	background-image:url(images/a_delicious.gif);
	background-repeat:no-repeat;
}

#a_download{
	background-image:url(images/a_download.gif);
	background-repeat:no-repeat;
}

#a_close{
}

input{
	width:359px;
}

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	top: 0px;
	left: 0px;
	position: fixed;
	_position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
}