@charset "utf-8";


/*** team-lab CSS Document *************************************

	lab_content.css

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

/*** lab_content.css Menu ***********************************************

  ・ラボ・コンテンツ用
  ・レコメンド・コンテンツ
  ・ランキング・コンテンツ
  
*******************************************************************/



/* ===== ラボ・コンテンツ用 ===== */

/* フロート解除 */
.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 */




/* リンク */
a.external:link{
text-decoration:none;
color:#003399;
}

a.external:visited{
text-decoration:none;
color:#003399;
}

a.external:hover{
text-decoration:underline;
color:#ff0000;
}

a.external:active{
text-decoration:none;
color:#003399;
}



/* ===== レコメンド・コンテンツ ===== */
.recommendArea{
font-size: 12px;
}

.recommendArea li{
float: left;
width: 190px;
margin-right: 14px;
}

.recommendArea .none{
margin-right: 0px;
}

.recommendArea .img{
margin-bottom: 10px;
}

.recommendArea dl{
margin-bottom: 10px;
}

.recommendArea dd{
font-weight: bold;
}

.recommendArea .tax{
font-weight: bold;
color: #FF0000;
}



/* ===== ランキング・コンテンツ ===== */
.rankingArea{
/*width: 195px;*/
/*background: #FFFFFF;*/
padding-bottom: 15px;
}

.rankingArea .title{
margin-bottom: 5px;
float: left;
}

.rankingArea .category{
margin-bottom: 10px;
float: left;
font-size: 12px;
}

.rankingArea .link{
margin-top: 5px;
margin-bottom: 30px;
float: left;
font-size: 12px;
background: url(../5goods_parts/img/icon_arrow.gif) no-repeat left 3px;
padding-left: 10px;
font-weight: bold;
line-height: 140%;
}

.rankingArea ul{
list-style: none;
margin: 0;
padding: 0;
float: left;
}

.rankingArea ul.list{
}

.rankingArea li{
width: 195px;
float: left;
padding-bottom: 10px;
}

.rankingArea li .img{
float: left;
width: 75px;
}

.rankingArea li .rightArea{
float: right;
width: 110px;
font-size: 12px;
}

.rankingArea li .rightArea .icon{
margin-bottom: 7px;
}

.rankingArea li .rightArea .tax{
color: #FF0000;
}

.rankingArea dl{
margin-bottom: 5px;
}

.rankingArea dd{
font-weight: bold;
}

/* ツールチップ　add Masaaki Kurihara kurihara.masaaki.team-lab.com*/
	#tooltip {
	display:none;
	padding:0;
	position:absolute;
	text-transform:capitalize;
	top:-50px;
	z-index:3000;
	}

	#tooltip_left {
	background:transparent url(../5goods_parts/img/bg_tooltip.gif) no-repeat scroll left top;
	float:left;
	height:23px;
	width:15px;
	margin-left: 5px;
	}

	#tooltip h3 {
		margin:0;
		color:#666666;
		float:left;
		font-size:12px;
		height:25px;
		padding:4px 0 0;
		width:370px;
		display:block;
		overflow:hidden;
		clear: none;
		border: none;
	}
	#tooltip h3 {
		background:transparent url(../5goods_parts/img/bg_tooltip.gif) no-repeat scroll -370px top;
		padding-right:9px;
	}

	#tooltip_right {
	background:transparent url(../5goods_parts/img/bg_tooltip.gif) no-repeat scroll right top;
	float:left;
	height:23px;
	width:16px;
	}

	#tooltip_v {
		display:none;
		padding:0;
		position:absolute;
		top:-50px;
		z-index:3001;
		background:transparent url(../5goods_parts/img/bg_tooltip_v.gif) no-repeat scroll left top;
		height:8px;
		width:5px;
	}

/* word scoroll add Masaaki Kurihara kurihara.masaaki.team-lab.com */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* custom decorations */
}
.scrollable .word {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	display: block;
}

.scrollable .word .search_word {
	color:#0000CC;
	cursor:pointer;
}

.scrollable .active {
	z-index:9999;
	position:relative;
}



.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
}

.ac_results li {
	padding: 2px 5px;
	white-space: nowrap;
	color: #101010;
	text-align: left;
}

.ac_over {
	cursor: pointer;
	background-color: #cccccc;
}

.ac_match {
	text-decoration: underline;
	color: black;
}