@charset "utf-8";

/*
(C) SCRAPTURE.org - common.css, LastUpdate 081020

    Table of Content
    DEFOULT
    BASIC INLINE/TEXT STYLING
    COMMON MODULES
    HEADER
    - INFO NAV
    - LOGO
    - GLOBAL NAV
    CONTENT
    - TOPIC PATH
    RECENTLY SNAP
    SITE MAP
    FOOTER
    PAGE BOX
    HIGHTSLIDE
    RATING
*/

/*
-------------------------------------------------------------------------------
DEFOULT
-------------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html,fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}

/* standard helper classes */
.clr {clear: both;float: none;overflow: hidden;width: 1px;height: 0px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0;}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .pkg {display: inline-block;}
/* no ie mac \*/
* html .pkg {height: 1%;}
.pkg {display: block;}
/* */

/*
-----------------------------------------------------------------------------
BASIC INLINE/TEXT STYLING
-----------------------------------------------------------------------------*/

/*
WIN AND MAC COMMON ROMAN CHARACTER FONT
Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana

FONT SIZE
font-size:200%;     32px
font-size:150%;     24px
font-size:131.25%;  21px
font-size:112.5%;   18px
font-size:100%;     16px = 12pt
font-size:75.0%;    12px
font-size:62.5%;    10px
font-size:56.25%;    9px
*/

body {
    font-family: Arial, Helvetica, "Lucida Grande", Verdana, "Avant Garde", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Pゴシック", Sans-Serif;
    font-size: 80%;
    background: #000;
    color: #CCC;
    text-align: center;
}

a { color: #CCC; }

a:hover { color: #FFF; }

a:focus { outline:none; }

h1, h2, h3, h4, h5 { color: #FFF; }

hr {
    display: none;
    overflow: hidden;
}

h2 { font-size: 1.4em; }

* html h2 { font-size: 1.3em; }
* html h3 { font-size: 1em; }
* html h4 { font-size: 1em; }

p.smallText { font-size: 9px; }

span.toneDown a { text-decoration: none; }

span.toneDown a:hover { text-decoration: underline; }

em.logo { font-weight: bold; }

span.bold {
    color: #000;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

span.dec {
    padding: 6px 0 7px;
    display: block;
}

span.jp {
    font-size: 70%;
    color: #CCC;
    padding-left: 10px;
}

span.colorTitle { font: 1em Verdana, Arial, Helvetica, sans-serif; }

p.attention {
    color: #006699!important;
    line-height: 1.5;
}

span.caution { color: #FFCC00; }
span.caution2 { color: #FF0033; }

div.adsby {
    width: 10px;
    height: 66px;
    position: absolute;
    top: 0;
    right: -10px;
    background: #EEE url(../img/ad/adsbyglam.gif) 50% 50% no-repeat;
    text-indent: -7777em;
    overflow: hidden;
}

div.glam {
    width: 300px;
    height: 250px;
    overflow: hidden;
}

/*
FAKE TABLE */

dl.fakeTable {
    width: auto;
    font-size: 0.8em;
    line-height: 150%;
    overflow: hidden;
}

dl.fakeTable dt {
    margin: 0.3em 0.3em 0.3em 0;
    padding: 0.2em;
    width: 5em;
    text-align: left;
}

dl.fakeTable dd {
    padding: 0.5em 0.5em 0.5em 6.2em;
    margin: -2.6em 0 0;
    /*white-space: nowrap;*/
    text-align:left;
    border-bottom: 1px solid #666;
}


/*
-------------------------------------------------------------------------------
COMMON MODULES
-------------------------------------------------------------------------------*/

div.inner {
    margin: 0 auto;
    position: relative;
    width: 970px;
    text-align: left;
}

div#header, div#content, div#forum, div#footer { width: auto; }

/*
-------------------------------------------------------------------------------
AD SUPER TOP
-------------------------------------------------------------------------------*/

div#ad-super-top { width: auto: }

div#ad-super-top div.inner {
    width: 728px;
    height: 90px;
    text-align: center;
    border: 2px solid #DDD;
    border-top: none;
}

div#ad-super-top div.inner a {
    text-decoration: none;
    line-height: 1.0;
}

/*
-------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------*/

#header { position: relative; }

#header div.inner {
    text-align: center!important;
}

/*
INFO NAV
-------------------------------------------------------------------------------*/

div#infoNav {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    font-weight: bold;
    z-index: 99;
}

div#lang, div#info, div#control {
    width: 60px;
    height: auto;
    font-size: 12px;
    float: left;
    display: inline;
    overflow: hidden;
    font-weight: bold;
    text-align: left;
    padding-right: 5px;
}
div#lang a, div#info a, div#control a {
    text-align: left;
    color: #000;
    white-space: nowrap;
}

