@charset "utf-8";
/*

 duskin.jp / 固有?SS 
 
*/
/* ------------------------------------------

	content

------------------------------------------ */
#main {
	/*width: 956px;*/
	margin: 5px 0 10px;
	position: relative;
}
/*  wrapper  */
#wrapper {
	/*width: auto;*/
}
/*  content  */
#wrapper #content {
	width: 956px;
	margin: 0 auto;
	text-align: left;
	float: none;
}
#content .wrap{
	overflow:hidden;
}
#content .contents {
	width: 740px;
	float:right;
}

/*

	wideSlider

*/
#main .wideslider {
	width: 100%;
	height: 390px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#main .wideslider ul,
#main .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
#main .wideslider ul li{
	/*margin-left: 5px;*/
}
#main .wideslider ul li img {
	width: 100%;
	display: none;
}
#main .wideslider ul li a {
	display: block;
	width: 100%;
}
#main .wideslider ul li a img{
	padding-right: 5px;
}
#main .wideslider_base {
	top: 0;
	position: absolute;
}
#main .wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
#main .slider_prev,
#main .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	/*z-index: 100;*/
	cursor: pointer;
}
#main .slider_prev {
	background: #fff url(/images/renew/main/btn-prev.png) no-repeat 100% 50%;
}
#main .slider_next {
	background: #fff url(/images/renew/main/btn-next.png) no-repeat 0% 50%;
}
#main .pagination {
	width: 940px;
	height: 16px;
	/*z-index: 200;*/
	position: relative;
	margin: 363px auto 0;
	padding: 0 0 0 10px;
}
#main .pagination a {
	margin: 3px 10px 3px 0;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	border-radius: 50%;
	zoom: 1;
}
#main .pagination a.active {
	margin: 0 7px 0 0;
	background: #fff;
	border: 3px solid #ff669a;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/*

	news & important

*/
#content .information{
	height: 215px;
	margin-top: 17px;
}
#content #news{
	/*position: relative;*/
	overflow: hidden;
	width: 740px;
	height: 238px;
}
#content #news{
	position: absolute;
}
#content #news dl.newsBox>dt{
	position: absolute;
	top:0;
	left: 26px;
	z-index: 2;
}
#content #news dl.newsBox>dt h3{
	display: block;
	width: 340px;
	height: 41px;
	background: url(/images/renew/tab-info-news.gif) transparent left top no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	cursor: default;
}
#content #news dl.newsBox>dd{
	position: relative;
	top:40px;
	left: 0;
	border:#ccc solid 1px;
	padding: 10px 15px 10px 10px;
	background-color: #fff;
	
	z-index: 1;
}
#content #news dl.newsBox>dd .scrollCover{
	overflow: auto;
	height: 130px;
}
#content #news dl.newsBox>dd .scrollCover dl {
	background-image: url(/common/images/dot-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	overflow: hidden;
}
#content #news dl.newsBox>dd .scrollCover dl dt{
	width: 115px;
	float: left;
	padding: 13px 0px 8px 20px;
}
#content #news dl.newsBox>dd .scrollCover dl dd{
	width: 543px;
	float: left;
	padding: 13px 0 8px 0;
}
#content #news dl.newsBox>dd .scrollCover dl dd img{
	vertical-align: top;
	padding-top: 1px;
}
#content #news dl.newsBox>dd .scrollCover .sp_elm{
	display: none;
}

#content #news dl.newsBox.noDisp{
	/*display: none;*/
}
#content #news dl.newsBox.noDisp>dt h3{
	background: url(/images/renew/tab-info-news-off.gif) transparent left top no-repeat !important;
	cursor: pointer;
}
#content #news dl.newsBox.noDisp>dd{
	display: none;
}

#content #news dl.newsBox>dt#tabImportant{
	left:373px;
}
#content #news dl.newsBox>dt#tabImportant h3{
	background: url(/images/renew/tab-info-important.gif) 		transparent left top no-repeat !important;
}
#content #news dl.newsBox.noDisp>dt#tabImportant h3{
	background: url(/images/renew/tab-info-important-off.gif) transparent left top no-repeat !important;
}

