@charset "utf-8";

/*
==================================================
index.phpスライド部分CSS
==================================================
*/

#gallery{ width:600px; height: 305px; overflow:hidden; position: relative; background:#EEE; margin: 0; padding: 0; }

#slides{width:600px; height:250px; overflow:hidden }

.slide{ float:left }
.slide img{ width:600px; height:250px; }

.slide a:hover img {opacity: 0.8; filter: alpha(opacity=80);}

/*-- サムネイルエリア --*/
#menu_bg{ height:55px; width: 100%; background: #333333; opacity: 0.6; filter: alpha(opacity=60); top: 305px; left:0; position: absolute; }
#menu{ padding: 0; height:45px; width: 100%; margin:0px auto; top: 250px; left:0; position: absolute; }

#menu ul{ margin:0px; padding:0px 0 0 5px; line-height: 0; }

#menu li{ width:110px; height:45px; line-height: 0; /*margin:4px 4px 0px; バナー５個時 */ margin: 4px 19px 0; /*バナー４個時 */ padding: 0; display:block; float: left; list-style:none; overflow:hidden; cursor:pointer; opacity: 0.6; filter: alpha(opacity=60); border-bottom: 2px solid transparent }

#menu .act,
.act:hover{background: #cccccc; border-bottom: 2px solid #ff9900; cursor:default; opacity: 1.0; filter: alpha(opacity=100) }