@charset "UTF-8";

/**
 *	buzzLife Global Styles
 */


/**
 *	=RESET
 */
	html,body,div,p,ul,ol,li,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,input,textarea,select,img { margin: 0px; padding: 0px; }
	ul,ol { list-style: none; }
	table { border-collapse: separate; border-collapse: collapse\9; border-spacing: 0; }
	caption,th { text-align: left; }
	th,td { empty-cells: show; }
	img,fieldset { border: 0px; }
	img { vertical-align: bottom; }
	label { margin-left: .3em; }
	input { vertical-align: .1em; }
	textarea { font-size: 1em; }

/**
 *	=FONTS
 *
 *	18px: 1.385em
 *	17px: 1.308em
 *	16px: 1.231em
 *	15px: 1.154em
 *	14px: 1.077em
 *	13px: 1em
 *	12px: .924em
 *	11px: .847em
 *	10px: .77em
 */
	body { font-size: 100.01%; line-height: 1.5; font-family: 'ＭＳ Ｐゴシック'\9; }
	div,p,pre,ul,ol,dl,dt,dd,table,h1,h2,h3,h4,h5,h6 { font-size: 13px; font-size: 81.25%\9; }
	div,p,pre,ul,ol,dl,dt,dd,em { font-style: normal; }
	em { font-weight: bold; }
	div div,div p,div pre,div ul,div ol,div dl,div dt,div dd,div table,div h1,div h2,div h3,div h4,div h5,div h6 { font-size: 100%; }

