@charset "UTF-8";
/* CSS Document */

#intro,
#intro2{
	text-align:center;
}
	#intro p{
		line-height:1.6em;
		font-weight:bold;
	}
	#intro2 p{
		margin:0 0 40px 0;
	}
p.detail{
	margin:0 auto;
	width:65px;
	height:28px;
	line-height:28px;
	background:url(/img/arrowBtn_off.gif) no-repeat 100% 50%;
}
ul#consumableIdx{
	margin:0 auto 40px auto;
	padding:0 10px;
	width:880px;
}
	ul#consumableIdx li{
		position:relative;
		float:left;
		margin:0 25px 15px 0;
		width:425px;
		height:192px;
		background:#323232;
		box-shadow: 10px 10px 10px #222;
		-moz-box-shadow: 10px 10px 10px #222;
		-webkit-box-shadow: 10px 10px 20px #222;
	}
	ul#consumableIdx li.last{
		margin:0 0 15px 0;
	}
	ul#consumableIdx li a:link,
	ul#consumableIdx li a:visited{
		display:block;
		width:425px;
		height:192px;
		color:#bbbbbb;
	}
	ul#consumableIdx li a:hover,
	ul#consumableIdx li a:active{
		text-decoration:none;
	}
	ul#consumableIdx .image{
		float:left;
		width:150px;
	}
		ul#consumableIdx a .image{
			cursor:pointer;
		}
	ul#consumableIdx .text{
		float:right;
		width:235px;
		padding:30px 20px 20px 20px;
	}
		ul#consumableIdx a .text{
			cursor:pointer;
		}
		.text h2{
			margin:0 0 8px 0;
			padding:0 0 8px 0;
			border-bottom:1px solid #bbbbbb;
			font-size:13px;
		}
		.text p{
			margin:0;
			line-height:1.4em;
			letter-spacing:0px;
			font-size:11px;
		}
		.text p.btn{
			float:right;
			position:absolute;
			right:20px;
			bottom:15px;
			width:28px;
			height:28px;
			background:url(/img/arrowBtn_off.gif) no-repeat 100% 0;
			overflow:hidden;
		}
			.text p.btn span{
				display:block;
				padding:100px 0 0 0;
			}
p#indexBtn{
	margin:0 0 40px -10px;
}