@charset "utf-8";

* { margin: 0; padding: 0; border: none; }

article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; } 

*{ margin:0; padding:0; border:none; }

html
{
    font-size:67.7%;
}
body
{ 
    margin: 20px 55px; 
    margin-top: 180px;
    background: #0b1324 url(/jp/static/images/bg/bg.jpg) fixed left top;
    color: #EEE;
    font-family: "FOT-TsukuMin Pro",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', 'Times', 'Times New Roman', serif;
    font-size:1.22em;
    line-height: 2.1em;
    letter-spacing: .2em;
    font-weight: lighter;
    width: 960px;
}

h1,h2,h3,h4,h5,h6,pre
{
    font-family: "FOT-TsukuMin Pro",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', 'Times', 'Times New Roman', serif;
    font-size:1em;
    line-height: 2.1em;
    letter-spacing: .2em;
    font-weight: lighter;
    margin-bottom: 1em;
    /margin-bottom: 2em; /*IE6,7*/
}
h1{ font-size: 2em; }
h2{ font-size: 2em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1em; }
h5{ font-size: 1em; }
h6{ font-size: 1em; }

address
{
    
	font-style: normal;
    
	font-weight: normal;
    
}

a{ 
    text-decoration: none; 
    color: #fff39a; padding: 0 .2em;
}
a:hover{ 
    color: #fff1af;
}


summary
{
    margin-left: -2em;
    margin-bottom:.5em;
    font-size:1.5em;
    display:block;
    background-color:#37394e;
    color: #FFF;
    padding:0 .6em;
    filter:alpha(opacity=77);
    -moz-opacity:.77;
    opacity:.77;
    cursor: pointer;
}
summary:before
{
    content:"‣";
    padding: 0 .1em;
    font-size: 1.5em;
}
summary.open:after
{
    content: "(閉じる)";
    font-size: .66em;
    margin-left:.5em;
}
summary.open
{
    margin-bottom: 1.5em;
}

/* IE6,7 */
*html hr,
*:first-child+html hr {
   display :list-item;
   width:0;
   margin: 4em 0;
   position: relative;
   left: -40px;
   list-style :url(/jp/static/images/bg/border00.png) inside;
}
hr {
   border:0;
   height: 10px;
   margin: 4em 0;
   position: relative;
   left: -40px;
   background:url(/jp/static/images/bg/border00.png) repeat-x left top;
}

#toTop
{
    width:1em;
    font-size:10px;
    line-height:1.3em;
}

body > article
{
    margin-left: 300px;
    padding-left:60px;
}

section
{
    clear: both;
    margin-bottom:6em;
}
section:after
{
    content: "　";
    display: block;
   border:0;
   height: 10px;
   margin: 4em 0;
   background:url(/jp/static/images/bg/border00.png) repeat-x left top;
}
section > *
{
    margin-left: 40px;
}

aside
{
    margin-top:4em;
    margin-bottom:4em;
    font-size: .8em;
    line-height: 2em;
    letter-spacing: .2em;
}

detail
{
    display: block;
}

/** ヘッダー -----------------------------*/
header#banner
{
    width: 250px;
    position: fixed;
    margin-top: -140px;
    left:55px;
}
*:first-child+html header#banner { margin-left:-300px } /*IE7*/

header#banner h1
{
    margin-left: -20px;
}
#globalNav
{
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}
    #globalNav li
    {
        margin-bottom: 8px;
        line-height: 1em;
        list-style: disc;
        list-style-position: inside;
    }
    #globalNav a
    {
        margin: 0;
        font-size: 12px;
        padding: 0 .3em;
        color: #222;
        background-color: #ffe973;
    }
    #globalNav a:hover
    {
        background-color: #ffdf62;
    }
    header#banner .banners
    {
        margin-top: 10px;
    }
    .banner
    {
        list-style: none;
    }
    #toSpecial
    {
        margin-left: -10px;
        margin-top: 30px;
    }
    #to311
    {
        position: relative;
        margin-left: -10px;
        margin-top: 30px;
        width: 145px;
        background-color: white;
        border: double black 5px;
        padding: 26px;
    }
        #to311 a:before
        {
            content: url(/jp/static/images/banners/fire.png);
            position: absolute;
            bottom: 10px;
            right: 15px;
        }
        #to311 a
        {
            color: #000;
            font-size: 12px;
            line-height: 2.7em;
            display: block;
            width: 100%;
            height: 100%;
        }
    
header#banner .share {
  position: absolute;
  top: -20px;
  right: -680px;
}
    header#banner .share ul li
    {
        float: right;
        margin-left: 10px;
        list-style: none;
    }

/** キャンドルナイトとは -----------------------------*/
#about h2
{
    margin-left:-100px;
}
#about aside
{
    margin-right: -60px;
}
#about aside  header
{
    margin-left:-80px;
    margin-bottom:20px;
}
#about aside ul
{
    overflow: hidden;
    padding:0 30px;
    margin-left:-60px;
    _position: relative; /*IE6*/  
    _left:40px; /*IE6*/
}
#about aside li
{
    display: block;
    float: right;
    width: 245px;
    min-height: 35em;
    margin-right: 60px;
    _margin-right: 50px; /*IE6*/
    margin-bottom: 5em;
}
#million, #empty
{
    position: relative;
    top: 14em;
}