/*

	scrollbar design

*/
#content #news .mCSB_scrollTools{
		width:20px;background-color:#fff !important;border-radius:0 !important;
}
#content #news .mCSB_buttonUp{
		background:url(/common/images/scrollbar-arrow-up.png) #c02561 left top no-repeat !important;
		width:20px !important;
		height:20px !important;
		opacity:1 !important;
		filter: alpha(opacity=100) !important;
	    moz-opacity: 1 !important;
}
#content #news .mCSB_buttonDown{
	background:url(/common/images/scrollbar-arrow-down.png) #c02561 left top no-repeat !important;
	width:20px !important;
	height:20px !important;
	opacity:1!important;
	filter: alpha(opacity=100) !important;
	moz-opacity: 1 !important;
}

#content #news .mCSB_scrollTools_vertical,
#content #news .mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:none !important;}
#content #news .mCSB_draggerContainer {background-color:#fff !important;box-shadow:none !important; border-radius:0 !important;}
#content #news .mCSB_dragger{background-color:#eecbe4 !important;}
#content #news .mCSB_dragger_bar{background:none !important;background-color:#eecbe4 !important;    box-shadow:none !important;border-radius:0 !important;}
#content #news .mCSB_draggerRail{ /*width: 13px !important;*/ background-color:#fff !important;}



/* 

	useful

 */
#content .bnrUseful{
	margin-bottom: 15px;

}
#content .bnrUseful ul li{
	display: inline-block;
	margin-left: 4px;
}
#content .bnrUseful ul li:first-child{
	margin-left: 0;
}
#content .bnrUseful ul li a{
	display: block;
}
/* search */
#content .search{
	margin-bottom: 25px;

}
#content .search ul{
	background-color: #e9e9e9;
	text-align: center;
	padding: 20px;
}
#content .search ul li{
	display: block;
	width: 233px;
	height: 70px;
	float:left;
	margin-left:1px;
}
#content .search ul li:first-child{
	margin-left: 0;
}
#content .search ul li a{
	display: block;
	width: 233px;
	height: 70px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(/images/renew/btn-cat-products.png) transparent left top no-repeat;
}
#content .search ul li.service{
	width: 232px;
}
#content .search ul li.service a{
	width: 232px;
	background:url(/images/renew/btn-cat-service.png) transparent left top no-repeat;
}
#content .search ul li.area a{
	background:url(/images/renew/btn-cat-area.png) transparent left top no-repeat;
}
#content .search ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* 

	DDuet

 */
#dduet{
	margin-bottom: 15px;
} 
#dduet iframe{
	width: 740px;
	height: 388px;
}

/*

	service list

*/
#content #serviceList{

}
#content #serviceList .itemslist{
	margin-bottom: 20px;
	overflow: hidden;
}
#content #serviceList .itemslist h4{
	position: relative;
}
#content #serviceList .itemslist span{
    position: absolute;
	border-radius: 5px;
}
#content #serviceList .itemslist span a{
	padding: 5px 20px;
	display: block;
	color: #fff;
}
#content #serviceList .itemslist .homeitem {
    top: 36%;
    left: 31%;
    background: #FFC000;
}
#content #serviceList .itemslist .hcitem {
    top: 36%;
    left: 39%;
    background: #23C3D6;
}
#content #serviceList .itemslist .hmerryitem {
    top: 36%;
    left: 36%;
    background: #F37AAA;
}
#content #serviceList .itemslist .termitem {
    top: 36%;
    left: 40%;
    background: #F48D48;
}
#content #serviceList .itemslist .tgreenitem {
    top: 36%;
    left: 34%;
    background: #99CC33;
}
#content #serviceList .itemslist .osenioritem {
    top: 36%;
    left: 55%;
    background: #9B77DB;
}
#content #serviceList .itemslist .lifeinfoitem {
    top: 36%;
    left: 47%;
    background: #A07155;
}
#content #serviceList .itemslist h4 span a:hover{
	text-decoration: none;
}
#content #serviceList .itemslist h4 span a:before {
	display: block;
	content: "";
	position: absolute;
	top: 55%;
	left: 10%;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 3px solid transparent;
	border-left: 5px solid #fff;
}
#content #serviceList .itemslist>dd,
#content .recommendBnr ul {
	margin:20px auto; 
	width: 690px;
}
#content #serviceList .detail{

}
#content #serviceList .detail li,
#content .recommendBnr .detail li{
	width: 335px;
	margin-left: 20px;
	float: left;
}
#content #serviceList .detail li.column3{
	width: 157px;
}
#content #serviceList .detail li:first-child,
#content .recommendBnr .detail li:first-child{
	margin-left: 0;
}
#content #serviceList .detail li>p{
	margin-bottom: 10px;
}
#content #serviceList .detail li>p a:hover img,
#content .recommendBnr .detail li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#content #serviceList .detail li dl{

}
#content #serviceList .detail li dl dt{
	font-weight:bold; 
	margin-bottom: 5px;
}
#content #serviceList .detail li dl dd{

}


