@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: #ffd32c url(/resource/images/global/bg-body.png) left bottom repeat-x; } */
	body { color: #333; background: #ffd32c; }
	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 20px; }
	#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-brown-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: #FFF; 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: -84px -6px; }
		.round-box-basic-half i.corner-br { background-position: -90px -6px; }
		.rb-basic-half-title { position: absolute; top: 0; left: -1px; }
		.rb-basic-half-content { padding: 32px 9px 8px; padding: 32px 9px 0\9; }

/** BROWN **/
		.round-box-brown-half { border: solid 1px #7d735f; border-top: 0; background: #7d735f; 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-brown-half i.corner-bl { background-position: -12px -6px; }
		.round-box-brown-half i.corner-br { background-position: -18px -6px; }


		/** =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 -15px; padding: 0; width: 950px; background: url(/resource/images/index/haed_line.png) no-repeat left top; height: 5px; }
		#h-bottom { margin: 0 auto; width: 956px; height: 9px; font-size: 0; background: url(/resource/images/header/bg-bottom.png) left top no-repeat; }
		#h-utility_box { position: relative; padding: .3em 16px; color: white; background: #020202 url(/resource/images/header/bg-header_bar.gif) left top repeat-x; }
		#h-utility_box a { color: white; }
		#h-utility_box a:hover { color: #f60; }
		#h-username { float: left; }
		#h-utility_box ul { float: right; }
		#h-utility_box li { float: left; display: inline; margin: 0 0 0 1.5em; }
		#h-global_nav_box { position: relative; height: 80px; }
		#h-logo { position: absolute; top: 17px; left: 16px; width: 152px; height: 54px; }
	/** =GLOBAL NAVIGATION **/
	#global_nav { padding: 13px 0 0 160px; }
		#global_nav li { position: relative; float: left; margin: 0 0 0 32px; }
		* 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-campaign a img { left: -256px; }
			#gn-press a img { left: -320px; }
			#gn-voice a img { left: -384px; }
			/** =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: 17px; right: 15px; }
		#global_nav_sub li { margin: 0 0 10px; font-size: 10px; line-height: 10px; }
		#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; }
		#topic_path li:before { content: " > "; }
		#tp-first:before { content: "" !important; }
		#topic_path li { padding: 0 0 0 10px; background: url(/resource/images/global/icn-topic_path.gif) left center no-repeat; }
		html>/**/body #topic_path li { padding: 0; background: none; }
		#topic_path span { font-weight: bold; }
		#tp-first { padding: 0 !important; background: none !important; }

/**
 *  =FOOTER
 */
	#footer-section { position: relative; margin: 9px auto 0; width: 956px; }
	* html #footer-section { bottom: -1px; }
		#footer-inner { margin: 0 auto; padding: 0 3px; width: 950px; font-size: .847em; background: url(/resource/images/global/bg-section.png) left top repeat-y; }
		#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: 0px 18px 5px; width: 920px; background: url(/resource/images/index/bg-index-section.png) left top repeat-y; }
	#main-section a { position: relative\9; }
	#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/index/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 { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	div,ul,ol,dl { display: block; zoom: 1; }


/**
 * index
**/

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

a.btn_detail  { width: 119px; height: 29px; }
a:hover.btn_detail img { top: -29px; }
#index-box { position: relative; margin-bottom: 15px; }
#main_logo { position: absolute; left: 0px; top: 10px; z-index: 10; }

#flash_area { position: relative; z-index: 0; }

.login-navi { padding-top: 8px; padding-bottom: 8px; text-align: right; }
.login-navi a { position:static !important; font-weight: normal; margin-left: 20px; }

#col_l { float: left; width: 660px; }
#col_r { float: right; width: 240px; }
h1 { position: relative; padding-bottom: 5px; height: 22px; width: 589px; font-size: 1px; }
h1 img { position: absolute; left: 0px; top: 0px; }
.h1-box { margin-bottom: 15px; position: relative; }
.h1-box div { position: absolute; top: 12px; right: 13px; }
.now { float: left; }
.now strong { color: #F60; font-size: 1.5em; margin-left: 5px; }
.icon { text-align: right; float: right; width: 400px; }
.icon span { display:block; float:right; font-size: 0.8em; line-height: 2.3em; margin-left: 10px; padding-left: 26px; }
.icon .icn-pro { background: url(/resource/images/index/icn_pro.png) no-repeat left top; }
.icon .icn-res { background: url(/resource/images/index/icn_res.png) no-repeat left top; }
.icon .icn-camp { background: url(/resource/images/index/icn_camp.png) no-repeat left top; }
#pro-list { margin-right: -9px; margin-left: -9px; }
#pro-list li { margin: 0px; padding: 0px 5px 0px 9px; float: left; width: 205px; }
#pro-list .round-box-bold { width: 180px; padding: 7px; height: 80px; }
#pro-list .list-icon img { margin-right: 3px; margin-bottom: 5px; }
#pro-list a { font-weight:bold; line-height: 1.25em; }
#pro-list .img_float { float: right; border: 1px solid #CCC; }
#pro-list .box_float { float: left; width: 93px; }
.links { border: 1px solid #CCC; padding-top: 4px; padding-bottom: 4px; padding-left: 12px; margin-bottom: 5px; }
.links a { margin-right: 25px; }

#pick-list { margin-right: -9px; margin-left: -9px; }
.pick-help { right:0 !important; position: absolute; }
#pick-list li { margin: 0px; padding: 0px 5px 0px 9px; float: left; width: 205px; }
#pick-list h3 { line-height: 1.25em; padding-bottom: 5px; }
#pick-list .round-box-bold { width: 186px; padding: 4px; height: 80px; border-color: #FFF; }
#pick-list .round-box-bold i.corner-tl, .round-box-bold i.corner-tr { top: -3px; }
#pick-list .round-box-bold i.corner-tl, .round-box-bold i.corner-bl { left: -3px; }
#pick-list .round-box-bold i.corner-tr, .round-box-bold i.corner-br { right: -3px; }
#pick-list .round-box-bold i.corner-tl { background-position: -72px 0; }
#pick-list .round-box-bold i.corner-tr { background-position: -78px 0; }
#pick-list .round-box-bold i.corner-bl { background-position: -72px -6px; }
#pick-list .round-box-bold i.corner-br { background-position: -78px -6px; }

#pick-list a { line-height: 1.25em; }
#pick-list .img_float { float: right; border: 1px solid #CCC; }
#pick-list .box_float { float: left; width: 93px; }
.chara { position: absolute; left: -20px; top: -8px; }
.right-white-box { background: #FFF; text-align: center; width: 212px; margin-right: auto; margin-left: auto; border: 4px solid #e6e6e6; padding-top: 7px; padding-bottom: 3px; }

.right-white-box .w200 { width: 200px; margin-bottom: 5px; }
#col_r h2 { margin-top: 15px; }
.right_press_box { margin-top: 5px; margin-bottom: 2px; background: #FFF; width: 220px; border: 1px solid #d9d9d9; padding: 9px; }
#right-bn { margin-top: 8px; padding-top: 10px; border-top: 1px solid #CCC; }