@charset "UTF-8";

/*
Theme Name: 宜野湾海浜公園 Official web
Description: オリジナルテーマ
Version: 1.0
Author: 宜野湾海浜公園
*/

/* ======== BASIC ======== */

body , html {
   height: 100%;
}

body {
   font: 14px "Lucida Sans", "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", Osaka;
   background:#fff;
   font-weight:normal;
   line-height:23px;
}

#bgImg{
  background-image: url(img/bg.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size:100%;
}

br {
   letter-spacing:normal;
}

.opacity a{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

.opacity a:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE */
  filter: alpha(opacity=50); /* IE */
  -moz-opacity:0.5; /* Firefox(old) */
  -khtml-opacity: 0.5; /* Safari(old) */
  opacity: 0.5;
}

a {
  color:#0099ff;
  text-decoration:underline;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

a:hover {
   color:#006fb9;
   text-decoration:none;
}

.pageCurrent a{
  color:#000;
  text-decoration:none;
}

.pageCurrent a:hover{
  color:#000;
  text-decoration:none;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding: 0px;
}
.photoStyle{
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 10px;
    background: #f0f0f0;
    -webkit-box-shadow: 0 10px 8px -6px #676767;
  -moz-box-shadow: 0 10px 8px -6px #676767;
   box-shadow: 0 10px 8px -6px #676767;
}

.mt10{
  margin-top: 10px;
}
.mr10{
  margin-right: 10px;
}

/* ======== HEADER ======== */
#headerWp{
  margin: 0 auto;
  width: 960px;
  padding-top:30px;
}
#headerLeft{
  float: left;
  background-image: url(img/header-logo.png);
  background-repeat: no-repeat;
  width:576px;
  height: 135px;
  margin-bottom: 16px;
}
#siteTitle{
  font-size: 12px;
  color:#3399cc;
  font-weight: normal;
  margin: 0;
  padding:0;

}
#headerRight{
  float: right;
}
#headerInfo{
  margin-bottom:7px;
}
#company{
  text-align: right;
  font-size: 11px;
  margin:0 7px 5px 0;
  padding:0;
}
#company a{
  color:#3399cc;
}
#seachWp{
  margin:0;
  padding:0;
  background-image: url(img/seach-bg.png);
  background-repeat: repeat;
  background-position: top center;
}
#seach{
  padding:5px;
  font-size: 13px;
}
#seach input[type="text"]{
  height:18px;
  width:207px;
  padding:3px 6px;
  border:0;
  color:#ccc;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
#seach input[type="image"]{
  padding:0 !important;
  margin:0 !important;
  width:31px;
  height:25px;
  vertical-align:bottom;
}

/* ======== NAVI ======== */
#navBg{
  clear: both;
  padding:0;
  margin:0;
  height:52px;
  background-image: url(img/gnavi-bg.png);
  background-repeat: no-repeat;
  margin-bottom:8px;
}
#nav{
  padding:0;
  margin:0;
  width:960px;
  height: 35px;
  overflow: hidden;
}
#nav li{
  text-align: center;
  float: left;
  list-style: none;
  margin: 0 32px;
}
#nav a{
  display: block;
    -webkit-transition: 0s ease-in-out;
       -moz-transition: 0s ease-in-out;
         -o-transition: 0s ease-in-out;
            transition: 0s ease-in-out;
}
#nav a:hover{
  margin-top: -36px;
}

.current-menu-item{
  margin-top: -36px !important;
}

.current-menu-item:hover{
  margin-top: 0 !important;
}

/* ======== SLIDER ======== */
#loading{
  margin: 0 auto;
  width:960px;
  height:459px;
  text-align: center;
  background-color: #fff;
  color:#aaaaaa;
  display: none;
}

#loading img{
  margin-top: 150px;
  margin-bottom:5px;
}

