/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../images/closelabel.gif) url(../images/loading.gif) ;
  display: none;
}

/* line 11, ../sass/lightbox.sass */	/************背景色************/
.lightboxOverlay {
 position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity:0.8; 
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
 z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
 border-radius: 4px;
}

/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color:#e5eeff;　　　        /*************画像の背景色************#e0eaff**#e5eeff**/　　　　　
  *zoom: 1;
  width: 250px;
  height: 250px;
/*  margin: 0 auto;*/
margin: -30px auto 0px;		/**画面のやや上部の位置へ**-20pxや-40pxにすると上へ上へ移動する**margin: 0px auto 0px;**/	
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;　　　　　　　　     /*************画像の配置****************/

　
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass ********padding: 4px;***　画像ワクの幅　******************/
.lb-container {
  padding: 10px;		 /*padding: 10px;*/

}

/* line 47, ../sass/lightbox.sass *************top: 43%;***********************/
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
 /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prevlabel.gif) left 30% no-repeat;		/*48%**上からの位置*/ 
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/nextlabel.gif) right 30% no-repeat;		/*48%**上からの位置*/
}

/* line 96, ../sass/lightbox.sass ***キャプション表示部 margin: 0 auto;**padding-top: 5px;******/
.lb-dataContainer {
margin: 0 auto;	 	/*margin: 0 auto;***画像とキャプションの間の画面に白い境界線が出る  ＜消去する方法＞ margin: -1px auto 0 auto***/
padding-bottom:5px;	/*キャプションの下からの余白5px*/
padding-top: 5px;		/*キャプションの上からの余白5px*/
*zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background:#1b254a;        /****************キャプション背景色********* #354E71（ＨＰ表紙の設定）***********/
border:0px solid #b1bdcd;      /*画像とキャプションの境界線を入れる*/
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass *  ***キャプション*******padding: 0 4px;***color:#bbbbbb; **font-size:13px;付加****/
.lb-data {
padding: 5px 10px 5px 0px ;
color:#efefef;			/*キャプション文字色*/
}

/* line 106, ../sass/lightbox.sass *************width: 85%;***line-height: 1.1em;*****************************/
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.2em;
padding-botttom:10px;
}

/* line 111, ../sass/lightbox.sass *  ***キャプション**フォント**  font-size:13px; *** margin-top:5px;を付加 **padding-left:20px; 追加*****/
.lb-data .lb-caption {
  font-size:16px;		     	/*キャプションのフォント・サイズ*/         
font-family:Meiryo;			/*font-family 追加*/
letter-spacing:0.07em;		/*letter-spacing:0.15em;追加*/
  font-weight: normal;
  line-height: 1.4em;
  margin-top:0px;			/*margin-top:0px;キャプション配置*/
  padding-left:15px;
}

/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: none;			/*display: block;**    〜of 〜　の画像番号の表示を非表示にする*/
  clear: left;
  padding-bottom: 1.0em;
margin-left:-9999px;		/*display: block;**    〜of 〜　の画像番号の表示を非表示にする*/
}

/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 70px;
  height: 25px;
  background: url(../images/closelabel.gif) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  margin-top:0px;
margin-bottom:10px;
}

/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}