/*

	carousel banner

*/
#content .recommendBnr{
	position: relative;
	margin-bottom: 35px;
}
#content .recommendBnr h3{
	margin-bottom: 15px;
}
#content .carousel {
	/*position: absolute;
	top: 308px;
	left: 29px;*/
	width: 676px;
	margin-left: 32px;
}

#content .miniBnr li {
	float: left;
	margin: 0 8px 0 0;
	width: 163px;
	height:73px;
}
#content .miniBnr li a{
	display: block;
	/*margin-right:8px;*/
}
#content .miniBnr li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#content .miniBnr li img{
	
}
#content .recommendBnr .prevBt,
#content .recommendBnr .nextBt{
	position: absolute;
	width:22px;
	height: 73px;
}
#content .recommendBnr .prevBt img,
#content .recommendBnr .nextBt img{
	width:22px;
	height: 73px;
}
#content .recommendBnr .prevBt{
	top: 75%;
	left: 0px;
}
#content .recommendBnr .nextBt{
	top: 75%;
	right: 0px;
}
#content .recommendBnr .pageCtn{
	margin-top: 10px;
	text-align: center;
}
#content .recommendBnr .pageCtn ul li{
	display: inline-block;
	margin-right: 5px;
}
#content .recommendBnr .pageCtn ul li a{
	width: 8px;
	height: 8px;
	border-radius:50%;
	display: block;
	background-color: #cccccc;
}
#content .recommendBnr .pageCtn ul li a.active{
	background-color: #990000;
}
/*

	ranking

*/
#content .ranking{
	position: relative;
	margin-bottom: 30px;
}
#content .ranking::after{
	content:url(/common/images/ranking-top-style-red.gif);
	position: absolute;
	top:-1px;
	left:0;
	/*background:url(/common/images/ranking-top-style-red.gif) #fff 0 0 no-repeat;*/
}
#content #rankingWrap{
	border: #cccccc solid 1px;
}
#content #rankingWrap h3{
	text-align: center;
	margin-top: 23px;
	margin-bottom: 17px;
}