#slider{
  overflow: hidden;
}
#slideContents {
  margin: 0 auto;
  width:1280px;
  height:474px;
  left:50%;
  margin-left:-640px;
  overflow: hidden;
  position: relative;
  display: none;
}
#slideContents img {
  top:0;
  left:0;
  width:1280px;
  height:474px;
  position: absolute;
}
#slideControl{
  text-align: center;
  z-index: 30;
  margin-top: -30px;
  position: relative;
  display: none;
}
.sliderBtn{
  cursor: pointer;
}
.sliderBtn + .sliderBtn{
  margin-left: 10px;
}

/* ======== WRAPPER ======== */
#wrapper{
  padding-top:35px;
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#wrapperPages{
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

/* ======== BANNAR ======== */
#bannar{
  border: 1px solid #aaaaaa;
  padding:2px;
  margin-bottom: 17px;
}

/* ======== CONTENTS NAVI ======== */
#contentsNaviAria{
  padding:4px;
  text-align: center;
  border: 1px solid #aaaaaa;
}
#contentsNavi{
  border:dashed 1px #aaaaaa;
  padding:7px 0 13px;
}
#contentsNaviImg{
  margin-top:13px;
}
#contentsNaviImg img{
  margin:0;
  padding: 0;
  margin-bottom:6px;
  margin-right: 1px;

}

/* ======== BANNAR02 ======== */
#banner02{
  margin:13px 0;
}
#banner02Pages{
  margin:-8px 0 13px;
}
#banner02 p{
  margin:0;
  padding:0;
}
/* ======== LEFT ======== */

#left{
  width:255px;
  float: left;
  border: 1px solid #aaaaaa;
  margin-bottom:250px;
  background-color: #fff;
}
#left2{
  width:255px;
  float: left;
  border: 1px solid #aaaaaa;
  margin-bottom:250px;
  background-color: #fff;
  top:13px;
  position: fixed;
  display: none;
}
#leftNavi{
  margin:0;
  padding:0;
  padding:17px 16px 13px;
  list-style: none;
}
#leftNavi li{
  margin-bottom:18px;
}
#leftNavi2{
  margin:0;
  padding:0;
  padding:17px 16px 13px;
  list-style: none;
}
#leftNavi2 li{
  margin-bottom:18px;
}
#firstTimeNavi{
  margin:0;
  padding:0;
  padding:17px 0 2px 32px;
  list-style: none;
}
#firstTimeNavi li{
  margin-bottom:18px;
}
.leftBorder{
  width:230px;
  height:1px;
  border:0;
  background-image: url(img/broken-line.png);
  background-repeat: repeat-x;
}
#links{
  text-align: center;
  margin:50px 0;
}
#links img{
  margin-bottom:5px;
}

#facebook{
  text-align: center;
  margin:30px 0;
}
.smallFonts{
  font-size: 12px;
  margin-left: -6px;
}

/* ======== RIGHT ======== */
#right{
  width:694px;
  float: right;
}
#rightPages{
  width:690px;
  float: right;
  margin-bottom:300px;
}
#topBox{
  border: 1px solid #aaaaaa;
}
#secoundBox{
  margin-top:20px;
  padding:12px 0;
  border: 1px solid #aaaaaa;
  text-align:center;
}
.havCoutionWrap{
  padding:25px;
  text-align:left;
}
#allNewsTitleWrap{
  width:687px;
  height: 82px;
  background-image: url(img/new-info-title.png);
  background-repeat: no-repeat;
  text-align: right;
}
#allNewsTitle{
  margin:0;
  padding:0;
  padding:50px 15px 0 0;
  display: block;
}
.readAllNews{

}
#allNewsTitle a{
  color:#000;
  text-decoration: none;
}
#allNewsTitle a:hover{
  text-decoration: underline;
}
#allNewsIndex{
  overflow-y:scroll;
  height: 750px;
  margin:0;
  padding:0;
  padding:0 16px;
  list-style: none;
}
#allNewsIndex li{
  padding: 16px 0;
  background-image: url(img/broken-line2.png);
  background-repeat: repeat-x;
  background-position: bottom;
 line-height: 28px;
}

