/*************************************************
	2011-10-06	製品案内index
*************************************************/

/* v5 */
#product .product_box {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 0px;
	border: solid 1px #C0C0C0;
	background: #FFF url( "/statistics/share/bg-t-E0EFE9.png" ) 0 0 repeat-x;
	overflow: hidden;
}

#product .product_box h2 {
	margin: 10px 5px;
	border-bottom: none;
	color: #00A497;
}

#product .product_box div {
	float: left;
	padding: 5px;
	font-size: 86.7%;
}

#product #v5-img {
	width: 210px;
	padding: 5px 0 5px 10px;
	text-align: center;
}

#product #v5-intro {
	left: 10px;
	width: 360px;
	padding-right: 10px;
	padding-bottom: 40px;
	border-left: dotted 1px #CCC;

}
	#product #v5-action {	/* 資料請求・購入見積もり・無料体験版*/
		position: absolute;
		left: 240px;
		bottom: 5px;
		width: 560px;
		background: none;
	}
		#product #v5-action img {
			margin: 0 10px;
		}
	

#product #v5-link {
	width: 180px;
	float: right;
	border-left: dotted 1px #CCC;
}



#product #other table {
	margin: 10px 0;
	padding: 0;
	width: 801px;
	border: none;
	border-collapse: collapse;
}
	#product #other th,
	#product #other td {
		width: 180px;
		padding: 0 10px;
		background: none;
		border:none;
		vertical-align: top;
		text-align: center;
		border-right: dotted 1px #CCC;
	}
	#product #other td.feature {
		padding: 5px 10px;
		text-align: left;
	}
		#product #other td.productImg {
			vertical-align: middle;
		}

#product #other hr {
	margin: 0 auto;
	border-bottom: dotted 1px #CCC;
	width: 780px;
}




/*************************************************
	common	購入ボタ��E
*************************************************/
	dd.entry {
		text-align: center;
	}
	dd.entry a {
		display: block;
		width: 450px;
		margin: 1em 0 0;
		background: none;
	}
		dd.entry a span{
			position: relative;
			display: block;
			width: 450px;
			height: 50px;
			margin-top: -1.2em;
			background: transparent url( "./image/price_entry_bt.gif" ) left top no-repeat;
		}
		dd.entry a:hover span{
			background: url( "./image/price_entry_bt.gif" ) left -50px no-repeat;
			cursor: pointer;
		}




/*************************************************
	2009-03-06	QUEST
*************************************************/
#quest .lectureTable {
	margin: 0 12px 12px 12px;
	border: solid 1px #C0C6C9;
	
}
	#quest .lectureTable th {
		text-align :center;
		background: #E0EFE9;
	}

	#quest .lectureTable td {
		 text-align :center;
	}

	#quest td.instructer {
		width: 30%;
		background: #e8d3d1;
	}
	#quest td.inturn {
		width: 38%;
		background: #ebf6f7;
	}
	#quest td.bureau {
		width: 32%;
		background: #F8F4E6;
	}
		
		#quest .lectureTable span.block {
			display: block;
			padding: 2px;
			background: #FFF;
			border: solid 1px #717272;
		}


/*************************************************
	2010-06-04	対応OS
*************************************************/
#os .osTbl td {
	text-align: center;
}

#os .icon-os_base {
	display: inline-block;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.1em 0.2em;
	border: solid 1px #AAA;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
}

	#os .icon-98SE {
		background-color: #F0DF51;
	}

	#os .icon-ME {
		background-color: #D3F15A;
	}

	#os .icon-NT40 {
		background-color: #F7AD9E;
	}

	#os .icon-2000 {
		background-color: #CFC0F9;
	}

	#os .icon-XP {
		color: #F3F4F4;
		background-color: #3272DA;
	}

	#os .icon-vista {
		color: #F3F4F4;
		background-color: #50B4AA;
	}

	#os .icon-win7 {
		padding: 2px 6px;
		background-color: #B5F1EF;
	}
	#os .icon-win8 {
		padding: 2px 6px;
		color: #F3F4F4;
		background-color: #3A0970;
	}

	#os .icon-win10 {
		color: #F3F4F4;
		background-color: #419AE0;
	}