#content #rankingWrap #ranking{
	width:690px;
	margin:0 auto 20px auto; 
}
#content #rankingWrap #ranking h4{
	margin-bottom: 25px;
}
#content #rankingWrap #ranking ul{
	margin-bottom: 15px;
}
#content #rankingWrap #ranking ul::after{
	content:' ';
	visibility: hidden;
	height: 0;
	clear: both;
}
#content #rankingWrap #ranking ul li{
	width: 120px;
	margin-left: 20px;
	display:inline-block;
	vertical-align: top;
	position: relative;
	font-weight: bold;
}
#content #rankingWrap #ranking ul li:first-child{
	margin-left: 0;
}
#content #rankingWrap #ranking ul li img{
	display: block;
	margin-bottom: 10px;
}
#content #rankingWrap #ranking ul li.rank1::after{
	content:url("/common/images/ico-ranking-no1.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#content #rankingWrap #ranking ul li.rank2::after{
	content:url("/common/images/ico-ranking-no2.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#content #rankingWrap #ranking ul li.rank3::after{
	content:url("/common/images/ico-ranking-no3.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#content #rankingWrap #ranking ul li.rank4::after{
	content:url("/common/images/ico-ranking-no4.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#content #rankingWrap #ranking ul li.rank5::after{
	content:url("/common/images/ico-ranking-no5.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#content #rankingWrap #ranking .rank_info{
	text-align: right;
}
#content #rankingWrap #ranking ul li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*  pageTop  */
#content .pagetop {
	width: 956px;
	margin: 0 auto 18px;
	text-align: right;
}
/*

  side banner
  
*/
#sideBnr {
	width: 200px;
	float: left;
}
#sideBnr .sideRecommend{
	margin-bottom:20px; 
}
#sideBnr .sideRecommend h3{
}
#sideBnr .sideRecommend dl{
	margin-bottom: 5px;

}
#sideBnr .sideRecommend dl dt{
	font-weight: bold;
	background:url(/images/renew/ico-circle-yellow.gif) transparent left center no-repeat;
	padding: 8px 0 5px 15px;
	border-bottom: #dddddd solid 1px;
}
#sideBnr .sideRecommend dl.recommendService dt{
	background:url(/images/renew/ico-circle-skyblue.gif) transparent left center no-repeat;
}
#sideBnr .sideRecommend dl dd{
}
#sideBnr .sideRecommend dl dd ul li{
	/*border-top: #ddd dotted 1px;*/
	background-image: url(/common/images/dot-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	display: block;
}
#sideBnr .sideRecommend dl dd ul li:first-child{
	/*border-top: none;*/

}
#sideBnr .sideRecommend dl dd ul li a{
	display: table-cell;
	vertical-align: middle;
	padding-top: 2px;
	width: 200px;
	height: 64px;
	padding-left: 65px;
	/*padding: */
}
#sideBnr .sideRecommend dl dd ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sideBnr .sideRecommend dl.recommendProducts dd ul li.a1 a{
	background: url(/images/renew/side/side-img-products-04.jpg) transparent left center no-repeat;
}
#sideBnr .sideRecommend dl.recommendProducts dd ul li.a2 a{
	background: url(/images/renew/side/side-img-products-06.jpg) transparent left center no-repeat;
}
#sideBnr .sideRecommend dl.recommendProducts dd ul li.a3 a{
	background: url(/images/renew/side/side-img-products-09.jpg) transparent left center no-repeat;
}
#sideBnr .sideRecommend dl.recommendService dd ul li.a1 a{
	background: url(/images/renew/side/side-img-service-02.jpg) transparent left center no-repeat;
}
#sideBnr .sideRecommend dl.recommendService dd ul li.a2 a{
	background: url(/images/renew/side/side-img-service-03.jpg) transparent left center no-repeat;
}
#sideBnr .sideRecommend dl.recommendService dd ul li.a3 a{
	background: url(/images/renew/side/side-img-service-01.jpg) transparent left center no-repeat;
}
#sideBnr .sideRecommend p{
	margin-top: 10px;
	text-align: right; 
}
#sideBnr .sideRecommend p a{
	background-image: url("/common/images/ico-service.gif");
    background-position: 0 -95px;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}