#candle
{
    margin-top:-30px;
}

#empty
{
    margin-top:-30px;
}

#about aside li b
{
    display:block;
    margin-bottom:20px;
    margin-left:-20px;
}

/** 呼びかけ人 -----------------------------*/
#appealer h2
{
    margin-left:-80px;
}
#appealer ul
{
    font-size:.88em;
    line-height:1.22em;
    list-style: none;
}
#appealer ul
{
    display: table;
}
#appealer li
{
    display: table-row;
}
#appealer li dl
{
    position: relative;
}
#appealer .person,
#appealer .job
{
    display: table-cell;
    padding-bottom: 1.22em;
    min-height: 2em;
}
#appealer .person
{
    width:150px;
}
#representative
{
    margin-bottom:6em;
}
#representative .person
{
    font-size:1.13em;
}
#representative .job
{
    font-size:.88em;
}

#apperlers
{
    font-size: .88em;
    line-height:1.4em;
}
#apperlers ul
{
    list-style: none;
}
#apperlers dt
{
    display: none;
}
#apperlers .person.nojob
{
    white-space: nowrap;
    float: left;
}
#apperlers .job.nojob
{
/*     display: none; */
}

/**賛同金 -----------------------------*/
#support h2
{
    margin-left:-20px;
}
#support p
{
    font-size: .88em;
    line-height: 1.77em;
    margin-bottom: 2em;
    margin-left: 100px;
    margin-right: 30px;
}
#support article header
{
    margin-left: -3em;
}
#support article aside
{
    margin-left: -3em;
    border:dotted 1px #CCC;
    padding:1.5em 4em 2.4em;
}
#support article aside h1
{
    font-size:1.5em;
}
#support article aside p
{
    margin:0;
    font-size:1em;
}

#support article
{
    font-size: .88em;
    line-height:1.4em;
}
#support article ul
{
    list-style:none;
}
#support article li
{
    margin-bottom:1.5em;
}
#support article li dt
{
    display:none;
}
#support article li dd.person
{
    font-size:1.2em;
}
#support article li dd.url
{
    font-size:.9em;
}

#toForm
{
    position: relative;
    height: 70px;
    list-style: none;
    margin: 2em 0 4em 100px;
}
    #candleholderForm
    {
        position: absolute;
        left: 10px;
    }
    #sponsorForm
    {
        position: absolute;
        right: 60px;
    }

/**アーカイブ -----------------------------*/
#archives h2
{
    margin-left:-70px;
}
#archives nav
{
    margin-bottom: 3em;
    margin-left:6em;
    font-size:.88em;
    line-height:1.77em;
    display:none;
}
#archives summary
{
    font-size:1.3em;
    line-height:1.4em;
}
#archives details ul
{
    margin-left: 1em;
    margin-bottom: 2em;
}
#archives details li
{
    margin-bottom:.2em;
}

/**よくある質問 -----------------------------*/
#faq h2
{
    margin-left:-70px;
}
#faq nav
{
    margin-bottom: 3em;
    margin-left:6em;
    font-size:.88em;
    line-height:1.77em;
    display:none;
}
#faq summary
{
    font-size:1.3em;
    line-height:1.4em;
}
#faq details ol
{
    margin-left: 1em;
    list-style: none;
}
#faq details li
{
    margin-bottom:2em;
}

#faq details li .ref:before
{
    content:"‣";
    padding: 0 .1em;
    font-size: 1.5em;
    color:#fff39a;
}

#faq dd.question
{
    margin-bottom: .5em;
    border-bottom: dashed 1px #EEE;
    font-size: .88em;
    line-height:1.77em;
    font-weight: bold;
}
#faq dd.question:before
{
    content: "Q.";
    margin-right: .4em;
    font-size: 1.8em;
    font-weight: lighter;
}
#faq dd.answer
{
    font-size: .88em;
    line-height:1.77em;
}
#faq dd.answer:before
{
    content: "A.";
    margin-right: .4em;
    font-size: 1.8em;
    font-weight: lighter;
}

/**お問い合わせ -----------------------------*/
#contact
{
    font-size:.88em;
    line-height:1.88em;
}
#contact:after
{
    display:none;
}
#contact aside
{
    margin-left:4em;
}
#contact dl
{
    display:block;
    padding:1.5em 3em 2.2em;
    background-color:#37394e;
    filter:alpha(opacity=77);
    -moz-opacity:.77;
    opacity:.77;
}
#contact dt
{
    font-size:1.33em;
    line-height:1.88em;
    margin-bottom:1em;
}

footer
{
    text-align: center;
    font-size:.88em;
    line-height: 1em;
    margin-left:40px;
    margin-right:-40px;
}