/* 
    Document   : main
    Created on : 2011/06/29, 0:28:50
    Author     : masataka
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { 
   display: block;
   margin: 0;
   padding: 0;
   background: #fff;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
   color: #000;
   font-size: 10px;
   height: 100%;
}
.jp_font{
     font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

*
{
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
font-size:100%;
text-decoration:none;
}
img{
    border-style: none;
}



.IM{ font-family: 'IM Fell English', arial, serif; }
.QU { font-family: 'Quattrocento', arial, serif; }

#main_main{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align: left;
}

#header,#means,#means02,#description,
#Route ,  #members , #site_footer,#link_list
{
    margin-left: auto;
    margin-right: auto;
    width: 940px;
>width:960px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;

    text-align: left;
}

#means,#means02{
    padding-top: 18px;
}
div#schedule
{
    background-image: url("../img/means/splitter.png");
    background-repeat: no-repeat;
}

#link_list{
    margin-top:5px;
    margin-bottom: 10px;
}
#Route:after{
    content: "";
    display: block;
    clear: both;
}

#body{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#out_header{
    background-image: url("../img/background/Header_bg.png");
    background-repeat:repeat-x;
}

#out_main,
#s_out_main{
    padding-bottom: 30px;
}
#header{

    height: 38px;
    >height:46px;
    margin:0 auto 0 auto;
}

img#h_home{
    float: left;
}
img#h_supporter{
    float: right;
    margin-right: 44px;
}

#out_main,
#out_description,
#out_members{
    background-image: url("../img/background/fabric-green.jpg");
}

#s_out_main,
#s_out_supporter{
    background-image: url("../img/background/fabric-orange.jpg");
}

#out_means,
#out_Route,
#out_site_footer{
    background-image: url("../img/background/fabric-gray.jpg");
}

#header #message{
    margin-top: 1px;
    margin-left: 3px;
    font-size:16px;
    color: white;
    float: left;
}
/*#header #deadline{
    margin-left: 32px;
    float: left;
}*/
#header a{
    font-size: 0;
    float: none;
}

/* ------ main ----- */
#main{
    /*background-color: red;*/
    height: 665px;
}
#main div#actions{
    padding: 15px 0 0 100px;
    height: 20px;
}
#main div#actions p{
    font-size: 25px;
    float: left;
}
#main div#actions p a{
    display: block;
}
#main div#actions p#main_tweet{
    margin: 2px 0 0 77px;
    float: left;
}

#main div#actions p#main_fbShare{
    margin: 2px 0 0 10px;
    float: left;
}

#main div#actions p#main_callUs{
    margin: 2px 0 0 10px;
    float: none;
}

#main div#actions p#main_tweet a{
    width: 100px;
}

#main div#actions p#main_fbShare a{
    width: 87px;
}
font.dis{
    visibility:hidden;
}
hr{
    display: block;
    >margin-bottom: -6px;
}
#contents h1{
    display: block;
    width: 363px;
    height: 160px;
    margin: 12px 0 15px 132px;
    padding: 0 0 0 0;
    background-image: url("../img/main/main_logo.png");
    background-repeat: no-repeat;

}

#purpose h3{
    font-size: 20px;
    padding: 27px 15px 0 15px;
    text-align: center;
    line-height: 26px;
    color: #000066;
}
#purpose p,
#description div p.title,
#description div p.desp_en,
.desp_jp,
.jp_b,
.m_lead_jp,
.name_jp ,
.m_title_jp,
.s_jp a,
.s_en a,
#main div#actions p{
    color: #000066;
}
#purpose {
    height:424px;
    width: 306px;
    background-position: 0 118px;
    /*background-image: url("../img/main/circle.png");*/
    background-repeat: no-repeat;
    margin: 45px 0 0 0;
}

#purpose p{
    text-align: center;
}
#purpose .lead{
    padding: 16px 14px 0 14px;
    font-size: 10pt;
    line-height: 16px;
    height: 87px;
}
body:nth-of-type(1) #purpose .lead {
        font-size: 9pt;
}

#purpose .lead_jp{
    font-size: 10pt;
    line-height: 18px;
    height: 49px;
}
#purpose .item{
    padding: 0 20px 0 20px;
    font-size: 50px;
}

#main_spec{
    height: 150px;
}

/*#contents p.main_lead,
#contents p.main_lead_jp{
    margin-left: 9px;
}*/
#contents p.main_lead{
    margin-left: 9px;
    font-size: 24px;
    width: 590px;
    line-height: 39px;
    letter-spacing:0px;
    color: white;
}
#contents p.main_lead_jp{
    margin-left: 6px;
    margin-top: 12px;
    width: 669px;
    height: 160px;
    background-image: url("../img/main/jp_desp.png");
    font-size: 0px;
    float: left;
}


