/*************************************************
title header
*************************************************/
.title_header
{
    margin: 0 0 20px 4px;
    height:         34px;
    text-indent: -9999px;
}

#whats_hellolife_concept .title_header
{
    background: url("/images/title_header/whats_hellolife_concept.gif") 0 0 no-repeat;
}

#whats_hellolife_system .title_header
{
    background: url("/images/title_header/whats_hellolife_system.gif") 0 0 no-repeat;
}

#whats_catalog .title_header
{
    background: url("/images/title_header/whats_catalog.gif") 0 0 no-repeat;
}

#whats_socialpass .title_header
{
    background: url("/images/title_header/whats_socialpass.gif") 0 0 no-repeat;
}

#howto_list .title_header
{
    background: url("/images/title_header/howto_list.gif") 0 0 no-repeat;
}

#howto_support_direct .title_header
{
    background: url("/images/title_header/howto_support_direct.gif") 0 0 no-repeat;
}

#howto_support_socialpass .title_header
{
    background: url("/images/title_header/howto_support_socialpass.gif") 0 0 no-repeat;
}

#howto_buy .title_header
{
    background: url("/images/title_header/howto_buy.gif") 0 0 no-repeat;
}

#howto_mypage .title_header
{
    background: url("/images/title_header/howto_mypage.gif") 0 0 no-repeat;
}

#howto_after_support .title_header
{
    background: url("/images/title_header/howto_after_support.gif") 0 0 no-repeat;
}

#faq .title_header
{
    background: url("/images/title_header/faq.gif") 0 0 no-repeat;
}

#npo_list .title_header
{
    background: url("/images/title_header/npo_list.gif") 0 0 no-repeat;
}

#npo_detail .title_header
{
    background: url("/images/title_header/npo_detail.gif") 0 0 no-repeat;
}

#project_detail .title_header
{
    background: url("/images/title_header/project_detail.gif") 0 0 no-repeat;
}

#npo_review .title_header
{
    background: url("/images/title_header/npo_review.gif") 0 0 no-repeat;
}

#message_list .title_header
{
    background: url("/images/title_header/message_list.gif") 0 0 no-repeat;
}

#message_company .title_header
{
    background: url("/images/title_header/message_company.gif") 0 0 no-repeat;
}

#message_npo .title_header
{
    background: url("/images/title_header/message_npo.gif") 0 0 no-repeat;
}

#sitemap .title_header
{
    background: url("/images/title_header/sitemap.gif") 0 0 no-repeat;
}

#tokushoho .title_header
{
    background: url("/images/title_header/tokushoho.gif") 0 0 no-repeat;
}

#privacy .title_header
{
    background: url("/images/title_header/privacy.gif") 0 0 no-repeat;
}

#company .title_header
{
    background: url("/images/title_header/company.gif") 0 0 no-repeat;
}

#terms .title_header
{
    background: url("/images/title_header/terms.gif") 0 0 no-repeat;
}

#news_list .title_header
{
    background: url("/images/title_header/news.gif") 0 0 no-repeat;
}

#inquiry .title_header
{
    background: url("/images/title_header/inquiry.gif") 0 0 no-repeat;
}

#inquiry_company .title_header
{
    background: url("/images/title_header/inquiry_company.gif") 0 0 no-repeat;
}

#inquiry_npo .title_header
{
    background: url("/images/title_header/inquiry_npo.gif") 0 0 no-repeat;
}

#inquiry_member .title_header
{
    background: url("/images/title_header/inquiry_member.gif") 0 0 no-repeat;
}

#mypage_login .title_header
{
    background: url("/images/title_header/mypage_login.gif") 0 0 no-repeat;
}

.mypage_login .title_header
{
    background: url("/images/title_header/mypage_login.gif") 0 0 no-repeat;
}

.use_socialpass .title_header
{
    background: url("/images/title_header/use_socialpass.gif") 0 0 no-repeat;
}

#member_regist .title_header
{
    background: url("/images/title_header/member_regist.gif") 0 0 no-repeat;
}

#mypage_top .title_header
{
    background: url("/images/title_header/mypage.gif") 0 0 no-repeat;
}

#mypage_support_history .title_header
{
    background: url("/images/title_header/mypage_support_history.gif") 0 0 no-repeat;
}

.order_catalog .title_header
{
    background: url("/images/title_header/order_catalog.gif") 0 0 no-repeat;
}

#order_catalog_receive .title_header
{
    background: url("/images/title_header/catalog_receive.gif") 0 0 no-repeat;
}

#review_passer .title_header
{
    background: url("/images/title_header/review_passer.gif") 0 0 no-repeat;
}

