/* CSS Document */

/* 基本CSS */
/* main styles
----------------------------*/
@import url("header.css");
@import url("numbers.css");
@import url("footer.css");
@import url("menunav2.css");
@import url("tbvideo.css");

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

	
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}

body {
	font-size: 75%;	
	font-family:;
	line-height: 150%;
	background:#000000;
	font-size: 12px;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
	list-style:none;
}

img {
	border:0px;
}

a {
	outline:none;
	text-decoration:none;
	color:#CC00CC;
}

a:hover {
	text-decoration:;
	color:#FF0000;
}

#container {
	width:100%;
	margin:0;
	padding-bottom:101px;
	 /* must be same height as the footer */
	border:;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* head */

h1{
	position:absolute;
	top:;
	padding:0;
	margin:0;
	z-index:3;
}

a.h1{
	display:block;
	width:300px;
	height:35px;
	background:url(/component/header_1.png) no-repeat top left;
	text-indent:-9999px;
	font-size:2px;
	padding:0;
	margin:0;
}

a.h1:hover{
	background:url(/component/header_2.png) no-repeat top left;
}


#mainmenu{
	position:relative;
	width:1000px;
	height:130px;
	background:;
	padding:0;
	margin:0 auto;
}

#mainmenu2{
	width:800px;
	position:absolute;
	top:0;
	left:250px;
	z-index:2;
}




#head {
	position:relative;
	width:100%;
	height:130px;
	margin:0;
	padding:0;
	z-index:3;
	text-align:left;
	background-image:url(/component/header_bg02.jpg);
    background-repeat:none;
	background-position:left -70px;
}

#head_index {
	position:relative;
	width:100%;
	height:366px;
	margin:0;
	padding:0;
	z-index:3;
	text-align:left;
	background-image:url(/component/index_headbg02.jpg) ;
    background-repeat:none;
	background-position:center -180px;
	background-color:#FFFFFF;
}

#head_indexin {
	position:relative;
	width:1000px;
	background:;
	padding:0;
	margin:0 auto;
	}

#head_slideshow {
	position:absolute;
	top:100px;
	background:;
	padding:0;
	margin:0;
	}




/* headここまで */

#contentsUNIT {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
    height:100%; /* ie用に設定 */
	z-index:4;
	background:#000000;
	text-align:left;
}

#contents {
	position:relative;
	width:1000px;
	min-height:300px;
	padding:0;
	margin:0 auto;
	text-align:left;
	background:url(/component/uzu_shita.gif) top right no-repeat;
}

#contents_news {
	position:relative;
	float:right;
	width:450px;
	padding:0;
	margin:20px 0 0 0;
	color:#FFFFFF;
	background:;
	text-align:left;
	border:;
}

.paginate {

}

#contents_news .news_parts_c{
	float:left;
	width:450px;
	display:block;
	padding:0;
	margin:0;
	color:#FFFFFF;
	background:;
	border-top:#CCCCCC 1px solid;
}

.news_parts_c .text_left{
	float:left;
	width:120px;
	padding:0;
	margin:10px 0 0 0;
}

.news_parts_c .text_right{
	float:left;
	width:320px;
	padding:0;
	margin:10px 0 0 0;
}





#left {
float:left;
width:370px;
padding:0;
margin:10px 0 0px 0;
z-index:2;
}

*html #left{
	margin:0;
}

#leastnews{
	width:370px;
	position:relative;
	padding:0;
	background:;
}

#entry_index {
}

#entry_index li{
	display:block;
	height:;
}



#center #news ul{
	padding:5px 0 5px 0;
	margin:0;
	border-bottom:1px dashed;
}

#index_middle{
	float:right;
	padding:0;
	margin:0;
}






#photogallery{
	width:330px;
	padding:0;
	margin:10px 0 50px 0;
	float:left;
	position:relative;
	z-index:3;
}

#photogallery h2{
	position:absolute;
	top:-40px;
	left:0;
	width:140px;
	height:40px;
	display:block;
	background:url(/component/h2_photo.png) no-repeat;
	text-indent:-9999px;
}


#photogallery h2 span{
	position:absolute;
	top:-40px;
	left:-30px;
	display:block;
	width:100px;
	height:95px;
	background:url(/component/h2_photo_mark.png) no-repeat;
}