/**
 *	=GENERAL
 */
	html { min-height: 100%; height: auto; }
	body { color: #333; background: #fdf8e5; }
	a { color: #333; }
	a:hover { color: #ff6700; }
	
	.guide { display: none; }
	.icn-arrow_up { position:static !important; padding: 0 0 0 12px; font-weight: bold; background: url(/resource/images/global/icn-arrow_up.gif) left center no-repeat; }
	.icn-arrow_left { position:static !important; padding: 0 0 0 12px; font-weight: bold; background: url(/resource/images/global/icn-arrow_left.gif) left center no-repeat; }
	.icn-arrow_right { position:static !important; padding: 0 0 0 12px; font-weight: bold; background: url(/resource/images/global/icn-arrow_right.gif) left center no-repeat; }
	#detect_letter_size { position: absolute; top: -100px; }
	.btn-pagetop { text-align: right; }
	.btn-pagetop a { position:static !important; padding: 0 14px 0 0; font-weight: bold; background: url(/resource/images/global/icn-arrow_up.gif) right center no-repeat; }

	/** =LAYOUT **/
	#content_wrap { padding: 15px 0 10px; }
	#content_container { float: left; }
	#lcol { float: left; width: 240px; }
	#rcol { float: right; width: 180px; }
		.column-3 #content_container, .column-2-left #content_container { width: 725px; }
		.column-3 #main_content { float: right; width: 470px; }
		.column-2-right #main_content { float: right; width: 665px; }
		.column-2-right #content_container { width: 100%; }

/**
 *  =MODULES
 */
	
	/** =BOX - ROUNDED CORNERS **/
		.round-box-basic, .round-box-basic-half, .round-box-bold, .round-box-bold-colored, .round-box-yellow, .round-box-white-in-yellow, .round-box-blue, .round-box-table { position: relative; }
		.round-box-basic, .round-box-basic-half, .round-box-yellow, .round-box-blue, .round-box-table { margin: 0 0 16px; }
		/** =BASIC **/
		.round-box-basic { padding: 5px; border: solid 1px #d9d9d9; background: #f0eedf; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
		.round-box-basic i.corner-tl { background-position: -12px 0; }
		.round-box-basic i.corner-tr { background-position: -18px 0; }
		.round-box-basic i.corner-bl { background-position: -12px -6px; }
		.round-box-basic i.corner-br { background-position: -18px -6px; }
		/** =BASIC HALF **/
		.round-box-basic-half { border: solid 1px #d9d9d9; border-top: 0; background: #f0eedf; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; }
		.round-box-basic-half i.corner-bl { background-position: -12px -6px; }
		.round-box-basic-half i.corner-br { background-position: -18px -6px; }
		.rb-basic-half-title { position: absolute; top: 0; left: -1px; }
		.rb-basic-half-content { padding: 32px 9px 8px; padding: 32px 9px 0\9; }
		/** =BOLD LINE **/
		.round-box-bold { margin: 3px 0 10px; padding: 3px; border: solid 3px #999; background: white; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
		.round-box-bold i.corner-tl, .round-box-bold i.corner-tr { top: -3px; }
		.round-box-bold i.corner-tl, .round-box-bold i.corner-bl { left: -3px; }
		.round-box-bold i.corner-tr, .round-box-bold i.corner-br { right: -3px; }
		.round-box-bold i.corner-tl { background-position: 0 0; }
		.round-box-bold i.corner-tr { background-position: -6px 0; }
		.round-box-bold i.corner-bl { background-position: 0 -6px; }
		.round-box-bold i.corner-br { background-position: -6px -6px; }
		/** =BOLD LINE COLORED **/
		.round-box-bold-colored { padding: 3px; border: solid 3px #999; background: #f0eedf; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
		.round-box-bold-colored i.corner-tl, .round-box-bold-colored i.corner-tr { top: -3px; }
		.round-box-bold-colored i.corner-tl, .round-box-bold-colored i.corner-bl { left: -3px; }
		.round-box-bold-colored i.corner-tr, .round-box-bold-colored i.corner-br { right: -3px; }
		.round-box-bold-colored i.corner-tl { background-position: -60px 0; }
		.round-box-bold-colored i.corner-tr { background-position: -66px 0; }
		.round-box-bold-colored i.corner-bl { background-position: -60px -6px; }
		.round-box-bold-colored i.corner-br { background-position: -66px -6px; }
		/** =YELLOW **/
		.round-box-yellow { padding: 6px; background: #f6ab00; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
		.round-box-yellow i.corner-tl { background-position: -24px 0; }
		.round-box-yellow i.corner-tr { background-position: -30px 0; }
		.round-box-yellow i.corner-bl { background-position: -24px -6px; }
		.round-box-yellow i.corner-br { background-position: -30px -6px; }
		.round-box-yellow i.corner-tl, .round-box-yellow i.corner-tr { top: 0; }
		.round-box-yellow i.corner-tl, .round-box-yellow i.corner-bl { left: 0; }
		.round-box-yellow i.corner-tr, .round-box-yellow i.corner-br { right: 0; }
		.rb-yellow-title { position: absolute; top: 0; top: -4px\9; left: 0; }
		/** =WHITE IN YELLOW **/
		.round-box-white-in-yellow { margin: 0; padding: 5px; background: white; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
		.round-box-white-in-yellow i.corner-tl { background-position: -36px 0; }
		.round-box-white-in-yellow i.corner-tr { background-position: -42px 0; }
		.round-box-white-in-yellow i.corner-bl { background-position: -36px -6px; }
		.round-box-white-in-yellow i.corner-br { background-position: -42px -6px; }
		.round-box-white-in-yellow i.corner-tl, .round-box-white-in-yellow i.corner-tr { top: 0; }
		.round-box-white-in-yellow i.corner-tl, .round-box-white-in-yellow i.corner-bl { left: 0; }
		.round-box-white-in-yellow i.corner-tr, .round-box-white-in-yellow i.corner-br { right: 0; }
		/** =BLUE **/
		.round-box-blue { padding: 6px; background: #32549d; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
		.round-box-blue i.corner-tl { background-position: -48px 0; }
		.round-box-blue i.corner-tr { background-position: -54px 0; }
		.round-box-blue i.corner-bl { background-position: -48px -6px; }
		.round-box-blue i.corner-br { background-position: -54px -6px; }
		.round-box-blue i.corner-tl, .round-box-blue i.corner-tr { top: 0; }
		.round-box-blue i.corner-tl, .round-box-blue i.corner-bl { left: 0; }
		.round-box-blue i.corner-tr, .round-box-blue i.corner-br { right: 0; }
		/** =TABLE **/
		.round-box-table {}
		.round-box-table table { position: relative; }
		.round-box-table thead tr {}
		.round-box-table td { border-left: solid 3px #999; border-right: solid 3px #999; border-bottom: solid 3px #999; background: white; }
		.round-box-table i.corner-bl { left: 0; }
		.round-box-table i.corner-br { right: 0; }
		.round-box-table i.corner-bl, .round-box-table i.corner-br { bottom: 0; }
		.round-box-table i.corner-bl { background-position: 0 -6px; }
		.round-box-table i.corner-br { background-position: -6px -6px; }
		
		/** =EXTRA **/
		.rb-title-extra {}
		.rb-title-extra span { position: absolute; display: block; top: 0; left: 0; z-index: 999; }
		.rb-title-extra span { font-size: .924em; color: white; line-height: 28px; }
		.rb-title-extra div.icn-hp { top: 6px; left: auto; right: 8px; position: absolute; display: block; z-index: 999; }
		
		i.corner-tl, i.corner-tr, i.corner-bl, i.corner-br { display: block; position: absolute; margin: 0; padding: 0; width: 6px; height: 6px; font-size: 0; border: none; background: url(/resource/images/global/circles.png) no-repeat; }
		i.corner-tl, i.corner-tr { top: -1px; }
		i.corner-tl, i.corner-bl { left: -1px; }
		i.corner-tr, i.corner-br { right: -1px; }
		
		a.crop { position: relative; display: block; overflow: hidden; border: solid 0px white; }
		a:hover.crop { border: solid 0px gray; }
		a.crop img { position: absolute; top: 0; left: 0; }
		a:hover.crop img {}



/**
 *	=HEADER
 */
	#header-section { margin: 0 auto 2px auto; width: 950px; padding-bottom:5px; background-color:#f0eedf; border:solid 1px #d1d1d1; }
		#h-bottom { font-size: 0; }
		#h-utility_box { position: relative; padding: 5px 16px; color: white; background: #020202 url(/resource/images/header/bg-header_bar_w.gif) repeat-x left top; }
		#h-utility_box a { color: #000000; }
		#h-utility_box a:hover { color: #f60; }
		#h-username { float: left; }
		#h-utility_box ul { margin-top:8px; float: right; }
		#h-utility_box li { float: left; display: inline; margin: 0 0 0 1.5em; }
		#h-global_nav_box { position: relative; height: 70px; }
		#h-logo { position: absolute; top: -30px; left: 25px; width: 239px; height: 28px; }
		/** =GLOBAL NAVIGATION **/
	#global_nav { padding: 3px 0 0 0; }
		#global_nav li { position: relative; float: left; margin: 0 0 0 28px; }
		* html #global_nav li { display:inline; }
		#global_nav a { display: block; position: relative; width: 64px; height: 65px; overflow: hidden; }
		#global_nav a img { position: absolute; }
			#gn-mypage a img {}
			#gn-comm a img { left: -64px; }
			#gn-project a img { left: -128px; }
			#gn-research a img { left: -192px; }
			#gn-create a img { left: -256px; }
			#gn-market a img { left: -320px; }
			#gn-campaign a img { left: -384px; }
			#gn-press a img { left: -448px; }
			#gn-voice a img { left: -512px; }
			/** =LARGE ICON **/
			.gn-large { position: absolute; top: -999px; left: -23px; z-index: 9999; }
			.gn-large a { width: auto !important; height: auto !important; overflow: visible !important; }
			.gn-large a img { position: relative !important; left: auto !important; }
		
	/** GLOBAL NAVIGATION SUB **/
	#global_nav_sub { position: absolute; top: 9px; right: 15px; }
		#global_nav_sub li { margin: 0 0 10px; font-size: 10px; line-height: 10px; zoom: 0; }
		#global_nav_sub a { display: block; position: relative; height: 11px; border: solid 0px white; overflow: hidden; }
		#global_nav_sub a:hover { border: solid 0px gray; }
		#global_nav_sub img { position: absolute; }
			#gns-info a { width: 88px; }
			#gns-help a { width: 44px; }
			#gns-about a { width: 85px; }
			#gns-info img { top: 0px; }
			#gns-help img { top: -11px; }
			#gns-about img { top: -22px; }
			#gns-info a:hover img, #gns-help a:hover img, #gns-about a:hover img { left: -88px; }
/**
 *  =TOPIC PATH
 */
	#topic_path { margin: 0 auto 3px; width: 950px; }
		#topic_path li { float: left; display: inline; font-size: .924em; padding-left: 10px; margin-left: 10px; }
		#topic_path li:before { content: " > "; }
		#tp-first:before { content: "" !important; }
		#topic_path li { background: url(/resource/images/global/icn-topic_path.gif) left center no-repeat; }
		html>/**/body #topic_path li { background: none; margin-left: 0; }
		#topic_path span { font-weight: bold; }
		#tp-first { padding: 0 !important; background: none !important; }

/**
 *  =FOOTER
 */
	#footer-section { position: relative; margin: 0 auto; width: 950px; background-color:#fff; border-left:solid 1px #d2d2d2; border-right:solid 1px #d2d2d2; }
	* html #footer-section { bottom: -1px; }
		#footer-inner { margin: 0 auto; width: 950px; font-size: .847em; }
		/*#f-top { margin: 0 auto; width: 956px; height: 7px; font-size: 0; background: url(/resource/images/footer/bg-top.png) left top no-repeat; }*/
		#f-links { padding: 10px 0 10px 60px; }
		#f-links li { position: relative; float: left; margin: 0 18px 0 0; }
		* html #f-links li { display: inline; }
		#footer-inner p { padding: 0 0 0 60px; }
		#f-logo_chara { position: absolute; top: 10px; left: -14px; }
		#f-logo { position: absolute; top: 15px; right: 17px; }
		#f-bar { margin: 8px 0 0; height: 21px; background: #333; }
		#footer-section .icn-arrow_right { font-weight: normal; }

/**
 *  =MAIN
 */
	#main-section { margin: 0 auto; padding: 9px 15px 5px; width: 920px; background-color:#fff; border-left:solid 1px #d2d2d2; border-right:solid 1px #d2d2d2; }
	#main-section a { position: relative\9; }
	#lead { margin: -7px 0 0; }
	#m-top { margin: 0 auto; width: 956px; height: 9px; font-size: 0; background: url(/resource/images/main/bg-top.png) left top no-repeat; }
	#m-bottom { margin: 0 auto; width: 956px; height: 9px; font-size: 0; background: url(/resource/images/main/bg-bottom.png) left top no-repeat; }
	#main-bottom_links { margin: 10px 0 0; padding: 5px 10px; }

/**
 *  =CLEAR HACK
 */
	div:after,ul:after,ol:after,li:after,dl:after,dd:after,li:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	div,ul,ol,dl,dd { display: block; zoom: 1; }
	/*div,ul,ol,dl,dd { overflow: hidden; }
	* html div,* html ul,* html ol,* html dl,* html dd { height: 1em; overflow: visible; }*/


/**
 *  =HELP BALLOON
 */

.left-bal { display:none; position: absolute; top: -20px; right: -207px; z-index:50000; }
.right-bal { display:none; position: absolute; top: -20px; right: 35px; z-index:50000; }
.rb-title-extra img { cursor:pointer; }
.help_balloon { border: 3px solid #ff6700; background: #FFF url(/resource/images/global/help_balloon_close.png) no-repeat right top; padding: 10px 18px 10px 10px; width: 166px; position: relative; min-height:50px; height: auto !important; height: 70px; z-index:50000; }
.hatena canvas { position: absolute; left: 0px; top: 22px; }
.hatena_right canvas { position: absolute; right: 0px; top: 22px; }

.h2Box .helpBtn { position:absolute; top:6px; right:9px; z-index:200; }
.h2Box .helpBtn img { cursor:pointer; }
.bbsTitle .helpBtn { position:absolute; right:9px; top:6px; z-index:200; }