@charset "utf-8";

/* ============================================================ *\
    $slide
\* ============================================================ */

/* slide */

#slideshow {
    padding: 9px 4px;
    width: 690px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
}

#main #slideshow p, #main #slideshow ul { margin-top:  0; }

/* $slide image */

#image-slide {
    position: relative;
    float: left;
    width: 461px;
    height: 336px;
    background-color: #ffffff;
}

#image-slide li {
    position: absolute;
    top: 0;
    left: 0;
    width: 459px;
    height: 334px;
    border: 1px solid #abb6db;
    overflow: hidden;
}
#image-slide li.first { z-index: 1; }

#image-slide li a {
    display: none;
    width: 459px;
    height: 334px;
    overflow: hidden;
}
#image-slide li.first a { display: block; }

#image-slide li a:hover { background-color: transparent; }

#image-slide li a img {
    display: block;
    vertical-align: top;
}

#image-slide li a span span span img {
    position: relative;
    display: inline!important;
    vertical-align: top;
}

#image-slide li a span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 42px 10px 30px;
    width: 387px;
    background: transparent url(/mofaj/files/000061784.png) 0 0 repeat;
    text-align: center;
    cursor: pointer;
}

#image-slide li a span span {
    position: static;
    padding: 0 0 0 12px;
    width: auto;
    background: transparent url(/mofaj/files/000061750.png) 2px 4px no-repeat;
    font-size: 1em;
    text-align: left;
    cursor: pointer;
}
body.en #image-slide li a span span {
    display: inline !important;
    background-position: 2px 6px;
    text-align: center !important;
}

#image-slide li a span span span {
    padding-left: 0;
    background-image: none;
    text-decoration: underline;
}
body.en #image-slide li a span span span { display: inline !important; }

#image-slide li a:hover span span span { background-color: #192a80; }

/* $console */

#console {
    position: relative;
    float: right;
    width: 225px;
}

#console a { text-decoration: none; }

#forward, #back { font-size: .1em; }

#forward a, #back a { display: block; }

#console p.link-warrow a {
    background-image: url(/mofaj/files/000061800.png);
    background-position: 0 -6px;
    text-decoration: underline;
}

/* $navi-slide */

#navi-slide {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
}

#navi-slide ul {
    margin: 0;
    width: 100%;
}

#navi-slide ul li {
    margin-top: 3px;
    width: 100%;
    line-height: 1.0;
    overflow: hidden;
}

#box-current, #box-current span {
    background-color: transparent;
    background-repeat: no-repeat;
}

#box-current {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-image: url(/mofaj/files/000061780.png);
    background-position: 0 bottom;
}
#box-current span {
    display: block;
    height: 2px;
    background-image: url(/mofaj/files/000061781.png);
    background-position: 0 0;
}

#navi-slide ul li a {
    display: block;
    *display: inline;
    *zoom: 1;
    padding: 11px 8px 8px;
    width: 209px;
    background-color: #fff;
    color: #333;
    font-size: .92857em;
    *vertical-align: top;
    line-height: 1.2;
    overflow: hideen;
}
body.en #navi-slide ul li a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: .9333em;
}

#navi-slide ul li.current a { background-color: #dcf7ff; }

#console p#button-slide {
    margin-top: 3px;
    width: 20px;
    height: 20px;
    font-size: .1em;
    vertical-align: middle;
} 

#console p#counter {
    margin-left: 4px;
    *margin-left: 10px;
    font-size: 1.0714em;
    line-height: 1.2;
    vertical-align: bottom;
    *vertical-align: middle;
}
#console p#button-slide a { display: block; }

#main #slideshow #console .link-warrow {
    margin-top: -1.2em;
    font-size: .8571em;
}

#main #slideshow #console .link-warrow span { background-position: 0 6px; }

/* ============================================================ *\
    $other
\* ============================================================ */
#image-slide li a span span,
#image-slide li a span span span,
#console p#button-slide,
#console p#counter,
.inlineblock {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body.en #image-slide li a span span { display: inline-block !important; text-align: left !important;}