#photogallery .g-unit{
	padding:0;
	margin:0 0 10px 0;
	width:330px;
	height:75px;
	background:#000000;
	display:block;
}

.g-thumbtrim{
	float:left;
	width:120px;
	height:75px;
	display:block;
	overflow:hidden;
}

#photogallery .g-thumb{
	margin:0 0 0 -40px;
	padding:0;
}

#photogallery .gallerytitle{
	display:block;
	float:left;
	padding:4px;
	margin:0 0 0 10px;
	width:180px;
	font-size:11px;
	color:#CCCCCC;
	text-align:left;
}







#right{
	width:330px;
	padding:0;
	margin:0 0 0 20px;
	float:left;
	z-index:3;
}

#right2{
	width:240px;
	padding:0;
	margin:0;
	float:right;
	z-index:3;
	background:;
}

#twitter{
	padding:0 10px;
	margin:20px 0 20px 0;
}

*html #right{
	margin:0 0 0 3px;
}

#peopleindex{
	float:left;
	position:relative;
	width:350px;
	font-size:13px;
	padding:0 5px 5px 0;
	margin:10px 0 20px 0;
	background:#000000;
}

#peopleindex h2{
	position:absolute;
	top:-40px;
	width:160px;
	height:40px;
	display:block;
	background:url(/component/h2_people.png) no-repeat;
	text-indent:-9999px;
}

#peopleindex h2 span{
	position:absolute;
	top:-25px;
	left:-10px;
	display:block;
	width:60px;
	height:80px;
	background:url(/component/h2_people_mark.png) no-repeat;
}





#youtube{
	clear:both;
	position:relative;
	width:330px;
	padding:5px 0 5px 0;
	margin:10px 0 20px 0;
	background:;
}

a.viblock{
	height:60px;
	width:330px;
	margin:0 0 5px 0;
	padding:0;
	border:solid #000000 1px;
	display:block;
	background:#FFFFFF;
}

.viblock:hover{
	background:#330000;
	color:#FFFFFF;
}


.viblock img{
	float:left;
	width:80px;
	height:60px;
}

.viblock p{
	display:block;
	padding:10px 0 0 5px;
	float:left;
	width:210px;
}

a.vi-title{
	font-size:10px;
}

a.viblock2{
	height:60px;
	width:300px;
	margin:0 0 10px 10px;
	padding:0;
	border:solid #000000 1px;
	display:block;
	background:#FFFFFF;
	float:left;
}

.viblock2:hover{
	background:#330000;
	color:#FFFFFF;
}

.viblock2 img{
	float:left;
	width:80px;
	height:60px;
}

.viblock2 p{
	display:block;
	padding:10px 0 0 5px;
	float:left;
	width:200px;
}


#footer0 {
	clear:both;
	position:relative;
	width:;
	height:;
	padding:0;
	margin:0;
}

/* エントリーページ指定ここから */

#left-contents {
float:left;
margin:0;
width:600px;
background:;
z-index:4;
}

#left-contents h2{
	color:#FFFFFF;
}

#entry {
	position:relative;
	padding:0;
	margin:20px 0 0 0;
}

#lpo{
	position:relative;
	padding:10px;
	margin:0;
	background:#CCCCCC;
}

#lpo h3{
	font-size:12px;
	padding:0;
	margin:0;
}

#lpo li{
	font-size:12px;
	padding:0;
	margin:0;
}

#entry h2{
	color:#fff;
	font-size:15px;
	display:block;
	width:600px;
	padding:3px 0 3px 0;
	margin:0 0 0 10px;
	border-bottom:dashed #990099 2px;
}

#entrydate{
	position:relative;
	color:#FFFFFF;
	font-size:15px;
	height:30px;
	width:550px;
	padding:0;
	margin:5px 0 5px 10px;
}

p.daydate{
	position:absolute;
	top:5px;
	left:0px;
	font-size:17px;
	padding:2px 2px 0 2px;
	margin:0;
	color:#FF00CC;
	font-family: 'Terminal', 'Small Fonts', monospace;
	background:url(/component/black_bg.png) repeat;
}

#entryfirst {
	margin:10px 0 0 0;
	padding:0;
	background:;
	width:100%;
	height:40px;
	position:relative;
}