div#lang a:hover, div#info a:hover, div#control a:hover { color: #FFF; }

ul#langInner, ul#infoInner {
    text-align: left;
    font-size: 0.9em;
    padding: 5px 10px 0 6px;
    line-height: 1.5;
    display: none;
}

a#open-lang, a#open-info, a#pauseButton {
    display: block;
    border-left: 1px solid #000;
    padding: 10px 10px 0 5px;
}

/*
LOGO
-------------------------------------------------------------------------------*/

div#logoBox {
    width: 305px;
    height: 70px;
    margin: 0 auto;
}

div#logoBox h1 a {
    background: url(../img/common/logo_110709.png) 0 0 no-repeat;
    width: 285px;
    height: 70px;
    display: block;
    text-indent: -7777em;
    overflow: hidden;
}

div#logoBox h1 a:hover { background: url(../img/common/logo_110709_hover.png) 0 0 no-repeat; }

* html div#logoBox h1 a {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/common/logo_110709.png', sizingMethod=crop);
    cursor: pointer;
}

* html div#logoBox h1 a:hover {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/common/logo_110709_hover.png', sizingMethod=crop);
}

/*
GLOBAL NAVIGATION
-------------------------------------------------------------------------------*/

ul#globalNav {
    position: absolute;
    bottom: 0;
    left: 146px;
    height: 33px;
}

ul#globalNav li {
    float: left;
    position: relative;
    margin-right: 1px;
    display: inline;
}

ul#globalNav li a {
    float: left;
    position: relative;
    height: 33px;
    overflow: hidden;
    text-indent: -7777em;
    display: block;
    background-image: url(../img/common/globalnav_090205.gif);
    background-repeat: no-repeat;
    opacity: 0.60; /* w3c */
    -moz-opacity: 0.60;
    filter: alpha(style=0, opacity=60); /* ie */
}

ul#globalNav li#gnHome a {
    background-position: 0px -33px;
    width: 65px;
}

ul#globalNav li#gnHome a:hover { background-position: 0px -66px; }

ul#globalNav li#gnHome.current a { background-position: 0px 0px; }

ul#globalNav li#gnStre a {
    background-position: -67px -33px;
    width: 94px;
}

ul#globalNav li#gnStre a:hover { background-position: -67px -66px; }

ul#globalNav li#gnStre.current a { background-position: -67px 0px; }

ul#globalNav li#gnPost a {
    background-position: -163px -33px;
    width: 54px;
}

ul#globalNav li#gnPost a:hover { background-position: -163px -66px; }

ul#globalNav li#gnPost.current a { background-position: -163px 0px; }

ul#globalNav li#gnNewl a {
    background-position: -219px -33px;
    width: 86px;
}

ul#globalNav li#gnNewl a:hover { background-position: -219px -66px; }

ul#globalNav li#gnNewl.current a { background-position: -219px 0px; }

ul#globalNav li#gnArti a {
    background-position: -307px -33px;
    width: 71px;
}

ul#globalNav li#gnArti a:hover { background-position: -307px -66px; }

