/* 
    Document   : supporter
    Created on : 2011/08/13, 18:39:00
    Author     : sugimasso
    Description:
        Purpose of the stylesheet follows.
*/

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

ul#s_items{
    width: 274px;
    list-style: none;
}

ul#s_items > li{
    float: left;
    margin-right: 6px;
}

dl#s_list dt,
dl#s_deptlist dt{
    width: 160px;
    padding-top: 20px;
    text-align: center;
}
dl#s_deptlist dt{
    min-height: 135px;
    
}


dl#s_list dd,
dl#s_deptlist dd{
    margin-left: 160px;
    margin-top:-155px;
    min-height: 135px;
}

dl#s_list dd img.s_separeter,
dl#s_deptlist dd img.s_separeter{
    margin-left: -160px;
    padding-top:20px;
}

.f_gray{
    color:#4c4c4c;
}

img.supporttype{
    margin-top: 14px;
}

ul.pay_type{
    list-style: none;
    margin-top: 20px;
}

ul.pay_type li{
/*    border-bottom:white;
    border-bottom-style:dashed;
    border-bottom-width: 1px;*/
    margin-bottom: 20px;
    background-image: url("../img/support/mini_dotline.png");
    background-repeat: no-repeat;
}

ul.pay_type li img{
    margin-top: 20px;
    margin-bottom: 20px;
}
.s_jp{
    font-size: 16px;
    margin-bottom: 20px;
}

#means div p.s_en,
#means div p.s_en_g,
#means02 div p.s_en,
#means02 div p.s_en_g,
#description div p.s_en,
#description div p.s_en_g{
    font-size: 14px;
    line-height: 16px;
}


span.st_en,
span.st_jp{
    font-size: 18px;
}

h3.s_h3{
    margin-top: 20px;
    margin-bottom: 20px;
}
span.st_en,
.s_en{
    color: #FF9900;
     font-family: 'Quattrocento', arial, serif;
}

.s_en_g,
.st_en_g,
.support_name_en,
.support_name_en_2,
.support_name_en a{
    color: #4C4C4C;
     font-family: 'Quattrocento', arial, serif;
}
.support_name,
.support_name_2,
.support_name a,
span.st_jp,
.s_jp{
    color: #FFF;
}

ul#support_top_list{
    list-style: none;
}

ul#support_top_list li{
    float: left;
}

ul#support_top_list li img{
    margin-left: 3px;
    margin-right: 30px;
}


#description div ul.pay_type li.s_name p{
    float: left;
    line-height: 58px;
}
ul.pay_type li.s_name{
    margin-bottom: 0;
    height: 58px;
    margin-bottom: 0;
}


ul.pay_type li.s_name p.s_jp{
    width: 200px;
}

ul.pay_type li.s_name p.s_en_g{
    width: 400px;
}

.support_item{
    width: 300px;
    height: 174px;
}

.support_item_p,
.support_item_p_2{
    width: 300px;
    height: 76px;
    >height: 102px;
}

.support_item_p{
        padding-top: 22px;
}

.support_item_p_2{
    height: 87px;
    >height: 113px;
    padding-top: 10px;
}

.support_logo{
    line-height: 100px;
    height: 100px;
}


.support_name_2,
.support_name_en_2,
.support_name,
.support_name_en,
.support_logo{
    text-align: center;
}

.support_name,
.support_name_en{
    font-size: 14px;
    height: 26px;
    line-height: 26px;
}

.support_name_2,
.support_name_en_2{
    font-size: 12px;
    height: 14px;
    line-height: 14px;
}

.support_space{
    width: 25px;
}