#allNewsIndex img:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE */
  filter: alpha(opacity=50); /* IE */
  -moz-opacity:0.5; /* Firefox(old) */
  -khtml-opacity: 0.5; /* Safari(old) */
  opacity: 0.5;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

#allNewsIndex li:last-child{
  background-image: none;
}

/* ======== FOOTER ======== */

#footerWp{
  width: 100%;
    overflow: hidden;
  height: 144px;
    background-image: url(img/footer-bg.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#footer{
  width:960px;
  margin:0 auto;
  color:#fff;
  margin-top: 40px;
  font-size:14px;
  font-weight: 100;
  font-family: 'Arial', sans-serif;
}

#footerAdress span{
  display: block;
  font-size:20px;
  margin-bottom: 3px;
}
#footerAdress a{
  color:#ffffff;
}

#copyright{
  margin-top:-16px;
  text-align: right;
}

#goTop{
  width: 98px;
  height:68px;
  position: absolute;
  bottom:7px;
  right: 0;
  background-image: url(img/to-top-bg.png);
  background-repeat: no-repeat;
}

#goTop a{
  display: block;
  margin-top:20px;
  text-align: center;
  font-weight: nomal;
}

/* ======== PRICE LIST ======== */
#priceMenu{
  text-align: center;
  margin-right:-12px;
  font-size:13px;
}
#priceMenuTitle{
margin-bottom: 22px;
}
#priceMenuTitle2{
margin-right: 20px;
}
#priceMenu .priceMenuTitle2 a:hover,
#priceMenu .priceMenuTitle2Col a:hover{
  opacity: 0.5;
}
#priceMenu .priceMenuTitle2Col{
  display: inline-block;
}
#priceMenu p a{
  text-align: center;
  color:#cc9900;
  text-decoration: underline;
  margin-right:12px;
}
#priceMenu a:hover{
  text-align: center;
  text-decoration:none;
}
.priceAria{
  padding:4px;
  border: 1px solid #aaaaaa;
  margin-top:60px;
}
.priceContents{
  border:dashed 1px #aaaaaa;
  padding:7px 0 13px;
}
.priceSubTitle{
  margin:-60px 0 0 10px;
  padding:0;
}
.priceBox{
  width: 678px;
}
.priceBox th, td{
  color:#666666;
  text-align: left;
  padding:16px 0;
  font-weight: normal;
  vertical-align:top;
  line-height: 20px;
}
.priceBox tr{
  border-bottom:dashed 1px #aaaaaa;
}
tr.border2{
  border-bottom:1px solid #7d7d7d;
}
tr.ikoiBox{
  border-bottom:none;
}
th.ikoiBox{
  border-bottom:none;
  padding-bottom: 0;
}
.ikoiBoximg{
  margin-top:-31px;
}
tr.priceLastContens{
  border-bottom:none;
}
.priceBox th{
 width:145px;
 padding-left:16px;
}
.priceBox td{
 padding-right:10px;
}
.priceBtn{
  text-align: center;
  padding:0;
  margin:0;
}
.goTop2{
  margin-top:5px;
  text-align: right;
}