ul#globalNav li#gnArti.current a { background-position: -307px 0px; }

ul#globalNav li#gnJobs a {
    background-position: -380px -33px;
    width: 53px;
}

ul#globalNav li#gnJobs a:hover { background-position: -380px -66px; }

ul#globalNav li#gnJobs.current a { background-position: -380px 0px; }

ul#globalNav li#gnMaga a {
    background-position: -435px -33px;
    width: 92px;
}

ul#globalNav li#gnMaga a:hover { background-position: -435px -66px; }

ul#globalNav li#gnMaga.current a { background-position: -435px 0px; }

ul#globalNav li#gnPodc a {
    background-position: -529px -33px;
    width: 77px;
}

ul#globalNav li#gnPodc a:hover { background-position: -529px -66px; }

ul#globalNav li#gnPodc.current a { background-position: -529px 0px; }

ul#globalNav li#gnBaza a {
    background-position: -608px -33px;
    width: 69px;
}

ul#globalNav li#gnBaza a:hover { background-position: -608px -66px; }

ul#globalNav li#gnBaza.current a { background-position: -608px 0px; }

ul#globalNav li a:hover {
    opacity: 1.00; /* w3c */
    -moz-opacity: 1.00;
    filter: alpha(style=0, opacity=100); /* ie */
}

ul#globalNav li.current a {
    border-bottom: 1px solid #FFF;
    color: #222;
    opacity: 1.0; /* w3c */
    -moz-opacity: 1.0;
    filter: alpha(style=0, opacity=100); /* ie */
}

ul#globalNav li.underCons a {
    opacity: 0.20; /* w3c */
    -moz-opacity: 0.20;
    filter: alpha(style=0, opacity=20); /* ie */
}

* html ul#navigation { bottom:-1px; }

ul#globalNav span.stars {
    width: 24px;
    height: 31px;
    position: absolute;
    top: -14px;
    left: -8px;
    display: block;
    background: url(../img/common/stars.png) 0 0 no-repeat;
    text-indent: -7777em;
    z-index: 10;
}

* html ul#globalNav span.stars {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/common/stars.png', sizingMethod=crop);
}

/*---------*/

#global-nav ul,
#local-nav ul {
    margin-left: 0!important;
}

#global-nav li,
#local-nav li {
    float: left;
    list-style: none;
    width: auto;
    padding-right: 15px;
}

#account-nav {
    position: absolute;
    top: 25px;
    right: 0;
}

#account-nav ul li {
    float: left;
    list-style: none;
    width: auto;
    padding-left: 15px;
}

#account-nav ul li a {
    font: normal 13px/1.0 'Century Gothic', Arial, Helvetica, sans-serif;
    border: none;
}

#global-nav {
    background-color: #000;
}

#global-nav ul {
    margin: 0 auto!important;
    width: 390px;
}

#global-nav li {
    margin: 0;
    padding: 0!important;
}

#global-nav li a {
    display: block;
    border: 1px solid #fff;
    border-bottom: none;
    padding: 7px 15px 9px;
    margin-right: 1px;
    background-color: #eee;
    color: #000;
    font: normal 13px/1.0 'Century Gothic', Arial, Helvetica, sans-serif;
    text-shadow: #fff 0 -1px 0;
}

#global-nav li.active a {
    background-color: #fff;
}

#global-nav li a:hover {
    background-color: #ddd;
    color: #000;
}

#global-nav li.active a:hover {
    background-color: #fff;
}

#global-nav .small {
    font-size: 10px;
    font-weight: bold;
}

#social {
    /*display: none;*/
    position: absolute;
    top: 10px;
    right: 0;
}

.google,
.facebook { float: left; }

/*
-------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------*/

div#content { background: #FFF url(../img/common/longBg.gif) center top repeat-y; }

div#content div.inner {
    background: #FFF;
    clear: both;
}

/*
-------------------------------------------------------------------------------
LOCAL NAVIGATION
-------------------------------------------------------------------------------*/

