@charset "UTF-8";
/****************************************************************************
	script.css (public used)

	modified:2014/4/1
	By:T.Nishikawa
****************************************************************************/

/****************************************************************************
   #loop
****************************************************************************/
#loop { position: fixed; margin: 5px 0; width: 100%; height: 150px; text-align: left; overflow: hidden; bottom: 25px; z-index: 10000000;} 
#loop ul { height: 160px; line-height: 160px;  overflow: hidden;}
#loop ul li { display: inline; margin: 0 0 5px; width: 150px; height: 150px; overflow: hidden; background: #fff;}
#loop ul li img{ border: 1px solid #ccc; padding: 1px;}
/* ClearFixElements */
#loop ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#loop ul { display: inline-block; overflow: hidden;}




/****************************************************************************
   #bxslider
****************************************************************************/

.bx-wrapper{ position: relative !important; overflow: hidden; }
.bx-wrapper img { display: block !important; }
.bx-viewport{ overflow: visible !important; }

#slide{ margin: 0; background: #fff; height: 100%; overflow: hidden; z-index: 10;}

#slide .catch div dl{ margin: 0; }
#slide .catch div dt{}

#slide ul{ margin: 0 auto; text-align: center; }
#slide ul.menu{ margin: 0px auto ; padding: 8px 0; text-align: center; height: 40px;}
#slide ul.menu li{ display: inline; margin: 0 5px; }
#slide ul.menu li a img{ opacity: 0.3 !important; filter: alpha(opacity=30) !important; border: 4px #999 solid; border-radius: 5px; width: 5%; height: auto; }
#slide ul.menu li a:hover img{ opacity: 1.0 !important; filter: alpha(opacity=100) !important; border: 4px #68503d solid; border-radius: 5px; }

#slide .prev-next{ position: relative; margin: 0 auto; z-index: 10; }
#slide .bx-next{ position: absolute; display: block; width: 65px; height: 65px; }
#slide .bx-next{ top: -500px; right: 3%; background: url(../img/page-next.png) left top no-repeat; z-index: 1;}

#slide .bx-prev{ position: absolute; display: block; width: 65px; height: 65px;}
#slide .bx-prev{ top: -500px; left: 3%;  background: url(../img/page-prev.png) left top no-repeat; z-index: 1; }

*:first-child+html .bx-prev,
*:first-child+html .bx-next{ top:-250px; }