/*
株式会社ダイオーズ
Theme URI: http://www.daiohs.com/
Description: This is css for http://www.daiohs.com/
*/
div.contentsArea { padding-bottom:0px; }

/* .mainVisual */
div.mainVisual {
	position: relative;
	width: 950px;
	height: 480px;
	margin-bottom: 9px;
}
div.mainVisual .currentItem {
	position: absolute;
	width: 950px;
	height: 380px;
	z-index: 10;
}
div.mainVisual .currentItem a {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 10;
}
div.mainVisual .currentItem a.active { z-index: 30; }
div.mainVisual .currentItem a.lastActive { z-index: 20; }
div.mainVisual .banners {
	position: absolute;
	right: 12px;
	bottom: 114px;
	z-index: 50;
}
div.mainVisual div.banners a {
	display: block;
	margin-top: 4px;
}
div.mainVisual div.currentBanner {
	display: none;
	position: absolute;
	width: 950px;
	height: 380px;
	z-index: 40;
}
div.mainVisual div.currentBanner img {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 10;
}
div.mainVisual ul.thumb {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	/zoom: 1;
}
div.mainVisual ul.thumb li {
	float: left;
	width: 132px;
	height: 100px;
	margin-right: 4px;
}
div.mainVisual ul.thumb li.green { margin-right: 0; }
div.mainVisual ul.thumb li.cleaning1 { margin-right: 0; }
div.mainVisual ul.thumb li img { vertical-align: bottom; }

/* .contentsBlock */
div.contentsBlock { clear:both; }
div.contentsBlock div.topLeft { width:710px; }
div.contentsBlock div.topRight { width:230px; }

div.infoBlock {
	margin-bottom:15px;
	padding:15px 20px;
	position:relative;
}
div.infoBlock h2{
	display:block;
	text-indent:-10000em;
	background:url(/img/topTits.png) no-repeat;
	height:20px;
	border-bottom:1px solid #d77da2;
}
div.infoBlock dl{ padding-top:10px; }
div.infoBlock dt,
div.infoBlock dd{
	float:left;
	font-size:12px;
	line-height:130%;
}
div.infoBlock dt{ width: 80px; padding-right:10px; }
div.infoBlock dd{ width: 510px; }
div.infoBlock dd img{ display:inline; vertical-align:bottom; }

div.infoBlock ul{
	position:absolute;
	top:15px; right:20px;
}
div.infoBlock ul li a{
	background:url(/img/topTits.png) no-repeat 0 -30px;
	height:20px;
	width:111px;
	display:block;
	text-indent:-10000em;
}
div.infoBlock ul li a:hover{ background-position:0 -50px; }

div.topAddBanner {
	padding-bottom:10px;
}

div.topAddBanner div.borderBox {
	padding:5px;
}

