@charset "UTF-8";


/*********UTF-8のドキュメント*********/

/******slide********/

    /* Prevent the slideshow from flashing on load */
	#SlidesJS{
		display: block;
		width: 680px;
		height: 236px;
		line-height: 0;
		border: 1px solid #b1b1b1;
	}
	
    #SlidesJS_inner {
      	display:none;
	  	z-index:0;
    	width:100%;
		min-height:100px;
		height:100%;
		z-index:1;
	 }
	 
	 .slidesjs-container{
		z-index:1;
	 }
	 
	 .slidesjs-navigation,
	 .slidesjs-pagination,
	 .slidesjs-pagination *{
	 	display:none;
	 }

    /* Center the slideshow */
	/*
	.slidesjs-navigation{
		display: block;
		position: relative;
		width: 50px;
		height: 100px;
		z-index: 20;
		text-indent: -9999px;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	.slidesjs-previous{
		display:block;
		left:0;
		top:-275px;
		background:url(./prev_w.png) no-repeat 0 0;
	}
	.slidesjs-next{
		display:block;
		left:1150px;
		top:-375px;
		background:url(./next_w.png) no-repeat 0 0;
	}
	
	/*pagenation*/
	/*
	.slidesjs-pagination {
		display:block;
		position:relative;
		height:18px;
		top:-230px;
		/*top:-20px;*/
		/*
		width:100%;
		margin:0 auto;
		list-style: none;
		z-index:22;
		text-align:center;
    }

    .slidesjs-pagination li {
	  display:inline-block;
	  *display: inline;  
      *zoom: 1;  
	  width:18px;
	  height:15px;
	}

    .slidesjs-pagination li a {
	  display:block;
      margin:0;
	  padding:0;
	  margin-left:2px;
	  text-indent:-9999px;
	  width: 13px;
      height: 13px;
      sspadding-top:13px;
      background-image: url(./pagination_w.png);
      background-position: 0 0;
      doverflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

	
	
    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
	  #slides {
      	display: none;
	  	z-index:0;
    	width:100%;
		height:140px;
		background-color:#F9E08F;
	  }
	  .slidesjs-control{
    	width:100%;
	  }
	  
	  .slidesjs-navigation,
	  .slidesjs-pagination,
	  .slidesjs-pagination *
	  {
		display:none;  
      }

    /* For smaller displays like laptops */
    @media (min-width: 768px) {
    }

  </style>

/******end/