#viralunit {
	float:right;
	margin:10px 0 0 0;
	padding:0;
	background:;
}

#pankuzu0 {
	position:relative;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	background:url(/component/pankuzu_bg1.png) top left no-repeat;
}

#pankuzu0 ul,
#pankuzu0 li{
        list-style-type:none;
        padding:0;
        margin:0;
}

#breadcrumbs {
        height:2.7em;
        border:;
	}

#breadcrumbs li {
	float:left;         
	line-height:2.7em;         
	color:#777;         
	padding-left:.85em;
	background:#000000;
	}
	
#breadcrumbs li a {         
	background: url(/component/breadcrums.gif) no-repeat right center;         
	display:block;         
	padding:0 15px 0 0;         
	}

#breadcrumbs li a:link, #breadcrumbs li a:visited {         
	color:#777;         
	text-decoration:none;         
	}

#pankuzu0 a:link, #pankuzu0 a:visited,      
#breadcrumbs li a:hover,
#breadcrumbs li a:focus {
        color:#222
        }

#entrybody{
	position:relative;
	padding:0 10px 25px 10px;
	margin:0;
	min-height:500px;
}

#entrybody a {
	color:#FFFFFF;
	text-decoration:underline;
}

#entrybody p{
	color:#ffffff;
	font-size:15px;
	letter-spacing:1px;
	line-height:130%;
	padding:0;
	margin:0 0 20px 0;
}




#entrylink {
	width:220px;
	height:50px;
	padding:0;
	margin:20px 0 30px 0;
	background:url() no-repeat;
	position:relative;
}

a.entrybefore {
	display:block;
	width:100px;
	height:50px;
	float:left;
	background:url(/component/allmenu.png) no-repeat  -300px -50px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}

a.entrybefore:hover {
	background:url(/component/allmenu.png) no-repeat -400px -50px;
}

a.entrynext {
	display:block;
	width:100px;
	height:50px;
	float:right;
	background:url(/component/allmenu.png) no-repeat -300px 0px;
	text-indent:-9999px;
}

a.entrynext:hover {
	background:url(/component/allmenu.png) no-repeat -400px 0px;
}



#right-contents{
	float:right;
	width:360px;
	padding:0;
	margin:0;
	z-index:1;
	height:100%;
	background:; 
}

#entrylist{
	color:#999999;
}


#right-contents #entrylist a{
	color:#999999;
}

#right-contents #entrylist a:hover{
	color:#666666;
}

#right-contents h2{
	color:#FFFFFF;
}

*html #right-contents{
	margin:0 3px 0 0;
}

#relatedn {
	position:relative;;
	padding:0;
	margin:0 0 30px 0;
	font-size:12px;
	width:350px;
}

#relatedn h2{
font-size:14px;
text-indent:-9999px;
display:block;
width:350px;
height:30px;
background:url(/component/allmenu.png) no-repeat 0 -500px;
}

#relatedn ul{
	width:350px;
}

#relatedn ul a{
	display:block;
	width:100%;
	padding:5px 0 0 0;
	min-height:35px;
	border-bottom:solid 1px #666666;
	letter-spacing:1px;
}

#relatedn ul a:hover{
	padding:5px 0 0 20px;
	background:url(/component/arrow_ra.gif) top left no-repeat;
}


/* エントリー関連人物ここから */

#m-relatedp{
width:350px;
margin:20px 0 0 0;
padding:0 0 5px 0;
}

#m-relatedp h2{
font-size:14px;
text-indent:-9999px;
display:block;
width:350px;
height:50px;
background:url(/component/related.png) no-repeat 0 -200px;
}

#m-relatedp ul.related{
width:;
margin:0;
padding:0;
display:block;
}

#m-relatedp .p-face{
width:50px;
height:50px;
margin:7px 0 0 7px;
padding:0;
float:left;
display:block;
border:solid 3px #666666;
}

#m-relatedp .p-face:hover{
border:solid 3px #ffffff;
}




/* エントリー関連ビデオここから */




#videolist a{
width:330px;
height:60px;
margin:0;
padding:5px;
display:block;
border:#666666 solid 1px;
}

#videolist a img{
height:50px;
margin:0;
padding:0;
display:block;
float:left;
}

