/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
 margin:10px 0 10px 0;
 padding-top: 10px;
}


/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
  margin: 10px 0 0 5px;
  overflow:hidden;
  zoom:1; 
  height:100%;
}
.thumbnaillist ul{
}
.thumbnaillist li{
	float:left;
	background:none;
	padding:0 5px 0px 0;
	margin:0 0 5px 0;
}
.thumbnaillist li a{
	display:block;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}


/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
	text-align: center;
}
.mainimglist img{
}
.mainimglist .caption{
  height: 2em;
  padding: 3px 3px 1px;
  color: #5a5a5a;
  font-size: 80%;
}
.mod_thumbnail{
  overflow:hidden;
  border: dotted 3px #dedede;
}
.mainimglist{
  border-bottom: dotted 3px #dedede;

}

.mainimglist .caption{

}


/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.mod_thumbnail:after,
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.mod_thumbnail,
.ex_clearfix {
  min-height: 1px;
}
* html .mod_thumbnail,
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* #Media Queries
================================================== */
  @media only screen and (min-width: 880px){
    .mainimglist{
      width: 45%;
      float: left;
      border: none;
    }
    .mainimglist .caption{
  	height: 5em;
	   }
     .thumbnaillist{
     margin-top: 0;
      }
  }