﻿/* ===========================================
  記事一覧ページ: 画像一覧2013.8.7.
=========================================== */

#page .entry_box1 {margin-top:20px;margin-bottom:30px;max-width:800px;_position: relative;}

/********************************************
   画像一覧(1-A) - JavaScript有効時 - 
   絵文字とクラス名 nds を付けていない画像は全てサムネイル表示
************************************************************** */
#galleryset {_position: relative;_height:1px;}

#galleryset img {border:none;}

#thum .thum_link {
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 0 12px 10px;
  border: solid 1px #333;
  cursor: pointer;
}
#page #thum .thum_link {margin: 0 10px 10px 0;}

#thum .thum_link_ni {
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 0 12px 10px;
  border: solid 1px #333;
  cursor: pointer;
  background: #000000 url(http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/NoImage152b.gif) center center no-repeat;
}
#page #thum .thum_link_ni {margin: 0 10px 10px 0;}

#thum .thum_title {
  position: absolute;
  top: 0; left: 0;
  padding-top: 10px;
  color: #fff;
  background: #000000;
  overflow: hidden;
  opacity: 0.6;
  filter: alpha(style=0, opacity=60);
}
#thum a.thum_link:link .thum_title, #thum a.thum_link:visited .thum_title {
  visibility: hidden;
} 
#thum a.thum_link:hover, #thum a.thum_link:focus, #thum a.thum_link:active, #thum a.thum_link_ni:hover, #thum a.thum_link_ni:focus, #thum a.thum_link_ni:active {
  border-color: #000;
  font-weight: normal;
}
#thum a.thum_link:hover .thum_title, #thum a.thum_link:focus .thum_title, #thum a.thum_link:active .thum_title, #thum a.thum_link_ni:hover .thum_title, #thum a.thum_link_ni:focus .thum_title, #thum a.thum_link_ni:active .thum_title {
  visibility: visible;
}
.hrr {
  clear:both;
  visibility:hidden;
}
.list {
  clear: both;
  margin-top: 1em;
}
.list li {
  display: inline;
  margin-top: 1em;
  margin-left: 1em;
  font-size: 0.9em;
}

/* *******************************************
   画像一覧(1-B) - JavaScript無効時 -  
   自ブログでアップした一番目の画像のみサムネイル表示
***************************************************** */

/* 最初の画像(サイズ大)*/
.gazou_box_w{
       width:312px;/width:300px;max-height:300px;/max-height:290px;float:left;overflow:hidden;
       margin:10px 0px 0px 8px;}

#page .gazou_box_w{width:310px;/width:300px;margin:10px 2px 0px 8px;}

.gazou_box_w div img{
       width:312px;/width:300px;height:auto;}

#page .gazou_box_w div img{width:310px;/width:300px;}

/* 一覧画像(サイズ小)*/
.gazou_box{
       width: 150px;height: 140px;float:left;overflow:hidden;
       margin:10px 0 5px 8px;
       color:#fff;background-color : #555;border:1px solid #ccc;}

.gazou_box div.gazou_s {
       width:150px;height:100px;overflow:hidden;}

.gazou_box .view img {
       width:150px;height: auto;overflow: hidden;
       margin:0;padding:0;border:none;}

.entry_box1 a:hover{ color : #ffcc22;background-color : transparent;}
.entry_box1 a:hover div.gazou_s{ border:2px solid #ffcc22;}


.gazou_box span{font-family :'arial narrow',sans-serif;}


/* *****************************************************
   画像一覧(1-B)&(2) ポイント時に画像にオーバーレイ
************************************************************** */
.gazo_navi {
       visibility:hidden;  left: 0; top:0px;z-index:10;
       position:absolute;border:2px solid #ffcc22;width:146px;height:98px;text-align:center;
       background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/gray60.png");}

.entry_intro a:hover img{
       opacity: 0.2;
       filter: alpha(opacity=50);
       -moz-opacity: 0.2;}

.gazou_box{position:relative;} 
.gazou_box {_position: static;}