/*@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);*/
*{
	margin:0;
	padding:0;
}

body {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color:aliceblue;
	overflow-x:hidden;
}

img{
	border:none;
}


#bindex{
  /* 	background:url('top/bgimg/_DSC9772.jpg') center center / cover no-repeat fixed;*/
}

/*topbottan*/
#page-top{
	position: fixed;
	bottom: 45px;
	right: 20px;
	font-size: 77%;
	z-index:5;
}

#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 25px;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

header{
	width:100%;
	height:60px;
	top:1%;
	border-bottom:1px solid #000;
	position:absolute;
	background-color:rgba(256,256,256,0.8)
}

footer{
	width:100%;
    height: 100px;
}

.foo{
	height: 60px;
	padding-left:20px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
    line-height:60px;
    text-align: left;
   	background-color:rgba(0,0,0,0.8)
}


h1{
	float: left;
	width: 210px;
	padding-left: 30px;
	margin-top: 15px;
	letter-spacing: 0.08em;
	font-size: 20px;
}

h1 a{
	text-decoration: none;
}

h1 a:hover{
	color: #ccc;
}

header ul{
	width: 660px;
	float: left;
}

header ul li{
	float: left;
	display: block;
	font-size: 20px;
	margin: 0 5px 15px 5px;
	letter-spacing: 0.08em;
}

header ul li a{
	text-decoration: none;
}

#supersize img, #supersize a{
	height:100%;
	width:100%;
	display:none;
}

#supersize .activeslide, #supersize .activeslide img{
	display:inline;
}

.sitename {
	margin: 15px 10px 0;
	width:150px;
	font-size: 24px;
	float:left;
}

/* 上部メニュー */
.menu {
	margin: 10px 0 0;
	float:right;
	width:300px;
}

ul.menu_f01 li{
	float: left;
	display: block;
}

ul.menu_f01 li a{
	height: 25px;
	width: 80px;
	padding: 15px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	display: block;
	text-align: center;
}

ul.menu_f01 li a.nowthis{
	border-bottom: 8px solid #FF6666!important;
}

ul.menu_f01 li a:hover , ul.menu_f01 li a.nowthis{
	padding: 15px 0px 0px;
	border-bottom: 8px solid #FF6666;
	color: #FF6666;
}

/* 画像部分 */
li.srm {
	margin: 5px;
	float: left;
	list-style: none;
}

.item {
  width:200px;
  height:120px;
  transition-duration: 1s;
  animation-iteration-count: 1; 
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}


.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}