/* ----------------------------------------------------------------------
  468size  TopBanner-Setting
-------------------------------------------------------------------------*/
.widebanner {
	padding:5px 0px 5px 5px;
	margin:10px 0px 5px 5px;
	overflow:hidden;
	text-align:center;
}

.widebanner img{border: 1px solid #d8d8d8;}

/* ----------------------------------------------------------------------
  Logolist  sidebar-Setting
-------------------------------------------------------------------------*/
.featlist {
	width:325px;
	background:#fff;
	height:100%;
	float:left;
	border:1px solid #bbb;
}


/* ----------------------------------------------------------------------
  YouTube  sidebar-Setting
-------------------------------------------------------------------------*/
.videopost{
	margin:5px 0px 5px 0px;
	width:315px;
	padding: 5px 5px ;
	float:left;
	background:#ececec;
	border:1px solid #BBBBBB;
	font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
	color:#555;
	line-height:20px;
	z-index: 5; 
}

.videopost h2 {
	font: 16px  century gothic,Arial,verdana, sans-serif;
	font-weight:normal;
	font-style:uppercase;
	color:#fff;
	margin:0px 0px 5px 0px;
	padding:2px 5px;
	display:block;
	background:#4D98D4;
}

.videopost img{
	float:left;
	background:#fff;
	padding:5px 5px;
	margin:5px 5px 5px 5px;
}


/* ----------------------------------------------------------------------
  TAB  sidebar-Setting
-------------------------------------------------------------------------*/


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;

}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	overflow:hidden;
	margin-top:5px;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
}

.tabberlive {
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	width:327px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin-bottom:0px;
	padding:4px;
	font-size: 11px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Century gothic, Arial,Tahoma,sans-serif;
	background:#e4e4e4;
	border:1px solid #e4e4e4;
}

ul.tabbernav li {
	list-style: none;
	margin:0;
	display: inline;
	color:#5AB7D8;
}

ul.tabbernav li a {
	padding: 4px 10px;
	text-decoration: none;
	font-weight:bold;
	color:#fff;
	border-right:1px solid #dedede;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
}

