/* Style Base CSS (base.css) */

*{
margin:0;
padding:0;
}

body{
/*font:12px font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3; */
font:12px verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
color:#000;
text-align:center;
background:url(http://www.amc-hokei.net/imgs/amc-back.jpg);
}

a{color:#000;text-decoration:underline;}
img{border:0px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;width:0px;height:0px;overflow:hidden;}


/* HEADER */

h1 a{
display:block;
float:left;
width:315px;
height:90px;
text-indent:-10000px;
background:url(http://www.amc-hokei.net/imgs/logo.jpg) no-repeat;
overflow:hidden;
}

#header{
width:100%;
height:105px;
background:url(http://www.amc-hokei.net/imgs/header-back.jpg) repeat-x;
}

.header{
width:800px;
height:100px;
margin:0 auto;
padding-top:3px;
}

#header .menu{
float:right;
width:380px;
}

#header .navi{
float:right;
width:300px;
height:15px;
text-align:right;
line-height:14px;
padding-top:7px;
}

#header .navi span{
padding:0 15px 2px 21px;
}

#header ul{
float:right;
width:368px;
padding-top:10px;
clear:both;
}

#header li{
list-style:none;
float:left;
width:176px;
height:56px;
text-indent:-10000px;
margin-left:5px;
overflow:hidden;
}

#header li a{
display:block;
width:176px;
height:56px;
}

#header .contact{background:url(http://www.amc-hokei.net/imgs/header-contact.jpg) no-repeat;}
#header .sitemap{background:url(http://www.amc-hokei.net/imgs/header-sitemap.jpg) no-repeat;}
#header .tel{background:url(http://www.amc-hokei.net/imgs/header-tel.jpg) no-repeat; }
#header .mail{background:url(http://www.amc-hokei.net/imgs/header-mail.jpg) no-repeat;}



/* MAIN STYLE */

#inbox{
width:815px;
margin:0 auto;
background:#fff;
padding-bottom:20px;
clear:both;
}

#container{
width:800px;
margin:0 auto;
}



/* MENU */

#menu{
float:right;
width:198px;
padding-top:10px;
}

#menu dl{
text-align:center;
}

#menu dt{
width:198px;
height:34px;
text-indent:-100000px;
padding-bottom:5px;
background:url(http://www.amc-hokei.net/imgs/menu-title.jpg) no-repeat;
}

#menu dd{
width:171px;
height:14px;
text-align:left;
line-height:14px;
margin-bottom:5px;
padding:14px 5px 14px 22px;
background:url(http://www.amc-hokei.net/imgs/menu-li_back.jpg) no-repeat;
}

#menu .clinic{
width:198px;
height:448px;
background:url(http://www.amc-hokei.net/imgs/menu-clinic_back.jpg) no-repeat;
}

#menu .clinic h4{
width:198px;
height:40px;
text-indent:-100000px;
padding-bottom:5px;
background:url(http://www.amc-hokei.net/imgs/menu-clinic_title.jpg) no-repeat;
}

#menu .clinic .address{
width:172px;
text-align:left;
margin:0 auto;
padding:5px 0;
}

#menu .clinic .address p{
line-height:140%;
padding-bottom:7px;
}

#menu .clinic h5{
width:180px;
font-size:11px;
font-weight:bold;
text-align:left;
margin:0 auto;
padding:10px 0 5px;
}


#menu .contact a{
display:block;
width:179px;
height:43px;
text-indent:-100000px;
margin:0 auto;
padding-bottom:10px;
background:url(http://www.amc-hokei.net/imgs/menu-contact.jpg) no-repeat;
}

#menu .amc a{
display:block;
width:198px;
height:80px;
text-indent:-100000px;
margin:5px auto;
padding-bottom:5px;
background:url(http://www.amc-hokei.net/imgs/menu-amc_link.jpg) no-repeat;
}



/* MAIN */

#main{
float:left;
width:598px;
padding-top:10px;
}



/* FOOTER */

#footer{
width:100%;
height:105px;
background:url(http://www.amc-hokei.net/imgs/footer-back.jpg) repeat-x;
clear:both;
}

.footer{
width:800px;
margin:0 auto;
}

#footer .navi{
line-height:16px;
padding-top:23px;
}

#footer .navi a{text-decoration:none;}
#footer .navi a:hover{text-decoration:underline;}

#footer .copyright{
color:#fff;
padding-top:25px;
}



/* LIGHTBOX */

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#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: transparent url(http://www.amc-hokei.net/imgs/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.amc-hokei.net/imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.amc-hokei.net/imgs/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}
#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; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html>body .clearfix {
display: inline-block;
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}