@charset "UTF-8";


/*メニュー　ALL*/
a.menucat0{
	text-decoration:underline;
}

.catblock{
	font-size:11px;
	width: 100%;
	overflow: hidden; /*floatの解除、ここがポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom: 1; /*IE6でレイアウト崩れを防ぐためのものです。*/
	margin-top:20px;
}

ul.cat{
	list-style-type: none;
	margin: 0px;
	padding: 0;
	position:relative;
	left:50%;
	float:left;
}

ul.cat li{
	float: left;
	margin-left: 10px;
	padding: 0;
	position:relative;
	left:-50%;
}

ul.cat li:first-child {
	margin-left:0px;
}




.detail{
	width: 100%;/*960px;*/
	color: #FFF;
	position:fixed;/*absolute*/
	bottom: 0;
	height: 130px;
	/*background-color: #0F0;*/
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index: 100;
	left: 1px;
}

.detail .title{
	margin:10px;
	float:left;
	width:360px;
	/*background-color:#CCC;*/
}
.detail .date{
	font-size:11px;
	margin-top:5px;
}


.detailwhite{
	color: #000;
	background-color: #FFF;
}


.detail .block1,.detail .block2,.detail .block3{
	float:left;
	width:200px;
	/*background-color:#999;*/
}
.detail .block1 div,.detail .block2 div,.detail .block3 div{
	height:50px;
}


.motionContainer.masonry,
.motionContainer.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.motionContainer.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.motionContainer.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/* disable transitions on container */
.motionContainer.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.modules {
  margin: 0 auto;
  padding: 5px;
 /* background-color:#F00;*/
}
.modules:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.modules li {
  width: 200px;
  margin: 5px;
  float: left;
  padding: 0;
/*  background-color: #fff;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  */
}
.modules li p {
  padding: 10px;
  font-size: 77%;
  text-align: center;
  padding: 0px 0px 0px;
}

	
	
.modules li p img {
  max-width: 100% !important;
  /* May I rot in hell for this IE6 hack */
  _width: 95% !important;
  height: auto !important;
}


.modules li p.caption {
  padding: 0 10px 10px;
}

.modules li p.user {
  background-color: #eee;
}

.footer {
  text-align: center;
  margin: 3em;
}



@media only screen and (min-width: 769px) {
	
	.catblock{
		font-size:12px;
	}

}

@media screen and (max-width: 1200px) {
.footer {
  text-align: left;
}
}

@media screen and (max-width: 320px) {
.modules li {
  width: 280px;
}
.footer {
  margin: 3em 1em;
}
}