@charset "UTF-8";
/* ------------------------------------------------------------------------- */
/*
 *  bootstrap-config.css
 *
 *  Copyright (c) 2012, clown. All rights reserved.
 *
 *  Redistribution and use in source and binary forms, with or without
 *  modification, are permitted provided that the following conditions
 *  are met:
 *
 *    - Redistributions of source code must retain the above copyright
 *      notice, this list of conditions and the following disclaimer.
 *    - Redistributions in binary form must reproduce the above copyright
 *      notice, this list of conditions and the following disclaimer in the
 *      documentation and/or other materials provided with the distribution.
 *    - No names of its contributors may be used to endorse or promote
 *      products derived from this software without specific prior written
 *      permission.
 *
 *  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 *  "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 *  LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 *  A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 *  OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 *  SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 *  TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 *  PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 *  LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 *  SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 *  Last-modified: Fri 11 Jun 2010 02:36:00 JST
 */
/* ------------------------------------------------------------------------- */
body, div.container-fluid, p, table, input, textarea {
    font-family             : 'Times New Roman', 'Times', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size               : 14px;
    line-height             : 1.4;
    color                   : #222222;
}

.component {
    margin-bottom           : 1em;
}

ul.buttons {
    list-style              : none;
    margin                  : 0;
    padding                 : 0;
    border                  : 0;
    overflow                : hidden;
}

ul.buttons > li {
    float                   : left;
    margin                  : 0 5px 5px 0;
}

.row-fluid > .span6 {
    width                   : 48%;
    margin                  : 1em 1% 1em 0;
}

h2 {
    line-height             : 1.2;
}

h2.japanese {
    font-size               : 20px;
}

.description {
    max-width               : 50em;
}

.detail {
    text-align              : right;
}

.contents-buffer {
    width                   : 100%;
    float                   : left;
    margin-right            : -210px;
    padding                 : 0;
    border                  : 0;
}

.contents {
    margin                  : 1em 1em 1em 0;
    margin-right            : 240px;
    padding                 : 0;
    border                  : 0;
    position                : relative;
    overflow                : hidden;
}

.sidebar {
    width                   : 210px;
    float                   : right;
    display                 : inline;
    margin                  : 1em 0;
    padding                 : 0;
    border                  : 0;
    position                : relative;
    overflow                : hidden;
}

.hero-unit {
  background-image          : -moz-linear-gradient(top, #cccccc, #eeeeee);
  background-image          : -ms-linear-gradient(top, #cccccc, #eeeeee);
  background-image          : -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#eeeeee));
  background-image          : -webkit-linear-gradient(top, #cccccc, #eeeeee);
  background-image          : -o-linear-gradient(top, #cccccc, #eeeeee);
  background-image          : linear-gradient(top, #cccccc, #eeeeee);
  background-repeat         : repeat-x;
}

.hero-unit > p {
    font-size               : medium;
}

.hero-unit > h1 {
    font-size               : xx-large;
}

.navbar-top .navbar-inner,
.navbar-bottom, .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
    overflow                : hidden;
}

.navbar-bottom {
    margin-top              : 1em;
    margin-bottom           : 0;
    padding-bottom          : 0;
}

.navbar-bottom > .navbar-inner {
    padding-top             : 0.5em;
    padding-bottom          : 0;
    overflow                : hidden;
    color                   : #ffffff;
    text-align              : center;
}

.article {
    overflow                : hidden;
}

.article-image {
    float                   : left;
    margin-right            : 1em;
    overflow                : hidden;
}

.article-summary {
    overflow                : hidden;
}

.smb-horizontal {
    height                  : 25px;
    margin-bottom           : 5px;
}

.smb-horizontal div {
    margin-right            : 0.5em;
    margin-top              : 4px;
    float                   : left;
}

@media screen and (max-width:600px) {
    .hero-unit {
        padding                 : 1em 0.5em;
    }
    
    .container-fluid {
        padding                 : 0.5em;
    }
    
    .contents-buffer {
        display                 : block;
        width                   : 100%;
        margin                  : 0;
        padding                 : 0;
        border                  : 0;
    }
    
    .contents {
        margin                  : 0;
        padding                 : 0;
        border                  : 0;
    }
    
    .sidebar {
        display                 : none;
    }
}