@charset "utf-8";

/* /////////////////////////////////////// 共通 /////////////////////////////////////// */

/*-------------------------------------------------------------------

	カラムレイアウト

-------------------------------------------------------------------*/

/*-----------------------------------------------
	2カラムレイアウト
-----------------------------------------------*/

.b-layout-2column {
}

.b-layout-2column .b-content-column {
	float: left;
	margin-left: 20px;
}

.b-layout-2column .b-content-column:first-child {
	margin-left: 0;
}

/* メインカラム内：1カラムの時 */
#b-layout-wrapper #b-ui-container-main .b-layout-2column .b-content-column {
	width: 465px;
}

/* メインカラム内：外部カラム・コミュニティ情報カラム付きの時 */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-2column .b-content-column {
	width: 195px;
}

/* メインカラム内：コミュニティ情報カラム付きの時 */
#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-2column .b-content-column {
	width: 355px;
}

/*-----------------------------------------------
	3カラムレイアウト
-----------------------------------------------*/

.b-layout-3column {
}

.b-layout-3column .b-content-column {
	float: left;
	margin-left: 10px;
}

.b-layout-3column .b-content-column:first-child {
	margin-left: 0;
}

#b-layout-container #b-ui-container-footer .b-layout-3column .b-content-column {
	margin-left: 19px;
	width: 304px;
}

#b-layout-container #b-ui-container-footer .b-layout-3column .b-content-column:first-child {
	margin-left: 0;
}

/* メインフッタ（回遊性のための動線群）内：外部カラム付きの時 */
#b-layout-container.b-layout-has-out-aside #b-ui-container-footer .b-layout-3column .b-content-column {
	margin-left: 18px;
	width: 198px;
}

#b-layout-container.b-layout-has-out-aside #b-ui-container-footer .b-layout-3column .b-content-column:first-child {
	margin-left: 0;
}

/*-------------------------------------------------------------------

	リストコンテンツレイアウト

-------------------------------------------------------------------*/

/*-----------------------------------------------
	2カラムレイアウト
-----------------------------------------------*/

.b-layout-list-2content {
	margin-top: 0;
	overflow: hidden;
}

.b-layout-list-2content .b-element-list-content {
	float: left;
	margin-top: 0;
}

/* メインカラム内：1カラムの時 */
#b-layout-wrapper #b-ui-container-main .b-layout-list-2content {
	margin-right: -14px;
	width: 964px;
}

#b-layout-wrapper #b-ui-container-main .b-layout-list-2content .b-element-list-content {
	margin-right: 14px;
	width: 468px;
}

/* メインカラム内：外部カラム・コミュニティ情報カラム付きの時 */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-2content {
	margin-right: -14px;
	width: 484px;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-2content .b-element-list-content {
	margin-right: 14px;
	width: 228px;
}

/* メインカラム内：コミュニティ情報カラム付きの時 */
#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-2content {
	margin-right: -14px;
	width: 744px;
}

#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-2content .b-element-list-content {
	margin-right: 14px;
	width: 358px;
}

/*-----------------------------------------------
	3カラムレイアウト
-----------------------------------------------*/

.b-layout-list-3content {
	margin-top: 0;
}

.b-layout-list-3content .b-element-list-content {
	float: left;
	margin-top: 0;
}

/* メインカラム内：外部カラム・コミュニティ情報カラム付きの時 */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content {
	margin-left: 10px;
	margin-right: -15px;
	overflow: hidden;
	width: 405px;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content .b-element-list-content {
	margin-right: 15px;
	margin-top: 15px;
	width: 120px;
}

/* メインカラム内：コミュニティ情報カラム付きの時 */
#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content {
	margin-left: 10px;
	margin-right: 13px;
	overflow: hidden;
	width: 723px;
}

#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content .b-element-list-content {
	margin-right: 13px;
	margin-top: 13px;
	width: 228px;
}

/*-----------------------------------------------
	4カラムレイアウト
-----------------------------------------------*/

.b-layout-list-4content {
	margin-top: 0;
}

.b-layout-list-4content .b-element-list-content {
	float: left;
	margin-top: 0;
}

/* メインカラム内：1カラムの時 */
#b-layout-wrapper #b-ui-container-main .b-layout-list-4content {
	margin-left: 10px;
	margin-right: 14px;
	overflow: hidden;
	width: 944px;
}

#b-layout-wrapper #b-ui-container-main .b-layout-list-4content .b-element-list-content {
	margin-right: 14px;
	margin-top: 14px;
	width: 222px;
}

/* メインカラム内：コミュニティ情報カラム付きの時 */
#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-4content {
	margin-left: 10px;
	margin-right: 14px;
	overflow: hidden;
	width: 724px;
}

#b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-4content .b-element-list-content {
	margin-right: 14px;
	margin-top: 14px;
	width: 167px;
}

/*-----------------------------------------------
	サムネールレイアウト
-----------------------------------------------*/

.b-element-thumb-list {
	margin-top: 0;
}

.b-element-thumb-list > li {
	float: left;
	margin-top: 0;
}

.b-element-thumb-list > li a,
.b-element-thumb-list > li img {
	display: block;
}

/*-------------------------------------------------------------------

	共通要素

-------------------------------------------------------------------*/

/*-----------------------------------------------
	モーダル用ベース背景
-----------------------------------------------*/

#baseist-grad {
	background-color: #000;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}

/*-----------------------------------------------
	フォーム用メッセージ
-----------------------------------------------*/

.message {
}

/* エラー */
.message .mandatoryError {
	background-color: #ff532e;
	border-radius: 4px;
	color: #fff;
	display: none;
	margin-top: 5px;
	padding: 3px 10px;
}

/* 完了 */
.message .successful {
	background-color: #fae654;
	border-radius: 4px;
	color: #666;
	display: none;
	margin-top: 5px;
	padding: 3px 10px;
}

/*-----------------------------------------------
	バルーンコンテント
-----------------------------------------------*/

.b-content-balloon-element {
	position: relative;
}

.b-content-balloon-element .b-element-balloon-tale {
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}

/*-----------------------------------------------
	サムネール画像一覧（一般）
-----------------------------------------------*/

.b-ui-thumb-content {
}

.b-ui-thumb-content .b-element-thumb-list {
	margin-left: 10px;
}

.b-ui-thumb-content .b-element-thumb-list li {
	margin-right: 10px;
	margin-top: 10px;
}

/*-----------------------------------------------
	必須項目文字スタイル
-----------------------------------------------*/

.b-element-required {
	color: #ff3333;
	font-weight: bold;
}

/*-----------------------------------------------
	絵文字用スタイル
-----------------------------------------------*/

.b-ui-emoji {
	vertical-align: baseline;
}

/* /////////////////////////////////////// 基本1 /////////////////////////////////////// */

/*-------------------------------------------------------------------

	レイアウト

-------------------------------------------------------------------*/

#b-layout-container {
	margin: 0 auto;
	padding-bottom: 30px;
	width: 1000px;
}

#b-layout-container #b-ui-container-frame {
}

#b-layout-container #b-ui-container-outside {
}

#b-layout-wrapper {
}

#b-layout-wrapper #b-ui-container-side {
	padding-top: 4px;
}

#b-layout-wrapper #b-ui-container-main {
	padding-top: 4px;
}

/*-----------------------------------------------
	外部カラム付きレイアウト
-----------------------------------------------*/

#b-layout-container.b-layout-has-out-aside {
}

/* コンテンツ領域全体 */
#b-layout-container.b-layout-has-out-aside #b-ui-container-frame {
	float: left;
	width: 685px;
}

/* 外部カラム */
#b-layout-container.b-layout-has-out-aside #b-ui-container-outside {
	float: right;
	width: 300px;
}

/*-----------------------------------------------
	コミュニティ情報カラム付きレイアウト
-----------------------------------------------*/

#b-layout-wrapper.b-layout-has-aside {
}

/* コミュニティ情報カラム */
#b-layout-wrapper.b-layout-has-aside #b-ui-container-side {
	float: left;
	width: 200px;
}

/* メインカラム */
#b-layout-wrapper.b-layout-has-aside #b-ui-container-main {
	float: right;
	width: 785px;
}

/*-----------------------------------------------
	外部カラム付き＆コミュニティ情報カラム付きレイアウト
-----------------------------------------------*/

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside {
}

/* コミュニティ情報カラム */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-side {
}

/* メインカラム */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main {
	width: 470px;
}

/*-----------------------------------------------
	パンくずヘッダ
-----------------------------------------------*/

#b-ui-topic-path {
}

#b-ui-topic-path ul {
	margin-top: 0;
}

#b-ui-topic-path ul li {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	*zoom: 100%;
}

#b-ui-topic-path ul li span {
	color: #333;
}

#b-ui-topic-path ul li:first-child:before {
	content: "";
}

/*-----------------------------------------------
	コミュニティバー
-----------------------------------------------*/

#b-ui-com-bar {
	margin-top: 10px;
}

#b-ui-com-bar h1 {
	font-size: 18px;
}

/*-----------------------------------------------
	総合トップ画像
-----------------------------------------------*/

#b-ui-com-top-image {
	margin-top: 0;
}

#b-ui-com-top-image p {
	margin-top: 0;
}

/*-----------------------------------------------
	コミュニティヘッダ
-----------------------------------------------*/

#b-ui-com-header {
	margin-top: 10px;
}

#b-ui-com-header .b-element-thumb {
	float: left;
	margin-right: 10px;
	margin-top: 0;
}

#b-ui-com-header .b-element-heading {
	font-size: 18px;
	overflow: hidden;
	padding-top: 10px;
	*zoom: 100%;
}

/*-----------------------------------------------
	検索ヘッダ
-----------------------------------------------*/

#b-ui-search-header {
	margin-top: 10px;
	padding: 10px;
}

#b-ui-search-header .b-element-heading {
	float: left;
	margin-top: 0;
}

#b-ui-search-header .b-content-element {
	float: left;
	margin-left: 15px;
}

#b-ui-search-header .b-content-element .b-ui-input {
	width: auto;
}

#b-ui-search-header .b-content-element select,
#b-ui-search-header .b-content-element input {
	vertical-align: middle;
}

/* メインカラム内にある時 */
#b-ui-container-main #b-ui-search-header {
	margin-top: 20px;
}

/*-----------------------------------------------
	メインフッタ（回遊性のための動線群）
-----------------------------------------------*/

