#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: normal; color:#666666; line-height:130%;} #imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 77px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 540px; background-color: #003; } /*------------------　　以下、リンク元ファイルCSS　　--------------------*/ #labotxt1 { display:block; margin:3px 0 0 20px; line-height:140%; font-size:12px; color:#666666;} #labotxt2 { display:block; margin:7px 0 0 32px; line-height:140%; font-size:10px; color:#3589DA;} #laboPhotoArea{ margin:28px 0 10px 20px;} #laboTab{ display:block;} #laboTab li{ display:block; width:50px; float:right;} #laboPhotoArea h3{ font-size:14px; color:#666666; border-top:#66CCFF 2px dotted; padding:3px 0;} .thambArea{ display:block; height:120px; float:left; margin:0 0px 5px 0; background-repeat:no-repeat; background-color:#ffffff; padding-left:5px } .mai1{ background-image:url(../images/laboback1.jpg); width:112px;} .mai2{ background-image:url(../images/laboback2.jpg); width:229px;} .mai3{ background-image:url(../images/laboback3.jpg); width:346px;} .mai4{ background-image:url(../images/laboback4.jpg); width:463px;} .mai5{ background-image:url(../images/laboback5.jpg); width:580px;} .mai6{ background-image:url(../images/laboback6.jpg); width:580px;} .mai7{ background-image:url(../images/laboback6.jpg); width:580px;} .mai8{ background-image:url(../images/laboback6.jpg); width:580px;} .mai9{ background-image:url(../images/laboback6.jpg); width:580px;} .mai10{ background-image:url(../images/laboback6.jpg); width:580px;} .thambArea h5{ text-align:center; color:#3399FF; font-size:12px;} .pFrame{ display:block; width:102px; float:left; margin: 0 5px 2px 0px;} .mai2 .pFrame{ margin: 0 10px 2px 0px;} .mai3 .pFrame{ margin: 0 0px 2px 5px; width:107px;} .mai4 .pFrame{ margin: 0 0px 2px 5px; width:107px;} .thambArea img{border:1px #fff solid;} .thambArea span{ display:block; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} .labocome{ display:block; width:93%; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} #laboMonthMenu{ margin:10px 0 0 20px; padding:0; display:block;} #laboMonthMenu li{ display:block; width:50px; margin:0 0 0 5px; background-color:#66CCFF; color:#FFFFFF; float:right; font-size:14px; padding:2px 0; text-align:center;} #laboMonthMenu li a:link, #laboMonthMenu li a:visited, #laboMonthMenu li a:hover, #laboMonthMenu li a:active{ color:#FFFFFF;} /*----------工場写真の背景色変更に伴い上記をコピー＆下記へ追加：HPリニューアル(2009年4月)---------------------------*/ #labotxt1_a { display:block; margin:3px 0 0 20px; line-height:140%; font-size:12px; color:#666666;} #labotxt2_a { display:block; margin:7px 0 0 32px; line-height:140%; font-size:10px; color:#618CDC;} #laboPhotoArea_a{ margin:28px 0 10px 20px;} #laboTab{ display:block;} #laboTab li{ display:block; width:50px; float:right;} #laboPhotoArea_a h3{ font-size:14px; color:#666666; border-top:#618CDC 2px dotted; padding:3px 0;} .thambArea_b{ display:block; height:110px; float:left; margin:0 0px 5px 0; background-repeat:no-repeat; background-color:#ffffff; padding-left:5px } .mai01{ background-image:url(../images/laboback_blue1.jpg); width:112px;} .mai02{ background-image:url(../images/laboback_blue2.jpg); width:229px;} .mai03{ background-image:url(../images/laboback_blue3.jpg); width:346px;} .mai04{ background-image:url(../images/laboback_blue4.jpg); width:463px;} .mai05{ background-image:url(../images/laboback_blue5.jpg); width:580px;} .thambArea_b h5{ text-align:center; color:#0071BD; font-size:13px; line-height:170%;} .pFrame{ display:block; width:102px; float:left; margin: 0 5px 2px 0px;} .mai02 .pFrame{ margin: 0 10px 2px 0px;} .mai03 .pFrame{ margin: 0 0px 2px 5px; width:107px;} .mai04 .pFrame{ margin: 0 0px 2px 5px; width:107px;} .mai05 .pFrame{ margin: 0 0px 2px 5px; width:107px;} .thambArea_b img{border:1px #fff solid;} .thambArea_b span{ display:block; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} .labocome{ display:block; width:93%; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} #laboMonthMenu_c{ margin:10px 0 0 20px; padding:0; display:block;} #laboMonthMenu_c li{ display:block; width:50px; margin:0 0 0 5px; background-color:#618CDC; color:#FFFFFF; float:right; font-size:14px; padding:2px 0; text-align:center;} #laboMonthMenu_c li a:link, #laboMonthMenu_c li a:visited, #laboMonthMenu_c li a:hover, #laboMonthMenu_c li a:active{ color:#FFFFFF;} /*-------------------*/ /*----------工場写真の背景色変更に伴い上記をコピー＆下記へ追加：HPリニューアル2(2009年4月)---------------------------*/ #labotxt1_a { display:block; margin:3px 0 0 20px; line-height:140%; font-size:12px; color:#666666;} #labotxt2_a { display:block; margin:7px 0 0 32px; line-height:140%; font-size:10px; color:#618CDC;} #laboPhotoArea_a{ margin:28px 0 10px 20px;} #laboTab{ display:block;} #laboTab li{ display:block; width:50px; float:right;} #laboPhotoArea_a h3{ font-size:14px; color:#666666; border-top:#618CDC 2px dotted; padding:3px 0;} .thambArea_c{ display:block; height:200px; float:left; margin:0 0px 5px 0; background-repeat:no-repeat; background-color:#ffffff; padding-left:5px } .mai06{ background-image:url(../images/laboback_blue6.jpg); width:580px;} .mai07{ background-image:url(../images/laboback_blue6.jpg); width:580px;} .mai08{ background-image:url(../images/laboback_blue6.jpg); width:580px;} .mai09{ background-image:url(../images/laboback_blue6.jpg); width:580px;} .mai10{ background-image:url(../images/laboback_blue6.jpg); width:580px;} .mai25{ background-image:url(../images/laboback_blue6.jpg); width:580px;} .thambArea_c h5{ text-align:center; color:#0071BD; font-size:13px; line-height:170%;} .pFrame{ display:block; width:102px; float:left; margin: 0 5px 2px 0px;} .mai06 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .mai07 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .mai08 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .mai09 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .mai10 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .mai25 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .thambArea_c img{border:1px #fff solid;} .thambArea_c span{ display:block; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} .labocome{ display:block; width:93%; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} #laboMonthMenu_c{ margin:10px 0 0 20px; padding:0; display:block;} #laboMonthMenu_c li{ display:block; width:50px; margin:0 0 0 5px; background-color:#618CDC; color:#FFFFFF; float:right; font-size:14px; padding:2px 0; text-align:center;} #laboMonthMenu_c li a:link, #laboMonthMenu_c li a:visited, #laboMonthMenu_c li a:hover, #laboMonthMenu_c li a:active{ color:#FFFFFF;} /*-------------------*/ .thambArea_d{ display:block; height:480px; float:left; margin:0 0px 5px 0; background-repeat:no-repeat; background-color:#ffffff; padding-left:5px } .mai25{ background-image:url(../images/laboback_blue25.jpg); width:580px;} .thambArea_d h5{ text-align:center; color:#0071BD; font-size:13px; line-height:170%;} .pFrame{ display:block; width:102px; float:left; margin: 0 5px 2px 0px;} .mai25 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .thambArea_d img{border:1px #fff solid;} .thambArea_d span{ display:block; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} .labocome{ display:block; width:93%; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} #laboMonthMenu_d{ margin:10px 0 0 20px; padding:0; display:block;} #laboMonthMenu_d li{ display:block; width:50px; margin:0 0 0 5px; background-color:#618CDC; color:#FFFFFF; float:right; font-size:14px; padding:2px 0; text-align:center;} #laboMonthMenu_d li a:link, #laboMonthMenu_d li a:visited, #laboMonthMenu_d li a:hover, #laboMonthMenu_d li a:active{ color:#FFFFFF;} /*-------------------*/ .thambArea_c2{ display:block; height:290px; float:left; margin:0 0px 5px 0; background-repeat:no-repeat; background-color:#ffffff; padding-left:5px } .mai11{ background-image:url(../images/laboback_blue15.jpg); width:580px;} .mai12{ background-image:url(../images/laboback_blue15.jpg); width:580px;} .mai13{ background-image:url(../images/laboback_blue15.jpg); width:580px;} .mai14{ background-image:url(../images/laboback_blue15.jpg); width:580px;} .mai15{ background-image:url(../images/laboback_blue15.jpg); width:580px;} .thambArea_c2 h5{ text-align:center; color:#0071BD; font-size:13px; line-height:170%;} .pFrame{ display:block; width:102px; float:left; margin: 0 5px 2px 0px;} .mai12 .pFrame{ margin: 0 0px 12px 5px; width:107px;} .thambArea_c2 img{border:1px #fff solid;} .thambArea_c2 span{ display:block; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} .labocome{ display:block; width:93%; text-align:left; font-size:10px; margin-top:2px; color:#FFFFFF; text-align:center} #laboMonthMenu_c2{ margin:10px 0 0 20px; padding:0; display:block;} #laboMonthMenu_c2 li{ display:block; width:50px; margin:0 0 0 5px; background-color:#618CDC; color:#FFFFFF; float:right; font-size:14px; padding:2px 0; text-align:center;} #laboMonthMenu_c2 li a:link, #laboMonthMenu_c2 li a:visited, #laboMonthMenu_c2 li a:hover, #laboMonthMenu_c2 li a:active{ color:#FFFFFF;}