/* ======== INFOMATION ======== */
.infomation{
  margin-top:48px;
}
.infomation2{
  margin-top:12px;
}
.infomation3{
  margin-top:57px;
}
.infomation4{
  margin-top:0;
}
.infomation5{
  margin:0 0 12px;
}
.infoclass{
  overflow: hidden;
  padding:5px 0;
}
.infomationAria{
  padding:8px 11px;
  margin:0;
  overflow: hidden;
}
.infomationAria2{
  padding:25px 18px 0;
  margin:0;
  overflow: hidden;
}
.infomationAria3{
  padding:20px 30px 0;
  margin:0;
  overflow: hidden;
}
.infomationAria3 p{
  margin-top:0;
}
.infomationAria img{
  margin-bottom:13px;
}
.shisetuGaiyou{
  margin:20px 0 0;
}
.infoBox{
  width: 462px;
  float: right;
}
.infoBox th, .infoBox td{
  color:#666666;
  text-align: left;
  font-weight: normal;
  vertical-align:center;
  line-height: 20px;
}
.infoBox th{
 width:85px;
 padding-left:5px;
 border-right: 1px solid #c9c9c9;
}
.infoBox td{
 padding:10px 0 10px 10px;
}
.infoBox2{
  width: 450px;
  float: right;
  padding-top:15px;
}
.infoBox2 table{
  width:100%;
  margin: 15px 0 25px;
}
.infoBox2 th, .infoBox td{
  color:#666666;
  text-align: left;
  font-weight: normal;
  vertical-align:center;
  line-height: 20px;
}
.infoBox2 th{
 width:85px;
 padding-left:5px;
 border-right: 1px solid #c9c9c9;
}
.infoBox2 td{
 padding:10px 0 10px 10px;
}
.infBtn{
  text-align: right;
  padding:0;
  margin-top:12px;
}
.infBtn a{
  margin-left:20px;
}
.infoImgLeft{
  float:left;
  margin-bottom:30px;
}
.infoImgRight{
  float:right;
  width:432px;
}
.infoSubTitle{
  font-size: 18px;
  color:#006600;
  margin-bottom:7px;
}
.infomation3rd{
  overflow:hidden;
}
.activeInfo a{
  text-decoration: none !important;
  color:#000 !important;
}
#pageBox{
  margin-top:20px;
  padding:20px;
  border: 1px solid #aaaaaa;
  overflow:hidden;
  font-size:12px;
}
#pageBox a:hover{
  color:#666;
}
#pageBoxLeft{
  padding-left:10px;
  float:left;
  margin-bottom:20px;
}
#pageBoxRight{
  float:right;
}
.parkTitle{
  font-size:15px;
  font-weight:400;
  color:#666;
  margin-bottom:10px;
}
.parkWp tr{
  padding:0;
  margin:0;
}
.parkWp td{
  padding:0;
  margin:0;
  padding-bottom:1px;
}
.pageAddress{
  width:155px;
}
.parkWp th{
  padding:0 15px 0 0;
  font-weight:100;
}
.clickMap{
  color:#666 !important;
  text-decoration:none !important;
}

/* ======== COMPANY ======== */
.companyBox{
  font-size: 20px;
  margin:72px 0 0 12px;
}
.companyBox th, .companyBox td{
  color:#666666;
  text-align: left;
  font-weight: normal;
  vertical-align:top;
  line-height: 25px;
}
.companyBox th{
 width:154px;
 border-right: 1px solid #7d7d7d;
 padding:3px 0 20px 17px;
}
.companyBox td{
 padding:3px 0 20px 17px;
}
.companyText{
  color: #3399cc;
}

/* ======== CONTACT ======== */
.contact{
  margin:0 0 15px;
  padding:30px 0;
}
.contacttitle{
  margin-bottom:12px;
}
.contactHeader{
  text-align: center;
}
.contactCoution{
  margin:0 auto;
  color:#ff3333;
  font-weight: bold;
  font-size:27px;
  padding:12px 0;
  border: 2px solid #cc0000;
  line-height: 35px;
  width: 490px;
}
.contactCoution a{
  color:#12599a;
}
.contactCoution a:hover{
  color:#000;
}
.contactAddress{
  color:#006699;
  font-size: 18px;
  margin-bottom:20px;
}
.googleMap{
  display: block;
  text-align: center;
}
#facebook2{
  text-align: center;
  margin:0 0 20px;
}
#mailform{
  color:#666666;
  text-align:right;
  padding:20px 0 0;
  line-height: 15px;
}
#mailform span{
  color: #ff0000;
}
#mailformTable {
  margin:0 auto;
}
#mailformTable th, #mailformTable td{
  padding: 0;
  padding-bottom:20px;
}
#mailformTable th{
  width: 133px;
  vertical-align:top;
  padding-right:7px;
}
.contactBtn{
  text-align: left;
    line-height: 15px;
}