#videolist a span{
width:250px;
margin:0;
padding:0 0 0 5px;
display:block;
float:left;
}





/* エントリーメニューここから */

#e_date{
position:relative;
width:100%;
height:100px;
background:;
margin:0 0 10px 0;
overflow:hidden;
}

#e_center{
	position:relative;
	margin:0;
}

.e_alice{
	background:;
}

.e_alice h3{
	display:block;
	width:160px;
	height:90px;
	background:url(/component/edate_awlogo.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:5px;
	left:-10px;
}

.e_menu{
	margin:0;
	padding:0;
	font-size:12px;
	background:;
	width:210px;
	height:80px;
	display:block;
	position:absolute;
	top:15px;
	right:0px;
}

.e_menu li{
	float:left;
	display:block;
	width:95px;
	height:30px;
	margin:0 8px 8px 0;
	text-align:center;
}

.e_menu li a{
	display:block;
	width:95px;
	height:30px;
	text-indent:-9999px;
}

.e_menu li a.awcast{
	background:url(/component/edate_awcast.png) no-repeat;
}
.e_menu li a.awcast:hover{
	background:url(/component/edate_awcast2.png) no-repeat;
}

.e_menu li a.awcrew{
	background:url(/component/edate_awcrew.png) no-repeat;
}
.e_menu li a.awcrew:hover{
	background:url(/component/edate_awcrew2.png) no-repeat;
}

.e_menu li a.awtrivia{
	background:url(/component/edate_awtrivia.png) no-repeat;
}
.e_menu li a.awtrivia:hover{
	background:url(/component/edate_awtrivia2.png) no-repeat;
}

.e_menu li a.awloca{
	background:url(/component/edate_awloca.png) no-repeat;
}
.e_menu li a.awloca:hover{
	background:url(/component/edate_awloca2.png) no-repeat;
}

.e_menu li a:hover{

}

/* インデックスニュースリストここから */

#mainnews_list{
	position:relative;
	padding:15px;
	margin:5px 0px 15px 0px;
	height:100px;
	width:360px;
	color:#000000;
}

#leftspace{
	position:absolute;
	top:15px;
	left:15px;
	padding:0;
	margin:0;
	width:50px;
}

p.daydateindex{
	display:block;
	font-size:17px;
	padding:2px 2px 0 2px;
	margin:0;
	font-family: 'Terminal', 'Small Fonts', monospace;
	background-image:url(/component/black_bg.png);
	background-repeat:repeat;
}

#news_indextext{
	position:absolute;
	top:15px;
	left:65px;
	width:300px;
	height:100px;
	padding:0 0 0 5px;
	margin:0;
	border-left:solid 5px #660066;
}



/* アーカイブここから */

#big_news{
	position:relative;
	padding:0px;
	margin:0px 0px 5px 0px;
	height:100px;
	width:620px;
}

#big_thumb{
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
}

p.daydate2{
	position:absolute;
	display:block;
	bottom:5px;
	left:0px;
	font-size:17px;
	padding:2px 2px 0 2px;
	margin:0;
	color:#FF00CC;
	font-family: 'Terminal', 'Small Fonts', monospace;
	background-image:url(/component/black_bg.png);
	background-repeat:repeat;
}

#news_text{
	position:absolute;
	top:0px;
	left:150px;
	width:420px;
	height:100px;
	padding:0 0 0 5px;
	margin:0;
	background-color:#CCCCCC;
	border-left:solid 5px #660066;
}

#news_text a{
	width:auto;
	height:auto;
	font-size:13px;
	padding:2px;
	margin:3px 3px 3px 0;
	line-height:normal;
	display:block;
	border-bottom:dotted 2px #660066;
}

#news_text p.excerpt{
	font-size:12px;
	padding:2px;
	margin:0px 5px 0 0;
	line-height:1.2;
	display:block;
	width:auto;
	height:auto;
}


ul#page-list li {
   display: inline;
   }

ul#page-list li span {
   width: 25px;
   height: 25px;
   background-image: url(images/page_list/active_background.png);
   color: #fff;
   text-align: center;
   font: 90%/25px Georgia, "Times New Roman", Times, serif;
   margin-right: 5px;
   display: block;
   float: left;
   }

