@charset "shift_jis";
/* CSS Document */

/* ���i���C���i�b�v */
div.contents h1.index {
	height: 249px;
	background: url(/dispenser/images/bg_h1-index.gif) no-repeat;
}
div.varie-series {
	position: relative;
	height: 978px;
	padding: 15px 20px;
	background: url(/dispenser/images/bg_varie-series.gif) 2px 75px no-repeat;
}
div.varie-series img {
	position: absolute;
}
div.varie-series img.varie01 {
	top:163px;
	left: 43px;
}
div.varie-series img.varie02 {
	top:96px;
	left: 298px;
}
div.varie-series img.model01 {
	top:221px;
	left: 473px;
}
div.varie-series img.model02 {
	top:608px;
	left: 16px;
}
div.varie-series img.varie03 {
	top:558px;
	left: 189px;
}
div.varie-series img.varie04 {
	top:602px;
	left: 438px;
}
div.varie-series img.varie01-p {
	top:208px;
	left: 40px;
}
div.varie-series img.varie02-p {
	top:135px;
	left: 276px;
}
div.varie-series img.varie03-p {
	top:596px;
	left: 164px;
}
div.varie-series img.varie04-p {
	top:643px;
	left: 400px;
}
div.varie-series a:hover img,div.pt-series a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
div.varie-series h2 {
	width: 266px;
	height: 78px;
	background: url(/dispenser/images/bg_h2-index.gif) no-repeat;
}
div.contents img.index {
	position: absolute;
	top: 0px;
	right: 0px;
}
div.pt-series {
	position: relative;
	height: 500px;
	padding: 30px 20px 15px;
	background: url(/dispenser/images/bg_pt-series.gif) 2px 0px no-repeat;
}
div.pt-series img {
	position: absolute;
}
div.pt-series img.model {
	top:213px;
	left: 511px;
}
div.pt-series img.pt01 {
	top:143px;
	left: 89px;
}
div.pt-series img.pt02 {
	top:119px;
	left: 314px;
}
div.pt-series img.pt01-p {
	top:178px;
	left: 44px;
}
div.pt-series img.pt02-p {
	top:153px;
	left: 310px;
}
div.pt-series h2 {
	width: 266px;
	height: 78px;
	background: url(/dispenser/images/bg_h2-pt-series.gif) no-repeat;
}
div.varie-series p,div.pt-series p {
	position: absolute;
	font-size: 11px;
	color: #502009;
	left: 181px;
	top: 403px;
}
div.varie-series p span,div.pt-series p span {
	font-size: 10px;
	line-height: 1.3em;
}
div.varie-series p.varie01 {
	left: 45px;
	top: 460px;
}
div.varie-series p.varie02 {
	left: 280px;
	top: 385px;
}
div.varie-series p.varie03 {
	left: 171px;
	top: 848px;
}
div.varie-series p.varie04 {
	left: 408px;
	top: 894px;
}
div.pt-series p.pt01 {
	left: 46px;
	top: 452px;
}
div.pt-series p.pt02 {
	left: 300px;
	top: 402px;
}
div.varie-series p a,div.pt-series p a {
	display: block;
	width: 175px;
	height: 11px;
	padding: 8px 0px 8px 10px;
	margin-bottom: 5px;
	line-height: 1em;
	text-indent: -9999em;
}
div.varie-series p.varie01 a {
	background: url(/dispenser/images/btn_pte100h3wa.gif) no-repeat;
}
div.varie-series p.varie01 a:hover {
	background: url(/dispenser/images/btn_pte100h3wa.gif) no-repeat left -27px;
}
div.varie-series p.varie02 a {
	background: url(/dispenser/images/btn_pte100h2wa.gif) no-repeat;
}
div.varie-series p.varie02 a:hover {
	background: url(/dispenser/images/btn_pte100h2wa.gif) no-repeat left -27px;
}
div.varie-series p.varie03 a {
	background: url(/dispenser/images/btn_pte250hwa.gif) no-repeat;
}
div.varie-series p.varie03 a:hover {
	background: url(/dispenser/images/btn_pte250hwa.gif) no-repeat left -27px;
}
div.varie-series p.varie04 a {
	background: url(/dispenser/images/btn_ptef250hwa.gif) no-repeat;
}
div.varie-series p.varie04 a:hover {
	background: url(/dispenser/images/btn_ptef250hwa.gif) no-repeat left -27px;
}
div.pt-series p.pt01 a {
	background: url(/dispenser/images/btn_pt15ph1wcb.gif) no-repeat;
}
div.pt-series p.pt01 a:hover {
	background: url(/dispenser/images/btn_pt15ph1wcb.gif) no-repeat left -27px;
}
div.pt-series p.pt02 a {
	background: url(/dispenser/images/btn_pt50h2b.gif) no-repeat;
}
div.pt-series p.pt02 a:hover {
	background: url(/dispenser/images/btn_pt50h2b.gif) no-repeat left -27px;
}