#sideBnr .sideItemList{

}
#sideBnr .sideSearchProducts,
#sideBnr .sideSearchService,
#sideBnr .sideSearchArea{
	margin-bottom: 20px;
}
#sideBnr .sideItemList h3{
	background: url(/images/renew/side/side-ico-products.gif) #eeb300 left center no-repeat;
	height: 30px;
	width: 200px;
	padding: 1px 0 0 38px;
	color: #fff;
	vertical-align: middle;
	display: table-cell;
}
#sideBnr .sideSearchService h3{
	background: url(/images/renew/side/side-ico-service.gif) #23c3d6 left center no-repeat;
}
#sideBnr .sideSearchArea h3{
	background: url(/images/renew/side/side-ico-area.gif) #990000 left center no-repeat;
}
#sideBnr .sideItemList ul{
	border:#dddddd solid 1px;
}
#sideBnr .sideItemList ul li,
#sideBnr .sideSearchService dl dt{
/*	padding: 8px 8px 7px 8px;*/
	background-image: url(/common/images/dot-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	/*border-bottom: #ddd dotted 1px;*/
}
#sideBnr .sideItemList ul li.last{
	background:none;
}
#sideBnr .sideItemList ul li.list{
	background-color: #f4f4f4;
}
#sideBnr .sideItemList ul li a,
#sideBnr .sideSearchService dl dt a{
	padding: 8px 8px 7px 18px;
    background-image: url("/common/images/ico.gif");
    background-repeat: no-repeat;
    background-position: 8px -86px;
    display: block;
}
#sideBnr .sideSearchProducts ul li a{
	background-image:url("/common/images/ico-item.gif");
	/*background-position: 8px -87px;*/
}
#sideBnr .sideSearchArea ul li a{
	background-image: url("/common/images/ico-service.gif");
}
#sideBnr .sideSearchService ul{
	border:none;
}
#sideBnr .sideSearchService .borderBox {
	border:#dddddd solid 1px;
}
#sideBnr .sideSearchService dl dt{

}
#sideBnr .sideSearchService dl.ct dd {
	display: none;
}
#sideBnr .sideSearchService dl dt a.open{
    background-position: 8px -186px;
}
#sideBnr .sideSearchService dl dd ul li{
	background:none;
	background-color: #f4f4f4;
	padding-left: 15px;
}
#sideBnr .sideSearchService dl dd ul li a{
	padding: 6px 8px 5px 18px;
	background-position: 8px -89px;
}
#sideBnr .sideSearchService dl dd ul li.list{
	background-color: #e6e5e5;
}

/*side free dial*/
#sideBnr .infoFreedial{
	background-color:#f4f4f4;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	border:#dddddd solid 1px;
}
#sideBnr .consultation{
	margin-top:2px;
}
#sideBnr .infoFreedial .linkMenu{
	overflow:hidden;
	margin-top:5px;
}
#sideBnr .infoFreedial .linkMenu p{
	width:auto;
	display:inline-block;
}
#sideBnr .infoFreedial .linkMenu p:first-child{
	border-right:#aaa dotted 1px;
	padding-right:10px;
	margin-right:5px;
}
#sideBnr .infoFreedial .linkMenu p a{
	display:block;	
}
#sideBnr .dusuken{
	text-align:center;
	font-size:10px;
}
#sideBnr .dusuken img{
	margin-bottom:5px;
}
/*

  common setting
  
*/
a.op:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*

	footer

*/
/* footer change arrow color */
#footer .mainContents h2 a {
    background-image: url("/common/images/ico-service.gif");
	background-position: 0 -499px;
}

#footer .mainContents .left li,
#footer .mainContents .right li {
	background-image: url("/common/images/dot-glay.gif");
    background-position: 0 100%;
    background-repeat: repeat-x;
	margin: 0 10px 7px 0;
	padding: 0 0 8px;
}

#footer .mainContents .left li.last,
#footer .mainContents .right li.last {
	background-image: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#footer .mainContents .left li a,
#footer .mainContents .right li a {
    background-image: url("/common/images/ico-service.gif");
    background-position: 0 -95px;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}


/*bglink追記*/
.bglink {
	background-image: url("/common/images/bglink.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 26px;
}

.bglink a {
	color: #FF0000;
}


/*熊本県及び周辺地域への商品・サービスのお届等についての追記*/
.info {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width: 916px;
	text-align: left;
	border: 1px solid #dfdfdf;
	margin: 10px auto;
	padding: 18px;
}

.info h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.info p {
	font-size: 14px;
}