ul#page-list li span a {
   width: 25px;
   height: 25px;
   background-image: url(images/page_list/background.png);
   display: block;
   color: #1a1a19;
   text-align: center;
   font: 90%/25px Georgia, "Times New Roman", Times, serif;
   }

ul#page-list li#previous-page a {
   text-indent: -9999px;
   background-image: url(images/page_list/left.png);
   width: 25px;
   height: 25px;
   display: block;
   float: left;
   margin-right: 5px;
   }

ul#page-list li#next-page a {
   display: block;
   text-indent: -9999px;
   background-image: url(images/page_list/right.png);
   width: 25px;
   height: 25px;
   float: left;
   }

ul#page-list li a:hover {
   background-position: 0 -25px;
   color: #fff;
   }

/* ピープルユニットここから */

/* ピープルここから */

#people_main {
	float:left;
	width:580px;
	margin:0 0 0 5px;
	padding:0;
}

.people_list {
	height:70px;
	margin:0;
	padding:5px;
	width:280px;
	background:#999999;
	float:left;
}

.people_list img.facethumb{
	float:left;
	margin:0;
	padding:0;
}

.people_list .name_list{
	float:left;
	margin:10px 0 0 10px;
	padding:0;
}

#people_sub1 {
	float:left;
	width:160px;
	height:500px;
	margin:0 0 0 10px;
	padding:0;
	background-color:#000000;
}

#people_sub2 {
	float:left;
	width:160px;
	margin:0 0 0 10px;
	padding:0;
	background-color:#CCCCCC;
}


ul.faceunit {
margin:0;
padding:0;
}

li.face1{
display:block;
float:left;
margin:10px 0 0 10px;
padding:0;
list-style:none;
}

span.facephoto{
width:40px;  
height:40px;
display:table-cell;  
text-align:center;  
vertical-align:middle;  
border:#666666 solid 1px;
margin:0;
padding:0;
}

/* ピープルユニット（外部）ここから */

.people_unit {
	padding:5px;
	margin:3px 0px 3px 0px;
	height:38px;
	border:#999999 solid 1px;
}

.people_unit a img {
	float:left;
}

.people_unit div.peoplename{
	float:left;
	padding:0px;
	margin:0px;
}

.people_unit .peoplename a{
	display:table-cell;
	height:40px;
	font-size:14px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

/* ギャラリーインデックスここから */

#g-index{
	padding:0;
	margin:0 auto 50px auto;
	width:960px;
	float:left;
}

.g-unitleft{
	padding:0;
	margin:10px 0 0 10px;
	width:450px;
	height:110px;
	background:#000000;
	float:left;
}

.g-unitleft:hover{
	background:url(/component/white.png);
}

.g-unitright{
	padding:0;
	margin:10px 0 0 10px;
	width:450px;
	height:110px;
	background:#000000;
	float:right;
}

.g-unitright:hover{
	background:url(/component/white.png);
}

.g-unitleft .g-thumb{
	padding:0;
	margin:5px 0 0 5px;
	width:250px;
	height:100px;
	background:#FFFFFF;
	overflow:hidden;
	float:right;
}

.g-unitright .g-thumb{
	padding:0;
	margin:5px 0 0 5px;
	width:250px;
	height:100px;
	background:#FFFFFF;
	overflow:hidden;
	float:left;
}


.g-thumb img{
	top:-5px;
	left:-5px;
}


.g-unitleft .gallerytitle{
	padding:4px;
	margin:5px 0 0 5px;
	width:180px;
	font-size:12px;
	display:block;
	color:#CCCCCC;
	text-align:left;
	float:left;
}

.g-unitright .gallerytitle{
	padding:4px;
	margin:5px 0 0 5px;
	width:180px;
	font-size:12px;
	display:block;
	color:#CCCCCC;
	text-align:left;
	float:left;
}

#g-right{
	padding:10px;
	margin:10px 0 50px 20px;
	width:300px;
	float:left;
}

#g-right h2{
	color:#FFFFFF;
	margin:0 0 0 -10px;
}

#g-right ul.gcatelist{
	padding:0;
	margin:0;
	list-style:inside none;
}

#g-right ul.gcatelist li{
	padding:0;
	margin:0 0 1px 0;
	display:block;
	font-size:12px;
	background:#CCCCCC;
}

