@charset "utf-8";

article, aside, dialog, figure, footer, header,hgroup, menu, nav, section { display: block; }
body { background-color: #fff; font: 10px Helvetica, Arial; color: #333; }
html,body,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,h1,h2,h3,ul,ol,li,p{margin:0;padding:0;}
a{text-decoration:none;color:#666;}
a img {border:none;}
a:hover{text-decoration:none;color:#fff;}
html,body {width:100%;height:100%;}

#logo {margin-left:1em;}
header{height:10em; border-bottom:1px solid #666;}
#wrap{width:78em;margin:0 auto; line-height:1.5;padding:2em 1em;background:#000;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;}
section{padding:2em 3em;line-height:1.7;}
section h2{padding:2em 1em 0.5em;}
section h3{padding:2em 4em 0.5em;}
section p{padding:0.5em 3em 0.5em 8em;font-size:1.2em;}
section ol{padding:0.5em 3em 0.5em 10em;font-size:1.2em;}
footer {width:78em;text-align:right;padding:2em 0 0;background:#000;border-top:1px solid #666;display:inline-block;font-family:serif;font-size:1em;}
footer li {list-style:none;}
footer ul.wabiya {float:left;text-align:left;}
footer ul.wabiya li {float:left;width:8em;height:2.5em;position:relative;}
footer ul.wabiya li a {width:100%;height:100%;display:block;line-height:3em;}
footer ul.wabiya li.img {width:15em;border-right:1px solid #fff;padding:0 1em 0 0.5em;}
footer ul.wabiya li.img a {background:#000 url(../images/footer.png) 0 0 repeat;}
footer ul.wabiya li.img a span {position:absolute;width:100%;height:100%;display:block;background-color:rgba(0,0,0,0.5);}
footer ul.wabiya li.img a:hover span {background:none;}
footer ul.wabiya li.img.wr  {width:17em;border-right:0;}
footer ul.wabiya li.img.wz a {background-position:-15em 0;}
footer ul.wabiya li.img.wr a {background-position:-30.5em 0;}
footer ul.wabiya li.img a em{position:absolute;z-index:-1;display:block;}
footer ul.global {clear:left;padding:2em 0 .5em;}
footer ul.global li {display:inline-block;font-family:serif;font-size:1.2em;padding:0 0.5em;}
address{font-style:normal;font-family:serif;font-size:1em;padding:0 0.5em;color:#666;}

#top {background:#000;}
#top header h1 span{color:#222;}
#top li {list-style:none;}
#top #wrap {height:auto;margin:20px auto;position:relative;width:780px;}
#top nav,#top nav ul,#top nav li  {width:100%;height:100%;float:left;}
#top header {height:55em;border-bottom:none;}
#top nav ul {height:534px;background-color:#fff;}
#top nav ul li {width:260px;position:relative;z-index:1;}
#top nav a {display:block;width:100%;height:100%;background:url(../images/top.jpg) 0 0 no-repeat;}
#top nav .wz a {background-position:-260px 0;}
#top nav .wr a {background-position:-520px 0;}
#top nav a em  {position:absolute;z-index:-1;}
#top nav a:hover em {-ms-filter: "alpha( opacity=0 )";filter: alpha(opacity=0);opacity: 0;}
#top nav a:hover {-ms-filter: "alpha( opacity=80 )";filter: alpha(opacity=80);opacity: 0.8;
-webkit-transition-property: all;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease-in-out;}
#top div.news {width:780px;font-size:130%;padding-top:6em;}
#top div.news h2{font-family:serif;}
#top div.news h2 a {font-family:sans-serif;font-size:70%;padding-left:2em;}
#top div.news h2 a:before {content:"▶";}
#top div.news dl.news {padding:0 0 0.5em;margin-top:0;font-size:110%;}
#top div.news dl.news:after {content:".";clear:both;display: block;height:0;line-height:0;display:block;visibility:hidden;}

#top div.news dl.news dt,
#top div.news dl.news dd{line-height:2em;height:2em;}
#top div.news dl.news dt {clear:left;width:70px;float:left;}
#top div.news dl.news dd{margin-left:80px;width:700px;}
#top footer {border-top-color:#666;padding-top:0;}
#top footer #altNavi li {display:none;}
#top footer #altNavi li.text {display:block;}
#top footer #altNavi li.text li {display:inline-block;}

#top .bg {display:block;color:#000;font-family:serif;font-size:44em;line-height:0.9;position:absolute;width:1.2em;z-index:-1;font-weight:bold;
text-shadow:0 0 50px #222;top:0;left:0;}
#top .bg:after {content:"侘家";}
@-webkit-keyframes myshadow {
    0%{text-shadow:0 0 20px #111;}
    60%{text-shadow:0 0 100px #333;}
    100%{text-shadow:0 0 50px #222;}}
#top .bg {
-moz-animation-name: myshadow;-moz-animation-duration: 3s;-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: myshadow;-webkit-animation-duration: 3s;-webkit-animation-timing-function: ease-in-out;
animation-name: myshadow;animation-duration: 3s;animation-timing-function: ease-in-out;
}


#error #wrap {background-color: #ddd;color:#000;}
#error section ul,
#error section p {font-size:130%;padding:0.5em 3em 0.5em;}
#error section ul {margin:1em;}
#error section ul a {color:#334;text-decoration:underline;}
#error section ul a:hover {color:#000;background-color: #fff;}
#error footer  {display:none;}
/*
*/