div#localNavBox { position: relative; }

div#localNavBox ul#localNav {
    padding: 20px 0 0;
    font-size: 10px;
    line-height: 1;
}

div#localNavBox ul#localNav li {
    float: left;
    margin-right: 10px;
    display: inline;
}

div#localNavBox ul#localNav li a {
    background: url(../img/streetsnap/category_btn_bg.gif) left center no-repeat;
    text-decoration: none;
    color: #666;
    padding-left: 20px;
    display: block;
}

div#localNavBox ul#localNav li a span {
    background: url(../img/streetsnap/category_btn_bg.gif) right center no-repeat;
    padding: 13px 0;
    text-decoration: none;
    color: #666;
    padding-right: 20px;
    display: block;
}

div#localNavBox ul#localNav li a:hover { background: url(../img/streetsnap/category_btn_hover_bg.gif) left center no-repeat; }

div#localNavBox ul#localNav li a:hover span { background: url(../img/streetsnap/category_btn_hover_bg.gif) right center no-repeat; }

div#localNavBox ul#localNav li.current a { background: url(../img/common/category_btn_current_bg.jpg) left center no-repeat; }

div#localNavBox ul#localNav li.current a span { background: url(../img/common/category_btn_current_bg.jpg) right center no-repeat; }

/*
TOPIC PATH
-------------------------------------------------------------------------------*/

div#topicPath {
    background-color: #CCC;
    position: relative;
}

div#topicPath div.inner {
    font-weight: bold;
    overflow: hidden; /*del 0429*/
    /*clear: both; del 0429*/
    /*float: none; del 0429*/
    height: 30px;
    width: 970px;
}

div#topicPath div.inner ul { }

div#topicPath div.inner li {
    display: inline;
    padding: 8px 10px 8px 20px;
    background: url(../img/common/topic-path-allow.gif) left 50% no-repeat;
    float: left;
    font-size: 12px;
    color: #888;
    text-transform: capitalize;
}

div#topicPath div.inner li a { color: #757575; }

div#topicPath div.inner li a:hover { color: #333; }

div#topicPath div.inner li.home {
    background: none;
    padding:  0;
}

div#topicPath div.inner li.home a {
    width: 100px;
    height: 12px;
    background: url(../img/common/topic-path-logo.gif) 0 50% no-repeat;
    margin: 0;
    padding:  8px 10px 8px 0;
    float: left;
    text-indent: -7777em;
}

div#topicPath div.inner li.home a:hover { background: url(../img/common/topic-path-logo-hover.gif) 0 50% no-repeat; }

/*
RECENT SNAP
-------------------------------------------------------------------------------*/

div#recent_snap {
    width: 960px;
    padding: 10px 0 30px;
    clear: both;
    float: none;
}

div#recent_snap a { border: none!important; }

div#recent_snap h2 {
    color: #0066FF!important;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

div#recent_snap div.box_inner {
    width: auto;
    height: auto;
}

div#recent_snap div.recent_pic {
    padding: 0 1px 0 0;
    margin: 0;
    float: left;
    width: 46px;
    height: 68px;
}

div.recent_pic a { display: block; }

div.recent_pic a:hover {
    position: relative;
    text-decoration: none;
}

div.recent_pic a:focus {
    position: relative;
    text-decoration: none;
}

div.recent_pic img {
    display: block;
    vertical-align: bottom;
}

div.recent_pic span { display: none; }

div.recent_pic span.tooltip, div.recent_pic span.title, div.recent_pic span.model_name {
    color: #FFF;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

div.recent_pic span.tooltip {
    background: #000;
    display: none;
    bottom: 0;
    /*left: 47px;*/
    left: -146px;
    min-height: 64px;
    padding: 2px 3px;
    position: absolute;
    width: 140px;
    font-size: 11px;
}

* html div.recent_pic span.tooltip {
    height: 64px;
}

div.recent_pic a.active span.tooltip { display: block; }

div.recent_pic span.title {
    font-weight:normal;
    min-height: 38px;
    padding: 0.4em 8px 0.2em;
}

div.recent_pic span.model_name {
    border-top: 1px solid #333;
    font-size: 10px;
    color: #666;
    padding: 0.2em 8px 0;
    text-align: left;
}

div#recent_snap div.more {
    float: right;
    width: 45px;
    height: 68px;
}

