@charset "utf-8";

/* 新スタイルシート */

/* デフォルト設定 */

body {
    color: white;
    background-color: #333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link {
    color: #ddd;
}
a:visited {
    color: #aaa;
}
a:hover {
    background-color: #161;
}
a:active {
    background-color: #222;
}

a:link img, a:visited img, a:active img {
    border-style: solid;
    border-width: 2px;
}

/* 全体構造 */

#container {
    background-image: url(grad.gif);
    background-position: top right;
    background-repeat: repeat-y;
}

#column {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    float: left;
    width: 100%
}

#main {
    width: 100%;
    margin-right: -190px;
    float: left;
    background-image: url(grad.gif);
    background-position: top right;
    background-repeat: repeat-y;
}

#inner {
    padding: 8px;
    margin-right:190px;
}

#linktable {
    float: left;
    width: 100%;
}

#toptable {
    margin: 0px 0px 0px 150px;
}

#sidebar {
    width: 190px;
    float: left;
    text-align: justify;
/*    text-justify: auto; */ /* CSS3 */
}

#calendar {
    width: 150px;
    float: left;
}

#footer {
    clear: both;
    width: 100%;
    background-color: #333;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: white;
}

#warn {
    width: 100%;
}

#warn p {
    margin: 8px;
    font-size: 8pt;
}

#footer address {
    margin: 8px;
    text-align: right;
}

#footer .lastmod {
    text-align: right;
    font-size: 70%;
}

/* サイドバー */

.amazon {
    width: 170px;
    font-size: 9pt;
    margin: 10px auto 10px;
}

.amazon .title {
    font-size: 120%;
    text-align: left;
}

.amazon hr {
    border-color: white;
    border-width: 1px;
    border-style: solid;
    height: 2px;
}

.amazon .reldate {
    text-align: right;
    font-size: 90%;
}

.amazon .minialogo {
    text-align: center;
}

.amazon .cover {
    text-align: center;
}

.cover a:link img, .cover a:visited img, .cover a:active img {
    border-width: 0px;
}

.minialogo a:link img, .minialogo a:visited img, .minialogo a:active img {
    border-width: 0px;
}

.google {
    width: 165px;
    font-size: 9pt;
    margin: 10px auto 10px;
}

.googles {
    width: 125px;
    font-size: 9pt;
    margin: 10px auto 10px;
}

.googlefoot {
    margin: 4px;
    padding: 8px;
    text-align: center;
}

.rakuten {
    width: 165px;
    font-size: 9pt;
    margin: 10px auto 10px;
}

.rakuten .rakutenimg {
    text-align: center;
}

.rakutenimg a:link img, .rakutenimg a:visited img, .rakutenimg a:active img {
    border-width: 0px;
}

.rakuten .title {
    text-align: left;
    font-weight: bold;
    font-size: 105%;
}

.rakuten .rlogo {
    text-align: center;
}

.rlogo a:link img, .rlogo a:visited img, .rlogo a:active img {
    border-width: 0px;
}

#sidebar .ranking {
    margin: 8px;
}

#sidebar h2.ranking {
    font-size: 80%;
}

#sidebar p.ranking {
    font-size: 70%;
}

#sidebar .rankitem {
    margin: 4px;
    font-size: 70%;
    line-height: 1.2em;
    clear: left;
}

#sidebar .rankitem .rankpic {
    width: 88px;
    float: left;
}

#totalrank .rankitem {
    width: 180px;
    height: 90px;
    float: left;
    font-size: 60%;
}

#totalrank .rankitem .rankpic {
    width: 88px;
    float: left;
}


/* カレンダー */
#calendar h2 {
    font-size: 100%;
}

#calendar table {
    font-size: 80%;
}

#calendar table th {
    padding-top: 8px;
    font-size: 110%;
    border-style: none none solid none;
    border-width: 2px;
    border-color: #777;
    text-align: center;
}

#calendar table td {
    text-align: center;
}

