@charset "UTF-8";

/**
 * トップページ
 */

/* ==========================================================================
   メインエリア
   ========================================================================== */

#top
{
	width:100%;
	min-width : 100vw ;
	height : 100vh ;
}

#top div
{
	height : inherit ;
}

.slide-ttl{
	position : absolute ;
	margin : 0px auto 0px ;
}
.slide-btn{
	margin-left:5px;
	margin-top:14px;
}

/*ページャー*/
.pagination {
	text-align: center;
	position:absolute;
	z-index:1000;
	top:400px;
	right:50px;
}
.pagination a {
	background: url(../img/top_pager.png) 0 0 no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px 0px;
	cursor: default;
}
.pagination a span {
	display: none;
}

/* ==========================================================================
   商品・サービス
   ========================================================================== */

#top-product{
	float:left;
	width:720px;
}

#top-product h2
{
	display : block ;
	width : 169px;
	height : 25px ;
	text-indent : -9999px ;
	background : transparent url(../img/top_product_ttl.gif) no-repeat top left ;
}

#product-ltg ,
#product-search ,
#product-other
{
	background-color : #FFF;
	border : 1px solid #dcdcdc ;
	margin-top : 5px ;
	padding : 13px ;
}

#product-ltg{
	padding-top : 23px ;
}

#product-ltg h3
{
	display : block ;
	width : 204px;
	height : 17px ;
	text-indent : -9999px ;
	background : transparent url(../img/top_product_led_ttl.gif) no-repeat center left ;
}

#product-search {
	display : flex ;
	vertical-align : middle ;
	height : 39px ;
}

#product-search h3
{
	width : 248px ;
	height : 36px ;
	text-indent : -9999px ;
	background : transparent url(../img/top_product_search_ttl.gif) no-repeat center left ;
}

#product-search input[type="text"]
{
	padding : 8px 11px ;
	color : #aaaaaa; 
	border:solid 1px #cccccc;
	font-size : 100% ;
	width : 380px ;
	height : 18px ;
	min-height : 14px ;
	border-radius : 0px ;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color:#fff;
	
	box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset; 
}

#product-search input[type="submit"]
{
	width : 40px ;
	height : 36px ;
	background : transparent url(../img/btn_search.gif) no-repeat top left ;
	text-indent : -9999px ;
	border : none ;
}

#product-list{
	margin-right:-10px;
	overflow:hidden;
	width:706px;
}

#product-list li{
	margin-right:10px;
}

#product-list li a {
	display : block ;
	width : 224px ;
	height : 97px ;
	text-indent : -9999px ;
}

#product-list li a.led_sign				{	background : transparent url(../img/item/product_bnr_sign.jpg) no-repeat top left ;	}
#product-list li a.degital_signage		{	background : transparent url(../img/item/product_bnr_digital.jpg) no-repeat top left ;	}
#product-list li a.energy_system		{	background : transparent url(../img/item/product_bnr_energy.jpg) no-repeat top left ;	}


/* ==========================================================================
   お知らせ
   ========================================================================== */

#top-info{
	display : table-cell ;
	width : 230px;
}

#top-info h2
{
		display : inline-block ;
		width : 104px ;
		height : 25px ;
		text-indent : -9999px ;
		background : transparent url(../img/top_info_ttl.gif) no-repeat top left ;
		margin-bottom : 18px ;
}

#info-in{
	background-color:#FFF;
	border:1px solid #dcdcdc;
	height:400px;
	padding:19px 19px 0;
}
	
#info-list li{
	font-size : 1em ;
	line-height : 1.2em ;
	margin-bottom : 19px ;
}

#info-list li .info-date{
	display : block ;
	font-family : Helvetica , Arial , sans-serif ;
	font-weight : bold ;
}
		
#top-info .icon{
	margin-left: 5px;
}