@charset "utf-8";

/* ====================================
* File name: index.css
* Description: トップページレイアウト
==================================== */

#flashArea { height: 490px; padding-bottom: 5px; background: #000 url(../img/bg_title.jpg) repeat-x center bottom;}
#container { padding-top: 26px;}

#news { width: 720px; margin-right: -20px;}
#news h2 { height: 34px; margin: 0 0 14px 0; padding: 0; background: url(../../img/h_news.gif) no-repeat left top; border: none; text-indent: -9999px;}
#news .column { float: left; width: 330px; height: 5em; padding-right: 20px; line-height: 1.5;}
#news .column h3 { height: 20px; margin-bottom: 2px; background: url(../../img/h_news2.gif) no-repeat left top; text-indent: -9999px;}
#news #cuori h3 { background-position: left -20px;}
#news #luce h3 { background-position: left -40px;}
#news #onoe h3 { background-position: left -60px;}
#news #ilbeige h3 { background-position: left -80px;}

.slider { position: relative; background: #000; border-bottom: 5px solid #808080;}
.slider-pro { position: relative;}
.sp-thumbnail-container,
.sp-thumbnails { height: 82px !important;}
.sp-thumbnails-container { position: absolute !important; bottom: 0px; left: 0px; right: 0px; z-index: 100; width: 100%!important; margin: 0!important; padding: 8px 0 4px 0; background: rgba(0,0,0,.6);}
.sp-thumbnails { line-height: 1.2; margin: 0 auto; font-size: 9px; color: #fff; text-align: center;}
.sp-thumbnail { position: relative;}
.sp-thumbnail img { display: inline-block; margin-bottom: 5px; border: 1px solid rgba(0,0,0,0);}
.sp-thumbnail:hover img { border : 1px solid #fff;}
.sp-selected-thumbnail img { background: #fff; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8;}
@media screen and (max-width:500px) {
	.sp-thumbnails-container { position: relative !important; background: #333;}
}