@charset "UTF-8";

/**
 *	buzzLife Contents Styles
 */

#title_box { width: 920px; padding-top: 5px; padding-bottom: 15px; }

/** =LEFT COLUMN **/
.lcol-project_box { position: relative; padding: 30px 7px 7px; }
.lcol-project_box h3 { font-size: 1.077em; line-height: 1.3; }
.lcol-project_box em { font-weight: normal; }
.lcol-project_box em span { display: block; font-size: .847em; color: #808080; font-weight: normal; }
.lcol-project_box span { position: absolute; top: 5px; right: 7px; }
.lcol-project_box * span { position: static; top: auto; right: auto; }
.pb-icn { position: absolute; top: 5px; left: 7px; }


/** =MAIN **/
.rb-basic-half-content a { float: right; }
.rb-basic-half-content * a { float: none; }

/** =NEWS **/
	#top-news_box .round-box-bold { padding: 10px 10px 5px; }
	#top-news_list li { margin: 0 0 5px; width: 100%; }
	#top-news_list span { float: left; display: block; margin: 0 .7em 0 0; padding: .2em 0 0; font-size: .847em; color: #808080; }
	#top-news_list div { overflow: auto; zoom: 1; }
	
/** =BANNER **/
	.comm-banner_box { margin: 3px -25px 10px 0; }
	.comm-banner_box li { float: left; display: inline; margin: 3px 25px 10px 0; }

/** =BBS **/
	td.cell-category { padding: 5px; }
	td.cell-remark div { padding: 12px 5px; }
	td.cell-title, td.cell-latest_remark { padding: 12px 10px; }
	td.cell-category { border-right: none; }
	td.cell-title { border-left: none; border-right: dotted 1px #999; }
		td.cell-title a { font-size: 1.077em; font-weight: bold; }
		td.cell-title span { display: block; font-size: .847em; color: #808080; }
	td.cell-remark { border-left: none; border-right: none; background: white url(/resource/images/global/ccc.gif) right top repeat-y; }
		td.cell-remark div { position: relative; font-size: 1.077em; font-weight: bold; text-align: center; }
		td.cell-remark i { position: absolute; top: 0; right: 0; _right: -1px; width: 10px; height: 12px; background: red url(/resource/images/balloon/triangle-ccc.png) left top no-repeat; }
	td.cell-latest_remark { border-left: none; }
		td.cell-latest_remark a { color: #4c4c4c; }
		td.cell-latest_remark a:hover { color: #ff6700; }
		td.cell-latest_remark span { display: block; font-size: .847em; color: #808080; }
	
	/** =CELL COLOR **/
	td.cell-latest_remark, td.cell-remark i { background-color: #e3ecff; }
	
	#top-bbs_box h3 { clear: both; margin: -13px 0 0; }
	#top-bbs-latest_post_photo { padding: 0 0 0 25px; }
	#top-bbs-latest_post_photo li { float: left; padding: 0 20px 0 0; width: 80px; height: 80px; text-align: center; vertical-align: middle; }
	html>/**/body #top-bbs-latest_post_photo li { float: none; display: table-cell; padding: 0 20px 0 0; width: 80px; height: 80px; text-align: center; vertical-align: middle; }
	
/** =SUPPORT ENQUETE **/
	.top-enq_box .round-box-bold { padding: 8px; }
	.top-enq_box .round-box-bold div { position: relative; margin: 0 0 6px; padding: 6px 8px; border: solid 1px #ccc; background: #ffc; }
	.top-enq_box .round-box-bold span { font-size: .847em; }
	.top-enq_box .round-box-bold p { font-size: .924em; }
	.top-enq_box a.crop { position: absolute !important; top: 10px; right: 8px; width: 134px; height: 29px; }
	.top-enq_box a:hover.crop img { top: -29px; }

.box-h1 { padding-bottom: 20px; }
.float-right { float: right; margin-left: 15px; }
.new-speak { padding-bottom: 15px; text-align: center; padding-top: 10px; }
.new-speak div { display: inline; zoom:1; margin:0 5px 0 5px; }
.new-speak div { display: inline-block; display: -moz-inline-block; margin:0 5px 0 5px; }

.new-speak a { margin:0 auto 0 auto; }
.mar-r30 { margin-right:30px; }
.pad-lr5 { width: 150px; margin-right: auto; margin-left: auto; }
.camp-right_img { margin-top: 10px; }
.date { font-size: 0.88em; color: #808080; }
#hide_res, #hide_res_end { display: none; }

a.on  { top:0; overflow:hidden; display:block; position:relative;border:solid 0px white; }
.new-speak div a.on { float:left; }
a:hover.on { border:solid 0px red; }
a:hover.on img { position:absolute;top:0;left:0;border:solid 0px gray; }

a.btn-back  { width: 214px; height: 36px; }
a:hover.btn-back img { top: -36px; }

a.btn-back_next  { width: 24px; height: 17px; }
a:hover.btn-back_next img { top: -17px; }

a.btn-right_camp  { width: 184px; height: 49px; }
a:hover.btn-right_camp img { top: -49px; }

a.btn-detail  { width: 119px; height: 29px; }
a:hover.btn-detail img { top: -29px; }

a.btn-speak  { width: 284px; height: 36px; }
a:hover.btn-speak img { top: -36px; }

a.btn-camp_submit  { width: 184px; height: 36px; }
a:hover.btn-camp_submit img { top: -36px; }

a.btn-bbs  { width: 119px; height: 29px; }
a:hover.btn-bbs img { top: -29px; }

a.btn-brown  { width: 164px; height: 31px; margin-top:7px; }
a:hover.btn-brown img { top: -31px; }

.number-box { padding-bottom: 5px; padding-top: 5px; }
.number { float: left; font-size: 14px; }
.number span { font-weight:bold; }
.slider { float: right; }
.slider a , .slider span { font-size: 14px; font-weight: bold; }
.orange-txt { color: #ff6700; }

.slider .btn-float { float:left;padding:0 3px 0 3px; }

#thread-box-comment .thread-bee { font-size: 0.88em; float: left; width: 84px; text-align: center; color: #808080; }
#thread-box-comment .thread-bee img { margin-bottom:4px; }
#thread-box-comment .round-box-bold-colored { width:770px !important; float: right; padding: 15px; }
#thread-box-comment canvas { position: absolute; top: 15px;left:-18px; }

.line-length { background: #FFF url(/resource/images/campaign/box_line.gif) repeat-y left top; width: 889px; margin-right: auto; margin-left: auto; }
.line-length div { margin:-3px; }
ul.camp-view li  { float: left; width: 150px; padding: 20px 14px 10px; margin-right: 1px; background: url(/resource/images/mypage/list_line_side.gif) repeat-x left bottom; }
ul.camp-view img  { margin-bottom: 3px; display: block; margin-right: auto; margin-left: auto; }
#thread-box-balloon { padding-bottom: 10px; }
#thread-box-balloon .thread-bee { font-size: 11px; float: left; width: 84px; text-align: center; color: #808080; line-height: 13px; }
#thread-box-balloon .round-box-bold ,
#thread-box-balloon .round-box-bold-yellow { float: right; width: 765px; padding: 8px 20px 0px; }
#thread-box-balloon .round-box-bold-yellow p { padding-bottom: 12px; }
#thread-box-balloon .round-box-bold-yellow div { font-size: 11px; color: #808080; text-align: center; float: right; margin-bottom: 10px; margin-left: 20px; }
.not_display { text-align: right; padding-bottom: 6px; }
.not_display label, .not_display input { float: right; display: block; }
#thread-box-balloon canvas { position: absolute; top: 10px; }

#camp-view { margin-right: -9px; margin-left: -9px; }
#camp-view .round-box-bold { width:328px; padding: 7px; margin-left:9px; }
#camp-view .box-title { display: inline; }
#camp-view .box-title { vertical-align:top; display: inline-block; display: -moz-inline-block; }
#camp-view .icon { height: 25px; }
#camp-view .app { text-align: right; position: absolute; top: 8px; right: 10px; }
#camp-view h3 { font-size: 1.17em; line-height: 1.2em; }
#camp-view p { }
#camp-view .meter { margin-top: 6px; margin-bottom: 6px; }
#camp-view .line { border-top: 1px solid #D9D9D9; margin-top: 10px; margin-bottom: 8px; height: 1px; font-size: 1px; }
#camp-view table { margin-right: -7px; margin-left: -7px; }
#camp-view th { padding-right: 18px; padding-left: 7px; }
#camp-view td { padding-right: 18px; padding-left: 7px; padding-bottom: 3px; }
#camp-view .on { margin-right: auto; margin-left: auto; }
.camp_ancher { position: absolute; top: -3px; right: 0px; }

/* comm left col */
.camp-utilitybox { position: relative; margin: 56px 0 25px; }
.camp-utilitybox h3 { position:absolute; top:-50px; left:0; }
.right_inner { border: solid 1px #d9d9d9; background: #f0eedf; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0px; padding: 10px 8px 0px; }
.right_inner p { padding:0 0 8px 0; }
.right_inner span { display: block; margin: .5em 0 0; color: #808080; font-size: .847em; line-height: 1.0; }
.camp-utilitybox canvas { position: absolute; top: -15px; left:120px; }
.complete_h2 { background: url(/resource/images/campaign/complete_h2.png) no-repeat left top; color: #FFF; display: block; height: 21px; width: 885px; padding-left: 35px; padding-top: 4px; }
.complete { padding-top: 100px; padding-bottom: 150px; }
.complete p { padding-bottom: 50px; font-size: 1.25em; }
#camp_detail { padding: 5px 8px; color: #4d4d4d; }
#camp_detail .float_left { float: left; width: 605px; }
#camp_detail .float_right { float: right; width: 240px; }
#camp_detail .tbl-camp_detail { margin-top: 7px; }
#camp_detail .tbl-camp_detail th { font-weight: normal; text-align: left; padding-right: 8px; }
#camp_detail .tbl-camp_detail td {}
.view_all { text-align: right; position: absolute; top: 5px; right: 8px; }
.tbl-enq { margin: -3px; width: 894px; }
.tbl-enq th { border-bottom: 3px solid #999; text-align: center; width: 55px; font-size: 1.5em; line-height: 1em; vertical-align: top; padding-top: 10px; padding-bottom: 7px; }
.tbl-enq th span { font-size: 0.63em; display: block; font-weight: normal; color: #FF6700; }
.tbl-enq td { border-bottom: 3px solid #999; width: 839px; vertical-align: top; padding-top: 10px; padding-bottom: 7px; padding-left: 9px; }
.tbl-enq td h3 { padding-bottom: 5px; }
.tbl-enq td textarea { height: 150px; width: 780px; }
.tbl-enq .no-brd { border-bottom: 0px solid #999 !important; }

.btns { text-align: center; margin: 0 30px; height: 29px; }
.btns div { width: 119px; height: 31px; float: left; display: inline-block; display: -moz-inline-block; margin:0 5px; }

p.caution { font-size: .847em; color: #f00; }


/* 2010-11 */
/* PROJECT HEAD */
#project_head_box { margin: 6px 0 16px; }
#ph_photo { float: left; margin: 0 12px 0 0; width: 100px; height: 100px; border: solid 1px #ccc; }
#ph_photo td { text-align: center; }
#ph_info { overflow: hidden; zoom: 1; }
#ph_catch { font-size: 1.077em; }
#ph_item { font-weight: bold; }
#ph_client { margin: .3em 0 10px; font-size: .847em; }

/* PROJECT INFO */
#project_info_box { margin: 0 0 16px; border: solid 1px #eae4b4; border-top-width: 5px; }
#pi_inner { margin: 12px; background: url(/resource/images/global/dot_vertical.gif) center top repeat-y; }
#pi_left { float: left; width: 49%; }
#pi_right { float: right; width: 48%; }

/* PROJECT NAVIGATION */
#project_nav_box { margin: 0 0 16px; padding: 9px; background: #f7f8e6; }
#project_nav_box li { float: left; margin: 0 11px 0 0; }
#project_nav_box a { padding: 2px 0 0 12px; font-size: .924em; font-weight: bold; line-height: 1.2; background: url(/resource/images/global/icn-arrow_right.gif) left center no-repeat; }

/* PROJECT LEAD */
#project_lead_box { margin: 0 0 16px; }

/* PROJECT TOPIC */
.project_topic_box { margin: 0 0 26px; }
.project_topic_box a { font-weight: bold; }
.pt_title { position: relative; }
* html .pt_title { height: 1px; }
.pt_title span { position: absolute; display: block; bottom: 13px; left: 43px; font-size: 1.077em; line-height: 1.1; }
.pt_body { position: relative; margin: 5px 0 0 114px; }

/* PROJECT TOPIC (KIT CONTENTS) */
.pt_basic_photo { float: right; margin: 0 0 10px 12px; }
.pt_basic_table { margin: 0 0 10px; overflow: hidden; zoom: 1; }
.pt_basic_table table { width: 100%; border-top: solid 1px #ccc; border-right: solid 1px #ccc; }
.pt_basic_table th, .pt_basic_table td { padding: 6px; line-height: 1.2; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.pt_basic_table th { background: #ffc; }
.ptb_item { width: 80%; }
.ptb_count { width: 20%; }


/* PROJECT TOPIC (FLOW) */
#pt_flow { overflow: hidden; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
#pt_flow li { margin: -1px 0 0; padding: 8px 0; background: url(/resource/images/global/dot_horizon.png) left top repeat-x; }
.ptf_step { float: left; width: 120px; }
.ptf_body { overflow: hidden; zoom: 1; }
.ptf_title { color: #f60; }

/* APPLY BUTTON */
#btn_apply { margin: 25px 0; padding: 25px 0; text-align: center; border-top: solid 1px #ccc; }
#btn_apply a.crop { display: inline-block; display: inline\9; margin: 0 0 6px; width: 184px; height: 36px; zoom: 1; }
#btn_apply a:hover.crop img { top: -36px; }

#project_voice_box, #project_point_box { margin: 0 auto 18px; width: 714px; }
.dropshadowbox_contents { padding: 0 26px; background: url(/resource/images/global/dropshadowbox_bg.png) left top repeat-y; }
.dropshadowbox_contents2 { padding: 0 26px; background: url(/resource/images/global/dropshadowbox_bg2.png) left top repeat-y; }

/* SCHEDULE */
#project_schedule_table { margin: 0 0 20px; border-spacing: 2px; }
#project_schedule_table th, #project_schedule_table td { vertical-align: top; }
.pst_date_cell { padding: 9px; white-space: nowrap; background: #eae4b4; }
.pst_body_cell { width: 99%; background: #f0eedf; }
.pst_img { float: left; }
.pst_body { padding: 9px 9px 9px 0; overflow: hidden; zoom: 1; }
.pst_title { color: #928501; font-weight: bold; }
.pst_message_cell { padding: 0 0 0 4px; }
.pst_arrow_cell { padding: 4px 18px; }
.pst_checklist {}
.pst_checklist li { padding: 0 0 0 16px; background: url(/resource/images/project/schedule_check_icn.png) left .2em no-repeat; }
.pst_body span, .pst_body span a { color:#41a525; font-weight: bold; }

/* PROJECT FAQ */
#project_faq_list { margin: 9px 0 0; }
.project_faq_icn { float: left; margin: .2em 6px 0 0; }
#project_faq_list p { overflow: hidden; zoom: 1; }
.project_faq_q { padding: 9px 0 0; color: #f60; font-weight: bold; background: url(/resource/images/global/dot_horizon.png) left top repeat-x; }
.project_faq_a { padding: 0 0 9px; }

/* PROJECT END */
#project_end_box { margin: 0 0 16px; color: #208e01; }

/* PROJECT CONTENTS TITLE */
#project_contents_title { margin: 0 0 10px; }
.pc_title { font-size: 1.077em; line-height: 1.2; }
#project_contents_title img { display: block; }

/* PROJECT ENTRY STEP */
#project_entry_step { margin: -5px 0 25px; }
#project_entry_step li { float: left; display: inline; }

/* PROJECT SUB TITLE */
#project_sub_title { margin: 0 0 6px; padding: 0 0 6px; font-size: 1.077em; font-weight: bold; line-height: 1.2; border-bottom: solid 1px #ccc; }

/* PROJECT CAUTION */
.project_caution_box { margin: 15px 0 0; padding: 8px 10px; background: #ffc; }

/* BOTTOM CAUTION */
#bottom_caution_box { margin: 25px 0 0; padding: 25px 0 0; border-top: solid 1px #ccc; }

.project_login_caution { margin: 0 0 6px; font-weight: bold; }

/* PROJECT ENQUETE */
#project_enquete_box {}
#project_enquete_box li { padding: 15px 0; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
#project_enquete_box label { margin: 0; }
.pe_number { float: left; margin: 0 15px 0 0; color: #f60; }
.pe_number span { display: block; font-size: 1.385em; color: black; font-weight: bold; line-height: 1.2; }
.pe_body { overflow: hidden; zoom: 1; }
.pe_question {}
.pe_answer { margin: 15px 0 0; }
.pe_answer label {}
.pe_answer_confirm { padding: 6px 10px; background: #ffc; }

/* PROJECT IKIGOMI */
#project_ikigomi_box { margin: 15px 0 0; }
#project_ikigomi_box textarea { width: 100%; height: 10em; }

/* PROJECT MEDAL PROJECT */
#project_medal_project { margin: 15px 0 0; }
#pm_medal_input { margin: 15px 0 0; padding: 0 0 5px; }

/* PROJECT FORM */
.pf_title { position: relative; margin: 15px 0 0; padding: 0 0 4px; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.project_form_box { margin: 0 0 15px; }
.project_form_box label { margin: 0; }
.pf_lead { margin: 15px 0 0; }
.pf_table { width: 100%; }
.pf_table th, .pf_table td { padding: 12px 0; vertical-align: top; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.pf_noborder { padding: 12px 0 0 !important; background: none !important; }
.pf_table th { width: 180px; }
.pf_table th span { font-weight: normal; }
.btn_search_address {}
.pf_caution { margin: 6px 0 0; font-size: .847em; line-height: 1.2; }
.pf_error { margin: 6px 0 0; font-weight: bold; line-height: 1.2; }
.pf_confirm_text { padding: 4px 10px; background: #ffc; }
.pf_confirm th { padding: 16px 0 12px; }
.pf_confirm th, .pf_confirm td { vertical-align: top; }

/* PROJECT PERIOD OF REPORT */
#project_period_report_box { padding: 8px 10px; background: #ffc; }
#pp_title { float: left; margin: 0 10px 0 0; }
#pp_body { color: #f60; font-weight: bold; overflow: hidden; zoom: 1; }

/* PROJECT REPORT */
#project_report_sample_lead { padding: 0 210px 0 0; }
#btn_report_sample { position: absolute; top: 0; right: 0; }

/* PROJECT REPORT SAMPLE */
#project_report_sample { display: none; margin: 15px 0 0; }

/* PROJECT PERMISSION FORM */
#ppf_next { visibility: hidden; }