#calendar .calyear {
    width: 100%;
}

#calendar .calmonth {
    width: 25%;
}

.validator a:link img, .validator a:visited img, .validator a:active img {
    border-width: 0px;
}

.validator a:hover {
    background-color: transparent;
}

.toplinksyn {
    margin: 8px auto 8px auto;
    text-align: center;
    font-size: 60%;
}

.toplinksyn a:link img {
    border-color: #ddd;
}

.toplinksyn a:visited img {
    border-color: #aaa;
}

.toplinksyn a:active img {
    border-color: #ddd;
}

.twitter {
    padding: 10px;
}

.misclink {
    font-size: 70%;
}

.selfintro {
    text-align: justify;
    font-size: 70%;
    width: 90%;
}

.tagslist {
    text-align: justify;
    font-size: 70%;
    width: 90%;
}

.selfintro strong {
    font-size: 110%;
}

/* ナビ */
.navi {
    margin: 3em 0 1em;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 90%;
}

.naviprev {
    position: absolute;
    width: 40%;
    top: auto;
    left: 0px;
    text-align: left;
}

.navinext {
    position: absolute;
    width: 40%;
    top: auto;
    right: 0px;
    text-align: right;
}

/* タイトル */
.date {
    position: relative;
}

.date .mininavi {
    position: absolute;
    right: 0px;  /* IE6 hack in diary2-ie6.css */
    top: auto;
}

.mon .wday, .tue .wday, .wed .wday, .thu .wday, .fri .wday {
}

.sat .wday {
    color: #bbf;
}

.sun .wday, .hol .wday {
    color: #fbb;
}

#title {
     position: relative;
}

#title h1 {
    font-size: 180%;
    border-style: solid;
    border-width: 0 0 4px 0;
    padding: 0 128px 0 0;
    border-color: white;
}

#title .feed {
    position: absolute;
    top: 5px;
    right: 10px;  /* IE6 hack in diary2-ie6.css */
    width: 110px;
    margin: 0;
}

#title .feed a {
    vertical-align:middle;
}

.feed a:link img, .feed a:visited img, .feed a:active img {
    border-width: 0px;
}

/* 基本的エレメント */
p {
    font-size: 100%;
    line-height: 1.5em;
}

#inner p a:link {
    color: #beb;
}

#inner p a:visited {
    color: #8b8;
}

#inner #linktable a:link {
    color: #ddd;
}

#inner #linktable a:visited {
    color: #aaa;
}

kbd, code {
    font-family: Courier, monospace;
}

pre {
    font-family: Courier, monospace;
    width: 95%;
    margin: 0.5em auto;
}

pre.cli, pre.file {
    padding: 4px;
    overflow: auto;
    background-color: #ddd;
    color: black;
}

pre kbd {
    text-decoration: underline;
    color: #822;
}

pre strong {
    color: #822;
}

pre em {
    font-style: normal;
    color: #161;
}


/* blockquote */
blockquote.web {
    background-color: #444;
    padding: 0.5em;
}

/* figure */
.figure {
    text-align: center;
}

.figure img {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

/* warning */
.warning {
    color: #faa;
    width: 90%;
    margin: 0.5em auto;
    padding: 0.5em 1em;
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    background-color: #222;
}

.warning h2 {
    text-align: center;
}

/* notify */
.notify {
    width: 90%;
    margin: 0.5em auto;
    padding: 0.5em 1em;
    border-width: 1px;
    border-style: dashed;
    border-color: #aaa;
    font-size: 85%;
}

.notify h2 {
    font-size: 95%;
    padding: 0;
    color: #ffc;
}

/* youtube */
.youtube {
    text-align: center;
}

/* iTunes Store */
a:link img.itunes, a:visited img.itunes, a:active img.itunes {
    border-width: 0;
}

/* valuecommerce */
a:link img.vc, a:visited img.vc, a:active img.vc {
    border-width: 0;
}

/* 追記 */
#inner .add {
    color: #fcc;
    margin-left: 5%;
}

