/*--------		Video Search Engine [ Fooooo ]	--------*/
/*--------		layout.css / version 2.2.1  	--------*/
/*--------		Last updated 2009/02/10			--------*/    
/*--------		K.Akatsuka @ bank of innovation	--------*/



* {margin: 0;padding: 0;}

 /**------------------------------------------------------------------------------------**/

html			{background:#fff;  color:#383838;overflow-y:scroll;  }  
body			{font:12px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;margin:0;padding:0;}  

 /**------------------------------------------------------------------------------------**/

pre.code {padding:8px 10px;}
* html pre.code {padding:12px 10px 20px 10px;}
*+html pre.code {padding:14px 10px 24px 10px;}


/* for IE7 */  
*+html body		{font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;font-size:75%;} 

*+html code, kbd, pre, samp, tt	{font-size:108%;}




  
/* for IE6 */  
* html body		{font-size:75%;}  

 /**------------------------------------------------------------------------------------**/

div{min-height:1%;}
div:after{content:".";display: block;height:0px;clear:both;visibility:hidden;} /*for modern browser*/

* html div{
    /*\*/height:1%;/*for WinIE*/
    display:inline-table;/*for MacIE*/
}




 /**------------------------------------------------------------------------------------**/


a img, fieldset, img {border:0;}  
blockquote, dd, div, dl, dt, fieldset, form,  
h1, h2, h3, h4, h5, h6, input,
li, ol, p, pre,  select, span,
textarea, td, th, ul			{margin:0;padding:0;}  
caption, th 					{text-align:left;}  
code, kbd, pre, samp, tt 		{font-family:monospace;line-height:100%;} 
h1, h2, h3, h4, h5, h6			{font-size:100%;font-weight:normal;}  
input, select, textarea			{font-size:100%;font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;}
ol, ul							{list-style:none;}  
q:before, q:after				{content:'';} 
abbr, acronym					{border:0;} 
address, caption, cite, code,
dfn, em, th, strong, var		{font-style:normal;font-weight:normal;}



 /**------------------------------------------------------------------------------------**/


a:link {color:#2149C1;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover ,a:active {color:#064d8f;text-decoration:underline;}

.clerfix			{display:inline-table;}
.clerfix:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clerfix_r:after	{content:".";display:block;height:0;clear:right;height:0;visibility:hidden;}

/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

.clr_b				{clear:both;}
.clear				{clear:both;height:10px;}
.clear50			{clear:both;height:50px;}

.f_l				{float:left;}
.f_r				{float:right;}




/*--------		footer					--------*/

#footer {width: 100%;text-align:center;}

.bottomarea 					{width:100%;}
.bottomarea ul					{width:960px;height:18px;color:#333;margin-left:auto;margin-right:auto;border-top:dotted 1px #192b15;}
.bottomarea ul li				{float:left;text-align:center;font-size:12px;}	
.bottomarea ul li.about			{width:205px;text-align:left;border-right:dotted 1px #999;}
.bottomarea ul li.about	a		{padding:2px 3px 4px 3px;color:green;display:block;}
.bottomarea ul li.about a:hover	{color:#333;display:block;background:#ddd;}
.bottomarea ul li.link			{width:90px;border-right:dotted 1px #999;}
.bottomarea ul li.link a		{padding:2px 3px 4px 3px;color:green;display:block;}
.bottomarea ul li.link a:hover	{color:#333;display:block;background:#ddd;}
.bottomarea ul li.mail			{width:120px;border-right:dotted 1px #999;}




#wrap			{width:100%;height:auto !important;margin:0 auto;min-height:100%;z-index:2;}
#container 		{width:100%;text-align:center;}

.sm {width:950px;margin-top:10px;margin-bottom:30px;margin-left:auto;margin-right:auto;}


/**--	Toppage Ranking & Category	--**/

.category					{width:120px;padding-top:4px;text-align:left;}
.category ul li.c			{width:115px;border-bottom:solid 1px #bbb;font-size:11px;font-weight:bold;}
.category ul li a			{color:#2D7CC5;text-decoration:none;padding:3px 0;display:block;}
.category ul li a:hover		{text-decoration:underline;background-color: #ddfeef;}
.category ul li a:visited	{color:#2D7CC5;}
.category ul li img			{vertical-align:bottom;padding:2px 0;}
.category ul li.m			{width:115px;font-size:9px;font-weight:bold;text-align:right;}
.category ul li.s			{width:115px;font-size:9px;margin-top:0px;bold;text-align:left;border-bottom:solid 1px #bbb;}
.category ul li.t			{width:115px;font-size:9px;margin-top:10px;bold;text-align:left;border-bottom:solid 1px #bbb;}

.glink a:link				{text-decoration:underline;color:#609e42;}
.glink a:hover				{text-decoration:none;color:#ddfeef;}
.glink a:visited			{text-decoration:underline;color:#609e42;}

.spec li					{float:left;margin:0px 1px 0 3px;}
.time						{font-weight:bold;font-size:14px;}
.site						{width:33px;}
.site img					{margin:1px 2px 0 2px;vertical-align:middle;}
.play						{padding:3px 2px 0 3px;font-size:10px;}

.embed	{left:100px;visibility:hidden;text-align:center;}

/**--	Toppage Ranking & Category	--**/

.toprank					{width:830px;margin:0;text-align:left;}

.toprank ul					{clear:both;}
li.rank						{float:left;}

.box_r						{width:130px;margin-bottom:10px;}
.thumb_r					{width:120px;height:85px;padding:0px 5px 0px 5px;display:block;}

.thumb_r a:link	img 		{width:118px;height:83px;border:1px solid #999;}
.thumb_r a:hover img 		{width:118px;height:83px;border:1px solid #2149C1;}
.thumb_r a:visited img 		{width:118px;height:83px;border:1px solid #999;}
.videotitle_r				{width:120px;font-size:12px;margin:2px 5px 0 5px;line-height:14px;overflow:hidden;}

.box_s						{width:120px;margin:0;}
.thumb_s					{width:110px;height:80px;padding:5px 5px 2px 5px;display:block;}
.box_rs						{width:130px;margin:0;}
.thumb_rs					{width:120px;height:85px;padding:5px 10px 0 0;display:block;}

.thumb_s a:link	img 		{width:108px;height:78px;border:1px solid #999;}
.thumb_s a:hover img 		{width:108px;height:78px;border:1px solid #2149C1;}
.thumb_s a:visited img 		{width:108px;height:78px;border:1px solid #999;}
.videotitle_s				{width:110px;font-size:12px;margin:0px 5px 0 5px;line-height:14px;overflow:hidden;}



/*--------		titleobi [toppage]	--------*/
	
.title_center	{width:100%;height:23px;text-align:center;background:#dcf1e8;
				border-top:solid 1px #b1cfa2;border-bottom:solid 1px #b1cfa2;}
				
ul.titleobi		{margin-left:auto;margin-right:auto;width:950px;font-size:12px;color:#434343;}
ul.titleobi li	{float:left;text-align:left;margin-top:2px;}


.titletext	{width:640px;}
.searchtext	{width:490px;}	
.select1	{width:60px;}	
.select2	{width:70px;}
.select3	{width:118px;}
.select4	{width:120px;}
.without_y	{width:107px;font-size:10px;}
.top_sub	{width:190px;}

.titlett	{width:850px;}
.rss		{width:40px;background:url(../images/rss.gif) no-repeat;padding:0 0 0 18px;display:block;text-align:right;}


.title_center select {height:19px;font-size:10px;}
.searchtext b		{font-weight:bold;color:#000;}



/*--------		Watch [ watch page ]		--------*/


#video_contents h1		{font-size:16px;font-weight:bold;margin:0 0 5px 0;padding:0;text-align:left;}
#video_detail			{width:570px;margin:0;padding:0;text-align:left;}
#video_info				{width:560px;background-color:#E7E7E7;border:1px solid #B4B4B4;display:block;margin-top:20px;padding:10px 5px;}
#video_info	li			{width:100%;padding:3px 0;}
.wv_list 				{border-bottom:1px dotted #C4C0B9;}
.wv_list h1				{font-size:14px;font-weight:bold;}

#video_right			{width:360px;margin:0px;padding:0px;}
.watch_ad				{width:350px;margin:0 5px 15px 5px;padding:0px;}
.watch_search			{width:360px;background:#ddd;}
.ws_title				{width:240px;padding:5px;margin:0;text-align:left;}
.ws_hide				{width:100px;padding:5px;margin:0;text-align:right;}
.ws						{border:1px solid #D9D9D9;padding:3px;background:#fff;text-align:left;}
.ws_r					{text-align:right;font-size:10px;}

#searchwatching			{margin:0px;padding:0px;}
#video_search_area		{width:356px;border:1px solid #D9D9D9;margin:0px;overflow-x:none;padding:1px;}

.related				{width:360px;margin:0px;padding:0px;}
.related_search			{width:100%;background:#ddd;}
.related_title			{padding:5px;margin:0;text-align:left;}

#video_relate			{width:356px;border:1px solid #D9D9D9;height:340px;overflow-y:auto;padding:1px;}

#ttl					{width: 112px;word-break:break-all;overflow-x:hidden;font-size:93%;}
#ttl_relate				{width: 150px;word-break:break-all;overflow-x:hidden;font-size:93%;}
#ttl_watch_searc		{width: 140px;word-break:break-all;overflow-x:hidden;font-size:93%;}

#ws_video				{width:340px;margin:0px;padding:0px;text-align:left;overflow-y:}
.searchbox				{width:335px;clear:both;}
.searchbox .r_thumb		{width:80px;height:60px;margin:3px 3px 0 3px;background:#ccc;}
.searchbox .r_text		{width:240px;margin:0px;text-align:left;}

#relatedvideo			{width:340px;margin:0px;padding:0px;text-align:left;}
.relatedbox				{width:335px;clear:both;}
.r_thumb				{width:80px;height:60px;margin:3px 3px 3px 3px;background:#ccc;}
.r_text			 		{width:240px;margin:0px;text-align:left;}



/*--------		Paging [ search results ]		--------*/

.paging			{width:440px;height:30px;padding:0px;margin:10px 180px;text-align:center;}

#bottompane		{width:640px;}
#pg_area		{clear:both;color:#333333;margin:0;padding:10px 0;text-align:center;width:100%;}
.cur			{font-size:14px;font-weight:bold;margin:2px;padding:4px 7px 5px;text-decoration:none;}
.blk			{font-size:14px;margin:2px;text-decoration:none;}
.blk a			{background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;margin:2px;padding:6px 10px;text-decoration:none;}

#pg_area_home	{text-align: center;margin: 10px 1px 3px 90px;}
a.pg			{width:20px;height:20px;background-color:#F9F9F9;text-align:center;margin:1px;padding:3px;border:1px solid #999999;float:left;}
a.pg:hover		{color:#fff;background:#74C51B; text-decoration: none;}
#pgn			{font-size:140%;font-weight:bold;vertical-align:middle;width:20px;height:20px;text-align:center;margin:1px;padding:3px;float:left;}
a.pgne			{width:50px;height:20px;background-color:#F9F9F9;text-align:center;margin:1px 3px;padding:3px;border: 1px solid #999999;float:left;}
a.pgne:hover	{color:#fff;background:#74C51B; text-decoration: none;}
#pgnm			{width:50px;height:20px;text-align:center;margin:1px 3px;padding:3px;float:right;}
#more			{float:right;}