@charset "utf-8";
/*
-------------------------------------------------------------------------------
SNAP
-------------------------------------------------------------------------------*/
div.wrapper {
    padding: 10px 0 20px;
    clear: both;
    float: none;
    width: auto;
    line-height: 1;
}

div.snap {
    width: 194px;
    height: 300px;
    float: left;
    position: relative;
    display: inline;
}

div.swsAd {
    width: 300px;
    height: 270px;
    overflow: hidden;
    text-align: center;
    float: left;
    display: inline;
    padding: 15px 15px 0;
    background: #EEE url(../img/ad/adsbyglam_300.gif) center 272px no-repeat;
    margin: 10px 16px 10px;
}

div.snap div.pic {
    padding: 9px 9px 9px 0;
    /*background: url(../img/streetsnap/picHover.gif) right 0 no-repeat;*/
    position: absolute;
}

/*div.snap .highslide:hover img { padding: 9px 9px 9px 0; }*/

div.snap span.hide {
    position: absolute;
    right: 17px;
    top: 0;
    width: 9px;
    height: 269px;
    text-indent: -7777em;
    overflow: hidden;
    background: url(../img/streetsnap/hide.gif) 0 0 repeat;
    z-index: 99;
    display: block;
}

div.snap div.pic span.cCount {
    position: absolute;
    left: 140px;
    bottom: 10px;
    width: 24px;
    height: 22px;
    padding-top: 3px;
    z-index: 99;
    display: block;
    text-align: center;
    background: url(../img/streetsnap/comments_count_bg.png) 0 0 no-repeat;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 1;
}

* html div.snap div.pic span.cCount {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/streetsnap/comments_count_bg.png', sizingMethod=crop);
}

/*
SHOW ICON */

span.new {
    position: absolute;
    background: url(../img/common/new_ribbon.png) 0 0 no-repeat;
    text-indent: -999em;
    width: 29px;
    height: 44px;
    left: -20px;
    top: 15px;
    cursor: pointer;
    display: block;
    z-index: 99;
}

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

/*
RATE */

.rateStar {
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 5px 0 0 25px;
    width: 168px;
}

.ratingblock .thanks { left: 25px; }

.moreView a {
    text-indent: -7777em;
    background: url(../img/streetsnap/more.png) 0 0 no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: -4px;
    right: 50px;
    cursor: pointer;
}

* html .moreView a {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/streetsnap/more.png', sizingMethod=crop);
}

.moreView a:hover { background: url(../img/streetsnap/moreHover.png) 0 0 no-repeat; }

* html .moreView a:hover {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/streetsnap/moreHover.png', sizingMethod=crop);
}

/*
-------------------------------------------------------------------------------
DASHBOARD
-------------------------------------------------------------------------------*/
#dashboard {
    width: 910px;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 20px 0 18px;
    border-bottom: 1px solid #CCC;
    background: #EEE;
    display: block;
    min-height:1px;
　/* IE 7対策 */
}

#dashboardInner {
    text-align: left;
    margin: 0 auto;
    padding: 0 0 0 17px;
    display: block;
}

.dashboardBox {
    width: 260px;
    float: left;
    padding: 0 30px 0 0;
}

.dashboardBoxWide {
    width: 260px;
    overflow: hidden;
    float: left;
    padding: 17px;
    border: 1px solid #CCC;
    background: #FAFAFA;
}

.dashboardBoxWide .announce {
    margin: 10px 0 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #CCC;
    line-height: 1.3em;
}

.dashboardBoxWide .announce h3 { padding-bottom: 10px; }

.dashboardBox p.description, .dashboardBoxWide p.description {
    padding-bottom: 10px;
    margin-bottom: 1em;
}

.dashboardBox p.description {
    border-bottom: 1px solid #FFF;
    background: url(../img/common/BG/footerBoxHeaderBg.jpg) center bottom no-repeat;
}

.dashboardBoxWide p.description {
    border-bottom: 1px solid #CCC;
    background: url(../img/common/BG/footerBoxWideHeaderBg.jpg) center bottom no-repeat;
}

.dashboardBoxWide .announce img {
    float: right;
    padding: 0 0 0 10px;
}

.dashboardBoxWide .announce .submitMail {
    width: 160px;
    border: 1px solid #CCC;
    margin-bottom: 5px;
}

#dashboardNav {
    display: block;
    height: 350px;
    background: #999;
    margin: 20px 20px 0 0;
    padding: 20px;
    float: none;
    overflow: hidden;
}

#dashboardNav h4 { padding-bottom: 8px; }

#dashboardNav #sponsore {
    height: 135px!important;
    color: #FFF;
}

#dashboardNav #sponsore .sponsoreBox {
    display: block;
    margin: 0 10px 0 0;
    float: left;
}

#dashboardNav div.dashboardNavBox {
    display: block;
    width: 200px;
    margin: 0 10px 0 0;
    float: left;
}

/*
-------------------------------------------------------------------------------
TAG CLOUD
-------------------------------------------------------------------------------*/
.module-tagcloud .module-content {
    line-height: 1.3;
    text-align: justify;
}

.module-tagcloud .module-content .module-list { list-style: none; }

.module-tagcloud .module-content .module-list .module-list-item {
    display: inline;
    padding: 0 3px 0 0!important;
}

.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }

.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }

.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }

.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }

.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }

.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

/*
-------------------------------------------------------------------------------
RECENTLY COMMENT
-------------------------------------------------------------------------------*/
.recentlyCommentPic:link img {
    float: left;
    border: 5px solid #FFF;
    margin: 0 10px 0 0;
}

.recentlyCommentPic:hover img { border: 5px solid #000; }

div.recentlyCommentList {
    font-size: 0.8em;
    clear: both;
    float: none;
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
    min-height:1px;
　/* IE 7対策 */
}

.recentlyCommentPic img {
    float: left;
    border: 5px solid #FFF;
    margin: 0 10px 0 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
div.recentlyCommentList:after {
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

div.recentlyCommentList { display:inline-block; }

/* Mac IE には適用させない \*/
* html div.recentlyCommentList { height:1px; }

div.recentlyCommentList { display:block; }

/* */
/* .pkg class wraps enclosing block element around inner floated elements */

div.recentlyCommentList:hover { background: #FAFAFA; }

div.recentlyCommentList ul {
    line-height: 1.7!important;
    padding-top: 7px!important;
}

/*
-------------------------------------------------------------------------------
INFINITE SCROLL
-------------------------------------------------------------------------------*/
div#infscr-switcher {
    width: 95px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 875px;
}

div#infscr-switcher a {
    width: 95px;
    height: 36px;
    background-image: url(../img/common/switching.gif);
    background-position: 0px -74px;
    background-repeat: no-repeat;
    text-indent: -7777em;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

div#infscr-switcher a:hover { background-position: 0px -112px; }
div#infscr-switcher a:active { background-position: 0px 0px; }
div#infscr-switcher a.off { background-position: 0px 0px; }
div#infscr-switcher a.off:hover { background-position: 0px -37px; }
div#infscr-switcher a.off:active { background-position: 0px -74px; }

div#infscr-control {
    position: fixed;
    top: 50%;
    right: 10px;
    margin-top: -75px;
    width: 50px;
    height: 150px;
    overflow: hidden;
    text-align: center;
}

* html div#infscr-control { display: none; }

p#infscr-status {
    text-align: center;
    width: 50px;
}

span#infscr-current {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}

p#infscr-start,
p#infscr-end,
p#infscr-prev,
p#infscr-next {
    width: 31px;
    height: 24px;
    background-image: url(../img/common/page_next_prev2.gif);
    background-position: -10px -35px;
    background-repeat: no-repeat;
    text-indent: -7777em;
    overflow: hidden;
    margin: 5px 10px;
    cursor: pointer;
}

p#infscr-start,
p#infscr-end {
    width: 22px;
    height: 17px;
    margin: 5px 14px;
}

p#infscr-start { background-position: -14px -13px; }
p#infscr-end { background-position: -14px -96px; }
p#infscr-prev { background-position: -10px -35px; }
p#infscr-next { background-position: -10px -67px; }

div#infscr-loading { padding-bottom: 20px; }

/*
-------------------------------------------------------------------------------
RECENT ARTICLES
-------------------------------------------------------------------------------*/
div.recent-articles {
    width: 950px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #666;
}

div.recent-articles a img {
    vertical-align: middle;
    border: 3px solid #EEE;
}

div.recent-articles a:hover img { border-color: #DDD; }
div.recent-articles a { color: #2200CC; }
div.recent-articles a:hover { color: #196CCC; }
div.recent-articles span.cover { padding-right: 10px; }
div.recent-articles span.title a { border-bottom: 1px solid #2200CC; }
div.recent-articles span.title a:hover { border-color: #196CCC; }
div.recent-articles div.recent-article {
    width: 470px;
    float: left;
}

div.recent-articles span.new {
    text-indent: 0;
    position: static;
    background: none;
    display: inline;
    vertical-align: middle;
    color: #FFB100;
    font: bold 11px/1.0 Arial, Helvetica, sans-serif;
    padding-left: 3px;
    text-decoration: blink;
}

div.pages { padding-top: 20px; }

/*
-------------------------------------------------------------------------------
AD NEXT ONLY
-------------------------------------------------------------------------------*/
div.ad-next {
    width: 955px;
    overflow: hidden;
    margin: 5px 0 15px;
}

div.ad-next-only {
    width: 955px;
    text-align: left;
}

div.ad-next-only div.free {
    width: 210px;
    height: 90px;
    float: right;
    overflow: hidden;
}

div.ad-next-only div.free div.recent-articles {
    width: auto;
    height: auto;
    padding: 0;
}

div.ad-next-only div.free div.recent-articles div.recent-article {
    font-size: 11px;
    width: auto;
    height: auto;
    padding: 0 0 10px;
    float: none;
    clear: both;
}

div.ad-next-only div.free div.recent-articles div.recent-article span.cover {
    display: block;
    float: left;
    width: 28px;
    padding: 0;
}

div.ad-next-only div.free div.recent-articles div.recent-article span.title {
    display: block;
    float: right;
    width: 170px;
    line-height: 1.5;
}

div.ad-next-only div.glam728x90 {
    width: 728px;
    height: 90px;
    float: left;
    position: relative;
}

#whats-new {
    clear: both;
    color: #000;
    padding: 20px 0 5px;
}

#whats-new a {
    color: #2200CC;
    border-bottom: 1px solid #2200CC;
}