#g-right ul.gcatelist li:hover{
	background:#FF9900;
}

#g-right ul li a,gsubcatelink{
	padding:3px;
	margin:0;
	display:block;
}

#g-right ul li span{
	padding:0;
	margin:0;
	font-size:9px;
}

#g-right ul li ul{
	padding:0;
	margin:10px 0 10px 20px;
}


/* 関連ビデオここから */

#relatedv{
width:350px;
height:150px;
}

#relatedv h2{
font-size:14px;
text-indent:-9999px;
display:block;
width:350px;
height:50px;
background:url(/component/allmenu.png)  no-repeat 0 -600px;
}

#relatedv a{
	float:left;
	display:block;
	width:115px;
	height:65px;
	overflow:hidden;
	float:left;
	border-top:#000000 1px solid;
	border-right:#000000 1px solid;
	position:relative;
}

#relatedv div.ev_img{
	width:115px;
	height:65px;
}


#relatedv div.ev_img span.ev_cover{
	position:absolute;
	bottom:0;
	left:0;
	width:25px;
	height:15px;
	background:url(/component/vunit_mark.png);
	z-index:2;
}

#relatedv div.ev_img img{
	width:115px;
	margin:-12px 0 0 0;
}

#relatedv div.ev_img img:hover{
	width:130px;
	margin:-15px 0 0 -5px;
}


/* ビデオ：エントリー：関連ビデオここから */

#ve_vunit{
	width:580px;
	height:150px;
}

#ve_vunit a{
	float:left;
	display:block;
	width:115px;
	height:65px;
	overflow:hidden;
	float:left;
	border-top:#000000 1px solid;
	border-right:#000000 1px solid;
	position:relative;
}

#ve_vunit div.ev_img{
	width:115px;
	height:65px;
}


#ve_vunit div.ev_img span.ev_cover{
	position:absolute;
	bottom:0;
	left:0;
	width:25px;
	height:15px;
	background:url(/component/vunit_mark.png);
	z-index:2;
}

#ve_vunit div.ev_img img{
	width:115px;
	margin:-12px 0 0 0;
}

#ve_vunit div.ev_img img:hover{
	width:130px;
	margin:-15px 0 0 -5px;
}






/* リンク関連ここから */
#link_main
{
color:#FFFFFF;
}

#link_main ul li
{
margin:0 0 5px 0;
}


/* 画像位置指定ここから */

.imgleft {
	width:auto;
	height:auto;
    float:left;
	padding:0;
	margin:0px 5px 5px 5px;
	text-align:center;
}

.imgleft span{
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	line-height:120%;
	}

.imgright {
	width:auto;
	height:auto;
    float:right;
	padding:0;
	margin:0px 5px 5px 5px;
	text-align:center;
}

.imgright span{
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	line-height:120%;
	}
	
.imgcenter {
	width:auto;
	height:auto;
	padding:0 5px 0 5px;
	margin:0 auto 10px auto;
	text-align:center;
}

.imgcenter table{ margin-left: auto; margin-right: auto } 

.imgcenter span{
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	line-height:120%;
	}
	
.thumbnail {
	margin:3px;
	text-align:center;
}

.thunmbnail span{
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	line-height:120%;
	}

.cl{clear:left;}

.cr{clear:right;}

/* ツールチップここから */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#000;
	padding:2px 5px;
	color:#fff;
	display:none;
	z-index:15;
	font-size:13px;
	}	

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#000;
	padding:5px;
	display:none;
	color:#fff;
	font-size:10px;
	}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:url(/component/half_bk.png);
	padding:5px;
	display:none;
	color:#fff;
	z-index:15;
	font-size:10px;
	}

/* スライドボックスここから */

.boxgrid{
	width:300px;
	height:120px;
	margin:10px 0 20px 0;
	background:url() top left #161613;
	border:;
	overflow: hidden;
	position: relative;
}

#c_gunit .boxgrid{
	width:170px;
	height:60px;
	margin:0 5px 5px 0;
	background:url() top left #161613;
	border:;
	overflow: hidden;
	position: relative;
	float:left;
}

.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 40px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
	
.captionfull .boxcaption {
 	top: 120px;
 	left: 0;
 }
 
 .caption .boxcaption {
 	top: 220;
 	left: 0;
 }










/*  */