@charset "utf-8";

article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, details, summary { display: block; }
*{margin:0; padding:0; border:none;}
iframe { border: none; overflow: hidden; }
body
{
    background-color: #FFF;
    color:#222;
    font-size: .88em;
    line-height: 1.88em;
    letter-spacing: .1em;
}
a
{
    color: #FFF;
    background-color: #ffa500;
    display: inline;
    text-decoration: none;
    padding: .1em;
}
a:hover
{
    color: #FFF;
    background-color: #f8a732;
}
.orange
{
    background-color: #ffa500;
}
.orange a
{
    color: #FFF;
    background-color: transparent;
}
.orange a:hover
{
    color: #F2F2F2;
    background-color: transparent;
}

.container_12
{
    overflow: hidden;
}

body > header
{
    position: relative;
    overflow: visible !important;
    margin-top: 20px;
}
body > header > hgroup
{
    margin-bottom: 20px;
}
    body > header > hgroup h1 a
    {
        color: #ffa500 !important;
        background-color: transparent !important;
    }
    body > header #appeal
    {
        font-size: 1.17em;
        line-height: 2em;
        position: relative;
    }
        body > header #appeal .wrap
        {
            border: double 48px #EEE;
            padding: 60px 100px 40px 100px;
        }
        body > header #appeal  h2
        {
/*             margin-bottom: 2.55em; */
            line-height: 1.55em;
            margin-left: -60px;
            margin-top: -40px;
            margin-bottom: 20px;
        }
        body > header #appeal  h2 span
        {
            display: block;
            background-color: #ffa500;
            width: 4.4em;
            padding: .1em .2em;
            font-size: .66em;
            line-height: 1.3em;
            color: #111;
            margin-bottom: .3em;
        }
        body > header #appeal  p
        {
            margin-bottom: 2.55em;
        }
        body > header #appeal address
        {
            text-align: right;
            margin-top: 4em;
            font-size: .88em;
        }
body > header > .caption
{
    text-align: right;
    position: relative;
    right: 20px;
    top: -40px;
    font-size: 13px;
}
    body > header > .caption a
    {
        color: #ffa500 !important;
        background-color: transparent !important;
    }
body > header nav.banner
{
    margin-top: 30px;
    position: absolute;
    right: -30px;
    top: -35px;
}

    body > header nav.banner  a
    {
        color: #ffa500 !important;
        background-color: transparent !important;
    }

.wrap.orange
{
    position: relative;
    top: 160px;
    clear: both;
}

#kaminoseki
{
    top: -120px;
    position: relative;
}
    #kaminoseki li
    {
/*         background-color: #EEE; */
        height: 180px;
    }

#whatyoucan
{
    margin-top: -80px;
    padding: 40px 0;
}
    #whatyoucan .wrap
    {
        background: transparent url(/kaminoseki/assets/img/option_bg.png) repeat-y center top;
        min-height: 23em;
        margin-top: 110px;
        position: relative;
    }
    #whatyoucan > header
    {
        margin-bottom: 50px;
        margin-left: 20px;
    }
    #whatyoucan .option h1
    {
        margin-bottom: .88em;
    }
    #whatyoucan .option p
    {
        padding: 0 30px;
    }
    #whatyoucan .option nav
    {
        margin-top: 2em;
        position: absolute;
        bottom: 0;
        width: 280px;
        margin-left: 10px;
    }
    #whatyoucan .option nav li
    {
        list-style: none;
    }
    #whatyoucan .option nav a
    {
        width: 100%;
        color: #222 !important;
        background-color: #FFF !important;
        color: #ffa500;
        display: block;
        text-align: center;
        margin-bottom: 3px;
        font-size: .8em;
    }
    #whatyoucan .option nav a:hover
    {
        color: #111 !important;
        background-color: #EEE !important;
    }
    #whatyoucan .option nav a span:before
    {
        content: "▶";
        font-size: .22em;
        padding-right: .33em;
    }
    #whatyoucan #fund
    {
        font-size: 1.33em;
        line-height: 1.66em;
    }
    #whatyoucan #fund p
    {
        margin-top: 1em;
        padding: 0 30px;
        font-size: .66em;
        line-height: 1.55em;
    }
    #whatyoucan #fund .colum
    {
        margin-top: 1em;
        background-color: #FCC962;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 15px 30px;
        font-size: .88em;
        overflow: hidden;
    }
    #whatyoucan #fund .colum div
    {
        margin: 10px 40px;
    }
    #whatyoucan #fund h2
    {
        font-size: 1em;
        top: -.55em;
        position: relative;
    }
    #whatyoucan #fund .grid_5
    {
        width: 400px;
    }
    #whatyoucan #fund .grid_4
    {
        width: 300px;
    }
    #whatyoucan #fund .grid_8
    {
        width: 600px;
    }
#ustream
{
    margin-bottom: 40px;
}

#links
{
    margin-bottom: 40px;
}
    #links h1
    {
        color: #FFF;
        font-size: 1.66em;
        margin-bottom: .5em;
        margin-left: 30px;
    }
    #links ul
    {
        background-color: #fcc962;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 2em 60px;
        font-size: .88em;
    }
    #links li a span:before
    {
        content: "▶";
        font-size: .22em;
        padding-right: .33em;
    }
    #links .grid_5
    {
        width: 400px;
    }

#footer
{
    padding: .55em 0;
    font-size: .88em;
    color: #FFF;
}
    #footer > div
    {
        text-align: center;
    }

.twitterBadge
{
    margin-top: -60px;
    position: fixed;
    right: -4px;
    top: 48%;
}

    .twitterBadge a
    {
        background-color: transparent !important;
    }

.toTop
{
    text-align: right;
    font-size: .88em;
}