@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; }


/** sato 0226 **/
.box-h1 {
	padding-bottom: 20px;
}
.float-right {
	float: right;
	margin-left: 15px;
}
.btn {
	padding-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	position: relative;
}

.btn div {
	display: inline;
	zoom:1;
	margin:0 5px 0 5px;
}
.btn div {
	display: inline-block;
	display: -moz-inline-block;
	margin:0 5px 0 5px;
}

.btn a {
	margin:0 auto 0 auto;
}


a.on  { top:0; overflow:hidden; display:block; position:relative;border:solid 0px white; }
.btn 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-detail  { width: 235px; height: 45px;	text-decoration: none; }
a:hover.btn-detail img { top: -45px; text-decoration: none; }
.btn-detail span,
a:hover.btn-detail span {
	font-weight: bold;
	color: #FFF;
	position: absolute;
	left: 15px;
	top: 7px;
	line-height: 1em;
	z-index:9999;
}
.orange-txt {
	color: #ff6700;
}
#thread-box-balloon {
}
#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;
}
#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-left: 20px;
	margin-bottom: 10px;
}
#thread-box-balloon canvas { position: absolute; top: 10px; }

#content_wrap {
	margin:0 -5px;
	padding-top: 5px;
}
#content_wrap .round-box-bold {
	border-color: #e6e6e6;
	display: inline;
	zoom:1;
	vertical-align:top;
	width: 280px;
	padding-left:7px;
	padding-right:7px;
	margin:0 5px 0 5px;
}
#content_wrap .round-box-bold {
	border-color: #e6e6e6;
	display: inline-block;
	display: -moz-inline-block;
	vertical-align:top;
	width: 280px;
	padding-left:7px;
	padding-right:7px;
	margin:0 5px 10px 5px;
}
#content_wrap .round-box-bold h2 {
	font-size: 1.33em;
	line-height: 1.5em;
	padding-bottom: 3px;
}
#content_wrap .round-box-bold h3 {
	font-size: 2em;
	line-height: 1.20em;
}
#content_wrap .round-box-bold .float_left {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}
#kirin h2 { color:#006c35; }
#kirin h3 span { color:#00aacf; }
#karokon h2 { color:#007c36; }
#karokon h3 span { color:#00aacf; }
#perfect h2 { color:#d31b7c; }
#perfect h3 span { color:#ff3779; }
#buzzlife h2 { color:#fa930b; }
#buzzlife h3 span { color:#ff5400; }


/**
 * buzz Press
**/

body#buzzpress { background: none; }
body#buzzpress div#prss_f {
	width: 100%;
	height: 100%;
	min-height: 600px;
	min-width: 950px;
	_height: 600px;
	_width: 950px;
}

body#buzzpress #noflash {
	width: 100%
	text-align: center;
}

body#buzzpress #wrapper {
	width: 555px;
	margin: 20px auto 0;
	text-align: left;
}

body#buzzpress #noflash #bee {
	width: 112px;
	float: left;
	display: inline;
	margin-right: 15px;
	margin-bottom: 15px;
}
body#buzzpress #noflash #getflash {
	width: 425px;
	float: left;
	margin-bottom: 15px;
}

body#buzzpress #noflash #getflash p {
	margin: 5px 0 10px 0;
}

body#buzzpress #noflash #logo {
	clear: both;
	border-top: 3px solid #bfbfbf;
	text-align: right;
	padding: 10px 5px 0 0;
}


body#buzzpress #noflash #getflash div p {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

/*for IE6 */
* html body#buzzpress #noflash #getflash div p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html body#buzzpress #noflash #getflash div p {
	display: inline;
	zoom: 1;
}