div#recent_snap div.more a {
    display: block;
    background: url(../img/common/more_btn.gif) 0 0 no-repeat;
    width: 45px;
    height: 68px;
    text-indent: -999em;
    overflow: hidden;
}

div#recent_snap div.more a:hover { background: url(../img/common/more_btn.gif) -45px 0 no-repeat; }

/*
BOTTOM BAR */

div#bottomBar div.inner div#recent_snap h2 {
    margin-bottom: 20px;
}

div#bottomBar div.inner div#recent_snap {
    width: 945px;
    padding: 30px 0 10px 15px;
}

*:first-child+html div#bottomBar div.inner div#recent_snap { height: 120px; }

/*
-------------------------------------------------------------------------------
SITE MAP
-------------------------------------------------------------------------------*/

div#sitemap div.inner {
    overflow: hidden;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 970px;
    font-size: 0.8em;
    min-height: 1px;
}

div#sitemap ul {
    margin: 0 0 5px;
    min-height: 1px;
    clear: both;
    float: none;
}

div#sitemap ul a {
    color: #999;
    vertical-align: middle;
}

div#sitemap ul a:hover { color: #0099FF; }

div#sitemap ul li {
    float: left;
    height: 1.2em;
    white-space: nowrap;
    padding: 0 10px 0 10px;
    margin: 0 0 5px;
    border-left: 1px solid #555;
}

div#sitemap ul li em {
    color: #0066FF;
    font: bold 13px/1.0 Arial, Helvetica, sans-serif;
}

div#sitemap ul li.title {
    width: 10em;
    border: none;
    padding-left: 0;
}

div#sitemap ul li.feed {
    background: url(../img/common/feed.gif) right bottom no-repeat;
    padding-right: 17px;
    margin-right: 10px;
}

div#sitemap ul li.out {
    background: url(../img/common/out.gif) right 50% no-repeat;
    padding-right: 17px;
}

div#sitemap ul li span {
    font: bold 10px/1.0 Arial, Helvetica, sans-serif;
    padding-left: 5px;
}

div#sitemap ul li span.mNew { color: #FFFF66; }

div#sitemap ul li span.mHot { color: #FFFF66; }

div#sitemap p.siteDesc {
    color: #DDD;
    font-size: 1.2em!important;
    padding-bottom: 15px;
}

div#naka { display: none; }

/*
-------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------*/

div#footer {
    background: #222 url(../img/common/longBg2.gif) center top repeat-y;
    display: block;
    overflow: hidden;
    clear: both;
    float: none;
}

div#footer div.inner {
    padding: 15px 0;
    font-size: 0.85em;
    color: #555;
    background: #222;
}

/*
ADDRESS */

div#footer div.inner address {
    font-style: normal;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

div#footer div.inner address span#c {
    color: #888;
    padding: 0 0 5px;
    display: block;
}

div#footer div.inner address span#tm {
    color: #555;
    display: block;
}

/*
-------------------------------------------------------------------------------
PAGES
-------------------------------------------------------------------------------*/

.pages {
    padding: 0 20px 0 20px;
    height: 55px;
    clear: both;
    float: none;
    font: bold 16px/1.0 Arial, Helvetica, sans-serif;
    /*text-align: right;*/
}

*:first-child+html .pages { margin-top: 20px; }

* html .pages { padding-bottom: 20px; }

.pages a, .pages span {
    float: left;
    display: inline;
    padding: 0.4em 0.5em;
    margin: 0.01em 0 0.01em 0.05em;
    border: 1px solid #fff;
    background: #fff;
    position: relative;
    letter-spacing: -0.05em;
}