#inner .add a:link {
    color: #dbb;
}

#inner .add a:visited {
    color: #a77;
}

#inner .add a:hover {
    background-color: #633;
}

#inner .add a:active {
    color: #a77;
}

/* 警告 */
.warn {
    color: #faa;
}

/* 重要 */
.important {
    color: #faa;
}

/* 月表示、トップ表示 */

#toptable h2 {
    font-size: 110%;
}

#toptable ul {
    font-size: 85%;
}

.monthtable, .toptable, .tagtable {
    width: 98%;
    margin: auto;
    table-layout: fixed;
    font-size: 95%;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    border-collapse: collapse;
    line-height: 1.3em;
}

.monthtable, .tagtable {
    width: 100%;
}

.monthtable td, .toptable td, .tagtable td {
    padding: 2px;
}
.monthtable .mdate {
    width: 6em;
}

.toptable .mdate, .tagtable .mdate {
    width: 9em;
}

.monthtable .stripe0, .toptable .stripe0, .tagtable .stripe0 {
    background-color: #222;
}

.monthtable .stripe1, .toptable .stripe1, .tagtable .stripe0 {
    background-color: #444;
}

.newmark {
    color: #fcc;
}

/* 表 */

/* widthはHTML側で設定して */
.itable {
    margin: auto;
    border-collapse: collapse;
}

.itable th, .itable td {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    padding: 2px 8px;
}

.itable th {
    background-color: #666;
}

.itable .num {
    text-align: right;
}


/* 動画 */
a.movie:link img {
    border-color: #ddd;
}

a.movie:visited img {
    border-color: #aaa;
}

a.movie:active img {
    border-color: #222;
}

/* coppermine */
a.coppermine:link img {
    border-color: #ddd;
}

a.coppermine:visited img {
    border-color: #aaa;
}

a.coppermine:active img {
    border-color: #222;
}

/* Highslide.js */
.highslide {
    cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

a.highslide:link img {
    border-color: #ddd;
}

a.highslide:visited img {
    border-color: #aaa;
}

a.highslide:active img {
    border-color: #ddd;
}

.highslide-wrapper {
    background: white;
}

/* 
.highslide-wrapper .highslide-html-content {
    width: 680px;
    padding: 5px;
}

.highslide-wrapper .highslide-header div {
    font-size: small;
}

.highslide-wrapper .highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.highslide-wrapper .highslide-header ul li {
    display: none;
}

.highslide-wrapper .highslide-body {
    margin-top: 20px;
}

.highslide-wrapper .highslide-footer {
    height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
    float: right;
    height: 11px;
    width: 11px;
    background: url(/highslide/graphics/resize.gif);
}

.highslide-wrapper .highslide-body {
}
*/

.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
    display: none;
}

a.highslide-full-expand {
    background: url(/highslide/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}

.controlbar {	
    background: url(/highslide/graphics/controlbar4.gif);
    width: 167px;
    height: 34px;
}

.controlbar a {	
    display: block;
    float: left;
    height: 27px;
    text-decoration: none;  
}

/* needed for IE's */
.controlbar a:active {
    background-color: transparent;
}

.controlbar a:hover {
    background-image: url(/highslide/graphics/controlbar4-hover.gif);
    background-color: transparent;
}

.controlbar .previous {
    width: 50px;
}

.controlbar .next {
    width: 40px;
    background-position: -50px 0;
}

.controlbar .highslide-move {
    width: 40px;
    background-position: -90px 0;
}

.controlbar .close {
    width: 36px;
    background-position: -130px 0;
}

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

.highslide-caption a:link, .highslide-caption a:visited, .highslide-caption a:active {
    color: #444;
}

.highslide-caption a:hover {
    background-color: #ffa;
}

.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    color: white;
    background-color: black;
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

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

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

/* 物理指定に近いもの */

.large {
    font-size: xx-large;
}