/* CSS Document */

html { overflow-y: scroll; }
body { font-size: 14px; margin: 0px; padding: 0px; font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif; letter-spacing: 1px; line-height: 1; }
p, h1, h2, h3, h4, h5, h6, ul, dl, dd { margin: 0px; padding: 0px; }
ul { list-style: none; }
img { border: 0; vertical-align: bottom; }
table { border-collapse: collapse; border: none; border-spacing: 0; }
address { font-style: normal; }
input, textarea { font-family: inherit; font-size: inherit; line-height: 1.3; background-color: #FFF; }
br { letter-spacing: normal;}
a { text-decoration: underline; }
a:hover { text-decoration: none; }
.clear { clear: both; overflow: hidden; }
.clear:after { content: ""; display: block; clear: both; }
.abbr { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.page { position: relative; overflow: hidden; z-index: 100; height: 5px; }
.page .resize { width: 100%; height: auto; position: absolute; }
.page .bxslider .resize { width: 100%; height: auto; position: static; }
.page .bxsliderAT .resize { width: 100%; height: auto; position: static; }
.page .bxsliderSW .resize { width: 100%; height: auto; position: static; }
.page .next { position: absolute; left: 50%; bottom: 50px; margin-left: -74px; z-index: 100; }
.label { position: absolute; top: 60px; right: 35px; z-index: 300; }
.recruit { position: absolute; top: 255px; right: 43px; z-index: 300; }
#top { }
#top .logo { position: absolute; left: 15%; top: 20px; }
/*#top h1 { position: relative; margin: auto; text-align: center; height: 100%; }*/
#top h1 { position: absolute; top: 50%; left: 50%; }
#top h1 img { width: 100%; }
#top .slide img { visibility: hidden; }
#top .news { position: absolute; bottom: 40px; left: 0px; background-image: url(img/topNewsBg.png); width: 100%; height: 80px; color: #FFF; }
#top .news .frame { margin: auto; max-width: 930px; position: relative; padding: 0px 15px; }
#top .news ul { overflow: auto; height: 75px; padding-top: 5px; }
#top .news li { padding: 5px 0; }
#top .news li:after { content: ""; display: block; clear: both; }
#top .news li span { display: block; }
#top .news li .cat { float: left; width: 90px; }
#top .news li .date { float: left; width: 115px; }
#top .news li .title { float: left; width: 700px; }
#top .news li a { color: #FFF; text-decoration: none; }
#top .news li a:hover { text-decoration: underline; }
/*#top .next { bottom: 135px; }*/
#concept h2 { position: absolute; top: 60px; left: 60px; }
#concept p { width: 437px; position: absolute; top: 150px; left: 60px; color: #000; line-height: 1.5; }
#about h2 { position: absolute; top: 60px; right: 235px; z-index: 100; }
#about p { width: 439px; position: absolute; top: 150px; right: 235px; color: #000; line-height: 1.5; z-index: 100; }
#about .ef1 { position: absolute; z-index: 50; }
#about .ef2 { position: absolute; z-index: 50; }
#about .ef3 { position: absolute; z-index: 50; }
#appraisers h2 { position: absolute; top: 60px; left: 60px; }
#appraisers p { width: 437px; position: absolute; top: 150px; left: 60px; color: #000; line-height: 1.5; }
#recommend h2 { position: absolute; top: 60px; left: 60px; z-index: 100; }
/*#recommend dl { width: 407px; position: absolute; overflow: auto; top: 150px; left: 60px; color: #FFF; line-height: 1.42; font-size: 11px; background-image: url(img/btTextBlue.png); padding: 15px 15px 0px; }
#recommend dl dt { font-weight: bold; border-bottom: 2px solid #FFF; padding-bottom: 2px; }
#recommend dl dt em { font-style: normal; font-weight: bold; font-size: 16px; }*/
#recommend dl { width: 407px; position: absolute; top: 150px; left: 60px; color: #FFF; line-height: 1.5; font-size: 11px; padding: 0px; }
#recommend dl dt { font-weight: bold; border-bottom: 2px solid #FFF; background-image: url(img/btTextBlue.png); }
#recommend dl dt.lt0 { letter-spacing: 0; }
#recommend dl dt a { color: #FFF; text-decoration: none; display: block; padding: 10px 15px; }
#recommend dl dt em { font-style: normal; font-weight: bold; font-size: 16px; }
#recommend dl dd { padding: 10px 15px; background-image: url(img/btTextWhite.png); color: #333; }
#recommend .bx-wrapper .bx-next { background-image: url(img/btnNextBlack.png); }
#recommend .bx-wrapper .bx-prev { background-image: url(img/btnPrevBlack.png); }
#recommend .bx-pagerRM { display: none; }
#access .map { position: relative; width: 942px; margin: auto; margin-top: 45px; }
#access .map img { width: 100%; }
#access .map iframe { position: absolute; width: 900px; left: 21px; }
#access #attention { position: absolute; top: 0; right: 0; width: 360px; padding: 3px; border: red solid 3px; background-color: #fff ; background-color: rgba( 255, 255, 255, 0.8 ); color: red; }
#access #attention p { color: red; padding: 6px 4px 6px 16px; border: red solid 1px; background-color: transparent; line-height: 1.5; }
#access #attention p span { font-weight: bold; }
@media only screen and (max-width: 980px) {
#access #attention { width: 40%; }
}
#foot { position: fixed; left: 0px; bottom: 0px; z-index: 300; background-color: #A4454A; width: 100%; height: 40px; }
#foot .frame { margin: auto; max-width: 930px; position: relative; padding: 0px 15px; }
#foot .copyright { color: #FFF; font-size: 11px; line-height: 40px; }
#foot .twitter { position: absolute; top: 6px; right: 10px; }
#foot .facebook { position: absolute; top: 6px; right: 55px; }
#foot .facebookMikage { position: absolute; top: 6px; right: 204px; }
#foot .facebookKitano { position: absolute; top: 6px; right: 50px; }