#review_receiver .title_header
{
    background: url("/images/title_header/review_receiver.gif") 0 0 no-repeat;
}

#review_company .title_header
{
    background: url("/images/title_header/review_company.gif") 0 0 no-repeat;
}

#report_list .title_header
{
    background: url("/images/title_header/report_list.gif") 0 0 no-repeat;
}

.report_detail .title_header
{
    background: url("/images/title_header/report_list.gif") 0 0 no-repeat;
}

/*************************************************
subtitle
*************************************************/
.col2_main .subtitle
{
    margin:0 0 25px 4px;
    height: 35px;
    text-indent: -9999px;
}

.col2_main .subtitle.support_flow
{
    background: url("/images/subtitle/support_flow.gif") 0 0 no-repeat;
}

.col2_main .subtitle.support_howto
{
    background: url("/images/subtitle/support_howto.gif") 0 0 no-repeat;
}

/*************************************************
rounded box
*************************************************/
.rounded_box
{
    width:        686px;
    margin-left:            4px;
    color:              #8F929F;
}
.rounded_box .rounded_upper
{
    width:        686px;
    height:        10px;
    background: url("/images/common/rounded_square_upper.gif") 0 0 no-repeat;
}

.rounded_box .rounded_bottom
{
    width:        686px;
    height:        10px;
    background: url("/images/common/rounded_square_bottom.gif") 0 bottom no-repeat;
}

.rounded_box .content
{
    margin-top:    -2px;
    margin-bottom: -2px;
    padding: 10px 17px 17px 17px;
    border-left:  1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-family:     "ＭＳ Ｐゴシック", Osaka;
    overflow:  hidden;
 }

.rounded_box .content .block
{
    overflow:    auto;
}

#npo_list *
{
    font-family:     "ＭＳ Ｐゴシック", Osaka;
}

#npo_list .lead
{
    margin: 20px 5px 20px 5px;
    line-height:         20px;
    font-size:           10pt;
}

.rounded_box .content .support_npo_subtitle
{
    margin-left:        auto;
    margin-right:       auto;
    height:             33px;
    width:             631px;
    text-indent:     -9999px;
    background: url("/images/npo/support_npo_subtitle.gif") 0 0 no-repeat;
}


/*************************************************
Support Total
*************************************************/

div#support_total
{
    float:        right;
    height:       254px;
    width:        221px;
    background: url("/images/top/support_total_bg.gif") 0 0 no-repeat;
}

div#support_total li
{
    margin:  0 0 10px 0;
    height:       120px;
    width:        221px;
}

li#present_total h3
{
    margin: 5px 0 0 10px;
    height:         40px;
    width:         200px;
    text-indent: -9999px;
    background: url("/images/top/present_total.gif") 0 0 no-repeat;
}

li#month_total h3
{
    margin: 5px 0 0 10px;
    height:         40px;
    width:         200px;
    text-indent: -9999px;
    background: url("/images/top/month_total.gif") 0 0 no-repeat;
}

/*************************************************
page_top
*************************************************/
div.pagetop a
{
    float:         right;
    display:       block;
    margin: 5px 10px 0 auto;
    height:         10px;
    width:          61px;
    background: url("/images/common/page_top.gif") 0 0 no-repeat;
}

/*************************************************
border
*************************************************/
div.hr_border
{
    height: 3px;
    background: url("/images/common/horizon_dot_base.gif") 0 0 repeat;
    overflow:hidden;
}

div.col2_main div.hr_border
{
    margin: 30px 0 30px 4px;
    width:  686px;
}

.rounded_box .content div.hr_border
{
    margin: 30px 0 30px 0;
    width:  650px;
}

/*************************************************
Number
*************************************************/

p.number
{
    padding: 20px 0 0 10px;
}

p.number span
{
    display: block;
    float:   left;
    text-indent: -9999px;
}

p.number .en_mark
{
    margin:   15px 2px 0 2px;
    height:         15px;
    width:          10px;
    background: url("/images/top/en_mark.gif") 0 0 no-repeat;
}

p.number .comma
{
    margin:   20px 2px 0 2px;
    height:         10px;
    width:           7px;
    background: url("/images/top/comma.gif") 0 0 no-repeat;
}

p.number .num
{
    margin:    0 0 0 2px;
    height:         33px;
    width:          18px;
    background: url("/images/top/num/dram.gif") 0 0 no-repeat;
}

p.number .num.num1
{
    background-position: 0 -33px;
}

p.number .num.num2
{
    background-position: 0 -66px;
}

p.number .num.num3
{
    background-position: 0 -99px;
}

p.number .num.num4
{
    background-position: 0 -132px;
}