#contents h1#support_h1{
    display: block;
    width: 224px;
    height: 106px;
    margin: 32px 0 0 12px;
    padding: 0 0 0 0;
    background-image: url("../img/support/travelvolunteer.png");
    background-repeat: no-repeat;

}

#contents p.support_lead{
    margin-left: 12px;
    margin-top: 34px;
    width: 397px;
    height: 72px;
    background-image: url("../img/support/invite_support.png");
    font-size: 0px;
    float: left;
}

#contents p.support_lead_sub{
    margin-left: 12px;
    margin-top: 41px;
    width: 617px;
    height: 129px;
    background-image: url("../img/support/maindesp.png");
    font-size: 0px;
    float: left;
}


#main_spec .main_spec_en{
    margin-top: 20px;
    margin-left:  3px;
    *margin-left:  3px;
    float: none;
}

#main_spec .main_spec_en tr td{
    font-size: 18px;
    line-height: 25px;
    color: white;
}

#main_spec .spliter_w{
    background-color: white;
    width: 3px;
    padding-top: 10px;
}

#main_spec .left{
    text-align: right;
    padding-right: 5px;
}
#main_spec .right{
    text-align: left;
    padding-left: 5px;
}


#main_spec .main_spec_jp{
    float: left;
    background-image: url("../img/main/main_spec.png");
    width: 480px;
    height: 47px;
    font-size: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#main_spec .main_spec_jp{
    margin-left: 80px;
}
/*#main_spec .main_spec_jp, x:-moz-broken
{
    margin-left: 70px;
    >margin-left:80px;
}*/




#main #contents{
    width: 650px;
    float: left;
}
#main #purpose{
    float: left;
}

/* ------ end main ------*/
/* ------- means -------*/

h2{
    font-size: 18px;
    float: none;
}
h2 .jp,
h2 .jp_b{
    font-size: 14px;
    font-weight: bold;
}

.en,
.en a{
    color:white;
}

.jp,
.jp a,
.title_jp,
.date_jp{
    color: #A4B244;
}

.jp_t,
div.jp_t p a{
    color: #4D8827;
}

.title_en,
.date_en{
    color: black;
}
/* ------- end means ------*/

/* ------ schedule -------*/




.mark{
    width: 22px;
    background-position:left top;
}
.mark img{
    margin-left:9px;
}
.title_en{
    font-size: 9pt;
    width: 400px;
    padding-left: 3px;
}

.title_jp{
    font-size: 9pt;
    width: 160px;
    padding-left: 3px;
}

.date_en{
    font-size: 9pt;
    width: 235px;
    padding-left: 3px;
}
.date_jp{
    font-size: 9pt;
    padding-left: 3px;
    background-position:right top;
}



.inner {
    height: 300px;
}

#entries{
    height: 940px;
}

.usual{
    font-size: 1px;
}


/*
#schedule ul{
    margin-left: 3px;
}

#schedule ul li.odd{
    background-image: url("../img/schedule/list_rowback_odd.png");
    background-repeat: no-repeat;
}
#schedule ul li{
    background-image: url("../img/schedule/list_rowback.png");
    background-repeat: no-repeat;
    background-position:center;
    list-style: none;
    width: 940px;
    height: 34px;
}

#schedule ul li div{
    height: 28px;
    display: table-cell;
    vertical-align:baseline;
}

#schedule ul li div.desp_en,
#schedule ul li div.date_en{
    font-size: 0.9em;
    font-family:sans-serif;
    font-weight:600;
}

#schedule ul li div.date_jp,
#schedule ul li div.desp_jp{
    font-size: 0.7em;
    font-family:sans-serif;
    font-weight:600;
}

#schedule ul li div.desp_en{
    margin-left: 28px;
    width: 400px;
     float: left;
}

#schedule ul li div.desp_jp{
    background-color: red;
}
#schedule ul li div.date_jp{
    background-color: red;
    float: none;
}*/
/* ------ end schedule -------*/
/* ------ members ------ */

div.members div.member_photo{
    width: 166px;
    height: 166px;
    background-color: gray;
}
div.members div.member_photo img{
    width: 150px;
    height: 150px;
    margin:8px auto auto 8px;
    background-color: red;
}

/* ------ end members ----- */


/* ----  banner -----*/
.top_banner{
    background: url("../img/background/banner_back.png");
    background-repeat: no-repeat;
    width: 920px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}

.top_banner img.phone{
    padding-left: 18px;
    padding-top: 13px;
    margin-right:11px;
}


.top_banner *.banner_lead{
    text-align: left;
    font-size: 24px;
    color:#000066;
    float: left;
}

.b_btn{
    padding-right: 20px;
}



.top_banner img.b_ca{
    padding-top: 4px;
    margin-left: 3px;
}

.top_banner img.b_btn{
    padding-top: 16px;
    padding-right:17px;
}

.top_banner a:hover{
    
}