@charset "UTF-8";

/**
 *	buzzLife Styles
 *  MyPage
 */
	
	/** =LAYOUT **/
	#content_wrap { padding: 5px 0 20px; }
	
	/** =LEFT COLUMN **/
		/** =STILL OPEN & PREVIEW **/
		#lcol .rb-basic-half-content { padding-bottom: 0; }
		#lcol-still_open .rb-title-extra span { left: 60px; }
		/** =BUZZ PICKUP **/
		#lcol-pickup { padding: 31px 10px 1px; }
		#lcol-pickup .round-box-white-in-yellow { margin: 4px 0 10px; }
		/** =PROJECT BOX **/
		#lcol .round-box-bold { position: relative; padding: 30px 7px 7px; }
			#lcol .round-box-bold h4 { font-size: 1.077em; line-height: 1.3; }
			#lcol-pickup .round-box-white-in-yellow h4 { font-weight: normal; }
			.pb-icn { position: absolute; top: 5px; left: 7px; }
			#lcol .round-box-bold span { position: absolute; top: 5px; right: 7px; }
			#lcol .round-box-bold * span { position: static; top: auto; right: auto; }
			#lcol .round-box-bold em { font-weight: normal; }
			#lcol .round-box-bold em span, #lcol-pickup .round-box-white-in-yellow em span { display: block; font-size: .847em; color: #808080; font-weight: normal; }
			.pb-photo_box { float: right; width: 80px; height: 80px; text-align: center; }
			#lcol-pickup .pb-photo_box { margin: 0 0 0 5px; }
			#lcol .pb-btn_box { overflow: hidden; zoom: 1; }
				#lcol .pb-btn_box a.crop { margin: 0 0 0 -2px; }
				#lcol .pb-btn_box span { display: block; margin: 11px 0 0; }
				#lcol-pickup .pb-btn_box span { margin: 0; }
				#lcol .pb-btn_box span a { display: block; margin: 0; font-size: .924em; line-height: 1.2; }
				#lcol .pb-btn_box span .icn-arrow_right { background-position: left .2em; }
				#lcol .pb-btn_box a.crop { width: 119px; height: 29px; }
				#lcol .pb-btn_box a:hover.crop img { top: -29px; }
			#lcol ul { margin: 0 0 10px; }
	
	/** =MAIN COLUMN **/
		#active-box {}
			#active-box .rb-basic-half-content { padding-bottom: 0; }
			#active-box .round-box-bold { margin: 3px 0 10px; }
			.main-project_box { padding: 17px 17px 10px; }
				.main-project_box .pb-photo_box { margin: 0 0 5px 17px; }
				.main-project_box h4 { font-size: 1.385em; line-height: 1.3; }
				.main-project_box em { font-weight: normal; }
				.main-project_box em span { display: block; font-size: .847em; color: #808080; }
				.pb-term { clear: both; margin: 5px 0 0; padding: .3em; background: #e6e6e6; }
				.main-project_box .pb-btn_box { margin: 8px -10px 8px 0; }
				.main-project_box .pb-btn_box li { float: left; display: inline; margin: 0 6px 0 0; width: 134px; }
				.main-project_box .pb-btn_box a { margin: 0 0 0 -2px; }
				.main-project_box .pb-btn_box em { display: block; color: #ff6700; font-weight: bold; }
				.main-project_box .pb-btn_box span { display: block; font-size: .847em; color: #808080; }
				.main-project_box a { float: right !important; }
				.main-project_box * a { float: none !important; }
				.main-project_box .pb-btn_box a.crop { width: 134px; height: 29px; }
				.main-project_box .pb-btn_box a:hover.crop img { top: -29px; }
			.icn-news_with_chara { float: left; margin: 0 11px 0 0; }
			.pb-news_box { position: relative; margin: 0 0 8px; }
				.pb-news_box ul { overflow: auto; zoom: 1; padding: 7px 8px 0; border: solid 1px #d9d9d9; background: #ffc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
				.pb-news_box li { margin: 0 0 7px; zoom: 1; }
				.pb-news_box span { float: left; display: block; margin: 0 6px 0 0; font-size: .847em; color: #808080; }
				.pb-news_box div { overflow: auto; zoom: 1; line-height: 1.2; }
				.pb-news_box a { line-height: 1.2; }
				.pb-news_box i { position: absolute; display: block; top: 16px; left: 46px; width: 10px; height: 7px; font-size: 0; background: url(/resource/images/mypage/triangle-left-yellow.gif) 0px 0px no-repeat; }
			.buzz_count_now { text-align: right; }
				.buzz_count_now em { margin: 0 3px; font-size: 1.077em; font-weight: bold; color: #ff6700; }
			.pb-remark_box { margin: -10px 0 10px; }
			.pb-remark-item { margin: 0 0 3px; }
				.pb-remark-item span { margin: 0 0 0 1em; font-size: .77em; color: #808080; vertical-align: text-bottom; line-height: 10px; }
			.pb-remark_box { position: relative; }
				.pb-remark-photo_box { float: left; margin: 0 10px 0 0; margin: 0 7px 0 0\9; }
					.pb-remark-photo_box span { display: block; width: 45px; font-size: .77em; color: #808080; text-align: center; }
				.pb-remark-body { position: relative; margin: 0 0 0 55px; _margin: 0 0 0 52px; padding: 7px 8px; border: solid 1px #d9d9d9; background: #e3ecff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
				.pb-remark_box i { position: absolute; display: block; top: 16px; left: -10px; width: 10px; height: 7px; font-size: 0; background: url(/resource/images/mypage/triangle-left-blue.gif) 0px 0px no-repeat; }
		
		#commu-box {}
			#commu-box .round-box-bold { margin: 3px 0 10px; }
			#commu-box .pb-remark_box { margin: 0 0 10px; }
			#commu-box .pb-news_box { clear: both; }
			#commu-box .pb-remark_box { clear: both; }
			#commu-box .pb-btn_box { margin: 10px 0 0; }
			#commu-box .rb-basic-half-content { padding-bottom: 0\9; }
			#commu-box .rb-basic-half-content a { float: right; }
			#commu-box .rb-basic-half-content * a { float: left; }
	
	/** =RIGHT COLUMN **/
		#mypage-profile_box { margin: 4px auto; margin: 10px auto\9; padding: 4px; width: 150px; border: solid 1px #e5e5e5; background: white; }
			#mypage-profile_box a.crop { margin: 0 auto; width: 104px; height: 24px; }
			#mypage-profile_box a:hover.crop img { top: -24px; }
			#mypage-profile_box div { margin: .5em 0 .3em; text-align: center; }
			#mypage-profile_box div .listBox { text-align:center; width:80px; border:solid 1px #ccc; margin:0 auto; }
			#mypage-profile_box div .listBox div { display:table-cell; /display:inline; /zoom:1; text-align:center; vertical-align:middle; width:80px; /margin:-1px 0 0 0 !important; }
			#mypage-profile_box div .listBox span { display:table-cell; /display:inline; /zoom:1; height:80px; width:1px; vertical-align:middle; margin:0 -1px; }
		
		#mypage-medal_box { position: relative; margin: 7px auto 5px; padding: 30px 4px 4px; width: 150px; border: solid 1px #e5e5e5; background: white; }
			a#btn-medal_history { position: absolute !important; top: -2px; left: -1px; margin: 0 auto; width: 160px; height: 32px; }
			a:hover#btn-medal_history img { top: -32px; }
			#mypage-medal_count { margin: 4px 0 5px; padding: 6px; border: solid 1px #e5e5e5; }
			#mypage-medal_count dt { float: left; padding: 2px 0 0; font-size: 10px; }
			#mypage-medal_count dd { float: left; padding: 2px 0 0; font-weight: bold; line-height: 1.0; }
			#btn-about_medal {}
			#btn-about_medal img { float: right; }
		
		/** medal btn added May 25th 2010 **/
		#mdlcol .mb-btn_box { overflow: hidden; zoom: 1;}
		#mdlcol .mb-btn_box a.crop { margin: 0 0 0 15px; }
		#mdlcol .mb-btn_box a.crop { width: 119px; height: 29px; }
		#mdlcol .mb-btn_box a:hover.crop img { top: -29px; }
		/** /medal btn added May 25th 2010 **/

		a#btn-post_history { margin: 5px auto 0; width: 164px; height: 34px; }
		a:hover#btn-post_history img { top: -34px; }
		
		.mypage-utilitybox { margin: 25px 0; }
			.mypage-utilitybox h3 a.crop { margin: 0 0 0 -2px; width: 184px; height: 31px; }
			.mypage-utilitybox h3 a:hover.crop img { top: -31px; }
			.mypage-utilitybox p { color: #ff6700; }
			.mypage-utilitybox ul { margin: -.5em 0 0; }
			.mypage-utilitybox li { margin: 1em 0 0; }
			.mypage-utilitybox li span { display: block; color: #808080; font-size: .847em; line-height: 1.2; zoom: 1; }
			.mypage-utilitybox .icn-arrow_right { float: right; margin: .5em 0 0; }
			/*
			.mypage-utilitybox div { position: relative; margin: 17px 0 0; padding: 8px; border: solid 1px #d9d9d9; background: #f0eedf; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;word-break:break-all; }
			.mypage-utilitybox div span { display: block; margin: .5em 0 0; color: #808080; font-size: .847em; line-height: 1.0; }
			.mypage-utilitybox div i { position: absolute; display: block; top: -15px; right: 15px; width: 13px; height: 15px; font-size: 0; background: url(/resource/images/balloon/triangle-up.gif) 0px 0px no-repeat; }
			*/
		
		.mypage-bannerbox { margin: 0 0 12px; }
		
		/* BUZZ TOPICS */
		.camp-utilitybox { position: relative; margin: 56px 0 25px; }
		.camp-utilitybox h3 { position:absolute; top:-36px; 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:105px; }
			
.new-speak { text-align: center; margin-left:70px; margin-top: 10px; }
.new-speak div { display: inline; zoom:1; margin: 0 1px 0 1px; }
.new-speak div { display: inline-block; display: -moz-inline-block; margin: 0 1px 0 1px; }
.new-speak a { margin:0 auto 0 auto; }

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_next  { width: 24px; height: 17px; }
a:hover.btn-back_next img { top: -17px; }

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

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

a.btn-enjoy  { width: 184px; height: 38px; }
a:hover.btn-enjoy img { top: -38px; }

.mypage-search { background: #32549d; width: 720px; color: #FFF; padding-right: 3px; padding-top: 2px; margin-right: -9px; margin-left: -9px; margin-top: -7px; }
.mypage-search a { color: #fff; }
.mypage-search li { float: right; margin-right: 2px; margin-left: 2px; padding-right: 8px; padding-left: 8px; height: 23px; }
.mypage-search li.on { background: #F0EEDF; font-weight: bold; color: #32549D; padding-top: 1px; }
.icon-detail { background: url(/resource/images/mypage/list_icon_detail_bg.gif) no-repeat left top; margin-top: 12px; margin-bottom: 13px; padding-right: 12px; }
.icon-detail li { float: right; line-height: 30px; margin-left: 25px; }
.icon-detail li.icon-pro { background: url(/resource/images/mypage/icon_detail_pro.gif) no-repeat left center; padding-left: 29px; }
.icon-detail li.icon-rese { background: url(/resource/images/mypage/icon_detail_rese.gif) no-repeat left center; padding-left: 23px; }
.icon-detail li.icon-camp { background: url(/resource/images/mypage/icon_detail_camp.gif) no-repeat left center; padding-left: 27px; }
.number-box { padding-bottom: 8px; }
.number { float: left; font-size: 14px; }
.number span { font-weight:bold; }
.slider { float: right; }
.slider .btn-float { float:left;padding:0 3px 0 3px; }
.slider a , .slider span { font-size: 14px; font-weight: bold; }
.line-length { background: #FFF url(/resource/images/mypage/list_line_length.gif) repeat-y center top; }
.list-box { margin: -3px; }
.list-box li { float: left; width: 315px; background: url(/resource/images/mypage/list_line_side.gif) repeat-x left bottom; padding: 13px 17px; height: 99px; }
.list-box li div { float: left; }
.list-box li .list-mark { width: 80px; padding-right: 10px; }
.list-box li .list-name { width: 185px; }
.list-box li .list-name p { line-height: 15px; height: 54px; font-weight: bold; }
.list-box li .list-name p span { font-size: 11px; color: #808080; font-weight: normal; }
.list-box li .list-icon { width: 40px; }
.list-box li .list-icon img { float: right; }
.noline { background-image: none !important; }

#welcome-box { margin-bottom: 10px; background: #ffffcc; border-color: #f58f00; position:relative; padding: 8px 7px; }
#enjoy-box { margin-bottom: 15px; background: #ffffcc; position:relative; padding: 8px 7px; }
#welcome-box span, #enjoy-box span { font-size: 0.88em; }
#welcome-box .bee, #enjoy-box .bee { position:absolute; left: 2px; bottom: 0px; }
#welcome-box h2 , #enjoy-box h2 { margin-bottom:5px; }
ul.comm-nothing { margin-top: 8px; }
ul.comm-nothing li { font-size: 1.25em; font-weight: bold; margin-bottom: 5px; padding-left: 27px; }
ul.comm-nothing li.icn-view { background: url(/resource/images/mypage/icon_detail_comm.gif) no-repeat left top; }
ul.comm-nothing li.icn-project { background: url(/resource/images/mypage/icon_detail_pro.gif) no-repeat left top; }
ul.comm-nothing li.icn-research { background: url(/resource/images/mypage/icon_detail_rese.gif) no-repeat left top; }
ul.comm-nothing li.icn-campaign { background: url(/resource/images/mypage/icon_detail_camp.gif) no-repeat left top; }

/* 2010.09 */
	h2.iconChTitle { font-size:1.077em; background:url(/resource/images/global/title_back.gif) no-repeat left top; padding:7px 0 16px 43px; }
	#iconChangeTop { padding-bottom:10px; }
	#iconChangeTop .leftIconImg { width:92px; float:left; }
	
	#iconChangeTop .leftIconImg .listBox { text-align:center; width:80px; border:solid 1px #ccc; }
	#iconChangeTop .leftIconImg .listBox div { display:table-cell; /display:inline; /zoom:1; text-align:center; vertical-align:middle; width:80px; /margin-top:-1px; }
	#iconChangeTop .leftIconImg .listBox span { display:table-cell; /display:inline; /zoom:1; height:80px; width:1px; vertical-align:middle; margin:0 -1px; }

	html>/**/body #iconChangeTop .leftIconImg .listBox img { margin-bottom:-1px; }
	#iconChangeTop .leftIconImg .listBox span, x:-moz-broken { height:77px; }
	#iconChangeTop .leftIconImg .listBox span { /height:78px; }
	
	#iconChangeTop .leftIconImg p { font-size:.924em; padding-top:3px; }
	#iconChangeTop .rightChangeArea { width:630px; float:left; }
	#iconChangeTop .rightChangeArea p { font-size:.924em; padding-bottom:3px; }
	#iconChangeTop .rightChangeArea .filesearch { width:390px; }
	#iconChangeTop .rightChangeArea .btn { padding-top:12px; text-align:center; }
	#iconChangeTop .rightChangeArea .btn input { margin:0 14px; }
	
	#iconUpTxt { padding-top:20px; border-top:dotted 1px #000; }
	#iconUpTxt ol { padding-top:5px; }
	#iconUpTxt li { font-size:.924em; padding-bottom:1em; }
	#iconUpTxt p { margin: 0 0 1em; font-size:.924em; }
	#iconUpTxt .red { color:#f00; }
	
/* 2010-11 */
/* MYPAGE TITLE */
#mypage_title { position: relative; margin: 0 0 22px; }
* html #mypage_title { height: 1px; }
#mypage_title span { position: absolute; display: block; bottom: 7px; left: 40px; font-size: 1.077em; line-height: 1.1; }

/* MYPAGE CONTENTS TITLE */
#mypage_contents_title { margin: 0 0 10px; }
#mypage_contents_title img { display: block; }
#mypage_contents_title .mc_title { margin: 0; }
.mypage_contents_title { margin: 0 0 10px; }
.mypage_contents_title img { display: block; }
.mypage_contents_title .mc_title { margin: 0; }

/* ONE COLUMN BOX */
#one_column_box { margin: 0 auto; width: 694px; }
.one_column_box { margin: 0 auto; width: 694px; }

/* MYPAGE FORM */
.mf_title { position: relative; margin: 15px 0 0; padding: 0 0 4px; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.mypage_form_box { margin: 0 0 15px; }
.mypage_form_box label { margin: 0; }
.mf_lead { margin: 15px 0 0; }
.mf_table { width: 100%; }
.mf_table th, .mf_table td { padding: 12px 0; vertical-align: top; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.mf_noborder { padding: 12px 0 0 !important; background: none !important; }
.mf_table th { padding: 12px 20px 12px 0; width: 180px; }
.mf_table th span { font-weight: normal; }
.btn_search_address {}
.mf_caution { margin: 6px 0 0; font-size: .847em; line-height: 1.2; }
.mf_error { margin: 6px 0 0; font-weight: bold; line-height: 1.2; }
.mf_confirm_text { padding: 4px 10px; background: #ffc; }
.mf_confirm th { padding: 16px 0 12px; }
.mf_confirm th, .pf_confirm td { vertical-align: top; }

/* MYPAGE RESIGN BUTTON */
#mypage_resign_button { margin: 26px 0 0; padding: 26px 0 0; background: url(/resource/images/global/dot_horizon.png) left top repeat-x; }
#mypage_resign_button .btn_184 { margin: 0; }


.mypage_box {}

/* WHAT'S NEW and BUZZ MARKET */
#mypage_whatsnew_market_box { margin: 0 0 25px -15px; }
.mwm_box { float: left; display: inline; margin: 0 0 0 15px; width: 355px; }
.mwm_list { padding: 10px; border: solid 1px #ccc; border-top: none; }
.mwm_list li { margin: 0 0 3px; line-height: 1.2; }
.mwm_date { float: left; display: inline; margin: 0 8px 0 0; font-size: .847em; color: #666; }
.mwm_body { overflow: hidden; zoom: 1; }
.mwm_body a { font-weight: bold; }

/* BUZZ MARKET */
.mwm_photo_box { float: left; }
.mwm_info_box { padding: 0 0 0 9px; overflow: hidden; zoom: 1; }
.mwm_name { margin: 0 0 8px; }
.mwm_name a { font-size: 1.077em; font-weight: bold; line-height: 1.2; }
.mwm_price_box { margin: 4px 0 0; font-weight: bold; line-height: 1.1; }
.mwm_off, .mwm_price_normal, .mwm_price_discount { vertical-align: middle; }
.mwm_off { display: inline-block; padding: 3px 9px; font-size: .77em; color: white; background: #ed3100; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.mwm_price_normal { font-size: .77em; }
.mwm_price_discount {}
.mwm_count { margin: 4px 0 0; padding: 0 0 0 15px; font-size: .924em; font-weight: bold; line-height: 1.2; background: url(/resource/images/mypage/icn_market_count.gif) 2px center no-repeat; }
.mwm_timer { margin: 4px 0 0; padding: 0 0 0 15px; font-size: .924em; font-weight: bold; line-height: 1.2; background: url(/resource/images/mypage/icn_market_timer.gif) left center no-repeat; }

.round-box-bold-colored { padding: 5px 10px 12px; background: #ffc; }
.mypage_welcome_enjoy_box { margin: 0 0 25px; }
.welcome_buttons_box { margin: 8px 0 0; text-align: center; }

#mypage_main_contents_box { margin: 0 0 0 -15px; }

/* BUZZ PROJECT and BUZZ RESEARCH */
#mypage_project_research_box { position: relative; float: left; display: inline; margin: 0 0 0 15px; width: 355px; z-index: 999; }
#mpr_title { margin: 0 -2px 6px; }
#mpr_btn_box { margin: 0 -2px 10px; text-align: center; }

.mypage_content_box { position: relative; margin: 0 0 9px; }
.mypage_content_box_inner { padding: 0 11px; border: solid 1px #ccc; border-top: none; }
.mc_title { position: relative; margin: 0 -12px; font-size: 1.077em; }
* html .mc_title { margin: 0 -12px 0 -13px; }
.mc_lead { padding: 9px 0 10px; font-size: .847em; color: #666; }
.mc_list { margin: -1px 0 0; }
.mc_list li { padding: 12px 0 0; background: url(/resource/images/global/dot_horizon_black.png) left top repeat-x; }
.mcl_photo { float: left; display: inline; margin: 0 8px 12px 0; }
.mcl_body { margin: 0 0 12px; overflow: hidden; zoom: 1; }
.mcl_com_box { clear: left; }
.mcl_buzzcom { width: 60px; font-size: .847em; color: #630; text-align: center; }
.mcl_icn { margin: 0 0 4px; }
.mcl_icn img { margin: 0 4px 0 0; }
.mcl_title { font-size: 1.077em; font-weight: bold; }
.mcl_company { font-size: .847em; color: #666; }
.mcl_meter { margin: 9px 0 0; }
.mc_link { margin: 4px 0 0; text-align: right; }
.mcl_term {}
.mcl_term span { color: #f60; }
.mcl_head_count {}
.mcl_head_count span { color: #f60; }
.mcl_info_panel { clear: both; margin: 12px 0; padding: 10px 9px 0; background: #ffc; }
.mcli_news_box { padding: 0 0 10px; }
.mcli_title_news { margin: 0 0 5px; padding: 0 0 0 24px; line-height: 22px; background: url(/resource/images/mypage/icn_news.png) left center no-repeat; }
.mcli_news_date { clear: left; float: left; display: inline; margin: 0 8px 0 0; font-size: .847em; color: #666; }
.mcli_news_body { line-height: 1.3; overflow: hidden; zoom: 1; }
.mcli_news_body a { font-weight: bold; }
.mcli_action_list { padding: 10px 0 0; background: url(/resource/images/global/dot_horizon_black.png) left top repeat-x; }
.mcli_action_list li { padding: 0 0 8px; background: none; }
.mcli_title_report, .mcli_title_final, .mcli_title_post { margin: 0 0 5px; padding: 0 0 0 24px; font-weight: bold; line-height: 22px; }
.mcli_title_report { background: url(/resource/images/mypage/icn_report.png) left center no-repeat; }
.mcli_title_final { background: url(/resource/images/mypage/icn_final_enquete.png) left center no-repeat; }
.mcli_title_post { background: url(/resource/images/mypage/icn_post.png) left center no-repeat; }
.mcli_action_limit { font-size: .847em; color: #f60; }
#mcl_other_com_box { padding: 9px 9px 6px; }
#mclo_list { margin: 8px -3px 0; }
#mclo_list li { float: left; display: inline; margin: 0 0 3px 3px; width: 48px; padding: 0; background: none; }
.mcl_applied_check { float: right; margin: 2px 0 0 8px; text-align: right; }
.mcl_item { font-weight: bold; }

/* CLAP RANKING */
#mypage_clap_ranking { position: relative; margin: 25px 0 0; padding: 9px 10px 0; }
#mypage_clap_ranking .icn_hatena { top: 13px; right: 12px; }
#mcr_lead { padding: 9px 0 10px; font-size: .847em; color: #666; }
#mcr_list {}
#mcr_list li { margin: 0 0 4px; line-height: 1.2; }
.mcr_number { float: left; width: 40px; color: #666; font-weight: bold; }
.mcr_number span { color: #f60; }
.mcr_body { overflow: hidden; zoom: 1; }
.mcr_comment { font-weight: bold; }
.mcr_com {}
.mcr_name { margin: 3px 0 0; font-size: .847em; color: #f60; }
.mcr_1 .mcr_number, .mcr_1 .mcr_comment { font-size: 1.231em; }
.mcr_1 .mcr_com, .mcr_2 .mcr_number, .mcr_2 .mcr_comment { font-size: 1.077em; }

/* BUZZ COM and BUZZ CAMPAIGN */
#mypage_com_campaign_box { position: relative; float: left; display: inline; margin: 0 0 0 15px; width: 355px; z-index: 998; }
#mcc_title { margin: 0 -2px 6px; }
#mcc_btn_box { margin: 0 -2px 10px; text-align: center; }

/* NOTICE */
#mypage_notice {}
#mypage_notice .btn_184 { margin: 0; }
#mypage_notice .btn_184 a.crop { height: 31px; }
#mypage_notice .btn_184 a:hover.crop img { top: -31px; }

/* MYPAGE TOPIC */
.mypage_topic_box { margin: 0 0 26px; }
.mypage_topic_box a { font-weight: bold; }
.mt_title { clear: both; position: relative; padding: 15px 0 4px; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.mt_title span { position: absolute; display: block; bottom: 13px; left: 43px; font-size: 1.077em; line-height: 1.1; }
.mt_body { position: relative; margin: 5px 0 0 113px; }
.mt_body_full_wide { position: relative; margin: 5px 5px 0 20px; }
.mt_link { margin: -12px 0 0; text-align: right; }
.mt_lead { margin: 5px 0 0; font-size: .924em; overflow: hidden; zoom: 1; }
.mt_box { margin: 12px 0; }
.mt_table { margin: 12px 0 26px; width: 100%; border-top: solid 1px #ccc; border-right: solid 1px #ccc; }
.mt_table th, .mt_table td { padding: 6px; line-height: 1.2; vertical-align: top; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; word-wrap: break-word; word-break: break-word; }
.mt_table th { white-space: nowrap; background: #ffc; }
td.mtt_date { width: 87px; font-size: .847em; color: #666; text-align: center; }
td.mtt_project { width: 120px; }
td.mtt_contents { width: 320px; }
td.mtt_comment { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif; }
td.mtt_clap, td.mtt_medal { width: 1%; font-size: .847em; color: #653300; text-align: center; }
td.mtt_clap img, td.mtt_medal img { margin: 2px 0 0; }
td.mtt_address { width: 1%; white-space: nowrap; }
#history_report td.mtt_project, #history_apply td.mtt_project, #history_apply td.mtt_contents { width: auto; }
#history_report td.mtt_contents, td.mtt_comment { width: 1%; text-align: center; }

/* HISTORY REPORT DETAIL */
#mt_history_report_table { width: 100%; }
#mt_history_report_table th, #mt_history_report_table td { padding: 12px 0; vertical-align: top; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
#mt_history_report_table th { width: 180px; }

/* HISTORY MEDAL */
.with_medal_icon { min-height: 54px; _height: 54px; background: url(/resource/images/global/icn_medal_36.png) 14px top no-repeat; }
#medal_table { margin: 0 0 8px !important; }
.mtt_medal_plus, .mtt_medal_minus, td.mtt_medal_current { text-align: center; }
td.mtt_medal_plus, td.mtt_medal_minus { width: 40px; }
td.mtt_medal_current { width: 1%; }

/* MYPAGE VOLUNTEER BUTTONS */
#mypage_volunteer_buttons_box { margin: 10px 0; }

/* MYPAGE HISTORY TOP BUTTON */
#mypage_history_top_button { margin: 26px 0 0; padding: 26px 0 0; text-align: right; background: url(/resource/images/global/dot_horizon.png) left top repeat-x; }
#mypage_history_top_button .btn_184 { margin: 0; }

/* BUZZ LESSON */
.lesson_title { margin: 0 0 11px !important; }
#lesson_welcome_lead strong { font-size: 1.077em; }
#lesson_step_list {}
#lesson_step_list li { float: left; }
#lesson_title { margin: 20px 0 0; float: left; font-size: 1.077em; font-weight: bold; }
#lesson_page { margin: 0 0 6px; padding: 20px 0 6px; text-align: right; border-bottom: solid 1px #ccc; }
#lesson_buttons_box { margin: 20px 0 0; text-align: center; }
#lesson_buttons_box .btn_184 { margin: 0; }

/* BUZZ MEDAL */
.mt_medal_howto_box { margin: 15px 0; width: 612px; background: #f0eedf; }
.mt_medal_howto_box p { display: inline; font-size: .924em; vertical-align: middle; line-height: 1.2; zoom: 1; }
html>/**/body .mt_medal_howto_box p { display: -moz-inline-box; display: inline-block; }
.mtm_title {}
.mtm_lead { padding: 0 0 0 12px; width: 530px; }

/* MEDAL BENEFACTOR */
#mypage_medal_benefactor_box {}
.mmb_count { font-size: 1.077em; color: #885A4C; font-weight: bold; }
.mmb_count strong { font-size: 1.429em; }
.mmb_count span { font-size: .786em; }
#mmb_table { margin: 0 0 15px; width: 100%; background: url(/resource/images/global/dot_horizon.png) left top repeat-x; }
#mmb_table td { padding: 4px 10px; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.mmbt_icn { width: 33px; text-align: center; }
.mmbt_date { width: 86px; }
.mmbt_name { width: 80px; }
.mmbt_body {}
.mmb_himalayan .mmb_count strong, .mmb_himalayan .mmbt_date { color: #090; }
.mmb_dog .mmb_count strong, .mmb_dog .mmbt_date { color: #FF3B00; }
.mt_medal_pagination { text-align: right; }
.mtmp_current { font-size: 1.385em; text-decoration: none; }
a.mtmp_current:hover { color: #333; cursor: default; }
#mypage_medal_benefactor_box .number-box { margin: 15px 0 0; }

/* MEDAL FORM */
.mmf_list {}
.mmf_list dt { padding: 10px 0; }
.mmf_list dd { padding: 0 0 10px; background: url(/resource/images/global/dot_horizon.png) left bottom repeat-x; }
.mmfl_icn img { padding: 0px 20px 0px 10px; }

/* CARD */
#card_design_box { margin: 30px 0 0; text-align: center; }

/* BANNER */
.mypage_banner_box { margin: 0 0 25px; }

/**
 *	=CLEAR HACK
 */
#mypage_whatsnew_buzztopics_box li, #mypage_main_contents_box li { display: block; zoom: 1; }


/* 20110711 ブログウィジェット用 */
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb25{margin-bottom:25px;}
.blogparts-com{margin-bottom:30px;background: url(/resource/images/mypage/gay_dot.png) left top no-repeat;padding-top:10px;}


/* 20110904 ヒマラヤ植樹 */
#box_himalayan_report { width: 610px; margin-top: 20px; position: relative; background: url(/resource/images/mypage/bg_himalayan_report_btm.jpg) no-repeat center bottom; }
#box_himalayan_report_inner { padding: 20px 20px 11px;  background: url(/resource/images/mypage/bg_himalayan_report_top.jpg) no-repeat center top; }
#box_himalayan_report_inner strong { color: #090; }
.title_himalayan { margin-bottom: 10px; }
#box_himalayan_report .photo_right {  float: right; padding-top: 80px; margin-bottom: 20px; }
.txt_left { width: 300px; float: left; }
#box_himalayan_admin { background: #FFF; margin: 10px 0; }
#box_himalayan_admin img { float: left; padding: 10px; }
#box_himalayan_admin p { padding: 10px 10px 10px 0; }

#box_himalayan_report_list { width: 570px; overflow: hidden; margin-bottom: 25px; }
#box_himalayan_report_list ul { width: 585px; margin-bottom: 3px; margin-left: -15px; }
#box_himalayan_report_list li { float: left; margin-left: 15px; }
#box_himalayan_report_list div { text-align: right; font-size: .847em; }
#box_himalayan_letter { position: relative; left: -5px; margin-bottom: 20px; }
#box_himalayan_letter #btn_himalayan_report_all { display: block; position: absolute; top: 190px; right: 40px; }
#box_himalayan_letter #bnr_himalayan2011 { display: block; position: absolute; top: 225px; right: 37px; }
#photo_himalayan2011_04 { display: block; position: relative; left: -5px; z-index: 10; }
#photo_rokuta { display: block; margin-top: -20px; position: relative; z-index: 20; }

#photo_clip { position: absolute; top: -19px; right: 0; }




/*20111119buzzLifeレッスン*/

/*レッスントップ*/
#sec_lesson {
	/*_zoom: 1;
	overflow: hidden;*/
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 725px;
}

#sec_lesson h2.l_t_h2{
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#lesson_box {
	/*_zoom: 1;
	overflow: hidden;*/
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 114px;
	width: 611px;
}
#lesson_box h3.l_lead01{
	/*_zoom: 1;
	overflow: hidden;*/
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #653300;
	line-height: 1.6em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#lesson_box h3.l_t_h3{
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBCBCB;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 611px;
}
#lesson_box p.l_txt01{
	font-size: 14px;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/*テーブル設定*/
#lesson_box table.lesson_tbl{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#lesson_box table.lesson_tbl td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#lesson_box table.lesson_tbl th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 7px;
}
.lesson_tbl .ta_h{
	margin: 0px;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.lesson_tbl p.shuryo{
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
}
.lesson_tbl p.mishuryo{
	font-size: 18px;
	font-weight: bold;
}

/*注意事項*/
#lesson_box p.l_txt02{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #F00;
}



/*レッスン設問*/
#sec_lesson h2.l_t_h2bg{
	color: #F60;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background-image: url(http://img.buzzlife.jp/resource/images/lesson/lsn_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	position: relative;
}
#sec_lesson h2.l_t_h2bg span.l_arw{
	background-image: url(http://img.buzzlife.jp/resource/images/lesson/lsn_arw01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sec_lesson h2.l_t_h2bg span.l_jyunban{
	font-size: 14px;
	color: #333;
	position: absolute;
	font-weight: normal;
	left: 620px;
	top: 10px;
	margin: 0px;
	padding: 0px;
}




#lesson_box h3.question_h3{
	font-size: 18px;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 60px;
	width: 541px;
	background-color: #EDEDED;
	background-image: url(http://img.buzzlife.jp/resource/images/lesson/lsn_q_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	line-height: 1.5em;
	position: relative;
}
#lesson_box h3.question_h3 span{
	color: #F60;
	margin: 0px;
	position: absolute;
	left: 12px;
	top: 12px;
	padding: 0px;
	z-index: 2;
}
#lesson_box p.question_arw{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 0px;
}



#lesson_box h3.question2_h3{
	font-size: 18px;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 60px;
	width: 541px;
	background-color: #EDEDED;
	background-image: url(http://img.buzzlife.jp/resource/images/lesson/lsn_q_bg012.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	line-height: 1.5em;
	position: relative;
}
#lesson_box h3.question2_h3 span{
	color: #F60;
	margin: 0px;
	position: absolute;
	left: 12px;
	top: 12px;
	padding: 0px;
	z-index: 2;
}





/*ボタン*/
#lesson_btn {
	_zoom: 1;
	overflow: hidden;
	margin: 0px;
	clear: both;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#lesson_btn2 {
	_zoom: 1;
	overflow: hidden;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	text-align: center;
}

#lesson_btn ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#lesson_btn li {
	width: 257px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lesson_btn ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}


#lesson_box .answer_yn{
	margin: 0px;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#lesson_box .answer_yn span{
	margin: 0px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*レッスン解答・解説*/
#lesson_answer {
	_zoom: 1;
	overflow: hidden;
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

#lesson_answer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#lesson_answer li {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lesson_answer ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}


#lesson_box h4{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


/*修了*/
#lesson_shuryo {
	_zoom: 1;
	overflow: hidden;
	margin: 0px;
	clear: both;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#lesson_shuryo p.omedeto{
	margin: 0px;
	padding: 0px;
}
#lesson_shuryo p.omedeto2{
	font-size: 22px;
	font-weight: bold;
	color: #F00;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}