p.number .num.num5
{
    background-position: 0 -165px;
}

p.number .num.num6
{
    background-position: 0 -198px;
}

p.number .num.num7
{
    background-position: 0 -231px;
}

p.number .num.num8
{
    background-position: 0 -264px;
}

p.number .num.num9
{
    background-position: 0 -297px;
}

a.button
{
    display:     block;
    clear:        both;
    margin: 10px 0 10px 240px;
    padding-left: 33px;
    cursor:    pointer;
    height:       40px;
    width:       150px;
    line-height:  40px;
    border:    2px solid #CCCCCC;
    background-image:    url("/images/common/link_arrow.gif");
    background-repeat:   no-repeat;
    background-position: 5px center;
    background-color:    #F5F5F5;
    text-decoration:     none;
    color:   #333333;
    font-weight: 700;
    font-size: 11pt;
    letter-spacing: -1px;
}

a.button:hover,
a.button:focus,
a.button:active
{
    border:    2px solid #FFF100;
    background-color:    #FFFDE3;
}

a.button.after_support
{
    width:       170px;
}

a.button.normal_order
{
    width:       140px;
    letter-spacing: 0;
}

a.button.gift_order
{
    width:       175px;
    letter-spacing: 0;
}

a.button.gift_mail_order
{
    width:       165px;
    letter-spacing: 0;
}

a.button.message_company
{
    width:       110px;
    letter-spacing: 0;
}

a.button.howto_buy
{
    margin-left: 200px;
    width:       230px;
    letter-spacing: 0;
}

a.button.after_support_order.hellolife
{
    margin:  10px 0 10px 200px;
    width:       230px;
    letter-spacing: -1px;
}
/*************************************************
#container .page_nation
*************************************************/
#container .page_nation {
	height: 15px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0px;
	width: 686px;
}

#container .page_nation span,
#container .page_nation h4
{
	display: block;
	float:left;
	font-size: 12px;
	margin: 0 5px;
	padding: 0px;
}

#container .page_nation h4
{
	text-align: center;
	width: 540px;
}

#container .page_nation span
{
	height: 15px;
	width: 58px;
}

#container .page_nation span a
{
	text-indent: -10001px;
	background-position: 0 2px;
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	width: 58px;
}

#container .page_nation span.prev a
{
	background-image: url(/images/common/back_btn_off.gif);
}
#container .page_nation span.prev a:hover
{
	background-color: #fff;
	background-image: url(/images/common/back_btn_on.gif);
}
#container .page_nation span.next a
{
	background-image: url(/images/common/next_btn_off.gif);
}
#container .page_nation span.next a:hover
{
	background-color: #fff;
	background-image: url(/images/common/next_btn_on.gif);
}

/*************************************************
#container .txt_page_nation
*************************************************/
#container .txt_page_nation {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#container .txt_page_nation ul {
	float: right;
	margin: 20px 0 0 0;
	padding: 0px;
}
#container .txt_page_nation ul li {
	border: 1px solid #efefef;
	display: inline;
	float: left;
	margin-right: 5px;
	overflow: hidden;
	text-align: center;	
}
#container .txt_page_nation ul li a {
	display: block;
	margin: 0px;
	overflow: hidden;
	padding: 3px 6px;
}
/*************************************************
#review_company .page_nation
*************************************************/
#review_company .page_nation ul {
	display: block;
	margin: 0 0 0 260px;
	padding: 0px;
}
/*************************************************
#container .list_review
*************************************************/
#container .list_review
{
	height: 15px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0px;
	width: 686px;
}
#container .list_review ul
{
	display: block;
	margin: 0 0 0 200px;
	padding: 0px;
}
#container .list_review ul li
{
	border-right: 1px solid #666;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0 5px 0;
}
#container .list_review ul li a
{
	font-weight: bold;
	text-decoration: none;
}
#container .list_review ul li a:hover
{
	font-weight: bold;
	text-decoration: none;
}
/*************************************************
.col2_main .block h2
*************************************************/
.col2_main .block h2 {
	background:transparent url(../images/common/arrow.gif) no-repeat scroll 0 5px;
	height:55px;
	margin:20px 0 5px;
	padding:0 0 0 70px;
}
.col2_main .block h2 span {
	display:block;
	font-style:normal;
	font-weight:900;
	height:25px;
	line-height:25px;
	vertical-align:bottom;
}
.col2_main .block h2 .catch_copy {
	color:#000;
	font-size:13pt;
}
.col2_main .block h2 .npo_name {
	font-size:11pt;
}
/*************************************************
div.col2_main .cap
*************************************************/
div.col2_main .cap {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding: 5px 0;
}