/* �f�B�X�y���T�[�ڍ� */
div.contents p.zoom {
	position: absolute;
	left: 573px;
	top: 10px;
}
div.contents div#products {
	position: absolute;
	left: 425px;
	top: 64px;
}
div.contents div#products-s {
	position: absolute;
	left: 405px;
	top: 154px;
}
div.contents div#brown201 {
	position: absolute;
	left: 425px;
	top: 64px;
}
div.contents div#brown201 p.zoom {
	position: absolute;
	left: 148px;
	top: -54px;
}
div.contents div#black201 {
	position: absolute;
	display: none;
	left: 425px;
	top: 64px;
}
div.contents div#black201 p.zoom {
	position: absolute;
	left: 148px;
	top: -54px;
}
div.contents div.color {
	position:absolute;
	width: 194px;
	left: 398px;
	top: 436px;
}
div.color h4 {
	width: 194px;
	line-height: 1.5em;
	text-indent: 0px;
	margin-bottom: 5px;
}
div.color p {
	width: 92px;
	text-align: center;
}
div.contents div.dispenser {
	width: 306px;
	padding: 0px 290px 0px 35px;
}
div.dispenser h2 {
	width:306px;
	height: 48px;
	margin-top: 20px;
}
div.dispenser h3 {
	width:306px;
	height:71px;
}
div.catalog {
	padding: 5px 0px 10px 35px;
}
div.catalog p.catalog {
	margin: 10px 0px;
}
div.catalog p.catalog a {
	padding-left: 15px;
	background: url(/common/images/bg_link.gif) left center no-repeat;
}
div.contents div.bottom-box {
	position: relative;
}
div.contents p.direct-connect {
	padding-left:35px;
	margin-bottom: 20px;
}
div.contents div.bottom-box img.easy {
	position: absolute;
	left: 481px;
	top: 31px;
}
div.contents div.aside {
	line-height: 1.7em;
	border-radius: 10px;
	border: 1px solid #502009;
	margin-left: 35px;
	width: 550px;
	box-sizing: border-box;
	padding: 20px;
	overflow: hidden;
}
div.contents div.aside .left {
	width: 46%;
	float: left;
	position: relative;
}
div.contents div.aside .left h3,div.contents div.aside .right h3 {
	margin-bottom: 10px;
	text-indent: 0;
}
div.contents div.aside .left p,div.contents div.aside .right p {
	margin-left: 105px;
	margin-bottom: 10px;
}

div.contents div.aside .left .note {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 10px;
	line-height: 1.5;
}
div.contents div.aside .left .pic,div.contents div.aside .right .pic {
	position: absolute;
	left: 0;
	top: 60px;
}
div.contents div.aside .right {
	width: 48%;
	position: relative;
	float: right;
}
div.contents div.water-tank {
	width: 520px;
	height:117px;
	padding: 20px 56px 20px 55px;
	line-height: 1.7em;
	background: url(/dispenser/images/bg_watertank.jpg) 35px 0px no-repeat;
}
div.water-tank h3 {
	width: 200px;
	height: 64px;
	background: url(/dispenser/images/bg_h3-watertank.gif) no-repeat;
}
div.contents div.water-tank50 {
	width: 520px;
	height:117px;
	padding: 20px 56px 20px 55px;
	background: url(/dispenser/images/bg_watertank-50.jpg) 35px 0px no-repeat;
}
div.water-tank50 h3 {
	width: 200px;
	height: 64px;
	background: url(/dispenser/images/bg_h3-watertank-50.gif) no-repeat;
}
div.contents div.bottom-box-s {
	position: absolute;
	left: 398px;
	top: 430px;
}
div.contents div.straight-water {
	width: 158px;
	height:146px;
	padding: 20px;
	background:  35px 0px no-repeat;
	background: url(/dispenser/images/bg_straight-water.gif) no-repeat;
}
div.straight-water h3 {
	width: 158px;
	height: 66px;
	background: url(/dispenser/images/bg_h3-straightwater.gif) no-repeat;
}
div.contents .bnr_entry {
	text-align:center;
	padding:0 0 10px 0;	
}