/* ======== SINGLE / NEW INFORMATION ======== */
.singleMargin{
  padding:0;
}
.singleTitle{
 font-size:18px;
}
.singleDate{
  display: block;
  color:#036eb8;
  margin-bottom:5px;
}
.newsContents{
  margin:10px 0 0;
}
.newsContents2{
  margin:5px 0 15px;
}
.newsContents2 p{
  margin:0;
}
.socialLinks{
  overflow:hidden;
}
.newsContentsDay{
  width:250px;
  float:right;
  text-align:right;
  font-size:11px;
  margin:0;
  padding:0;
}
.postNavi{
  padding:0 15px 0;
  margin:0 auto;
}
.back{
  float:right;
}
.newsContentsHr{
  margin:10px 0;
  border-top: 1px solid #bbb;
}

/* ======== CATEGORY ======== */
.categoryTitle{
  font-size:18px;
  margin-bottom:10px;
  line-height: 30px;
}

/* ======== INFOMATION ======== */
.informationTitle{
  margin-bottom:10px;
}
.infozSosial{
  float: right;
  margin-top:15px;
}
#checkTable{
  width: 500px;
  margin:0 auto;
  margin-top:20px;
  border-collapse: collapse;
}
#checkTable th {
  width: 80px;
  border-top: #e3e3e3 1px solid;
  border-bottom: #e3e3e3 1px solid;
  border-left: #e3e3e3 1px solid;
  text-align: left;
  background: #f7f7f7;
  padding: 10px;
  font-weight: normal;
}
#checkTableTh {
  border-bottom: none !important;
  border-left: none !important;
  text-align: left;
  background: #ffffff !important;
  padding: 10px;
  font-weight: normal;
}
#checkTable td {
  border-top: #e3e3e3 1px solid;
  border-bottom: #e3e3e3 1px solid;
  border-right: #e3e3e3 1px solid;
  text-align: left;
  padding: 10px;
}
#checkTableTd {
  border-bottom: none !important;
  border-right: none !important;
  text-align: left;
  padding: 10px;
  line-height: 10px;
}

/* ======== SEARCH ======== */
#seachTitle{
  font-size:16px;
  text-align:center;
  margin:15px 0 18px;
}
.highlight {
  background-color: #7fff7f;
}

/* ======== RESEAVE ======== */
.reseaveWp{
    padding:0 20px;
}
.reseaveSubTitle{
  font-weight:600;
  font-size: 15px;
}
.pdfBtn{
  text-align:right;
  margin-bottom:40px;
}
.reseaveFotter{
  margin:40px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
}
/* 140422 */
.reserveInfoFooter{
  border:2px solid #666;
  padding:20px 40px;
  margin-bottom:30px;
  background-color: #ccffff;
}
.reserveInfoFooter p {
  margin:0;
  padding:0;
}
.reserveInfoTitle{
  color:#ff0000;
  font-size: 28px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 30px;
}
p.rif1{
  font-size:19px;
  font-weight: bold;
  margin-bottom: 25px;
}
p.rif2{
  font-weight: bold;
  margin-bottom: 8px;
}
.rif2 span{
  color:#ff0000;
  font-size: 36px;
  margin-right: 5px;
}
.rif2-2{
  color:#000000;
  font-size: 12px;
  margin-right: 0;
}
.rif2 a{
  color:#ff0000;
  text-decoration: none;
}
p.rif3{
  color:#ff0000;
  font-size: 23px;
  font-weight: bold;
  margin: 15px 0 28px;
}
p.rif4{
  font-weight: bold;
  font-size: 15px;
}

/* @My style end */

/* ======== LIGHTBOX ======== */
/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  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;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 33, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 36, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* 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 45, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

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

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

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

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

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

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

/* line 85, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
/* line 90, ../sass/lightbox.sass */
.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: url(img/prev.png) left 48% no-repeat;
}

/* line 94, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
/* line 99, ../sass/lightbox.sass */
.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: url(img/next.png) right 48% no-repeat;
}

/* line 103, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 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;
}
/* 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 110, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 113, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 118, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 122, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 128, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 138, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
slider,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}