@charset "utf-8";
/*************************************************
 案件名
 detail.css
**************************************************/
*,
*::before,
*::after { box-sizing: border-box;}

p.locus { margin: 0.5em 0;}
p.center { text-align: center;}
p.right { text-align: right;margin: 1em;}

.font_kyoutyo,
.font_kyotyo { font-weight: bold;}
.font_coment { font-size: 80%;}
.font_red { color: #dd0000;}


/* スキップリンク */
#Map,
#Map *,
#jump { padding: 0; overflow: visible;}
#jump a { position: absolute; width: 0; height: 0; overflow: auto; text-indent: -1000em; z-index: 1000;}
#jump a:focus { width: 12em; height: auto; text-indent: 0; background: #FFFFFF; text-align: center;}


/* ===========================
 画像
=========================== */
.txtbox img { max-width: 100%; height: auto;} /* 最大幅をtxtboxに合わせる */
.txtbox img[style*="border"] { border-style: solid; box-sizing: border-box;}


/* フェードイン */
.fade_cont { opacity: 0; transition-duration: 1.25s;}
.fade_cont.active { opacity: 1;}


/* IMAGE BOX :n個並び float
	.txtbox .box-image { display: block;}
	.txtbox .box-image:after { display: block; content: ""; clear: both;}
	.txtbox .box-image li { float: left; margin: 0 1% 1%; padding-left: 0; text-align: center;}
	.txtbox .box-image li:before { display: none;}
	.txtbox .box-image.single li { width: 98%;}
	.txtbox .box-image.double li { width: 48%;}
	.txtbox .box-image.triple li { width: 31.3333333333%;}
	.txtbox .box-image.quadruple li { width: 23%;}
	.txtbox .box-image.pentadruple li { width: 18%;}
	.txtbox .box-image.hexatruple li { width: 14.6666666666%;}
*/

.txtbox .box-image.double li:nth-child(2n-1),
.txtbox .box-image.triple li:nth-child(3n+1),
.txtbox .box-image.quadruple li:nth-child(4n+1),
.txtbox .box-image.pentadruple li:nth-child(5n+1),
.txtbox .box-image.hexatruple li:nth-child(6n+1) { clear: both;}


/* IMAGE BOX :n個並び flex */
.txtbox .box-image { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; list-style: none;}
.txtbox .box-image:after { display: block; content: ""; clear: both;}
.txtbox .box-image li { margin: 0 1% 1%; padding-left: 0; text-align: center;}
.txtbox .box-image li:before { display: none;}
.txtbox .box-image.single li { width: 98%;}
.txtbox .box-image.double li { width: 48%;}
.txtbox .box-image.triple li { width: 31.3333333333%;}
.txtbox .box-image.quadruple li { width: 23%;}
.txtbox .box-image.pentadruple li { width: 18%;}
.txtbox .box-image.hexatruple li { width: 14.6666666666%;}

.txtbox .box-image.single li a { display: block; margin: 0 auto; text-align: center;}

.txtbox .box-image p { padding-left: 0; text-align: center; font-size: 0.9em;} /* キャプション */
.txtbox .box-image img { margin-bottom: 0.5em;} /* 下の余白 */


/* BOX IMAGE :左右回り込み */
.txtbox .image_box {}
.txtbox .image_box:after { display: block; content: ""; clear: both;}
.txtbox .image_box_center,
.txtbox .image_box_left,
.txtbox .image_box_right { text-align: center;}
.txtbox .image_box_center { max-width: 98%; margin: 0 1% 1em;}
.txtbox .image_box_left,
.txtbox .image_box_right { max-width: calc( 49% - 1em );}
.txtbox .image_box_left { float: left; margin: 0 1em 0.5em 1%;}
.txtbox .image_box_right { float: right; margin: 0 1% 0.5em 1em;}

.txtbox .image_box_center p,
.txtbox .image_box_left p,
.txtbox .image_box_right p { padding-left: 0; font-size: 0.9em;} /* キャプション */
.txtbox .image_box_center img,
.txtbox .image_box_left img,
.txtbox .image_box_right img { margin-bottom: 0.5em;} /* 下の余白 */


/* ===========================
 NEWS
=========================== */
/*
.news dt,
.news dd { padding: .8em 0 .7em;}
.news dt { width: 9em; padding-left: .5em ;float: left;}
.news dd { margin-left: 0; padding-left: 10em; border-bottom: 1px dotted #CCCCCC;}
*/

.txtbox .lists dt,
.txtbox .lists dd { padding: 1em;}
.txtbox .lists dt {width: 10em;padding-left: .5em;float: left;margin: 0;}
.txtbox .lists dd {margin-left: 0;padding-left: 11em;border-bottom: 1px dotted #CCCCCC;}

.news {}
.news dl { display: flex; margin: 0; padding: .75em 0; border-bottom: 1px dotted #CCCCCC;}
.news dt { display: flex; align-items: flex-start;}
.news dt span {}
.news dt .news_date { min-width: 6em;}
.news dt .news_tag { min-width: 8em; padding: 0.12em 0.5em; font-size: 0.9em; text-align: center; background-color: #ddd; box-shadow: 0 0 0 2px #ddd;}
.news dd { margin-left: 1.5em;}

.nodata { border: 2px solid #CCCCCC; padding: .5em;}


/* ===========================
 Google
=========================== */
#goog-gt-tt textarea { font-size: 1rem!important;}

.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-cc span,
.gm-style .gm-style-mtc div { font-size: .675rem;}


/* Google map */
.mapobject_map{width:auto;height:600px;border:1px solid #CCCCCC;}
.gm-style,
.gm-style div{font-size:0.8rem!important;font-weight:normal!important;line-height:1.3;}
.gm-style .gm-style-cc span,
.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-mtc div,
.gm-style .gm-style-iw{ font-size:.675rem; font-weight:normal!important;line-height:1.3;}
.gm-style a{text-decoration:underline!important;}

.gm-style-cc a[title="Google に地図や画像のエラーを報告する"] { font-size: .675rem!important;}

div.infomsg { font-size: 0.8rem!important;}
div.infomsg * { font-size: 0.8rem!important;}


/* ===========================
 txtbox
=========================== */
/* 段落 */
.txtbox p,
.txtbox table,
.txtbox dl { margin: 0 0 1em 0; padding-left:.5em;}

.txtbox dt { font-weight: bold; margin: 0 0 .4em 0; padding: 0;}
.txtbox dd { margin: 0; padding: 0;}


/* list */
.txtbox ol { padding-left: 2em;}
.txtbox ul { padding-left: 0;}
.txtbox ol > li,
.txtbox ul > li{ margin-bottom:.3em;}
.txtbox ul > li{ position: relative; padding-left: 2em; list-style: none;}
.txtbox ul > li:before { content:""; position: absolute; display:block; top: .5em; left: 8px; width: .5em; height: .5em; background: #757575; border-radius: 50%;}

ul.file_list,
ul.link_list { padding-left: 0;}
ul.file_list li,
ul.link_list li { margin-bottom:.3em;}
ul.file_list li,
ul.link_list li { position:relative;padding-left:2em;}
ul.link_list li:before { content:"";position:absolute;display:block;top:.3em;left:8px;width:.7em;height:.7em;background:#CCCCCC;border-radius:50%;}

ul.file_list li:before { content:"";position:absolute;display:block;top:0.1em;left:4px;width:1.2em;height:1.2em; background: url("../img/file_list_mark.png") center center no-repeat; background-size: contain; border-radius: 0%;}
ul.file_list li.pdf:before { background-image: url("../img/file_list_mark_pdf.png");}
ul.file_list li.doc:before { background-image: url("../img/file_list_mark_doc.png");}
ul.file_list li.xls:before { background-image: url("../img/file_list_mark_xls.png");}


/* TABLE */
.txtbox table{ border-collapse:collapse; margin-bottom:15px;}
.txtbox table caption{padding:4px 0;}
.txtbox table table,
.txtbox table ul,
.txtbox table ol,
.txtbox table table dl{margin-bottom:0;}
.txtbox table th,
.txtbox table td{ padding:.5em; border:1px solid #aaaaaa;}
.txtbox table th {background: #eeeeee;}

.txtbox table.noborder,
.txtbox table.noborder th,
.txtbox table.noborder td{border:none;}

.txtbox table[border="0"] tr,
.txtbox table[border="0"] th,
.txtbox table[border="0"] td { border: none;}


/* WIDE TABLE */
.txtbox table.wide_table,
.txtbox table.widetable { display: block; max-width: 100%; overflow: auto; border: none;}
.txtbox table.wide_table caption,
.txtbox table.widetable caption { display: block;}
.txtbox table.wide_table tbody,
.txtbox table.widetable tbody{display:table;}
.txtbox tr.saturday { background-color: rgba(219,231,254,1);}
.txtbox tr.sunday { background-color: rgba(253,230,230,1);}

.txtbox tbale.wide_table.calendar,
.txtbox table.widetable.calendar { display: table-row-group;}

.txtbox table.longtable thead,
.txtbox table.longtable tbody{white-space: nowrap;}


/* ===========================
 acrotat
=========================== */
.acrobat {}
.acrobat_wrap{ display: flex; align-items: center; flex-wrap: wrap;}
.acrobat_icon { width: 159px;}
.acrobat_text { width: calc(100% - 159px - 1em); margin-left: 1em; font-size: 0.9em;}
.acrobat_text *:last-of-type{ margin-bottom: 0;}


/* ===========================
 pagenation
=========================== */
.pager ul{margin:0;padding:0;}
.pager ul li{margin:0;padding:0;}
.pager ul li a.link_before,
.pager ul li a.link_next{ position: relative; float:left; display:block;border:1px solid #CCCCCC;padding:.4em .8em;text-decoration:none;}
.pager ul li a.link_before { padding-left: 1.5em;}
.pager ul li a.link_next{ float:right; padding-right: 1.5em;}
.pager ul li a.link_before:before,
.pager ul li a.link_next:after { position: absolute; display: block; content: ""; top: 50%; margin-top: -0.35em; transition-duration: 0.2s; }
.pager ul li a.link_before:before {
  left: 0.6em;
  border-top: 0.35em solid transparent;
  border-bottom: 0.35em solid transparent;
  border-right: 0.6em solid #2d599a;
}
.pager ul li a.link_next:after {
  right: 0.6em;
  border-top: 0.35em solid transparent;
  border-bottom: 0.35em solid transparent;
  border-left: 0.6em solid #2d599a;
}


/* ===========================
 form
=========================== */
form dt,
form .dt{ margin: 1em 0; border-bottom: 1px dotted #ccc; padding: .3em 0; display: block;}
form dd,
form .dd { padding-left: 2em;}
form dd span { display :block;}

form input[type="text"],
form input[type="email"],
form input[type="tel"] { border: 1px solid #CCCCCC ; -webkit-appearance: none;}
form input[type="submit"] { display: flex; justify-content: center; align-items: center; margin: 0; border-radius: 0; -webkit-appearance: none;background: #000;color: #fff;border-color: #000;}

/*お問合せフォーム*/
#mp-head,#mp-main { margin: 2em 1em 0; width: auto; }
#mp-head + #mp-main { margin-top: 1em; }
.txtbox #mp-main dd { margin-bottom: 2em; }
#mp-main  span.title.required:after {
    content: "必須";
    color: #d00;
    font-size: small;
    margin-left: 10px;
}
#mp-main form input[type="text"], form input[type="email"], form input[type="tel"] {
    line-height: 1.8em;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgb(100 100 100 / 10%) inset;
    font-size: 16px;
}
#mp-main form textarea {
    box-sizing: border-box;
    min-height: 8em;
    border: 1px solid #CCCCCC;
    width: 100%;
    max-width: 540px;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgb(100 100 100 / 10%) inset;
    font-size: 16px;
}
#mp-main form select {
    height: 2.5em;
    font-size: 16px;
}
#mp-main form input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background: #000;
    color: #fff;
    border-color: #000;
    padding: 0.5em 1em;
    font-size: 16px;
}
#mp-main input[value="戻る"].submit{
    float: left;
    margin-right: 2em;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid #aaa;
    padding: 0.5em 1.5em;
    font-size: 16px;
}
#mp-main form input[value="送信"].submit{
    float: left;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background: #000;
    color: #fff;
    border-color: #000;
    padding: 0.5em 1.5em;
    font-size: 16px;
}
#mp-main .errs { color:red; }
#mp-main .errs li:before { display: none; }

/* サイト内検索 */
.search_wrap { display: flex; justify-content: center; align-items: center;}
.search_wrap label.search_txt { width: 8em; text-align: center;}
.search_wrap .search_wrap_inner { display: flex; align-items: stretch; width: calc(100% - 8em);}
.search_wrap .search_wrap_inner input[type="text"] { width: calc(100% - 4em);}
.search_wrap .search_wrap_inner input[type="submit"] { width: 4em;}

form textarea { box-sizing: border-box; min-height: 8em; border: 1px solid #CCCCCC; width:98%; max-width: 540px;}
form select {height: 2.5em;}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form textarea:focus{outline:none;border:1px solid #F00000;}
form .required{padding-left:.6em;}
label[for="iken"] { display: block; margin-bottom: 0.5em;}
label[for^="u_"],
label[for^="s_"] { margin-right: 2em;}
form .wcf__hidden { display: none; }

fieldset.wcf__required legend:after {content:"必須";color: red;padding-left:.6em;}


/* ===========================
 faq
=========================== */
.faq h1 { padding: 0.3em; background-color: #cccccc;}
.faq .question { background:#FFFFFF; padding: 0 0.5em; margin-right: 0.5em;}
.faq .answerbox {}
.faq .answerbox > dt { margin: 1em 0; background: #888888 ;color: #FFFFFF; padding: 0.3em 1em; font-weight:bold; font-size:1.5em;}
.faq .answerbox > dd { margin: 0 0 0 10px; padding:0;}


/* ===========================
 file type view
=========================== */
a.sizeview { padding-left: 28px; background: 4px center no-repeat;}
a.sizeview { background-image:url(../img/file_list_mark.png);}
a.sizeview[href$=".pdf"] { background-image:url(../img/file_list_mark_pdf.png);}
a.sizeview[href$=".doc"],
a.sizeview[href$=".docx"] { background-image:url(../img/file_list_mark_doc.png);}
a.sizeview[href$=".xls"],
a.sizeview[href$=".xlsx"] { background-image:url(../img/file_list_mark_xls.png);}


/* outside link */
a.outside,a.sizeview {padding-right: 0.2em; }
a.outside:after, a.sizeview:after{ display: inline-block; content: ""; width: 0.9em; height: 0.9em; margin-left: 0.2em; background: center center no-repeat url("../img/ico_outside.png"); background-size: contain;}


/* ===========================
 カレンダー
=========================== */
table.calendar { font-size: 0.85em;}
table.calendar th:first-child { background-color: #FFaaaa;}
table.calendar th:last-child { background-color: #73B3FF;}
table.calendar td { width: 14.28%; padding: 0px; border-color: #B3ADA6; background-color: #ffffff; vertical-align: top; box-sizing: border-box;}
table.calendar td dl { margin: 0px; padding: 0px; min-height: 8em;}
table.calendar td dl dt { margin: 0; padding: 0.2em; color: #666666;  background-color: #F6F6F6;}
table.calendar td:first-child dt { background-color: #FFE1E1;}
table.calendar td:last-child dt { background-color: #D7F2FF;}
table.calendar td dl dd { margin: 0; border-bottom: 1px dotted #CCCCCC;}
table.calendar td dl dd:last-child { border: none;}
table.calendar td dl dd a ,
table.calendar td dl dd > span{ display: block; padding: 0.5em 0.5em 0.4em;}
table.calendar td dl dd a:hover,
table.calendar td dl dd a:focus { background-color: rgba(255,255,0,0.2);}

table.calendar.list { width: 100%}
table.calendar.list th { display: none;}
table.calendar.list td { width: 100%; display: block; margin: 0 0 1em 0; padding: 0; border: none!important; text-align: left;}
table.calendar.list td dl { min-height: inherit;}
table.calendar.list td dl dt { padding: 0.5em 0.2em 0.4em;}
table.calendar.list td dl dd a { padding-left: 1em;}

a#view_change { position: relative; display: inline-block; margin-bottom: 1.5em; padding: 1em 3em 0.9em 2em; font-size: 1.2em; color: #000; text-decoration: none; background-color: #dddddd; border: 3px solid #dddddd; border-radius: 0.2em; transition-duration: 0.15s;}
a#view_change:before {position: absolute; display: block; content: ""; height: 0; width: 0; top: 50%; right: 1em; margin-top: -0.4em; transition-duration: 0.15s;  border-top: 0.4em solid transparent;  border-bottom: 0.4em solid transparent;  border-left: 0.7em solid #666;}
a#view_change:hover,
a#view_change:focus { border-color: #666}
a#view_change:hover:before,
a#view_change:focus:before { right: 0.7em;}

table.calendar.list td:nth-child(1) dt:after { content: "日（日曜日）";}
table.calendar.list td:nth-child(2) dt:after { content: "日（月曜日）";}
table.calendar.list td:nth-child(3) dt:after { content: "日（火曜日）";}
table.calendar.list td:nth-child(4) dt:after { content: "日（水曜日）";}
table.calendar.list td:nth-child(5) dt:after { content: "日（木曜日）";}
table.calendar.list td:nth-child(6) dt:after { content: "日（金曜日）";}
table.calendar.list td:nth-child(7) dt:after { content: "日（土曜日）";}
.notes dd{display:inline-block;}
.txtbox ul.todaysevent > li {padding-left: 0;}



/* ===========================
 site search
=========================== */
.fileselect {display:flex;flex-wrap:wrap;}
.fileselect a {display:block;margin:0.5em 0.25em;;padding:0.5em 1em;text-decoration:none;border:2px solid #ccc;box-sizing:border-box;border-radius:0.3em;transition-duration:0.15s;}
.fileselect a:hover, .fileselect a:focus {box-shadow:inset 0px 0px 0px 2px #ff7f00;}
.txtbox .search_result_google dt.title {margin:0;padding:0 0 0 1.3em;font-size:1em;font-weight:normal;word-wrap:break-word;position:relative;}
.txtbox .search_result_google dt.title a:hover {text-decoration:none;}
.txtbox .search_result_google dd.body {margin:0;padding:0;margin-bottom:2em;font-size:0.9em;word-wrap:break-word;}
.txtbox .search_result_google dd.body cite {display:block;margin-top:0.5em;padding-left:0.5em;font-size:0.9em;color:#006520;font-style:normal;}
.txtbox .search_result_google dd.body p {line-height:1.3em;}
.txtbox .search_result_google .pager ul > li {padding:0;}
.txtbox .search_result_google .pager ul > li:before {display:none;}
.txtbox .search_result_google dt.title:before {background:none no-repeat center center;position:absolute;content:"";display:block;position:absolute;width:1em;height:1em;left:0;top:0.25em }
.txtbox .search_result_google dt.title:before {background-image:url("../img/file_list_mark.png");}
.txtbox .search_result_google dt.title.pdf:before {background-image:url("../img/file_list_mark_pdf.png");}
.txtbox .search_result_google dt.title.word:before {background-image:url("../img/file_list_mark_doc.png");}
.txtbox .search_result_google dt.title.excel:before {background-image:url("../img/file_list_mark_xls.png");}
.txtbox .search_result_google .search input#search_txt2 {height:30px;margin:0%;padding:0px 0.5em;line-height:36px;background:#fff;width:100%;max-width:300px;}
.txtbox .search_result_google .search input#search_txt2:focus {background-color:#FFFFFF;outline:1px solid #CCC;}
.txtbox .search_result_google .search input.search_bt {width:4em;height:30px;;margin:0;padding:0px 0;font-weight:bold;border:none;}

/*動画*/
.video_wrap { text-align: center; }
.video_wrap iframe { max-width:100%; height: auto; aspect-ratio: 16/9;}

/*************************************************
 レスポンシブ 560 + 20 
**************************************************/
@media screen and (max-width:580px) {
  /* ===========================
   画像
  =========================== */
  /* IMAGE BOX :n個並び */
  .txtbox .box-image.triple li,
  .txtbox .box-image.quadruple li,
  .txtbox .box-image.pentadruple li,
  .txtbox .box-image.hexatruple li { width: 48%;}

  .txtbox .box-image.triple li:nth-child(3n+1),
  .txtbox .box-image.quadruple li:nth-child(4n+1),
  .txtbox .box-image.pentadruple li:nth-child(5n+1),
  .txtbox .box-image.hexatruple li:nth-child(6n+1) { clear: none;}

  .txtbox .box-image.double li:nth-child(2n-1),
  .txtbox .box-image.quadruple li:nth-child(2n-1),
  .txtbox .box-image.pentadruple li:nth-child(2n-1),
  .txtbox .box-image.hexatruple li:nth-child(2n-1) { clear: both;}


  /* BOX IMAGE :左右 */
  .txtbox .image_box_left,
  .txtbox .image_box_right { max-width: 98%;}
  .txtbox .image_box_left,
  .txtbox .image_box_right { float: none; margin: 0 1% 0.5em 1%;}


  /* ===========================
   NEWS
  =========================== */
  .news dl { display: block;}
  .news dt { margin-bottom: .5em;}

  .txtbox .lists dt,
  .txtbox .lists dd { padding: 0.8em;}
  .txtbox .lists dt { float: none; padding-bottom:0.5em;}
  .txtbox .lists dd { padding: 0 .8em .5em .8em; }

  /* ===========================
   txtbox
  =========================== */
  /* WIDE TABLE */
  .txtbox table.wide_table,
  .txtbox table.widetable { display: block; max-width:100%; overflow: auto; border: none;}
  .txtbox table.wide_table caption,
  .txtbox table.widetable caption { display: block;}
  .txtbox table.wide_table tbody,
  .txtbox table.widetable tbody { display: table;}
  .txtbox table.wide_table thead,
  .txtbox table.widetable thead,
  .txtbox table.wide_table tbody,
  .txtbox table.widetable tbody,
  .txtbox table.longtable thead,
  .txtbox table.longtable tbody { white-space: nowrap;}
  .txtbox table.wide_table img,
  .txtbox table.widetable img { height: auto; max-width: inherit;}
  
  /* ===========================
   動画
  =========================== */
  .video_wrap {
  	  position: relative;
  	  width:100%;
	  height:0;
	  padding-top: 56.25%;
  }
	.video_wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

  /* ===========================
   form
  =========================== */
  .contents .form_section input[type=radio] { float: left; margin: 0.35em 1em 1.1em 1.5em; clear: both;}
  .contents .form_section label { margin-bottom: 1.5em; float: left;}
  .contents .form_section form fieldset { padding-top: 1.5em;}


  /* ===========================
   acrotat
  =========================== */
  .acrobat {}
  .acrobat_wrap { display: block;}
  .acrobat_icon { text-align: center;}
  .acrobat_icon,
  .acrobat_comment { width: auto; margin: 0 auto;}
  .acrobat_text { width: calc(100% - 1em);}

}


/*************************************************
 lightbox
**************************************************/
#lightbox{position:absolute}
#lightbox,#lightbox div{overflow:inherit}
body:after{content:url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);display:none}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}
.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;z-index:20}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#fff;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}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-container{padding:4px}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;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}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:1em;font-weight:700;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:0.9em;color:#999}
.lb-data .lb-close,.lb-data .lb-download{display:block;float:right;width:30px;height:30px;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-download{background:url(../img/download.png) top right no-repeat;width:83px}
.lb-data .lb-close{background:url(../img/close.png) top right no-repeat}
.lb-data .lb-close:hover{cursor:pointer;opacity:1}