/*------------------------------------------------------------------------
1.リセット
------------------------------------------------------------------------*/

* {
margin:0;
padding:0;
}
img {
/*border:none;*/
vertical-align:bottom;
}
body {
margin:0;
padding:0;
font-family:"メイリオ", Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:12px;
color:#666;
background:url(img/bg2.jpg) repeat-x #fff;
text-align:center;
}
.clearboth {
clear:both;
}
a:link {
color: #666;
border-bottom:1px dotted #666;
text-decoration: none;
}
a:visited {
color: #666;
border-bottom:1px dotted #666;
text-decoration: none;
}
a:active {
color: #666;
border-bottom:1px dotted #666;
text-decoration: none;
}
a:hover {
color: #666;
border-bottom:1px solid #666;
text-decoration: none;
}
a.noline {
border-width:0;
}
a {
outline : 0;
}
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0;
font-weight:normal;
font-style:normal;
text-decoration:none;
font-size:12px;
line-height:1em;
clear:both;
}
/*------------------------------------------------------------------------
2.全体枠
------------------------------------------------------------------------*/
#container {
width:980px;
margin:0 auto;
padding-top:40px;
text-align:left;
position:relative;
background:#fff;
overflow:hidden;
}
#container p#ownerBottom {
clear:both;
width:980px;
height:130px;
line-height:130px;
text-indent:-9999px;
background:url(img/ownerBottomPhoto.jpg) no-repeat;
margin:50px 0;
}
/*------------------------------------------------------------------------
3.ナビゲーション
------------------------------------------------------------------------*/
#navi {
width:980px;
height:30px;
position:absolute;
top:0;
left:0;
background:url(img/naviBg.jpg) no-repeat;
}
#navi ul {
width:900px;
height:30px;
list-style:none;
}
#navi li {
width:180px;
height:30px;
float:left;
text-indent:-9999px;
}
#navi li a {
display:block;
width:180px;
height:30px;
border:none;
background-repeat:no-repeat;
}
#navi li.menu1 a {
background:url(img/naviBg.jpg) 0 -30px;
}
#navi li.menu2 a {
background:url(img/naviBg.jpg) -180px -30px;
}
#navi li.menu3 a {
background:url(img/naviBg.jpg) -360px -30px;
}
#navi li.menu4 a {
background:url(img/naviBg.jpg) -540px -30px;
}
#navi li.menu5 a {
background:url(img/naviBg.jpg) -720px -30px;
}
#navi li.menu1 a:hover, #navi li.menu2 a:hover, #navi li.menu3 a:hover, #navi li.menu4 a:hover, #navi li.menu5 a:hover {
background:none;
}
/*------------------------------------------------------------------------
4.左カラム
------------------------------------------------------------------------*/
#left {
width:169px;
float:left;
padding-left:3px;
margin-bottom:10px;
}
/*@h1（左カラム）
--------------------------------------------------------*/
#left h1 {
width:169px;
height:117px;
line-height:117px;
text-indent:-9999px;
background:url(img/logo.gif) no-repeat;
}
#left h1 a {
display:block;
width:169px;
height:117px;
border:none;
}
/*@h2（左カラム）
--------------------------------------------------------*/
#left h2 {
margin-top:20px;
width:169px;
height:155px;
line-height:155px;
text-indent:-9999px;
background:url(img/owsGaregeTop.jpg) no-repeat;
}
#left h2 a {
display:block;
width:169px;
height:155px;
border:none;
}#left h3 {
margin-top:10px;
width:169px;
height:155px;
line-height:155px;
text-indent:-9999px;
background:url(img/owsHonsyaTop.jpg) no-repeat;
}
#left h3 a {
display:block;
width:169px;
height:155px;
border:none;
}
#left ul.leftLink {
list-style:none;
width:169px;
margin:30px 0 9px;
}
#left ul.leftLink li {
width:169px;
height:50px;
line-height:100px;
text-indent:-9999px;
margin-bottom:3px;
}
#left ul.leftLink li a {
display:block;
height:50px;
line-height:100px;
border:none;
}
#left ul.leftLink li.left1 {
background:url(img/leftBukkenBg.gif) no-repeat;
}
#left ul.leftLink li.left1 a:hover {
background:url(img/leftBukkenBg.gif) 0 -50px no-repeat;
}
#left ul.leftLink li.left2 {
background:url(img/leftOwnerBg.gif) no-repeat;
}
#left ul.leftLink li.left2 a:hover {
background:url(img/leftOwnerBg.gif) 0 -50px no-repeat;
}
/*------------------------------------------------------------------------
5.右カラム
------------------------------------------------------------------------*/
/*@div（右カラム）
--------------------------------------------------------*/
#main {
width:800px;
float:right;
margin-bottom:10px;
}
#flash {
width:800px;
height:360px;
background:url(img/flashBg.gif) #000;
}
#second {
width:750px;
margin-left:30px;
}
#main #second #preview {
width:500px;
float:left;
margin-bottom:30px;
}
#main #second #thumbs {
display:inline;
width:134px;
float:right;
margin-bottom:30px;
margin-right:110px;
}
#main #second .imgList {
width:563px;
margin:10px 7px 10px 180px;
overflow:hidden;
}
#main #second .imgList.bottom {
margin-bottom:50px;
}
#main #second .imgList a {
border:none;
}
#main #second .imgList a:link img {
border:2px solid #999;
opacity:0.7;
filter: alpha(opacity=70);
}
#main #second .imgList a:visited img {
border:2px solid #999;
opacity:0.7;
filter: alpha(opacity=70);
}
#main #second .imgList a:active img {
border:2px solid #999;
opacity:0.7;
filter: alpha(opacity=70);
}
#main #second .imgList a:hover img {
border:2px solid #666;
opacity:1.0;
filter: alpha(opacity=100);
}
#main div.sendBox {
text-align:center;
width:206px;
margin:20px 272px;
}
#main #second .ownerBox {
width:701px;
margin:10px 15px 20px 34px;
}
#main #second .ownerBox.case1 {
padding-bottom:90px;
background:url(img/bottom1.jpg) center bottom no-repeat;
}
#main #second .ownerBox.case2 {
padding-bottom:110px;
background:url(img/bottom2.jpg) center bottom no-repeat;
}
#main #second .ownerBox.case3 {
padding-bottom:100px;
background:url(img/bottom3.jpg) center bottom no-repeat;
}
#main #second .ownerBox.case4 {
padding-bottom:120px;
background:url(img/bottom4.jpg) center bottom no-repeat;
}
#main #second div#thumbsDetail {
}
#main #second div#detailTableBox {
width:350px;
float:left;
margin-bottom:10px;
}
#main #second div#detailShogenBox {
width:350px;
float:right;
margin-bottom:10px;
}
#main #second div#inquiryError {
width:450px;
margin:30px 150px;
}
#main #second div.ownerPic {
text-indent:-9999px;
width:719px;
height:519px;
background:url(img/picBrandDesign.jpg) no-repeat;
}
#main div.infoBox {
width:670px;
margin:10px 40px;
background:url(img/informationBg.gif) center bottom no-repeat;
padding-bottom:20px;
font-size:14px;
}
#main div.infoBox div.infoBody {
margin:0 30px;
line-height:1.5em;
font-size:12px;
overflow:hidden;
}
#main div.infoBox div.infoBody img {
float:left;
margin-right:15px;
margin-bottom:15px;
}
#main div.sitemapBox {
padding:0 50px 30px;
}
#second div.mainp {
font-size:12px;
line-height:2em;
margin-bottom:10px;
}
#main div.leftBanner {
width:167px;
border:1px solid;
display:inline;
float:left;
margin-right:10px;
}
#main div.leftBanner.f {
border-color:#626262;
margin-top:10px;
}
#main div.leftBanner.andre {
border-color:#b51d1d;
margin-top:10px;
}
#main div.infoWrapper {
width:400px;
overflow:hidden;
margin:10px auto 10px 364px;
}
#main div.page {
text-align:center;
margin:20px;
}
#main div.page a {
border:none;
border:1px solid #333;
background:#ccc;
padding:3px 5px;
}
#main div.page a:hover {
background:#900;
color:#fff;
}
/*@h2（右カラム）
--------------------------------------------------------*/
#main h2.information {
background:url(img/h2Information.gif) no-repeat #330;
width:144px;
height:14px;
line-height:14px;
text-indent:-9999px;
margin:10px auto 15px 0;
}
#second h2.second {
width:743px;
height:37px;
text-indent:-9999px;
margin-bottom:22px;
}
#second h2.second.exterior {
background:url(img/h2Exterior.gif) no-repeat;
}
#second h2.second.privacy {
background:url(img/h2Privacy.gif) no-repeat;
}
#second h2.second.inquiry {
background:url(img/h2Inquiry.gif) no-repeat;
}
#second h2.second.sitemap {
background:url(img/h2Sitemap.gif) no-repeat;
}
#second h2.second.profile {
background:url(img/h2Profile.gif) no-repeat;
}
#second h2.second.toowner {
background:url(img/h2Toowner.gif) no-repeat;
}
#second h2.second.information2 {
background:url(img/h2Information2.gif) no-repeat;
}
#second h2.second.media {
background:url(img/h2Media.gif) no-repeat;
}
#second h2.works {
width:743px;
height:33px;
text-indent:-9999px;
margin-bottom:22px;
}
#second h2.works.patio {
background:url(img/h2IndexPatio.gif) no-repeat;
}
#second h2.works.garage {
background:url(img/h2IndexGarage.gif) no-repeat;
}
#second h2.works.exterior {
background:url(img/h2IndexExterior.gif) no-repeat;
}
#second h2.works.design {
background:url(img/h2IndexOthers.gif) no-repeat;
}
#second h2.works.renovation {
background:url(img/h2IndexRenovation.gif) no-repeat;
}
#second h2.works.farmcommunty {
background:url(img/h2IndexFarmCommunty.gif) no-repeat;
}
#second div.tel {
width:564px;
border:4px solid #cdcdcd;
padding:32px 24px;
margin:0 65px 30px;
line-height:1.5em;
}
#main div.leftBanner.f h2 {
margin-top:0px;
background:url(img/blogFTop.jpg) no-repeat;
width:167px;
height:51px;
line-height:51px;
text-indent:-9999px;
}
#main div.leftBanner.andre h2 {
margin-top:0px;
background:url(img/blogAndreTop.jpg) no-repeat;
width:167px;
height:51px;
line-height:51px;
text-indent:-9999px;
}
#main div.leftBanner.f h2 a, #main div.leftBanner.andre h2 a {
display:block;
width:167px;
height:51px;
border:none;
}
/*@h3（右カラム）
--------------------------------------------------------*/
#second h3 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}
#second h3.privacy {
background:url(img/list01.gif) 0 0.5em no-repeat;
line-height:2em;
padding-left:25px;
border-bottom:1px dotted #999;
margin-left:50px;
margin-right:50px;
}
#second h3.owner {
width:719px;
height:43px;
line-height:43px;
text-indent:-9999px;
background:url(img/h3Owner.gif) no-repeat;
margin:10px 15px 0 16px;
}
#second h3.owner2 {
width:719px;
height:43px;
line-height:43px;
text-indent:-9999px;
background:url(img/h3Owner2.gif) no-repeat;
margin:10px 15px 0 16px;
}
#second h3.profile2 {
background:url(img/h3ProfileBg.gif) no-repeat;
margin:10px 50px;
width:607px;
height:40px;
line-height:40px;
padding-left:40px;
}
#main #second .ownerBox h3 {
background:url(img/h3Owner2Bg.gif) no-repeat;
width:701px;
height:52px;
line-height:52px;
text-indent:55px;
}
#main div.infoBox h3 {
background:url(img/h2InformationBg.gif) no-repeat;
width:670px;
height:58px;
line-height:58px;
text-indent:40px;
}
#main div.infoBox h3.sitemap {
width:670px;
height:30px;
line-height:30px;
text-indent:-9999px;
background:url(img/sitemapTop.gif) no-repeat;
}
/*@h4（右カラム）
--------------------------------------------------------*/
#main #second .ownerBox h4.ownerh4 {
width:701px;
height:100px;
line-height:10px;
text-indent:-9999px;
}
#main #second .ownerBox h4.ownerh4.case1 {
background:url(img/ownerBottom1.jpg) no-repeat;
padding-top:76px;
}
/*@p,@img（右カラム）
--------------------------------------------------------*/
#main p.information {
background:url(img/list04.gif) 0 0.5em no-repeat;
line-height:1.5em;
margin:0 0 10px 280px;
padding-left:15px;
}
#second p.separator {
width:743px;
height:4px;
line-height:4px;
text-indent:-9999px;
background:url(img/separator.gif) no-repeat;
margin:15px 0;
clear:both;
}
#second p.zoom {
background:url(img/listZoom.gif) 0 center no-repeat;
padding-left:19px;
line-height:1.5em;
margin:10px 0;
}
#second p.toInquiry {
width:168px;
height:28px;
text-indent:-9999px;
line-height:28px;
clear:both;
margin:0px 30px 10px 552px;
}
#second p.toDetail {
width:168px;
height:28px;
text-indent:-9999px;
line-height:28px;
clear:both;
margin:0px 0px 50px 582px;
}
#second p.toDetail a {
display:block;
width:168px;
border:none;
background:url(img/toDetail.gif) 0 -28px no-repeat;
}
#second p.toInquiry a {
display:block;
width:168px;
border:none;
background:url(img/bukkenInquiryBg.gif) 0 -28px no-repeat;
}
#second p.toDetail a:hover {
background:url(img/toDetail.gif) 0 0 no-repeat;
}
#second p.toInquiry a:hover {
background:url(img/bukkenInquiryBg.gif) 0 0 no-repeat;
}
#main #second #thumbs img {
float:left;
margin:0 7px 7px 0;
}
#main #second .imgList div.imgBox {
float:left;
display:inline;
margin:0 10px 0 0;
width:88px;
height:112px;
position:relative;
}
#main #second .imgList div.imgBox p.mark {
width:90px;
height:14px;
margin:10px 0 0;
text-indent:-9999px;
}
#main #second .imgList div.imgBox p.mark.rent {
background:url(img/markForRent.gif)
}
#main #second .imgList div.imgBox p.mark.norent {
background:url(img/markForNoRent.gif)
}
#main #second .imgList div.imgBox p.mark.wait {
background:url(img/markForWaiting.gif)
}
#main #second .imgList div.imgBox p.mark.study {
background:url(img/markForStudy.gif)
}
#main #second .imgList div.imgBox p.number {
position:absolute;
width:37px;
height:27px;
top:59px;
left:49px;
text-indent:-9999px;
}
#main #second .imgList div.imgBox p.number.No1 {
background:url(img/No01.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No2 {
background:url(img/No02.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No3 {
background:url(img/No03.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No4 {
background:url(img/No04.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No5 {
background:url(img/No05.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No6 {
background:url(img/No06.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No7 {
background:url(img/No07.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No8 {
background:url(img/No08.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No9 {
background:url(img/No09.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No10 {
background:url(img/No10.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No11 {
background:url(img/No11.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No12 {
background:url(img/No12.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No13 {
background:url(img/No13.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No14 {
background:url(img/No14.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No15 {
background:url(img/No15.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No16 {
background:url(img/No16.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No17 {
background:url(img/No17.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No18 {
background:url(img/No18.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No19 {
background:url(img/No19.png) no-repeat;
}
#main #second .imgList div.imgBox p.number.No20 {
background:url(img/No20.png) no-repeat;
}
#main #second p.privacy {
width:666px;
padding:15px;
border:2px solid #999;
margin:10px 25px;
line-height:2em;
}
#main #second p.privacy2 {
margin:10px 75px 10px 100px;
line-height:2em;
}
#main #second p.siceBottomLogo {
height:250px;
line-height:250px;
text-indent:-9999px;
background:url(img/siceBottomLogo.gif) right top no-repeat;
margin:10px 0 20px;
clear:both;
}
#main #second p.siceBottomLogo2 {
width:750px;
height:315px;
line-height:315px;
text-indent:-9999px;
background:url(img/informationBg.jpg) center top no-repeat;
margin:10px 0 20px;
clear:both;
}
#main #second p.siceBottomLogo3 {
width:750px;
height:255px;
line-height:255px;
text-indent:-9999px;
background:url(img/garageBg.jpg) center top no-repeat;
margin:10px 0 20px;
clear:both;
}
#main #second p.siceBottomLogo4 {
width:750px;
height:315px;
line-height:315px;
text-indent:-9999px;
background:url(img/mediaBg.jpg) center top no-repeat;
margin:10px 0 20px;
clear:both;
}
#main p.send {
width:83px;
height:28px;
margin:0 10px;
float:left;
display:inline;
}
#second p.ownerP {
padding:10px 20px 20px 40px;
width:659px;
line-height:2em;
background:url(img/ownerBg.gif) center bottom no-repeat;
margin:0 15px 10px 16px;
}
#second p.ownerP2 {
padding:10px 20px 100px 40px;
width:659px;
line-height:2em;
background:url(img/ownerBg2.jpg) center bottom no-repeat;
margin:0 15px 10px 16px;
}
#second p.profileP {
width:719px;
margin:20px 15px 10px 16px;
background:url(img/profilePic.jpg) no-repeat;
height:513px;
text-indent:-9999px;
}
#main #second .ownerBox p {
line-height:2em;
padding:10px 50px;
}
#main #second div#thumbsDetail img {
position:relative;
top:7px;
left:7px;
padding:7px 12px 12px 7px;
background:url(img/detailPhotoBg.gif) no-repeat;
margin-right:15px;
margin-bottom:10px;
border:none;
}
#main #second div#thumbsDetail a {
border:none;
}
#main #second div#zumenBox img {
float:left;
margin:0 10px 10px 0;
border:none;
}
#main #second p.thanks {
width:450px;
font-size:14px;
line-height:3em;
margin:100px 150px;
}
#main div.infoBox p {
margin:0 30px;
line-height:1.5em;
}
#second div.tel p {
background:url(img/list05.gif) 0 0.4em no-repeat;
padding-left:20px;
}
#main div.leftBanner.f p {
margin:1px;
line-height:18px;
background:url(img/list04.gif) 80px 0.5em no-repeat #949494;
text-indent:92px;
}
div.leftBanner.f p a:link {
color:#fff;
border-bottom:none;
text-decoration: none;
}
div.leftBanner.f p a:visited {
color:#fff;
border-bottom:none;
text-decoration: none;
}
div.leftBanner.f p a:active {
color:#fff;
border-bottom:none;
text-decoration: none;
}
div.leftBanner.f p a:hover {
color:#b51d1d;
border-bottom:none;
text-decoration: none;
}
#main div.leftBanner.andre p {
margin:1px;
line-height:18px;
background:url(img/list04.gif) 80px 0.5em no-repeat;
text-indent:92px;
}
div.leftBanner.andre p a:link {
color:#626262;
border-bottom:none;
text-decoration: none;
}
div.leftBanner.andre p a:visited {
color:#626262;
border-bottom:none;
text-decoration: none;
}
div.leftBanner.andre p a:active {
color:#626262;
border-bottom:none;
text-decoration: none;
}
div.leftBanner.andre p a:hover {
color:#b51d1d;
border-bottom:none;
text-decoration: none;
}
#main span.new {
padding-right:26px;
background:url(img/markNew.gif) right center no-repeat;
}
/*@table（右カラム）
--------------------------------------------------------*/
#second table.sice {
width:600px;
margin:10px 75px;
line-height:1.5em;
}
#second table.sice tr {
background:url(img/separator.gif) center bottom no-repeat;
}
#second table.sice td {
padding:10px;
}
#second table.sice td span.must {
color:#fff;
background:#c00;
padding:0 3px;
margin-left:5px;
}
#main #second div#detailTableBox table#detailTable {
width:350px;
}
#main #second div#detailTableBox table#detailTable td {
padding:5px;
}
#main #second div#detailTableBox table#detailTable td.tleft {
text-align:right;
vertical-align:top;
}
/*@dl（右カラム）
--------------------------------------------------------*/
#second div.tel dl {
margin-bottom:10px;
}
#second div.tel dt {
width:264px;
float:left;
background:url(img/list05.gif) 0 0.4em no-repeat;
text-indent:20px;
}
#second div.tel dd {
width:300px;
margin-left:264px;
}
#second div.tel dd strong {
font-size:20px;
line-height:30px;
}
#main div.sitemapBox dl {
width:570px;
overflow:hidden;
}
#main div.sitemapBox dl dt {
width:148px;
background:url(img/list06.gif) 0 0.35em no-repeat;
text-indent:35px;
margin-bottom:20px;
clear:both;
}
#main div.sitemapBox dl dd {
width:350px;
float:right;
margin-bottom:20px;
}
/*@form（右カラム）
--------------------------------------------------------*/
#second input, #second textarea {
font-family:"メイリオ", Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:12px;
}
/*@ul（右カラム）
--------------------------------------------------------*/
#main ul.information {
margin:0 20px 10px 0;
list-style:none;
border-bottom:1px dashed #d4d4d4;
padding-bottom:1em;
}
#main ul.information li {
background:url(img/list03.gif) 0 0.5em no-repeat;
line-height:1.5em;
padding-left:14px;
}
#main #second div#detailShogenBox ul {
line-height:2em;
margin-top:1em;
}
#main #second div#inquiryError ul {
line-height:2em;
}
#main #second div.ownerPic ul {
list-style:none;
}
#main div.sitemapBox dl dd ul {
list-style:none;
}
#main div.sitemapBox dl dd li {
list-style:none;
background:url(img/list06.gif) 0 0.35em no-repeat;
text-indent:35px;
margin-bottom:0.5em;
}
#main div.leftBanner ul {
list-style:none;
margin:5px 8px;
}
#main div.leftBanner.andre ul {
padding-bottom:8px;
border-bottom:1px dashed #626262;
}
#main div.leftBanner.f li {
background:url(img/list02.gif) 0 0.4em no-repeat;
padding-left:15px;
margin-bottom:0.5em;
}
#main div.leftBanner.andre li {
background:url(img/list03.gif) 0 0.4em no-repeat;
padding-left:15px;
margin-bottom:0.5em;
}
/*------------------------------------------------------------------------
6.フッター
------------------------------------------------------------------------*/
/*@div（フッター）
--------------------------------------------------------*/
#footer {
width:980px;
height:30px;
background:#717171;
clear:both;
position:relative;
}
/*@p（フッター）
--------------------------------------------------------*/
#footer p.totop {
width:143px;
height:24px;
line-height:24px;
position:absolute;
top:-26px;
left:837px;
text-indent:-9999px;
}
#footer p.totop a {
display:block;
width:143px;
height:24px;
border:none;
background:url(img/toTop.jpg) 0 -24px no-repeat;
}
#footer p.totop a:hover {
background:url(img/toTop.jpg) no-repeat;
}
#footer p.copywrite {
width:980px;
position:absolute;
font-size:10px;
line-height:12px;
top:18px;
color:#fff;
text-align:right;
}
#footer ul {
list-style:none;
width:800px;
margin-left:180px;
line-height:30px;
}
#footer li {
display:inline;
margin-right:20px;
}
#footer a:link {
color:#fff;
border-bottom:none;
text-decoration:none;
}
#footer a:visited {
color:#fff;
border-bottom:none;
text-decoration:none;
}
#footer a:active {
color:#fff;
border-bottom:none;
text-decoration:none;
}
#footer a:hover {
color:#fff;
border-bottom:1px solid #fff;
text-decoration:none;
}
/*------------------------------------------------------------------------
7.lightbox
------------------------------------------------------------------------*/

#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox img {
width: auto;
height: auto;
}
#lightbox a {
border: none;
}
#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(img/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(img/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: bold;
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}