#b-ui-container-footer {
}

/*-------------------------------------------------------------------

	エリア

-------------------------------------------------------------------*/

/* 外部カラム */
#b-ui-container-outside {
	padding-top: 4px;
}

/* /////////////////////////////////////// 基本2 /////////////////////////////////////// */

/*-------------------------------------------------------------------

	ボタン

-------------------------------------------------------------------*/

/*-----------------------------------------------
	ボタン1（決定）
-----------------------------------------------*/

.b-ui-button-decision {
	display: inline-block;
	outline: none;
	padding: 5px 10px;
	text-decoration: none;
	*zoom: 100%;
}

/*-----------------------------------------------
	ボタン3（リンクとしてのボタン）
-----------------------------------------------*/

.b-ui-button-default {
	display: inline-block;
	outline: none;
	padding: 5px 10px;
	text-decoration: none;
	*zoom: 100%;
}

/*-----------------------------------------------
	ボタン4（削除など危険なボタン）
-----------------------------------------------*/

.b-ui-button-delete {
	display: inline-block;
	outline: none;
	padding: 5px 10px;
	text-decoration: none;
	*zoom: 100%;
}

/*-----------------------------------------------
	ボタン5（ホバー時）
-----------------------------------------------*/

.b-ui-button-decision:hover,
.b-ui-button-default:hover,
.b-ui-button-delete:hover {
	outline: none;
}

/*-----------------------------------------------
	ボタン6（押下時）
-----------------------------------------------*/

.b-ui-button-decision:active,
.b-ui-button-default:active,
.b-ui-button-delete:active,
.b-ui-button-decision:focus,
.b-ui-button-default:focus,
.b-ui-button-delete:focus {
	outline: none;
}

/*-----------------------------------------------
	ボタン7（無効）
-----------------------------------------------*/

.b-ui-button-disabled {
	display: inline-block;
	outline: none;
	padding: 5px 10px;
	text-decoration: none;
	*zoom: 100%;
}

/*-----------------------------------------------
	ボタン領域
-----------------------------------------------*/

.b-ui-button-area {
	margin-top: 15px;
	padding: 15px 20px;
}

.b-ui-button-area > .b-content-button {
	text-align: center;
}

.b-ui-button-area > .b-content-button .b-element-button {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-button-area > .b-layout-float-content {
}

.b-ui-button-area > .b-layout-float-content .b-content-button {
	float: left;
	text-align: center;
	width: 50%;
}

.b-ui-button-area > .b-layout-float-content .b-content-button + .b-content-button {
	float: right;
}

.b-ui-button-area > .b-layout-float-content .b-content-button .b-element-button {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-button-area > .b-layout-3column {
}

.b-ui-button-area > .b-layout-3column .b-content-button {
	float: left;
	width: 33%;
}

.b-ui-button-area > .b-layout-3column .b-content-button .b-element-button {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-button-area > .b-layout-3column .b-content-button + .b-content-button {
	float: left;
	text-align: center;
}

.b-ui-button-area > .b-layout-3column .b-content-button + .b-content-button + .b-content-button {
	float: right;
	text-align: right;
}

/*-------------------------------------------------------------------

	名称/見出し

-------------------------------------------------------------------*/

/*-----------------------------------------------
	通常見出し、その他（静的画面など）
-----------------------------------------------*/

.b-ui-heading {
	margin-top: 20px;
	padding: 10px;
}

.b-ui-heading .b-element-heading {
}

.b-ui-heading .b-content-element select,
.b-ui-heading .b-content-element input {
	vertical-align: middle;
}

.b-ui-heading .b-content-element .widget-toggle-btn {
	display: inline-block;
	*display: inline;
	margin-top: 8px;
}

.b-ui-heading .b-content-element .widget-toggle-btn a {
	background-repeat: no-repeat;
	display: block;
}

.b-ui-heading .b-layout-float-content .b-element-heading {
	float: left;
}

.b-ui-heading .b-layout-float-content .b-content-element {
	float: right;
}


/*-----------------------------------------------
    通常見出し、その他（静的画面など）トップ用
-----------------------------------------------*/

.b-ui-heading-top {
    margin-top: 0px;
    padding: 10px;
}

.b-ui-heading-top .b-element-heading {
}

.b-ui-heading-top .b-content-element select,
.b-ui-heading-top .b-content-element input {
    vertical-align: middle;
}

.b-ui-heading-top .b-content-element .widget-toggle-btn {
    display: inline-block;
    *display: inline;
    margin-top: 8px;
}

.b-ui-heading-top .b-content-element .widget-toggle-btn a {
    background-repeat: no-repeat;
    display: block;
}

.b-ui-heading-top .b-layout-float-content .b-element-heading {
    float: left;
}

.b-ui-heading-top .b-layout-float-content .b-content-element {
    float: right;
}

/*-------------------------------------------------------------------

	モーダルウィンドウ、ポップアップ表示

-------------------------------------------------------------------*/

/*-----------------------------------------------
	カード
-----------------------------------------------*/

#profile-balloon {
	display: none;
	position: absolute;
	
	opacity: 0;
	filter: alpha(opacity=0);
	/*-ms-filter: "progid:DXImageTransform. Microsoft.Alpha(Opacity=0)";*/
	-ms-filter: "alpha(opacity=0)"; /* IE8? */
}

.member-situate-button-section {
	display: none;
}

.b-ui-dialog-namecard {
	padding: 10px;
	width: 240px;
}

.b-ui-dialog-namecard .b-content-element {
}

.b-ui-dialog-namecard .b-content-element .b-layout-float-content {
}

.b-ui-dialog-namecard .b-content-element .b-layout-float-content .b-element-thumb {
	float: left;
	margin-right: 10px;
}

.b-ui-dialog-namecard .b-content-element .b-layout-float-content .b-element-thumb p {
	margin-top: 0;
}

.b-ui-dialog-namecard .b-content-element .b-layout-float-content .b-element-heading {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-dialog-namecard .b-content-element .b-layout-float-content .b-element-heading p {
	margin-top: 0;
}

.b-ui-dialog-namecard .b-content-button {
	margin-top: 10px;
}

.b-ui-dialog-namecard .b-content-button .b-layout-float-content {
}

.b-ui-dialog-namecard .b-content-button .b-layout-float-content .b-element-button {
	float: left;
}

.b-ui-dialog-namecard .b-content-button .b-layout-float-content .b-element-button p {
	margin-top: 0;
}

.b-ui-dialog-namecard .b-content-button .b-layout-float-content .b-element-button + .b-element-button {
	float: right;
}

/*-----------------------------------------------
	？マーク
-----------------------------------------------*/

.b-ui-dialog-helper {
	display: inline-block;
	*display: inline;
	line-height: 1;
	*line-height: 1.6;
	margin-left: 3px;
	padding: 3px;
	vertical-align: top;
	*zoom: 100%;
}

.b-ui-dialog-helper .helpbtn {
	cursor: help;
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.helper-balloon {
	display: none;
	max-width: 240px;
	min-width: 160px;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	
	opacity: 0;
	filter: alpha(opacity=0);
	/*-ms-filter: "progid:DXImageTransform. Microsoft.Alpha(Opacity=0)";*/
	-ms-filter: "alpha(opacity=0)"; /* IE8? */
}

/*-----------------------------------------------
	ツールチップ
-----------------------------------------------*/

.b-ui-dialog-tooltip {
}

#baseist-balloon {
	position: absolute;
}

#baseist-balloon .balloon-wapper {
	padding: 5px;
}

#baseist-balloon .balloon-wapper .balloon-status {
}

/*-----------------------------------------------
	画像・動画の拡大
-----------------------------------------------*/

#baseist-media-balloon {
	display:none;
	left:0px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0px;
	width : 100%;
	z-index: 101;
}

#baseist-media-balloon .facebox {
	background-color: #fff;
	border-radius: 6px;
	height: 100px;
	margin: 0 auto;
	padding: 0 20px 30px;
	position: relative;
	width: 200px;
	
	/*box-shadow*/
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	
	/*opacity*/
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)"; /* IE8 */
}

#baseist-media-balloon .facebox-wapper {
	padding-top: 30px;
}

#baseist-media-balloon .facebox-content {
	height: 100%;
	margin: 0;
	padding: 0 0;
	position: relative;
	z-index: 1;
}

#baseist-media-balloon .facebox-content-body {
	text-align: center;
	z-index: 1;
}

#baseist-media-balloon .facebox-content-meta {
	margin: 10px 10px 0;
	overflow: hidden;
}

#baseist-media-balloon .facebox-content-caption {
	display: block;
	float: left;
	margin: 0;
	width: auto;
}

#baseist-media-balloon .facebox-content-imgFrom {
	background-image: url("../../theme/img/icon/arrow_circle_orange_right.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: none;
	padding-left: 16px;
}
#baseist-media-balloon .facebox-content-note {
	color: #666;
	display: block;
	float: right;
	margin: 0;
	width: auto;
}

#baseist-media-balloon .facebox-content-controller {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#baseist-media-balloon .facebox-content-controller span {
	position: absolute;
	display: block;
	top: 0;
	cursor: pointer;
	text-indent: -999px;
	background-image: url('../../community/img/facebox/button.png');
	background-repeat: no-repeat;
	width : 16px;
	height: 16px;
	overflow: hidden;
	zoom: 100%;
	z-index: 2;
}

#baseist-media-balloon .facebox-content-controller span.facebox-content-prevbtn {
	background-position: 0 0;
	left: -17px;
}

#baseist-media-balloon .facebox-content-controller span.facebox-content-prevbtn:hover {
	background-position: 0 -16px;
}

#baseist-media-balloon .facebox-content-controller span.facebox-content-nextbtn {
	background-position: -16px 0; 
	right: -17px;
}

#baseist-media-balloon .facebox-content-controller span.facebox-content-nextbtn:hover {
	background-position: -16px -16px;
}

#baseist-media-balloon .facebox-close {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 2;
}

#baseist-media-balloon .facebox-loader {
	display: block;
	left: 50%;
	margin: -16px 0 0 -16px;
	padding: 0;
	position: absolute;
	top : 50%;
}

/* 削除確認等メッセージ */
#dialog-balloon {
	display:none;
	left:0px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0px;
	z-index: 101;
}