.pages span.sep {
    float: left;
}

.pages span.current {
    /*border: 1px solid #666;*/
    border: none;
    font: bold 25px/1.0 Arial, Helvetica, sans-serif;
    /*background: #666;*/
    /*color: #fff;*/
    color: #666;
    padding: 0 6px 0;
    margin-top: 3px;
}

.pages span.prevnext {
    border: 1px solid #FFF;
    color: #999;
    padding: 0.4em 0.8em;
}

.pages a {
    border: 1px solid #DDD;
    text-decoration: none;
}

.pages a:hover {
    border-color: #0066FF;
    color: #333;
}

.pages a.prevnext, .pages .prevnext {
    font-weight: bold;
    color: #0066FF;
    /*padding: 0.4em 0.8em;*/
    /*background: #DDD;*/
    /*border-color: #666;*/
    padding: 0!important;
    border: none;
    float: left;
    display: inline;
    text-indent: -7777em;
    overflow: hidden;
    background-image: url(../img/common/page_next_prev.gif);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
}

.pages a:hover.prevnext {
    /*border-color: #000;
    background: #333;*/
    color: #0066FF;
}

.pages #pNext { background-position: -60px 0px; }

.pages a#pNext { background-position: 0px 0px; }

.pages a:hover#pNext { background-position: -30px 0px; }

.pages #pPrev { background-position: -60px -30px; }

.pages a#pPrev { background-position: 0px -30px; }

.pages a:hover#pPrev { background-position: -30px -30px; }

/*
-------------------------------------------------------------------------------
HIGHTSLIDE
-------------------------------------------------------------------------------*/

