@charset "UTF-8";

/* -----------------------------------------------
CSS file ShowerToilet.jp
FileName:jyadotop.css
Author:Naoya Funami @ UNITEAIR
UpdatedBy:who-when
----------------------------------------------- */

/* -----------------------------------------------

path
/common/css/module/index/showertop.css

----------------------------------------------- */

/* module */
.top-index-boxes{
	/*2025 margin-left:-10px;*/
	margin-left: auto !important; /* 既存の margin-left:-10px を打ち消し、居中表示を強制 */
    margin-right: auto !important;
	/* コンテナの最大幅を設定 (製品紹介と機能紹介のユニットを合わせたくらいの幅を確保) */
    /* ユニット幅 333px * 2 + マージン 10px = 676px 程度。ここでは親要素の最大幅を考慮 */
    max-width: 920px; /* 親要素の最大幅か、またはコンテンツに必要な幅に合わせて調整 */
    
    /* 念のため float の影響をクリア */
    overflow: hidden;
}
.top-index-boxes .box-unit{
	/* 2025 変更 START */
	/*width:333px;*/
	width:45%;
	/*border:solid 1px #d9eef6;*/
	float:left;
	/*margin:0 0 10px 10px;*/
	margin:0 0 1% 3%;
	/* 2025 変更 END */
	padding:15px 0 5px;
	text-align:left;
}
.top-index-boxes .box-unit h2{
	/* 2025 変更 START */
	/*border-bottom:solid 1px #00a2dc;*/
	/* 2025 変更 END */
	margin:0 14px 20px;
	padding:0 0 10px;
}
.top-index-boxes .box-unit p{
	margin:0 14px 10px;
	line-height:1.8em;
	font-size:12px;
}
.top-index-boxes .box-unit .link-list{
	margin:0 14px 10px;
}
.top-index-boxes .link-list li{
	line-height:1.8em;
	/* 2025 変更 START */
	/*background:url(/common/images/parts/icn_arrow_05.gif) no-repeat left 0.55em;*/
	/*padding:0 0 0 12px;*/
	padding:5px 0 0 12px;
	/* 2025 変更 EMD */
}
/* 2025 変更 START */
.link-list a:hover {
    opacity: 0.6;
}

.link-list a{
display:inline-block;
font-size:93%;
border:1px solid #54585a;
color:#54585a;
/* 2025 変更 START */
/*min-width:120px;*/
min-width:80px;
/* 2025 変更 END */
text-align:center;
background-image:url(/common/pic/link_icon_01.png);
background-position:right center;
background-repeat:no-repeat;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
padding: 4px 15px 4px 15px;
background-color:#fff;
text-decoration:none;
}
/* 2025 変更 EMD */
.top-index-boxes .unit-products .link-list li{
	width:45%;
	float:left;
	/* 2025 変更 START */
	white-space: nowrap;
	/* 2025 変更 END */}

.top-index-boxes .unit-products,
.top-index-boxes .unit-function{
	min-height:290px;
}
.top-index-boxes .unit-equipment,
.top-index-boxes .unit-faq{
	min-height:240px;
}



/* module */
/* slider */
.slider{
	width: 920px;
	height: 264px;
	position: relative;
	overflow: hidden;
	margin:10px 0 0 0;
}
.slider .slider-list li{
	position: absolute;
}
.slider .arrow-list li a{
	position: absolute;
	display: block;
	z-index:1;
}

.slider .slider-ctrl{
	z-index: 100;
	width:918px;
	height:0;
	text-align:center;
}
.slider .arrow-list .btn-prev{
	display:block;
	width:22px;
	height:52px;
	background:url(/images/slider_arrow.png) no-repeat 0 0;
	top: 50%;
	margin-top: -26px;
	left: 1px;
	text-indent:-20em;
	overflow:hidden;
	/zoom:1;
}
.slider .arrow-list .btn-prev:hover{
	background-position:0 -52px;
}

.slider .arrow-list .btn-next{
	display:block;
	width:22px;
	height:52px;
	background:url(/images/slider_arrow.png) no-repeat 0 -104px;
	top: 50%;
	margin-top: -26px;
	right: 1px;
	text-indent:-20em;
	overflow:hidden;
	/zoom:1;
}
.slider .arrow-list .btn-next:hover{
	background-position:0 -156px;
}

.slider .dot-list-bgl{
	position: relative;
	display:inline-block;
	width:18px;
	height:26px;
	margin: 237px 0 0;
	text-align:center;
	background:url(/images/slider_dot_list_bg.png) no-repeat;
	vertical-align:top;
}

.slider .dot-list-bgr{
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:18px;
	height:26px;
	margin: 237px 0 0;
	text-align:center;
	background:url(/images/slider_dot_list_bg.png) no-repeat right top;
	vertical-align:top;
}
.slider .dot-list{
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin: 237px 0 0;
	height:26px;
	overflow: hidden;
	*zoom: 1;
	z-index: 10;
	text-align:center;
	background:url(/images/slider_dot_list_bg.png) no-repeat center top;
	vertical-align:top;
}
.slider .dot-list li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding: 10px 3px 0;
	line-height:26px;
	vertical-align:top;
}
.slider .dot-list li a{
	display: block;
	width: 13px;
	height: 13px;
	text-align: center;
	text-indent: -9999px;
	background: url(/images/slider_dot_bg.png) no-repeat top center;
}
.slider .dot-list li a:hover{
	background-position: top left;
}
.slider .dot-list li a.current{
	background-position: top right;
}



/* CSS Document */