ul.tabbernav li a:link { color:#eaeaea; 	background:#5a96d4;}
ul.tabbernav li a:visited { color:#c72b00; 	background:#5a96d4;}
ul.tabbernav li a:hover {color: #fff;background:#4684c7;}
ul.tabbernav li.tabberactive a {color: #fff;background:#2f70ad;}
ul.tabbernav li.tabberactive a:hover {color: #fff;background:#2f70ad;}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px 5px;
	background:#fff;
	font-size: 11px;
	color:#000;
	overflow:hidden;
	border:1px solid #ccc;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

.tabberlive .tabbertab p {margin:0px 4px 5px 4px;}
.tabberlive .tabbertab a {color:#ae0000;}
.tabberlive .tabbertab a:hover {color:#6AC9E9;}

.tabberlive .tabbertab li {
	list-style:none !important;
	list-style:outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.tabberlive .tabbertab ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.tabberlive .tabbertab ul li {
	list-style:none;
	color:#2a2a2a;
	display:block;
	margin:2px 3px 5px 5px;
	width:auto;
	border-bottom:1px dotted #999;
}

.tabberlive .tabbertab ul li a {
	color:#000077;
	padding:2px 3px 5px 5px;
	display:block;
}

.tabberlive .tabbertab ul li a:hover {
	color:#af0000;
	text-decoration:underline;
	display:block;
}


/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}


/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}



/* ----------------------------------------------------------------------
 RSS-carview  Tab
-------------------------------------------------------------------------*/
.carview{
	font-size:10px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:0px 2px;
	color:#5456cf;
}


/* ----------------------------------------------------------------------
 NicoTubeReader  Tab
-------------------------------------------------------------------------*/

ul.NicoTubeReader {
	width:100%;
	overflow: hidden;
	padding: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	margin: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.NicoTubeReader a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

ul.NicoTubeReader,
ul.NicoTubeReader li {list-style: none;list-style-image: none;}

ul.NicoTubeReader:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

ul.NicoTubeReader li.image {
	float: left;
	height: 72px;
	background: #fff;
	margin-right: 3px;
	padding-bottom: 2px;
	border: none;
	clear: both;
}

ul.NicoTubeReader li.image a:link img,
ul.NicoTubeReader li.image a:hover img,
ul.NicoTubeReader li.image a:visited img {border: none!important;}

ul.NicoTubeReader li.title {
	width: 195px;
	height: 76px;
	margin-bottom: 4px!important;
	margin-right: 3px!important;
	padding: 0px;
	float: left;
	overflow: hidden;
	border:none;	
	background:#fff  url(images/box-bg.gif) repeat-x;
}





.highlight {
	height:28px;
	width:325px;
	background:#fff url(images/latstor.png) no-repeat;
	margin: 0px 10px 5px 0px;
	border:1px solid #bbb;
}

.fblock h2 {
	margin: 2px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 13px;
	overflow:hidden;
	line-height:16px;
	height:16px;
	text-transform:uppercase;
}

.fblock h2 a:link, .fblock h2 a:visited{
	color:#C50000;
}

.fblock {	
	width: 325px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0 5px 0;
	display:inline;
	color:#222;
	font-family:Tahoma,century gothic,Arial,verdana, sans-serif;
}

.fdate {
	text-align: right;
	padding-right:5px;
	font-size: 11px;
	color:#555;
	font-family:Verdana, sans-serif;
}

.fblock p {
	margin:0px 5px;
	color:#6b7478;
	text-align: left;
	font-size: 11px;
}


.fblock img {
	float:left;
	border:1px solid #878787;
	margin:5px 5px 5px 5px;
	padding:0 0;
	}

.fcats {
	overflow:hidden;
	font-size:12px;
	color:#DAD0C1;
	padding: 0 0 0 0px;
	margin:1px 0 0px 0;
	height:15px;
}

.fcats a:link,.fcats a:visited {
	overflow:hidden;
	font-size:12px;
	color:#83A1AF;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
	height:13px;
}

.auth {
	overflow:hidden;
	font-size:12px;
	color:#DAD0C1;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
}

.fmeta {
	overflow:hidden;
	font-size:12px;
	color:#DAD0C1;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
}

.fmeta a:link,.fmeta a:visited{
	overflow:hidden;
	font-size:12px;
	color:#83A1AF;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
}


.featstor{
	height:28px;
	width:648px;
	background:#fff url(images/stor.png) no-repeat;
	margin: 0px 10px 5px 5px;
	border:1px solid #bbb;
}

.latestor{
	height:28px;
	width:648px;
	background:#fff url(images/latstor.png) no-repeat;
	margin: 5px 10px 5px 5px;
	border:1px solid #bbb;
}

.vidstor{
	height:40px;
	width:325px;
	background:#fff url(images/info_viezu.png) no-repeat;
	margin: 5px 10px 5px 0px;
	border:1px solid #bbb;
}

.histor{
	height:28px;
	width:325px;
	background:#fff url(images/histor.png) no-repeat;
	margin: 5px 10px 5px 0px;
	border:1px solid #bbb;
}

#bottombar {
	width:1000px;
	padding-bottom:10px;
	float:left;

}
.barone {
	width:327px;
	float:left;
	margin-left:5px;
	overflow:hidden;
	display:inline;
}

.banner {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0px;
	height:100%;
	width:325px;
}

.banner ul {
	margin: 0px 0px;
	padding: 5px 5px;
	overflow: hidden;
}

.banner li {
	width:125px;
	margin: 0px 0px 10px 8px ;
	padding:10px 10px ;
	list-style:none;
	display : block;
	overflow:hidden;
	float:left;
	background:#B7B7B7 ;
	border:1px solid #fff;	
}

.banner li a:link, .banner li a:visited {text-decoration: none;}


.fullsingle {
	width:988px;
	overflow: hidden;
	margin:0px 4px 5px 5px;
	height:100%;
	color:#504945;
	font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
	background:#fff ;
	line-height:20px;
	border:1px solid #bbb;
}

.fullsingle   h2 {
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 24px  Georgia,century gothic,Arial,verdana, sans-serif;
	font-weight:normal;
	overflow:hidden;
}

.fullsingle h2 a,
.fullsingle h2 a:link,
.fullsingle h2 a:visited {color:#252525;background-color: transparent;}
.fullsingle h2 a:hover {color: #ac0604;background-color: transparent;}