.highslide {
    cursor: url(http://static.scrapture.org/js/highslide/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

body.detail .highslide img {
    background: none;
    border: 1px #FFF solid;
    padding: 0;
}

body.detail .highslide:hover img {
    border: 1px solid #0066FF;
    padding: 0;
}

.highslide-image {
    cursor: pointer; /* opera */
    cursor: url(http://static.scrapture.org/js/highslide/highslide/graphics/zoomout.cur), pointer;
    border: 2px solid white;
}

.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}

.highslide-caption {
    display: none;
    border: 2px solid #000000;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-display-block { display: block; }

.highslide-display-none { display: none; }

/*.highslide-loading {
    display: block;
    color: white;
    font-style: 'MS Sans Serif';
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    opacity: 0.60;
    filter: alpha(opacity=60);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    padding-left: 22px;
    background-image: url(http://scrapture.org/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}*/

.highslide-loading {
    display: block;
    width: 32px;
    height: 32px;
    padding: 10px;
    text-indent: -7777em;
    opacity: 0.60; /* w3c */
    filter: alpha(opacity=60); /* ie */
    background-color: black;
    background-image: url(../js/highslide/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

a.highslide-credits, a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
    display:none;
}

a.highslide-credits:hover, a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

/* Controlbar example */
.controlbar {
    margin-left: 60px;
    background: url(../js/highslide/highslide/graphics/controlbar2.gif);
    width: 210px;
    height: 32px;
}

.controlbar a {
    display: block;
    float: left;
    margin: 0 0 0 5px;
    height: 30px;
    width: 42px;
}

/*
-------------------------------------------------------------------------------
RATING
-------------------------------------------------------------------------------*/

.rateStar { position: relative; }

.ratingblock {
    width: 95px;
    height: 14px;
    display: block;
    overflow: hidden;
}

.ratingblock .loading {
    height: 14px;
    background: url(../img/rate/loading.gif) 50% 50% no-repeat;
}

.ratingblock .unit-rating { /* the UL */
    height: 14px;
    position: relative;
    background: url(../img/common/hart-rating_080407.gif) top left repeat-x;
}

.ratingblock .unit-rating li {
    text-indent: -7777em;
    /*\*/
    float: left;/* */
}

.ratingblock .unit-rating li a {
    outline: none;
    display:block;
    width: 16px;
    height: 14px;
    text-decoration: none;
    text-indent: -7777em;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.ratingblock .unit-rating li a:hover {
    background: url(../img/common/hart-rating_080407.gif) left -15px;
    z-index: 2;
    left: 0px;
}

.ratingblock .unit-rating a.r1-unit { left: 0px; }

.ratingblock .unit-rating a.r1-unit:hover { width: 16px; }

.ratingblock .unit-rating a.r2-unit { left: 16px; }

.ratingblock .unit-rating a.r2-unit:hover { width: 32px; }

.ratingblock .unit-rating a.r3-unit { left: 32px; }

.ratingblock .unit-rating a.r3-unit:hover { width: 48px; }

.ratingblock .unit-rating a.r4-unit { left: 48px; }

.ratingblock .unit-rating a.r4-unit:hover { width: 64px; }

.ratingblock .unit-rating a.r5-unit { left: 64px; }

.ratingblock .unit-rating a.r5-unit:hover { width: 80px; }

.ratingblock .unit-rating li.current-rating {
    background: url(../img/common/hart-rating_080407.gif) left -30px;
    position: absolute;
    height: 14px;
    display: block;
    text-indent: -7777em;
    z-index: 1;
}

.ratingblock .voted {
    color:#999;
    width: 80px;
}

.ratingblock .thanks {
    background: url(../img/common/thankU.gif) 0 0 no-repeat;
    width: 80px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 23px;
    text-indent: -7777em;
    overflow: hidden;
    z-index: 3;
    opacity: 0.80; /* w3c */
    -moz-opacity: 0.80;
    filter: alpha(style=0, opacity=80); /* ie */
}

.monomania-banner {
    background-image: url(../img/temp/monomania/monomania-banner.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 168px;
    height: 50px;
    position: absolute;
    top: 210px;
    left: 0px;
    text-indent: -7777em;
    overflow: hidden;
    z-index: 100;
    opacity: 0.50; /* w3c */
    -moz-opacity: 0.50;
    filter: alpha(style=0, opacity=50); /* ie */
}

.monomania-btn {
    width: 285px;
    height: 68px;
    overflow: hidden;
}

#article .monomania-btn { margin: 20px 0 0 15px; }
#gallery .monomania-btn { margin: 0 auto 20px; }

.monomania-btn a {
    background-image: url(../img/temp/monomania/monomania-btn.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 285px;
    height: 68px;
    text-indent: -7777em;
    overflow: hidden;
    display: block;
}

.monomania-btn a:hover {
    background-position: -285px 0px;
    cursor: pointer;
}

#warning-header {
    color: #333;
    background: #FFF;
}

#warning-header-title {
    text-align: center;
    padding: 10px;
    background-image: url(yellow_bg.jpg);
    background-position: top left;
    background-repeat: repeat-y;
    background-color: #EDC802;
    color: #FFF;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 17px;
    cursor: pointer;
}

#warning-header-title span { font-weight: normal; }

#warning-header-body {
    width: 900px;
    margin: 0 auto;
    background: #FFF;
    padding: 15px;
    text-align: left;
    line-height: 1.7;
    font-size: 14px;
}

#warning-header-body em { font-weight: bold; }

#warning-header a {
    color: #998101;
    border-bottom: 1px solid #998101;
    text-decoration: none;
}

#warning-header ul {
    list-style-type: circle;
    padding: 0 0 0 15px;
}

#warning-header-links {
    padding: 10px 15px;
    border: 3px solid #EDC802;
    margin: 10px 0;
    background-color: #FEFAE2;
}

#warning-header-links p {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

#save-japan {
    text-align: center;
    padding-top: 10px;
}

#save-japan a { border: none; }

#view-type {
    padding: 10px 0 10px;
    color: #666;
}

#view-type a {
    color: #fff;
}