#dialog-balloon .facebox-wapper {
	background-color: #fff;
	border-radius: 6px;
	margin: 0 auto;
	padding: 10px 10px;
	position: relative;
	
	/*box-shadow*/
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

#dialog-balloon .facebox-content {
}

#dialog-balloon .facebox-content-title {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}

#dialog-balloon .facebox-content-read {
	color: #666;
	font-size: 18px;
	font-weight: bold;
	padding: 0 50px;
}

#dialog-balloon .facebox-content-button-area {
	margin-top: 15px;
	text-align: center;
}

#dialog-balloon .facebox-close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
}

/*-------------------------------------------------------------------

	アイコン画像

-------------------------------------------------------------------*/

/*-----------------------------------------------
	コミュニティ総合トップ
-----------------------------------------------*/

.b-icon-com-top {
	background-repeat: no-repeat;
	display: block;
	line-height: 50px;
	min-height: 50px;
	padding-left: 60px;
}

/*-----------------------------------------------
	検索
-----------------------------------------------*/

/* 検索 */
.b-icon-search {
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	margin-top: 5px;
	min-height: 16px;
	padding-left: 24px;
}

/* コミュニティ内検索 */
.b-icon-search-com {
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	margin-top: 5px;
	min-height: 16px;
	padding-left: 24px;
}