/* �p�E�_�[��3��-PTE-100H3WA */
div.contents h1.pte100h3wa {
	height: 28px;
	background: url(/dispenser/images/bg_h1-pte100h3wa.gif) no-repeat;
}
div.dispenser h2.pte100h3wa {
	background: url(/dispenser/images/bg_h2-pte100h3wa.gif) no-repeat;
}
div.dispenser h3.pte100h3wa {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-pte100h3wa.gif) no-repeat;
}

/* �p�E�_�[��2��-PTE-100H2WA */
div.contents h1.pte100h2wa {
	height: 28px;
	background: url(/dispenser/images/bg_h1-pte100h2wa.gif) no-repeat;
}
div.dispenser h2.pte100h2wa {
	background: url(/dispenser/images/bg_h2-pte100h2wa.gif) no-repeat;
}
div.dispenser h3.pte100h2wa {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-pte100h2wa.gif) no-repeat;
}

/* �p�E�_�[��1��-DSM-13DT-W */
div.contents h1.dsm13dt {
	height: 28px;
	background: url(/dispenser/images/bg_h1-dsm13dt.gif) no-repeat;
}
div.dispenser h2.dsm13dt {
	background: url(/dispenser/images/bg_h2-dsm13dt.gif) no-repeat;
}
div.dispenser h3.dsm13dt {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-dsm13dt.gif) no-repeat;
}
div.contents h1.dsm13dt {
	height: 28px;
}

/* �p�E�_�[��1��-PTE-250HWA */
div.contents h1.pte250hwa {
	height: 28px;
	background: url(/dispenser/images/bg_h1-pte250hwa.gif) no-repeat;
}
div.dispenser h2.pte250hwa {
	background: url(/dispenser/images/bg_h2-pte250hwa.gif) no-repeat;
}
div.dispenser h3.pte250hwa {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-pte250hwa.gif) no-repeat;
}
/* ���Ӓ�1��-PTE-F250HWA */
div.contents h1.ptef250hwa {
	height: 28px;
	background: url(/dispenser/images/bg_h1-ptef250hwa.gif) no-repeat;
}
div.dispenser h2.ptef250hwa {
	background: url(/dispenser/images/bg_h2-ptef250hwa.gif) no-repeat;
}
div.dispenser h3.ptef250hwa {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-ptef250hwa.gif) no-repeat;
}
/* �|�b�g�ǂ�-PT-15PH1WCB */
div.contents h1.pt15ph1wcb {
	height: 28px;
	background: url(/dispenser/images/bg_h1-pt15ph1wcb.gif) no-repeat;
}
div.dispenser h2.pt15ph1wcb {
	background: url(/dispenser/images/bg_h2-pt15ph1wcb.gif) no-repeat;
}
div.dispenser h3.pt15ph1wcb {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-pt15ph1wcb.gif) no-repeat;
}
/* �p�E�_�[2��i�R���p�N�g�j-PT-50H2B */
div.contents h1.pt50h2b {
	height: 28px;
	background: url(/dispenser/images/bg_h1-pt50h2b.gif) no-repeat;
}
div.dispenser h2.pt50h2b {
	background: url(/dispenser/images/bg_h2-pt50h2b.gif) no-repeat;
}
div.dispenser h3.pt50h2b {
	margin: 10px 0px 20px;
	background: url(/dispenser/images/bg_h3-pt50h2b.gif) no-repeat;
}

div.water-tank50 p{
	line-height: 1.7em;
}