div.topAddBanner li.banPurewater a{
	background:url(/img/topPurewaterForm.gif) no-repeat;
	background-position:0 0;
	width:456px;
	height:77px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.topAddBanner li.banPurewater a:hover{
	background-position:0 -77px;
}

div.topAddBanner div.borderBoxCol {
	padding:7px;
	border:1px #CCCCCC solid;
}

div.topAddBanner li.banInfo a{
	background:url(/img/topPurewater.gif) no-repeat;
	background-position:0 0;
	width:214px;
	height:74px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.topAddBanner li.banInfo a:hover{
	background-position:0 -73px;
}

div.titService { padding:15px 20px; }
div.titService h3{
	display:block;
	text-indent:-10000em;
	height:42px;
	border-bottom:1px solid #d77da2;
	background:url(/img/topTits.png) no-repeat 0 -80px;
}

div.serviceBlock {
	margin-bottom:15px;
	position:relative;
}
div.serviceBlock div.fLeft{
	width:320px;
	padding:0 15px;
}

div.serviceBlock dl dt{ border-bottom:1px solid #d77da2; }
div.serviceBlock dl dd dt{ border-bottom:none; }
div.serviceBlock dd { padding:5px 0; }
div.serviceBlock div.fright{
	width:320px;
	padding:0 15px;
	border-left:1px solid #d77da2;
}

div.serviceBlock div.fLeft dl dt a{
	background:url(/img/topTasty.gif) no-repeat;
	width:320px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.serviceBlock div.fLeft dl dt{
	background:url(/img/topTasty.gif) no-repeat;
	width:320px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.serviceBlock div.fLeft dl dd a{
	background:url(/img/topTasty.gif) no-repeat;
	width:320px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.serviceBlock div.fLeft dl dt.topTastyTit{
	height:100px;
	background-position:0 0;
}

div.serviceBlock div.fLeft dl dt.topTastyTit a{
	height:100px;
	background-position:0 0;
}

div.serviceBlock div.fLeft dl dt.topTastyTit a:hover{
	background-position:-320px 0;
}

div.serviceBlock div.fLeft dl dt.topTasty1 a{
	height:64px;
	background-position:0 -100px;
}

div.serviceBlock div.fLeft dl dt.topTasty1 a:hover{
	background-position:-320px -100px;
}

div.serviceBlock div.fLeft dl dd.topTasty2 a{
	height:64px;
	background-position:0 -164px;
}

div.serviceBlock div.fLeft dl dd.topTasty2 a:hover{
	background-position:-320px -164px;
}

div.serviceBlock div.fLeft dl dd.topTasty3 a{
	height:45px;
	background-position:0 -228px;
}

div.serviceBlock div.fLeft dl dd.topTasty3 a:hover{
	background-position:-320px -228px;
}

div.serviceBlock div.fLeft dd dt.topTasty4 a{
	height:67px;
	background-position:0 -273px;
}

div.serviceBlock div.fLeft dd dt.topTasty4 a:hover{
	background-position:-320px -273px;
}

div.serviceBlock div.fLeft dd dd.topTasty5 a{
	height:78px;
	background-position:0 -340px;
}

div.serviceBlock div.fLeft dd dd.topTasty5 a:hover{
	background-position:-320px -340px;
}

div.serviceBlock div.fLeft dd dd.topTasty6 a{
	height:64px;
	background-position:0 -418px;
	margin-bottom:15px;
}

div.serviceBlock div.fLeft dd dd.topTasty6 a:hover{
	background-position:-320px -418px;
}

div.serviceBlock div.fLeft dd dd.topTasty7 a{
	height:71px;
	background-position:0 -482px;
}

div.serviceBlock div.fLeft dd dd.topTasty7 a:hover{
	background-position:-320px -482px;
}

div.serviceBlock div.fLeft dl dd.topTasty8 a{
	height:77px;
	background-position:0 -553px;
}

div.serviceBlock div.fLeft dl dd.topTasty8 a:hover{
	background-position:-320px -553px;
}

div.serviceBlock div.fLeft dl dd.topTasty9 a{
	height:61px;
	background-position:0 -630px;
	margin-top:15px;
}

div.serviceBlock div.fLeft dl dd.topTasty9 a:hover{
	background-position:-320px -630px;
}

div.serviceBlock div.fright{
	margin-bottom:15px;
}

div.serviceBlock div.fright dl dt{
	background:url(/img/topClean.gif) no-repeat;
	width:320px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.serviceBlock div.fright dl dt a{
	background:url(/img/topClean.gif) no-repeat;
	width:320px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.serviceBlock div.fright dl dd a{
	background:url(/img/topClean.gif) no-repeat;
	width:320px;
	display:block;
	font-size:10px;
	text-indent:-10000em;
}

div.serviceBlock div.fright dl dt.topCleanTit{
	height:100px;
	background-position:0 0;
}

div.serviceBlock div.fright dl dt.topCleanTit a{
	height:100px;
	background-position:0 0;
}

div.serviceBlock div.fright dl dt.topCleanTit a:hover{
	background-position:-320px 0;
}

div.serviceBlock div.fright dd dt.topClean1 a{
	height:63px;
	background-position:0 -100px;
}

div.serviceBlock div.fright dd dt.topClean1 a:hover{
	background-position:-320px -100px;
}

div.serviceBlock div.fright dd dd.topClean2 a{
	height:42px;
	background-position:0 -163px;
}

div.serviceBlock div.fright dd dd.topClean2 a:hover{
	background-position:-320px -163px;
}

div.serviceBlock div.fright dd dd.topClean3 a{
	height:39px;
	background-position:0 -205px;
}

div.serviceBlock div.fright dd dd.topClean3 a:hover{
	background-position:-320px -205px;
}

div.serviceBlock div.fright dd dd.topClean4 a{
	height:48px;
	background-position:0 -244px;
}

div.serviceBlock div.fright dd dd.topClean4 a:hover{
	background-position:-320px -244px;
}

div.serviceBlock div.fright dd dd.topClean5 a{
	height:48px;
	background-position:0 -292px;
}

div.serviceBlock div.fright dd dd.topClean5 a:hover{
	background-position:-320px -292px;
}

div.serviceBlock div.fright dd dd.topClean6 a{
	height:42px;
	background-position:0 -340px;
}

div.serviceBlock div.fright dd dd.topClean6 a:hover{
	background-position:-320px -340px;
}

div.serviceBlock div.fright dd dd.topClean7 a{
	height:50px;
	background-position:0 -382px;
}

div.serviceBlock div.fright dd dd.topClean7 a:hover{
	background-position:-320px -382px;
}

div.serviceBlock div.fright dl dd.topClean8 a{
	height:62px;
	background-position:0 -432px;
}

div.serviceBlock div.fright dl dd.topClean8 a:hover{
	background-position:-320px -432px;
}

div.serviceBlock div.fright dl dd.topClean9 a{
	height:62px;
	background-position:0 -494px;
}

div.serviceBlock div.fright dl dd.topClean9 a:hover{
	background-position:-320px -494px;
}

div.serviceBlock div.fright dd dt.topClean10 a{
	height:62px;
	background-position:0 -556px;
}

div.serviceBlock div.fright dd dt.topClean10 a:hover{
	background-position:-320px -556px;
}

div.serviceBlock div.fright dd dd.topClean11 a{
	height:66px;
	background-position:0 -618px;
}

div.serviceBlock div.fright dd dd.topClean11 a:hover{
	background-position:-320px -618px;
}

div.serviceBlock div.fright dd dd.topClean12 a{
	height:54px;
	background-position:0 -684px;
}

div.serviceBlock div.fright dd dd.topClean12 a:hover{
	background-position:-320px -684px;
}

div.serviceBlock div.fright dd dd.topClean13 a{
	height:45px;
	background-position:0 -738px;
}

div.serviceBlock div.fright dd dd.topClean13 a:hover{
	background-position:-320px -738px;
}

div.serviceBlock div.fright dd dd.topClean14 a{
	height:48px;
	background-position:0 -783px;
}

div.serviceBlock div.fright dd dd.topClean14 a:hover{
	background-position:-320px -783px;
}

div.contactBox {
	position:absolute;
	top:12px;
	left:535px;
	width:150px;
}
div.contactBox ul{
	border:1px solid #d77da2;
	background:#F3D9E3;
	padding:3px 3px 3px 3px;
	width:144px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-pie-border-radius: 4px;
    behavior: url(/css/PIE.htc);
}
div.contactBox li a{
	width:142px;
	height:34px;
	display:block;
	text-indent:-10000em;
	background:url(/img/topFaq.gif) no-repeat 0 0;
}
div.contactBox li a:hover{ background-position:-142px 0; }
*html div.contactBox li a{
	width:127px;
	background:url(/img/topFaq.gif) no-repeat -15px 0;
}
*html div.contactBox li a:hover{ background-position:-157px 0; }
div.flowBox {
	clear:both;
	margin:0 15px 15px 15px;
	padding:3px;
	background-color:#F7D9E2;
}
div.flowBox li a{
	width:664px;
	height:34px;
	display:block;
	text-indent:-10000em;
	background:url(/img/topInfo.gif) no-repeat;
	background-position:0 0;
}

div.flowBox li a:hover{
	background-position:0 -34px;
}