/* 検索結果 */
.b-icon-search-result {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/*-----------------------------------------------
	一覧
-----------------------------------------------*/

/* コミュニティ一覧（新着/人気/履歴） */
.b-icon-list-com {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* スレッド一覧（新着/人気/履歴） */
.b-icon-list-th {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* コメント一覧（新着/人気/履歴） */
.b-icon-list-cm {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* ユーザー一覧（メンバー/オーナー） */
.b-icon-list-user {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* 画像一覧（画像/動画） */
.b-icon-list-image {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/*-----------------------------------------------
	ランキング
-----------------------------------------------*/

/* コミュニティランキング */
.b8-4-1 {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* スレッドランキング */
.b8-4-2 {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* ユーザーランキング */
.b8-4-3 {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/*-----------------------------------------------
	作成・編集・確認
-----------------------------------------------*/

/* コミュニティ作成・編集（画像変更含む）・確認 */
.b-icon-authoring-com {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* スレッド作成・編集（画像変更含む）・確認 */
.b-icon-authoring-th {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* コメント作成・確認 */
.b-icon-authoring-cm {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* 絵文字 */
.b-icon-emoji {
}

/* オーナー追加・指名確認 */
.b-icon-authoring-owner {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* 会員登録・編集（画像変更含む） */
.b-icon-authoring-user {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/*-----------------------------------------------
	削除
-----------------------------------------------*/

/* コミュニティ削除 */
.b-icon-delete-com {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* スレッド削除 */
.b-icon-delete-th {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* コメント削除 */
.b-icon-delete-cm {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* レス削除 */
.b-icon-delete-rep {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* オーナー削除 */
.b-icon-delete-owner {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* 退会・強制退会 */
.b-icon-delete-remove {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/* 退会（サービスから退会） */
.b-icon-delete-unsubscribe {
	background-repeat: no-repeat;
	display: block;
	min-height: 36px;
	padding-left: 41px;
}

/*-----------------------------------------------
	コミュニティ情報
-----------------------------------------------*/

/* 基本データ */
.b-icon-com-info {
	background-position: 0 2px;
	background-repeat: no-repeat;
	display: block;
	min-height: 16px;
	padding-left: 20px;
}

/* 参加メンバー */
.b-icon-com-member {
	background-position: 0 2px;
	background-repeat: no-repeat;
	display: block;
	min-height: 16px;
	padding-left: 20px;
}

/* コミュニティRSS */
.b-icon-com-rss {
	background-position: 0 2px;
	background-repeat: no-repeat;
	display: block;
	min-height: 16px;
	padding-left: 20px;
}

/*-------------------------------------------------------------------

	フォーム

-------------------------------------------------------------------*/

/*-----------------------------------------------
	テキスト入力（単一行）
-----------------------------------------------*/

.b-ui-input {
	padding: 6px 5px;
	width: 100%;
	*width: 96.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}

/*-----------------------------------------------
	テキスト入力（複数行）
-----------------------------------------------*/

.b-ui-textarea {
	padding: 5px;
	resize: vertical;
	width: 100%;
	*width: 96.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

/*-----------------------------------------------
	エラー
-----------------------------------------------*/

.b9-3 {
}

/*-------------------------------------------------------------------

	ページャー

-------------------------------------------------------------------*/

/*-----------------------------------------------
	ページャー領域
-----------------------------------------------*/

.b-ui-pager {
	margin-top: 20px;
	text-align: right;
}

/*-----------------------------------------------
	ページ数表示テキスト
-----------------------------------------------*/

.b-ui-page-number {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-page-number p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

/*-----------------------------------------------
	ページ数部分
-----------------------------------------------*/

.b-ui-page-selector {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.b-ui-page-selector ul {
	display: inline-block;
	*display: inline;
	margin-left: 5px;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-page-selector ul li {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-page-selector ul li a,
.b-ui-page-selector ul li .current {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	*zoom: 100%;
}

/*-------------------------------------------------------------------

	表組み

-------------------------------------------------------------------*/

/*-----------------------------------------------
	table
-----------------------------------------------*/

.b-ui-table {
	margin-top: 0;
}

/*-----------------------------------------------
	th
-----------------------------------------------*/

.b-ui-table .b-ui-table-th {
}

/*-----------------------------------------------
	td
-----------------------------------------------*/

.b-ui-table .b-ui-table-td {
}

/*-----------------------------------------------
	フォーム要素関連
-----------------------------------------------*/

.b-ui-table .b-element-input,
.b-ui-table .b-element-textarea {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	width: auto;
}

.b-ui-table .b-element-textarea {
	vertical-align: top;
}

/* サイズ設定 */
.b-ui-table .b-element-input.sizeS,
.b-ui-table .b-element-textarea.sizeS {
	width: 20%;
}

.b-ui-table .b-element-input.sizeS .b-ui-input {
	*width: 20%;
}

.b-ui-table .b-element-input.sizeM,
.b-ui-table .b-element-textarea.sizeM {
	width: 50%;
}

.b-ui-table .b-element-input.sizeM .b-ui-input {
	*width: 50%;
}

.b-ui-table .b-element-input.sizeL {
	width: 100%;
}

.b-ui-table .b-element-textarea.sizeL {
	width: 95%;
}

/* 通常縦並びリスト */
.b-ui-table .b-element-list-item {
}

.b-ui-table .b-element-list-item li {
}

.b-ui-table .b-element-list-item li + li {
	margin-top: 5px;
}

.b-ui-table .b-element-list-item li label {
	display: inline-block;
	padding-left: 1.5em;
	position: relative;
}

.b-ui-table .b-element-list-item li label input {
	left: 0;
	position: absolute;
	top: 0.2em;
}

/* 通常横並びリスト */
.b-ui-table .b-element-inline-list-item {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
}

.b-ui-table .b-element-inline-list-item li {
	display: inline-block;
	*display: inline;
	margin-right: 15px;
	margin-top: 0;
	vertical-align: middle;
	white-space: nowrap;
	*zoom: 100%;
}

.b-ui-table .b-element-inline-list-item li + li {
}

.b-ui-table .b-element-inline-list-item li input + label {
	margin-left: 5px;
}

/* 複数列横並びリスト */
.b-ui-table ul[class^="b-layout-list-"] {
	margin-left: 0 !important;
}

.b-ui-table ul[class^="b-layout-list-"] li {
}

.b-ui-table ul[class^="b-layout-list-"] li label {
	display: inline-block;
	padding-left: 1.5em;
	position: relative;
}

.b-ui-table ul[class^="b-layout-list-"] li label input {
	left: 0;
	position: absolute;
	top: 0.2em;
}

/* 2列横並びリスト */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-ui-table .b-layout-list-2content {
	margin-right: -15px;
	width: 280px;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-ui-table .b-layout-list-2content .b-element-list-content {
	margin-right: 15px;
	width: 125px;
}

/* 3列横並びリスト */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-ui-table .b-layout-list-3content {
	margin-right: -14px;
	width: 279px;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-ui-table .b-layout-list-3content li {
	margin-right: 14px;
	width: 79px;
}

/* 4列横並びリスト */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-ui-table .b-layout-list-4content {
	margin-right: -15px;
	width: 280px;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-ui-table .b-layout-list-4content li {
	margin-right: 15px;
	margin-top: 0;
	width: 55px;
}

/* パスワードの安全性 */
.b-ui-table .b-element-indicator {
	display: inline-block;
	*display: inline;
	margin-left: 3px;
	vertical-align: top;
}

.b-ui-table .b-element-indicator p {
	font-size: 12px;
	margin: 0;
	*width: 200px;
}

.b-ui-table .b-element-indicator ol {
	*display: inline;
	list-style-type: none;
	margin: 0;
	*width: 200px;
}

.b-ui-table .b-element-indicator ol li {
	background-color: #fff;
	border: 1px solid #aaa;
	float: left;
	height: 6px;
	margin-right: 1px;
	margin-top: 0;
	width: 40px;
	*zoom: 100%;
}

.b-ui-table .b-element-indicator ol.level1 li.meter1 {
	background-color: #ff0000;
}

.b-ui-table .b-element-indicator ol.level2 li.meter1,
.b-ui-table .b-element-indicator ol.level2 li.meter2 {
	background-color: #ffcc33;
}

.b-ui-table .b-element-indicator ol.level3 li.meter1,
.b-ui-table .b-element-indicator ol.level3 li.meter2,
.b-ui-table .b-element-indicator ol.level3 li.meter3 {
	background-color: #c6fd35;
}

.b-ui-table .b-element-indicator ol.level4 li {
	background-color: #4ae817;
}

/* ID重複チェック */
.b-ui-table .b-element-id-check {
	display: inline-block;
	*display: inline;
	margin-left: 3px;
	margin-top: 0;
	vertical-align: middle;
}

/* 郵便番号検索 */
.b-ui-table .b-element-zip-code-search {
	display: inline-block;
	*display: inline;
	margin-left: 3px;
	margin-top: 0;
	vertical-align: middle;
}

/* プロフィール画像 */
.b-ui-table .b-content-profile-image {
	width: 180px;
}

.b-ui-table .b-content-profile-image .b-element-image {
	margin-top: 0;
}

.b-ui-table .b-content-profile-image .b-element-action {
	margin-top: 10px;
	text-align: right;
}

.b-ui-table .b-element-workplace-address-caption {
	display: inline-block;
	font-weight: bold;
}

/* 必須項目注意書き */
.b-element-required-text {
	margin: 10px 15px 0;
}

/* フォームセル内段落 */
.b-content-input {
}

.b-content-input + .b-content-input {
	margin-top: 10px;
}

/*-----------------------------------------------
	フォームハイライト
-----------------------------------------------*/

.b-ui-table .active .b-ui-table-td {
}

/*-------------------------------------------------------------------

	管理者メニュー

-------------------------------------------------------------------*/

.b-ui-admin-menu {
	margin-top: 20px;
	padding: 10px;
}

.b-ui-admin-menu .b-ui-button-area {
	margin-top: 0;
	padding: 0;
}

/*-------------------------------------------------------------------

	作成・確認系枠組み

-------------------------------------------------------------------*/

.b-ui-frame-authoring {
	margin: 15px 10px 0;
}

.b-ui-frame-authoring .b-ui-button-area {
	padding-bottom: 5px;
}

/* .b-ui-heading */
.b-ui-frame-authoring .b-ui-heading {
}

.b-ui-frame-authoring .b-ui-heading:first-child {
	margin-top: 0;
}

/* .b-content-section */
.b-ui-frame-authoring .b-content-section {
}

.b-ui-frame-authoring .b-ui-heading + .b-content-section {
	margin-top: 15px;
}

/* .b-form-content-heading */
.b-ui-frame-authoring .b-form-content-heading {
	margin-top: 30px;
}

.b-ui-frame-authoring .b-form-content-heading:first-child {
	margin-top: 0;
}

.b-ui-frame-authoring .b-form-content-heading .b-element-heading {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-frame-authoring .b-form-content-heading .b-element-heading p {
	margin-top: 0;
}

.b-ui-frame-authoring .b-form-content-heading .b-element-heading p .b-element-required {
}

.b-ui-frame-authoring .b-form-content-heading .b-element-heading p .b-element-note {
	font-weight: normal;
	margin-left: 15px;
}

/* .b-form-content-section */
.b-ui-frame-authoring .b-form-content-section {
	margin-left: 10px;
	margin-right: 10px;
}

.b-ui-frame-authoring .b-form-content-section .b-form-content {
	margin-top: 15px;
}

.b-ui-frame-authoring .b-form-content-section .b-form-content p {
	margin-top: 0;
}

/* .b-content-text */
.b-ui-frame-authoring .b-content-text {
	margin-left: 10px;
	margin-right: 10px;
}

/* .b-content-emoji */
.b-ui-frame-authoring .b-content-emoji {
	margin-right: 10px;
	margin-top: 5px;
	overflow: hidden;
}

.b-ui-frame-authoring .b-content-emoji .emojipad {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-radius: 4px 4px 0 0;
	float: right;
}

.b-ui-frame-authoring .b-content-emoji .emojipad a {
	border: 1px solid #fff;
	border-radius: 4px 4px 0 0;
	display: block;
	padding: 2px 5px;
}

.b-ui-frame-authoring .b-content-emoji .emojipad a .b-icon-emoji {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.b-ui-frame-authoring .b-content-emoji .emojipad a:link,
.b-ui-frame-authoring .b-content-emoji .emojipad a:visited {
	background-color: #e8e8e8;
	color: #333;
	text-decoration: none;
}

.b-ui-frame-authoring .b-content-emoji .emojipad a:hover,
.b-ui-frame-authoring .b-content-emoji .emojipad a:active,
.b-ui-frame-authoring .b-content-emoji .emojipad a:focus {
	background-color: #d2d1d1;
	color: #333;
	text-decoration: none;
}

.b-ui-frame-authoring .b-content-emoji + .b-form-content {
	margin-top: 0;
}

/* .b-preview-section */
.b-ui-frame-authoring .b-preview-section {
	margin-top: 30px;
	position: relative;
	z-index: 0;
}

.b-ui-frame-authoring .b-preview-section .b-content-heading {
	background-color: #fffbf1;
	border: 1px solid #ccc;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	color: #666;
	display: inline-block;
	*display: inline;
	margin: 0 0 -1px 10px;
	padding: 5px 10px 0;
	position: relative;
	z-index: 2;
}

.b-ui-frame-authoring .b-preview-section .b-content-heading .b-element-heading {
	margin-top: 0;
}

.b-ui-frame-authoring .b-preview-section .b-content-thumb {
	background-color: #fffbf1;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.b-ui-frame-authoring .b-preview-section .b-content-thumb img {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 1px;
}

.b-ui-frame-authoring .b-preview-section .b-content-thumb .b-element-thumb-list {
}

.b-ui-frame-authoring .b-preview-section .b-content-thumb .b-element-thumb-list li {
	margin-left: 15px;
}

.b-ui-frame-authoring .b-preview-section .b-content-thumb .b-element-thumb-list li:first-child {
	margin-left: 0;
}

.b-ui-frame-authoring .b-preview-section .b-content-thumb .b-element-video {
	margin-top: 0;
}

/* .b-example-section */
.b-ui-frame-authoring .b-example-section {
	border: 1px solid #ddd;
	font-size: 11px;
	margin-top: 30px;
}

.b-ui-frame-authoring .b-example-section .b-content-heading {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
}

.b-ui-frame-authoring .b-example-section .b-content-heading .b-element-heading {
	margin-top: 0;
}

.b-ui-frame-authoring .b-example-section .b-content-text {
	background-color: #fff;
	border-top: 2px solid #fafafa;
	margin: 0;
	padding: 10px;
}

.b-ui-frame-authoring .b-example-section .b-content-text ul {
	margin-top: 0;
}

/* .b-form-upload-section */
.b-ui-frame-authoring .b-form-upload-section {
}

.b-ui-frame-authoring .b-form-upload-section .file-upload-form-wapper {
}

.b-ui-frame-authoring .b-form-upload-section .file-upload-form-wapper .file-upload-form {
	padding: 10px;
}

.b-ui-frame-authoring .b-form-upload-section .file-upload-form-wapper .file-upload-form input {
	vertical-align: middle;
}

.b-ui-frame-authoring .b-form-upload-section .file-upload-form-wapper .file-upload-form img {
	margin-left: 5px;
	vertical-align: middle;
}

/* Exception Rules */
.b-ui-frame-authoring > div > p:first-child,
.b-ui-frame-authoring > div > div:first-child,
.b-ui-frame-authoring > div > ul:first-child,
.b-ui-frame-authoring > div > ol:first-child,
.b-ui-frame-authoring > div > dl:first-child,
.b-ui-frame-authoring > div > table:first-child {
	margin-top: 0;
}

/*-----------------------------------------------
	アラートメッセージ画面
-----------------------------------------------*/

.b-ui-frame-authoring .b-operation-section {
}

.b-ui-frame-authoring .b-operation-section .b-content-heading {
	background: none;
	padding: 0;
	text-align: center;
}

.b-ui-frame-authoring .b-operation-section .b-content-heading .b-element-heading {
	color: #666;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
}

.b-ui-frame-authoring .b-operation-section .b-content-element {
	margin-left: 150px;
	margin-right: 150px;
}

.b-ui-frame-authoring .b-operation-section .b-content-element .b-layout-float-content {
}

.b-ui-frame-authoring .b-operation-section .b-content-element .b-layout-float-content .b-element-thumb {
	display: table-cell;
	vertical-align: middle;
	*float: left;
	*margin-right: 20px;
}

.b-ui-frame-authoring .b-operation-section .b-content-element .b-layout-float-content .b-element-heading {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
	*overflow: hidden;
	*padding-left: 0;
	*zoom: 100%;
}

.b-ui-frame-authoring .b-operation-section .b-content-element .b-layout-float-content .b-element-heading p {
	font-size: 18px;
}

.b-ui-frame-authoring .b-operation-section .b-content-text {
	margin-left: 10px;
	margin-right: 10px;
}

/*-----------------------------------------------
	注意喚起メッセージ画面
-----------------------------------------------*/

.b-ui-frame-authoring .b-alert-section {
}

.b-ui-frame-authoring .b-alert-section .b-content-heading {
	background: none;
	padding: 0;
	text-align: center;
}

.b-ui-frame-authoring .b-alert-section .b-content-heading .b-element-heading {
	color: #666;
	font-size: 18px;
	margin-top: 0;
}

.b-ui-frame-authoring .b-alert-section .b-content-text {
	margin-left: 10px;
	margin-right: 10px;
}

/*-----------------------------------------------
	編集確認画面
-----------------------------------------------*/

.b-ui-frame-authoring .b-confirm-section {
}

.b-ui-frame-authoring .b-confirm-section .b-content-heading {
	margin: 5px 10px 0;
}

.b-ui-frame-authoring .b-confirm-section .b-content-heading .b-element-heading {
	font-size: 18px;
	font-weight: bold;
}

/*-----------------------------------------------
	メール受信設定画面
-----------------------------------------------*/

.b-ui-frame-authoring .b-mail-setting-section {
}

.b-ui-frame-authoring .b-mail-setting-section .b-content-text {
}

.b-ui-frame-authoring .b-mail-setting-section .b-content-text .b-ui-desc-normal {
	margin-top: 0;
}

.b-ui-frame-authoring .b-ui-mail-setting {
}

.b-ui-frame-authoring .b-ui-mail-setting thead {
}

.b-ui-frame-authoring .b-ui-mail-setting thead th {
	font-weight: bold;
	text-align: center;
}

.b-ui-frame-authoring .b-ui-mail-setting tbody {
}

.b-ui-frame-authoring .b-ui-mail-setting tbody th {
	width: 300px;
}

.b-ui-frame-authoring .b-ui-mail-setting tbody td {
	text-align: center;
	vertical-align: middle;
}

/*-------------------------------------------------------------------

	会員登録系枠組み

-------------------------------------------------------------------*/

.b-ui-frame-user {
	margin: 15px 10px 0;
}

/* .b-form-content-heading */
.b-ui-frame-user .b-form-content-heading {
	margin-top: 30px;
}

.b-ui-frame-user .b-form-content-heading:first-child {
	margin-top: 0;
}

.b-ui-frame-user .b-form-content-heading .b-element-heading {
	display: inline-block;
	*display: inline;
	font-size: 13px;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-frame-user .b-form-content-heading + .b-form-content-section {
	margin-top: 15px;
}

/*-------------------------------------------------------------------

    会員登録系枠組み

-------------------------------------------------------------------*/

.b-ui-frame-user-top {
    margin: 0px 10px 15px;
}

/*-----------------------------------------------
	会員登録画面
-----------------------------------------------*/

.b-ui-frame-user .b-user-section {
}

/*-----------------------------------------------
	ログイン画面
-----------------------------------------------*/

.b-ui-frame-user .b-login-section {
}

.b-ui-frame-user .b-login-section td[rowspan="2"] {
	border-left: 1px solid #ccc;
	vertical-align: middle;
}

.b-ui-frame-user .b-login-section .b-ui-desc-help {
	margin-top: 5px;
}

.b-ui-frame-user .b-login-section .b-ui-button-decision {
    font-size: 18px;
    font-weight: bold;
	padding: 10px;
	width: 100%;
}

.b-ui-frame-user .b-login-section .b-content-auto-login .b-element-input {
	display: block;
	margin-top: 5px;
	text-align: center;
}

.b-ui-frame-user .b-login-section .b-content-auto-login .b-element-input input {
	margin-right: 5px;
	vertical-align: middle;
}

.b-ui-frame-user .b-login-section .b-element-register {
	text-align: center;
}

/*-----------------------------------------------
	Captchaセクション
-----------------------------------------------*/

.b-ui-frame-user .b-ui-captcha {
}

.b-ui-frame-user .b-ui-captcha .b-ui-table {
	margin: 15px auto 0;
	width: 300px;
}

.b-ui-frame-user .b-ui-captcha th {
	width: 80px;
}

.b-ui-frame-user .b-ui-captcha .b-element-text {
	font-size: 12px;
	text-align: center;
}

.b-ui-frame-user .b-ui-captcha .b-element-captcha {
	margin-top: 5px;
	text-align: center;
}

.b-ui-frame-user .b-ui-captcha .b-element-captcha .b-element-image {
	border: 1px solid #ccc;
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: top;
}

.b-ui-frame-user .b-ui-captcha .b-element-action {
	margin-top: 5px;
	padding-right: 54px;
	text-align: right;
}

.b-ui-frame-user .b-ui-captcha .b-element-captcha .b-ui-dialog-helper {
	vertical-align: top;
}

.b-ui-frame-user .b-ui-captcha .b-content-heading {
	border-bottom: 1px solid #999;
	margin-top: 20px;
	padding: 0 10px 5px;
}

.b-ui-frame-user .b-ui-captcha .b-content-heading .b-element-heading {
	font-size: 15px;
}

/*-----------------------------------------------
	利用規約
-----------------------------------------------*/

.b-ui-frame-user .b-ui-agreement {
}

.b-ui-frame-user .b-ui-agreement .b-element-text {
	text-align: center;
}

.b-ui-frame-user .b-ui-agreement .b-element-agree {
	text-align: center;
}

.b-ui-frame-user .b-ui-agreement .b-element-agree input {
	margin-right: 5px;
	vertical-align: middle;
}

/*-----------------------------------------------
	会員登録画面
-----------------------------------------------*/

.b-ui-frame-user .b-content-text {
	margin-left: 10px;
	margin-right: 10px;
}

/*-----------------------------------------------
	お知らせ
-----------------------------------------------*/

/* .b-layout-list-information */
.b-layout-list-information {
}

.b-layout-list-information li {
}

.b-layout-list-information li + li {
	padding-top: 7px;
}

.b-layout-list-information li .b-layout-float-content .b-element-date {
	float: left;
	margin-right: 15px;
	margin-top: 0;
	padding-top: 3px;
}

.b-layout-list-information li .b-layout-float-content .b-element-heading {
	margin-top: 0;
	overflow: hidden;
	*zoom: 100%;
}

/* .b-information-section */
.b-ui-frame-user .b-information-section {
}

.b-ui-frame-user .b-information-section .b-layout-list-information {
	margin-top: 0;
}

.b-ui-frame-user .b-information-section .b-layout-list-information li {
	margin-top: 0;
}

.b-ui-frame-user .b-information-section .b-layout-list-information li + li {
	margin-top: 10px;
}

.b-ui-frame-user .b-information-section .b-content-heading {
	padding: 7px;
}

.b-ui-frame-user .b-information-section .b-content-heading .b-element-heading {
	float: left;
	font-size: 18px;
	margin-top: 0;
}

.b-ui-frame-user .b-information-section .b-content-heading .b-element-date {
	float: right;
	margin-top: 0;
}

/* Exception Rules */
.b-ui-frame-user > div > p:first-child,
.b-ui-frame-user > div > div:first-child,
.b-ui-frame-user > div > ul:first-child,
.b-ui-frame-user > div > ol:first-child,
.b-ui-frame-user > div > dl:first-child,
.b-ui-frame-user > div > table:first-child {
	margin-top: 0;
}

.b-ui-frame-user .b-ui-desc-normal + .b-form-content-section {
	margin-top: 10px;
}

/*-------------------------------------------------------------------

	一覧用リストコンテント

-------------------------------------------------------------------*/

.b-layout-list-article {
}

/*-----------------------------------------------
	第1階層
-----------------------------------------------*/

.b-layout-list-article .b-list-article {
	margin-top: 0;
}

.b-layout-list-article .b-list-article > li {
	margin-top: 0;
}

/*-----------------------------------------------
	第2階層
-----------------------------------------------*/

.b-layout-list-article .b-list-child-article {
	margin-top: 0;
}

.b-layout-list-article .b-list-child-article > li {
}

/*-------------------------------------------------------------------

	メッセージコンテント

-------------------------------------------------------------------*/

.b-ui-message-content {
	margin-top: 15px;
	padding: 10px;
}

.b-ui-message-content p {
	font-size: 15px;
	margin-top: 0;
}

/*-------------------------------------------------------------------

	コンテンツが無い場合のメッセージ

-------------------------------------------------------------------*/

.b-ui-no-content {
	border: 3px dashed #ccc;
	border-radius: 5px;
	margin: 20px 10px 0;
	padding: 19px 20px;
}

.b-ui-no-content p {
	margin-top: 0;
}

.b-ui-no-content p b {
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

/*-------------------------------------------------------------------

	もっと見るリンク

-------------------------------------------------------------------*/

.b-ui-more-link {
	margin-top: 10px;
}

.b-ui-more-link p {
	margin-top: 0;
	text-align: right;
}

/* /////////////////////////////////////// 個別 /////////////////////////////////////// */

/*-------------------------------------------------------------------

	コミュニティ情報カラム

-------------------------------------------------------------------*/

/*-----------------------------------------------
	コミュニティ画像額縁
-----------------------------------------------*/

.b-ui-com-info-cover {
}

.b-ui-com-info-cover p {
	margin-top: 0;
}

.b-ui-com-info-cover p {
	margin-top: 0;
}

/*-----------------------------------------------
	基本データ見出し
-----------------------------------------------*/

.b-ui-com-info-heading-basic {
	margin-top: 20px;
}

.b-ui-com-info-heading-basic .b-element-heading {
	float: left;
	font-size: 13px;
}

.b-ui-com-info-heading-basic .b-content-element {
	float: right;
}

.b-ui-com-info-heading-basic .b-content-element p {
	margin-top: 0
}

.b-ui-com-info-heading-basic .b-content-element .widget-toggle-btn a {
	background-repeat: no-repeat;
	display: block;
}

/*-----------------------------------------------
	基本データ内容
-----------------------------------------------*/

.b-ui-com-info-content-basic {
}

/*-----------------------------------------------
	参加メンバー見出し
-----------------------------------------------*/

.b-ui-com-info-heading-member {
	margin-top: 20px;
}

.b-ui-com-info-heading-member .b-element-heading {
	float: left;
	font-size: 13px;
}

.b-ui-com-info-heading-member .b-content-element {
	float: right;
}

.b-ui-com-info-heading-member .b-content-element p {
	margin-top: 0
}

.b-ui-com-info-heading-member .b-content-element .widget-toggle-btn a {
	background-repeat: no-repeat;
	display: block;
}

/*-----------------------------------------------
	参加メンバー内容
-----------------------------------------------*/

.b-ui-com-info-content-member {
}

/*-----------------------------------------------
	コミュニティRSS見出し
-----------------------------------------------*/

.b-ui-com-info-heading-rss {
	margin-top: 20px;
}

.b-ui-com-info-heading-rss .b-element-heading {
	float: left;
	font-size: 13px;
}

.b-ui-com-info-heading-rss .b-content-element {
	float: right;
}

.b-ui-com-info-heading-rss .b-content-element p {
	margin-top: 0
}

.b-ui-com-info-heading-rss .b-content-element .widget-toggle-btn a {
	background-repeat: no-repeat;
	display: block;
}

/*-----------------------------------------------
	コミュニティRSS内容
-----------------------------------------------*/

.b-ui-com-info-content-rss {
}

/*-------------------------------------------------------------------

	コミュニティ一覧

-------------------------------------------------------------------*/

/*-----------------------------------------------
	ワイド
-----------------------------------------------*/

.b-ui-com-article-wide {
	padding: 10px;
}

.b-ui-com-article-wide .b-layout-float-content {
}

.b-ui-com-article-wide .b-layout-float-content .b-content-thumb {
	float: left;
	margin-right: 30px;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-thumb .b-element-thumb {
	margin-top: 0;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-date {
	font-size: 10px;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-date p + p {
	margin-left: 5px;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-heading {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-data {
	margin-top: 15px;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-wide .b-layout-float-content .b-content-element .b-element-data p + p {
	margin-left: 5px;
}

.b-ui-com-article-wide .b-element-text {
	margin-top: 15px;
}

.b-ui-com-article-wide .b-element-text p {
	margin-top: 0;
}

.b-ui-com-article-wide .b-ui-evaluation {
	margin-top: 15px;
}

/*-----------------------------------------------
	コンパクト
-----------------------------------------------*/

.b-ui-com-article-compact {
	padding: 10px;
}

.b-ui-com-article-compact .b-layout-float-content {
}

.b-ui-com-article-compact .b-layout-float-content .b-content-thumb {
	float: left;
	margin-right: 20px;
}

.b-ui-com-article-compact .b-layout-float-content .b-content-thumb .b-element-thumb {
	margin-top: 0;
}

.b-ui-com-article-compact .b-layout-float-content .b-content-element {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-com-article-compact .b-layout-float-content .b-content-element .b-element-heading {
	font-size: 14px;
	font-weight: bold;
}

.b-ui-com-article-compact .b-layout-float-content .b-layout-float-content {
}

.b-ui-com-article-compact .b-layout-float-content .b-layout-float-content .b-element-data {
	float: left;
	margin-top: 5px;
}

.b-ui-com-article-compact .b-layout-float-content .b-layout-float-content .b-element-data p {
	margin-top: 0;
	vertical-align: middle;
}

.b-ui-com-article-compact .b-layout-float-content .b-layout-float-content .b-element-date {
	float: right;
	font-size: 10px;
	margin-top: 5px;
}

.b-ui-com-article-compact .b-layout-float-content .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-compact .b-layout-float-content .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

/*-----------------------------------------------
	ミニマム
-----------------------------------------------*/

.b-ui-com-article-minimum {
	padding: 10px;
}

.b-ui-com-article-minimum .b-element-heading {
	font-size: 14px;
	font-weight: bold;
}

.b-ui-com-article-minimum .b-layout-float-content {
}

.b-ui-com-article-minimum .b-layout-float-content .b-element-data {
	float: left;
	margin-top: 5px;
}

.b-ui-com-article-minimum .b-layout-float-content .b-element-data p {
	margin-top: 0;
	vertical-align: middle;
}

.b-ui-com-article-minimum .b-layout-float-content .b-element-date {
	float: right;
	font-size: 10px;
	margin-top: 5px;
}

.b-ui-com-article-minimum .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-minimum .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

/*-----------------------------------------------
	ライン
-----------------------------------------------*/

.b-ui-com-article-line {
	padding: 10px;
}

.b-ui-com-article-line .b-layout-float-content .b-element-heading {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.b-ui-com-article-line .b-layout-float-content .b-content-element {
	float: right;
}

.b-ui-com-article-line .b-layout-float-content .b-content-element .b-element-data {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.b-ui-com-article-line .b-layout-float-content .b-content-element .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-line .b-layout-float-content .b-content-element .b-element-date {
	display: inline-block;
	*display: inline;
	font-size: 10px;
	margin-left: 10px;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-line .b-layout-float-content .b-content-element .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-line .b-layout-float-content .b-content-element .b-element-date p + p {
	margin-left: 5px;
}

/*-----------------------------------------------
	サムネイル
-----------------------------------------------*/

.b-ui-com-article-thumb {
	padding: 10px;
}

.b-ui-com-article-thumb .b-element-thumb {
}

.b-ui-com-article-thumb .b-element-thumb p {
	margin-top: 0;
	text-align: center;
}

.b-ui-com-article-thumb .b-element-heading {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

.b-ui-com-article-thumb .b-element-data {
	margin-top: 5px;
}

.b-ui-com-article-thumb .b-element-data p {
	margin-top: 0;
}

.b-ui-com-article-thumb .b-element-date {
	font-size: 10px;
	margin-top: 5px;
}

.b-ui-com-article-thumb .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-com-article-thumb .b-element-date p + p {
	margin-left: 5px;
}

/*-------------------------------------------------------------------

	コミュニティ一覧

-------------------------------------------------------------------*/

/*-----------------------------------------------
	ワイド
-----------------------------------------------*/

.b-ui-th-article-wide {
	padding: 10px;
}

.b-ui-th-article-wide .b-layout-float-content {
}

.b-ui-th-article-wide .b-layout-float-content .b-content-thumb {
	float: right;
	margin-left: 30px;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-thumb .b-element-thumb {
	margin-top: 0;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-number {
	float: left;
	font-size: 10px;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-number p {
	margin-top: 0;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date {
	float: right;
	font-size: 10px;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-element-heading {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-element-data {
	margin-top: 15px;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-wide .b-layout-float-content .b-content-element .b-element-data p + p {
	margin-left: 5px;
}

.b-ui-th-article-wide .b-ui-evaluation {
	margin-top: 15px;
}

/*-----------------------------------------------
	コンパクト
-----------------------------------------------*/

.b-ui-th-article-compact {
	padding: 10px;
}

.b-ui-th-article-compact .b-element-heading {
	font-size: 18px;
	font-weight: bold;
}

.b-ui-th-article-compact .b-layout-float-content {
}

.b-ui-th-article-compact .b-layout-float-content .b-element-data {
	float: left;
	margin-top: 5px;
}

.b-ui-th-article-compact .b-layout-float-content .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-compact .b-layout-float-content .b-element-data p + p {
	margin-left: 5px;
}

.b-ui-th-article-compact .b-layout-float-content .b-element-date {
	float: right;
	font-size: 10px;
	margin-top: 5px;
}

.b-ui-th-article-compact .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-compact .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

/*-----------------------------------------------
	ミニマム2列
-----------------------------------------------*/

.b-ui-th-article-minimum2 {
	padding: 10px;
}

.b-ui-th-article-minimum2 .b-element-heading {
	font-size: 14px;
	font-weight: bold;
}

.b-ui-th-article-minimum2 .b-layout-float-content {
}

.b-ui-th-article-minimum2 .b-layout-float-content .b-element-data {
	float: left;
	margin-top: 5px;
}

.b-ui-th-article-minimum2 .b-layout-float-content .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-minimum2 .b-layout-float-content .b-element-data p + p {
	margin-left: 5px;
}

.b-ui-th-article-minimum2 .b-layout-float-content .b-element-date {
	float: right;
	font-size: 10px;
	margin-top: 5px;
}

.b-ui-th-article-minimum2 .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-minimum2 .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

/*-----------------------------------------------
	ミニマム1列
-----------------------------------------------*/

.b-ui-th-article-minimum1 {
	padding: 10px;
}

.b-ui-th-article-minimum1 .b-element-heading {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.b-ui-th-article-minimum1 .b-layout-float-content {
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element {
	float: right;
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element .b-element-data {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element .b-element-data p + p {
	margin-left: 5px;
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element .b-element-date {
	float: right;
	font-size: 10px;
	margin-left: 10px;
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-minimum1 .b-layout-float-content .b-content-element .b-element-date p + p {
	margin-left: 5px;
}

/*-------------------------------------------------------------------

	コメント一覧

-------------------------------------------------------------------*/

/*-----------------------------------------------
	コメント全体/ダイジェスト
-----------------------------------------------*/

.b-ui-cm-article-wide {
	padding: 10px;
}

.b-ui-cm-article-wide .b-layout-float-content {
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-thumb {
	float: left;
	text-align: center;
	width: 50px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-thumb .b-element-thumb {
	margin-top: 0;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-thumb p + p {
	margin-top: 10px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-thumb .b-ui-button-delete {
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-content-balloon-element {
	margin-left: 15px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-layout-float-content {
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-data {
	float: left;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-data p {
	margin-top: 0;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date {
	float: right;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date p {
	margin-top: 0;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-element-text {
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-element-thumb-list {
	margin-top: 10px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-element-thumb-list > li {
	margin-right: 10px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-element-thumb-list > li.b-element-video a {
	display: block;
	position: relative;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-element-thumb-list > li.b-element-video .video-grad {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 140px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-element-thumb-list > li.b-element-video .video-grad img {
	height: 34px;
	left: 50%;
	margin: -17px 0 0 -25px;
	position: absolute;
	top: 50%;
	width: 50px;
}

.b-ui-cm-article-wide .b-layout-float-content .b-content-element .b-ui-evaluation {
	margin-top: 15px;
}

/*-----------------------------------------------
	一行
-----------------------------------------------*/

.b-ui-cm-article-line {
	padding: 10px;
}

.b-ui-cm-article-line .b-content-article {
	float: left;
	padding: 0 20px 0 10px;
	width: 457px;
}

.b-ui-cm-article-line .b-content-article p {
	margin-top: 10px;
}

.b-ui-cm-article-line .b-content-author {
	float: right;
	width: 180px;
}

.b-ui-cm-article-line .b-content-author .b-element-date p {
	margin-top: 0;
}

.b-ui-cm-article-line .b-content-author .b-element-author p {
	margin-top: 2px;
}

/*-----------------------------------------------
	新着コメント
-----------------------------------------------*/

.b-ui-cm-article-minimum {
	padding: 10px;
}

.b-ui-cm-article-minimum .b-layout-float-content .b-content-thumb {
	float: left;
	text-align: center;
	width: 50px;
}

.b-ui-cm-article-minimum .b-layout-float-content .b-content-thumb .b-element-thumb {
	margin-top: 0;
}

.b-ui-cm-article-minimum .b-layout-float-content .b-content-element {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-cm-article-minimum .b-layout-float-content .b-content-element .b-content-balloon-element {
	margin-left: 15px;
}

.b-ui-cm-article-minimum .b-layout-float-content .b-content-element .b-content-balloon-element .b-element-text {
}

.b-ui-cm-article-minimum .b-layout-float-content .b-content-element .b-content-balloon-element .b-element-text p {
	margin-top: 0;
}

/*-------------------------------------------------------------------

	詳細ページ

-------------------------------------------------------------------*/

/*-----------------------------------------------
	コミュニティ
-----------------------------------------------*/

.b-ui-com-article-detail {
	margin-top: 20px;
	padding: 10px;
}

.b-ui-com-article-detail .b-content-text {
}

.b-ui-com-article-detail .b-content-text p {
	margin-top: 0;
}

.b-ui-com-article-detail .b-ui-evaluation {
	margin-top: 15px;
}

/*-----------------------------------------------
	スレッド
-----------------------------------------------*/

.b-ui-th-article-detail {
	margin-top: 20px;
	padding: 10px;
}

.b-ui-th-article-detail .b-section-heading {
}

.b-ui-th-article-detail .b-section-heading .b-element-number {
	float: left;
	font-size: 11px;
}

.b-ui-th-article-detail .b-section-heading .b-element-number p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
}

.b-ui-th-article-detail .b-section-heading .b-element-number p + p {
	margin-left: 15px;
}

.b-ui-th-article-detail .b-section-heading .b-element-date {
	float: right;
	font-size: 11px;
}

.b-ui-th-article-detail .b-section-heading .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-th-article-detail .b-section-heading .b-element-date p + p {
	margin-left: 5px;
}

.b-ui-th-article-detail .b-section-heading .b-content-heading .b-element-heading {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.b-ui-th-article-detail .b-section-heading .b-content-element {
}

.b-ui-th-article-detail .b-section-heading .b-content-element p {
	display: inline-block;
	*display: inline;
	font-size: 11px;
}

.b-ui-th-article-detail .b-section-heading .b-content-element p + p {
	margin-left: 10px;
}

.b-ui-th-article-detail .b-ui-evaluation {
	margin-top: 15px;
}

.b-ui-th-article-detail .b-section-content {
	margin-top: 20px;
}

.b-ui-th-article-detail .b-section-content .b-content-media {
	float: right;
	margin-left: 20px;
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-image {
	float: left;
	width: 140px;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-image p {
	margin-top: 0;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-image p img {
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-video {
	float: left;
	margin-left: 10px;
	width: 140px;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-video p {
	margin-top: 0;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-video a {
	display: block;
	position: relative;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-video .video-grad {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 140px;
}

.b-ui-th-article-detail .b-section-content .b-content-media .b-element-video .video-grad img {
	height: 34px;
	left: 50%;
	margin: -17px 0 0 -25px;
	position: absolute;
	top: 50%;
	width: 50px;
}

.b-ui-th-article-detail .b-section-content .b-content-text {
}

.b-ui-th-article-detail .b-section-content .b-content-text p {
	margin-top: 0;
}

/*-----------------------------------------------
	コメント
-----------------------------------------------*/

.b-ui-cm-article-detail {
	margin-top: 20px;
	padding: 10px;
}

.b-ui-cm-article-detail .b-content-heading {
	font-size: 18px;
	font-weight: bold;
}

.b-ui-cm-article-detail .b-content-heading .b-element-heading {
	font-size: 18px;
	font-weight: bold;
}

.b-ui-cm-article-detail .b-layout-float-content {
}

.b-ui-cm-article-detail .b-layout-float-content .b-element-data {
	float: left;
	margin-top: 10px;
}

.b-ui-cm-article-detail .b-layout-float-content .b-element-data p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-cm-article-detail .b-layout-float-content .b-element-data p + p {
	margin-left: 5px;
}

.b-ui-cm-article-detail .b-layout-float-content .b-element-date {
	float: left;
	font-size: 10px;
	margin-left: 20px;
	margin-top: 10px;
}

.b-ui-cm-article-detail .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-cm-article-detail .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

/*-------------------------------------------------------------------

	ユーザー一覧

-------------------------------------------------------------------*/

/*-----------------------------------------------
	サムネイル
-----------------------------------------------*/

.b-ui-m-article-thumb {
}

.b-ui-m-article-thumb .b-element-thumb-list {
	margin-left: 10px;
}

.b-ui-m-article-thumb .b-element-thumb-list > li {
	margin-right: 10px;
	margin-top: 10px;
}

/*-----------------------------------------------
	カード
-----------------------------------------------*/

.b-ui-m-article-card {
	padding: 10px;
}

.b-ui-m-article-card .b-content-element {
}

.b-ui-m-article-card .b-content-element .b-layout-float-content {
}

.b-ui-m-article-card .b-content-element .b-layout-float-content .b-element-thumb {
	float: left;
	margin-right: 10px;
}

.b-ui-m-article-card .b-content-element .b-layout-float-content .b-element-thumb p {
	margin-top: 0;
}

.b-ui-m-article-card .b-content-element .b-layout-float-content .b-element-heading {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-m-article-card .b-content-element .b-layout-float-content .b-element-heading p {
	margin-top: 0;
}

.b-ui-m-article-card .b-content-button {
	margin-top: 10px;
}

.b-ui-m-article-card .b-content-button .b-layout-float-content {
}

.b-ui-m-article-card .b-content-button .b-layout-float-content .b-element-button {
	float: left;
}

.b-ui-m-article-card .b-content-button .b-layout-float-content .b-element-button p {
	margin-top: 0;
}

.b-ui-m-article-card .b-content-button .b-layout-float-content .b-element-button + .b-element-button {
	float: right;
}

/* 2カラム：外部カラム・コミュニティ情報カラム付きの時 */
#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content .b-ui-m-article-card .b-content-element .b-layout-float-content .b-element-thumb {
	float: none;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content .b-ui-m-article-card .b-content-element .b-layout-float-content .b-element-heading {
	margin-top: 10px;
}

#b-layout-container.b-layout-has-out-aside #b-layout-wrapper.b-layout-has-aside #b-ui-container-main .b-layout-list-3content .b-ui-m-article-card .b-content-button .b-layout-float-content .b-element-button {
	float: none;
	font-size: 12px;
}

/*-----------------------------------------------
	ワイド
-----------------------------------------------*/

.b-ui-m-article-wide {
	margin: 20px 10px 0;
	padding: 10px;
}

.b-ui-m-article-wide .b-content-element {
}

.b-ui-m-article-wide .b-content-author {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	width: 260px;
}

.b-ui-m-article-wide .b-content-author .b-layout-float-content {
}

.b-ui-m-article-wide .b-content-author .b-layout-float-content .b-element-thumb {
	float: left;
	margin-right: 10px;
}

.b-ui-m-article-wide .b-content-author .b-layout-float-content .b-element-thumb p {
	margin-top: 0;
}

.b-ui-m-article-wide .b-content-author .b-layout-float-content .b-element-heading {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-m-article-wide .b-content-author .b-layout-float-content .b-element-heading p {
	margin-top: 0;
}

.b-ui-m-article-wide .b-content-article {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-m-article-wide .b-content-article .b-element-heading {
	margin-top: 0;
}

.b-ui-m-article-wide .b-content-article .b-element-text {
	margin-top: 10px;
}

.b-ui-m-article-wide .b-content-button .b-layout-float-content {
}

.b-ui-m-article-wide .b-content-button .b-layout-float-content .b-element-button {
	float: left;
}

.b-ui-m-article-wide .b-content-button .b-layout-float-content .b-element-button p {
	margin-top: 0;
}

.b-ui-m-article-wide .b-content-button .b-layout-float-content .b-element-button + .b-element-button {
	float: right;
}

/*-----------------------------------------------
	見出し内表示パターン選択
-----------------------------------------------*/

.b-ui-m-selector {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.b-ui-m-selector a {
	display: inline-block;
	*display: inline;
	height: 26px;
	width: 26px;
	vertical-align: middle;
}

/*-------------------------------------------------------------------

	ログインユーザーアクション

-------------------------------------------------------------------*/

/*-----------------------------------------------
	コミュニティ参加ボタン
-----------------------------------------------*/

.b-ui-join-com {
	margin-top: 20px;
}

.b-ui-join-com .b-content-button {
	text-align: center;
}

.b-ui-join-com .b-content-button .b-element-button {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-join-com .b-content-button .b-ui-dialog-helper {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

/*-----------------------------------------------
	コミュニティ作成ボタン
-----------------------------------------------*/

.b-ui-create-com {
	margin-top: 20px;
}

.b-ui-create-com .b-content-button {
	text-align: center;
}

.b-ui-create-com .b-content-button .b-element-button {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-create-com .b-content-button .b-ui-dialog-helper {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

/*-----------------------------------------------
	スレッド作成ボタン
-----------------------------------------------*/

.b-ui-create-th {
	margin-top: 20px;
}

.b-ui-create-th .b-content-button {
	text-align: center;
}

.b-ui-create-th .b-content-button .b-element-button {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-create-th .b-content-button .b-ui-dialog-helper {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

/*-------------------------------------------------------------------

	レス一覧

-------------------------------------------------------------------*/

/*-----------------------------------------------
	コメント全体/ダイジェスト
-----------------------------------------------*/

.b-ui-rep-article-wide {
	padding: 10px 10px 10px 75px;
}

.b-ui-rep-article-wide .b-layout-float-content {
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-thumb {
	float: left;
	text-align: center;
	width: 50px;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-thumb .b-element-thumb {
	margin-top: 0;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-thumb p + p {
	margin-top: 10px;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-thumb .b-ui-button-delete {
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element {
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-content-balloon-element {
	margin-left: 15px;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-layout-float-content {
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-data {
	float: left;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-data p {
	margin-top: 0;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date {
	float: right;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-layout-float-content .b-element-date p {
	margin-top: 0;
}

.b-ui-rep-article-wide .b-layout-float-content .b-content-element .b-element-text {
}

/*-----------------------------------------------
	一行
-----------------------------------------------*/

.b-ui-rep-article-line {
	padding: 10px 10px 10px 75px;
}

.b-ui-rep-article-line .b-content-article {
	float: left;
	padding: 0 20px 0 10px;
	width: 392px;
}

.b-ui-rep-article-line .b-content-article p {
	margin-top: 10px;
}

.b-ui-rep-article-line .b-content-author {
	float: right;
	width: 180px;
}

.b-ui-rep-article-line .b-content-author .b-element-date p {
	margin-top: 0;
}

.b-ui-rep-article-line .b-content-author .b-element-author p {
	margin-top: 2px;
}

/*-----------------------------------------------
	レス一覧：全て表示枠
-----------------------------------------------*/

.b-ui-rep-show-all {
	padding: 10px 10px 10px 75px;
}

.b-ui-rep-show-all .b-content-element {
}

.b-ui-rep-show-all .b-content-element p {
	margin-top: 0;
}

.b-ui-rep-show-all .b-content-element p a {
	display: block;
	font-size: 14px;
	padding: 5px;
	text-align: center;
}

/*-------------------------------------------------------------------

	検索結果 - タグ検索結果記事リスト

-------------------------------------------------------------------*/

.b-ui-result-article-tag {
	padding: 10px;
}

.b-ui-result-article-tag .b-layout-float-content {
}

.b-ui-result-article-tag .b-layout-float-content .b-element-number {
	float: left;
	font-size: 10px;
}

.b-ui-result-article-tag .b-layout-float-content .b-element-number p {
	margin-top: 0;
}

.b-ui-result-article-tag .b-layout-float-content .b-element-date {
	float: right;
	font-size: 10px;
}

.b-ui-result-article-tag .b-layout-float-content .b-element-date p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
	*zoom: 100%;
}

.b-ui-result-article-tag .b-layout-float-content .b-element-date p + p {
	margin-left: 5px;
}

.b-ui-result-article-tag .b-element-heading {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.b-ui-result-article-tag .b-ui-article-tag {
	margin-top: 5px;
}

/*-------------------------------------------------------------------

	レビュー関連

-------------------------------------------------------------------*/

/*-----------------------------------------------
	レビュー関連：お気に入り追加
-----------------------------------------------*/

.b-ui-rev-favorite {
	margin-top: 20px;
}

.b-ui-rev-favorite .b-content-favorite {
	float: left;
}

.b-ui-rev-favorite .b-content-favorite p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
}

.b-ui-rev-favorite .b-content-like {
	float: right;
}

.b-ui-rev-favorite .b-content-like p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
}

.b-ui-rev-favorite .b-content-like .b-element-count {
}

.b-ui-rev-favorite .b-content-like .b-element-count .b-ui-text-count {
	font-size: 15px;
	font-weight: bold;
}

.b-ui-rev-favorite .b-content-like .b-element-button {
	margin-left: 10px;
}

/*-----------------------------------------------
	レビュー関連：評価表示
-----------------------------------------------*/

.b-ui-entry-evaluation {
	border-collapse: separate;
	border-spacing: 0 5px;
	display: table;
	width: 100%;
}

.b-ui-entry-evaluation > li {
	display: table-row;
	padding-top: 10px;
}

.b-ui-entry-evaluation > li > div {
	display: table-cell;
	*display: inline;
	padding: 5px 10px;
	vertical-align: middle;
}

.b-ui-entry-evaluation > li > div p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
}

.b-ui-entry-evaluation > li > .b-element-title {
	width: 35%;
	
	background-color: #f7dfad;
	border-radius: 6px 0 0 6px;
}

.b-ui-entry-evaluation > li > .b-element-star {
	width: 45%;
	
	background-color: white;
}

.b-ui-entry-evaluation > li > .b-element-point {
	width: 20%;
	
	background-color: white;
	border-radius: 0 6px 6px 0;
}

/*-----------------------------------------------
	レビュー関連：エントリー評価表示要素
-----------------------------------------------*/

.b-ui-rev-evaluation {
	margin-top: 20px;
}

.b-ui-rev-evaluation .b-content-heading {
}

.b-ui-rev-evaluation .b-content-heading .b-element-heading {
	margin-top: 0;
}

.b-ui-rev-evaluation .b-content-heading .b-element-heading .b-ui-text-count {
	font-size: 15px;
	font-weight: bold;
}

.b-ui-rev-evaluation .b-ui-entry-evaluation {
	margin-top: 0;
}

.b-ui-rev-evaluation .b-content-link {
	text-align: right;
}

.b-ui-rev-evaluation .b-content-link .b-ui-more-link {
	display: inline-block;
	*display: inline;
	text-align: left;
}

.b-ui-rev-evaluation .b-content-link .b-ui-more-link + .b-ui-more-link {
	margin-left: 20px;
}

/*-----------------------------------------------
	レビュー関連：評価フロー表組み
-----------------------------------------------*/

.b-ui-rev-evaluation-table {
	margin-top: 0;
}

.b-ui-rev-evaluation-table thead {
}

.b-ui-rev-evaluation-table thead th {
	text-align: center;
	vertical-align: middle;
}

.b-ui-rev-evaluation-table thead th img.bad {
	margin-right: 5px;
	vertical-align: middle;
}

.b-ui-rev-evaluation-table thead th img.good {
	margin-left: 5px;
	vertical-align: middle;
}

.b-ui-rev-evaluation-table tbody {
}

.b-ui-rev-evaluation-table tbody th {
}

.b-ui-rev-evaluation-table tbody td {
	text-align: center;
	width: 60px;
}

/*-----------------------------------------------
	レビュー関連：エントリー評価詳細
-----------------------------------------------*/

.b-ui-rev-article {
	margin-top: 0;
	padding: 10px;
}

.b-ui-rev-article .b-content-element {
}

.b-ui-rev-article .b-content-element .b-content-user {
	float: left;
}

.b-ui-rev-article .b-content-element .b-content-user p {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	vertical-align: middle;
}

.b-ui-rev-article .b-content-element .b-content-user .b-element-thumb {
	margin-right: 5px;
}

.b-ui-rev-article .b-content-element .b-content-user .b-element-name {
}

.b-ui-rev-article .b-content-element .b-content-date {
	float: right;
}

.b-ui-rev-article .b-content-element .b-content-date .b-element-date {
	margin-top: 0;
}

.b-ui-rev-article .b-content-heading {
}

.b-ui-rev-article .b-content-heading .b-element-heading {
	font-weight: bold;
	padding: 0 10px;
}

.b-ui-rev-article .b-ui-entry-evaluation {
	margin-top: 0;
}

/* /////////////////////////////////////// デフォルト要素 /////////////////////////////////////// */

/*-------------------------------------------------------------------

	タグ表示部分

-------------------------------------------------------------------*/

.b-ui-article-tag {
	margin-top: 15px;
}

.b-ui-article-tag .b-content-heading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.b-ui-article-tag .b-content-heading .b-element-heading {
	font-size: 20px;
	font-weight: bold;
}

.b-ui-article-tag .b-content-element {
	margin-top: 15px;
}

.b-ui-article-tag .b-content-element .b-element-input {
}

.b-ui-article-tag .b-content-element .b-element-input .b-ui-input {
	width: 200px;
}

.b-ui-article-tag .b-content-element .b-element-text {
	margin-top: 5px;
}

.b-ui-article-tag .b-content-element .b-element-text .b-ui-desc-spec {
	font-size: 11px;
	margin-top: 0;
}

.b-ui-article-tag .b-content-element + .b-layout-float-content {
	margin-top: 15px;
}

.b-ui-article-tag .b-layout-float-content {
}

.b-ui-article-tag .b-layout-float-content .b-element-heading {
	float: left;
	font-size: 13px;
	margin: 5px 0 0 0;
}

.b-ui-article-tag .b-layout-float-content .b-element-heading {
	float: left;
	font-size: 13px;
	margin: 5px 0 0 0;
}

.b-ui-article-tag .b-layout-float-content .b-element-heading .b-ui-button-default,
.b-ui-article-tag .b-layout-float-content .b-element-heading .b-ui-button-delete {
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-left: 18px;
    background-position: 3px 50%;
    font-size: 12px;
}
body:nth-of-type(1) .b-ui-article-tag .b-layout-float-content .b-element-heading .b-ui-button-default {
    background-position: 3px 50%; /* 設定無効となるのを回避する */
}

.b-ui-article-tag .b-layout-float-content .b-element-tag {
	margin: 0;
	overflow: hidden;
	*zoom: 100%;
}

.b-ui-article-tag .b-layout-float-content .b-element-tag li {
	float: left;
	margin: 5px 0 0 5px;
}

.b-ui-article-tag .b-layout-float-content .b-element-tag .tag {
	background-color: #ffffcc;
	border-color: #eee #ccc #ccc #eee;
	border-style: solid;
	border-width: 1px;
	display: block;
	line-height: 1;
	padding: 3px 5px;
	text-decoration: none;
	white-space: nowrap;
}

.b-ui-article-tag .b-layout-float-content .b-element-tag label {
	cursor: pointer;
}

.b-ui-article-tag .b-layout-float-content .b-element-tag label input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
}

/*-------------------------------------------------------------------

	検索結果 - セクション

-------------------------------------------------------------------*/

.b-section-search-result {
}

/*-----------------------------------------------
	検索情報表示部分
-----------------------------------------------*/

.b-section-search-result .b-ui-search-info {
	border-bottom: 1px solid #ccc;
	padding: 0 10px 10px;
}

.b-section-search-result .b-ui-search-info p {
	margin-top: 10px;
}

.b-section-search-result .b-ui-search-info .keyword {
	font-size: 16px;
	margin-right: 5px;
}

.b-section-search-result .b-ui-search-info .number {
	color: #de2021;
	font-size: 18px;
	margin-left: 5px;
	margin-right: 5px;
}

/*-------------------------------------------------------------------

	評価アクション

-------------------------------------------------------------------*/

/*-----------------------------------------------
	ソーシャルメディアリンク
-----------------------------------------------*/

.b-ui-social-media {
	text-align: left;
}

.b-ui-social-media span {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.b-ui-social-media span + span {
	margin-left: 10px;
}

/*-----------------------------------------------
	評価・返信を表示するボタン
-----------------------------------------------*/

.b-ui-evaluation {
}

.b-ui-evaluation .show-evaluation {
	margin-top: 0;
}

.b-ui-evaluation .show-evaluation a {
	display: block;
	padding: 5px;
	text-align: center;
}

/*-----------------------------------------------
	返信ボタン付き
-----------------------------------------------*/

.b-ui-evaluation .b-layout-float-content .b-content-social {
	float: left;
}

.b-ui-evaluation .b-layout-float-content .b-content-button {
	float: right;
}

.b-ui-evaluation .b-layout-float-content .b-content-button p {
	margin-top: 0;
}

/*-------------------------------------------------------------------

	Debug Style

-------------------------------------------------------------------*/

.b-debug-heading {
	color: #ccc;
	font-weight: bold;
	margin-top: 40px;
	text-align: left;
	text-shadow: 1px 1px 0px #fff;
}

h2.b-debug-heading {
	font-size: 26px;
}

h3.b-debug-heading {
	font-size: 22px;
}

#b-ui-container-main > .b-debug-heading:first-child {
	margin-top: 30px;
}

pre {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	overflow-x: auto;
}

/*-------------------------------------------------------------------

	Clearfix

-------------------------------------------------------------------*/

.b-layout-2column,
.b-layout-3column,
.b-layout-list-3content,
.b-layout-list-4content,
.b-element-thumb-list,
#b-layout-container,
#b-layout-wrapper,
.b-layout-float-content,
#b-ui-search-header,
.b-ui-heading {
	*zoom: 100%;
}

.b-layout-2column:after,
.b-layout-3column:after,
.b-layout-list-3content:after,
.b-layout-list-4content:after,
.b-element-thumb-list:after,
#b-layout-container:after,
#b-layout-wrapper:after,
.b-layout-float-content:after,
#b-ui-search-header:after,
.b-ui-heading:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}