*{
	word-wrap: break-word;
	word-break: break-all;
}

body {
	font-family:'Lucida Grande', Meiryo, sans-serif;
	background-color: @default_bg_color;
	color: @default_font_color;
	height: 100%;
}


label {
	font-weight: normal;
}


.page-header {
	margin-top: 15px;
	padding-bottom: 0px;
}





/* 背景 薄い赤 */
.bgc-thinred {
	background-color: #FEE;
}

/* フォント色 薄いグレー */
.font-thingray {
	color: #CCC;
}




/* タブ */
.nav-tabs {
	border-bottom: 1px solid #BBB;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #fff;
	border-color: #BBB #BBB transparent;
	border-style: solid;
	border-width: 1px;
	color: #555;
	cursor: default;
	border-bottom: solid 2px #FFF;
	margin-bottom: -1px;
}


/* ページャー */

.pagination>.active>a{
	background-color: #ECA500;
	border-color: #ECA500;
}
.pagination{
	a {
		color: #ECA500;
	}
}

/* ポップオーバー */
a.comment:hover {
	text-decoration: none;
}
.popover {
	max-width: 1000px;
	font-size: 80%;
	font-weight: normal;
}
.glyphicon.glyphicon-question-sign {
	color: #F8B500;
	font-size: 14px;
}


/* 一番大きいボタン */
.main_btn {
	width: 200px;
	margin: 0px 20px;
}


/* ツールチップ error */
.tooltip-error + .tooltip > .tooltip-inner {
	background-color: #A44;
}
.tooltip-error + .tooltip.top > .tooltip-arrow {
	border-top-color: #A44;
}

/* 件数 */




/**********************************************************************************/



/* ◆媒体画像 */
.media_img {
	width: 100%;
	vertical-align: middle;
}



/* ◆フォームコントロール */
.form-control{
	display: inline-block;
}



/* ◆ソフトウェアキーボード入力 */
.numerickeybord {
	cursor: pointer !important;
}

/* ◆日時入力 */
.input_datetime {
	width: 120px;
}

/* datepicker */
.datepicker {
	
}
.datepicker_input {
	width: 180px !important;
	height: 32px !important;
	padding: 0px 10px;
	ime-mode: disabled;
}
.datepicker .input-group-addon {
	width: 40px !important;
	height: 32px !important;
	vertical-align: middle;
	padding: 0px;
	cursor: pointer;
}
.datepicker_btn {
	width: 100%;
	height: 100%;
	padding-top: 5px;
}


/* ◆媒体画像 */
.img_media {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 200px;
}

/* ◆inline-block */
.inline-block { display: inline-block; }

/* ◆table-layout */
.tl_fixed { table-layout: fixed; }

/* ◆指カーソル */
.pointer { cursor: pointer; }

/* ◆vertical-align */
.v-align-t { vertical-align: top; }
.v-align-m { vertical-align: middle; }
.v-align-b { vertical-align: bottom; }

/* ◆float */
.float_l { float: left; }
.float_r { float: right; }

/* display */
.d_table{ display: table; }
.d_table-cell{ display: table-cell; }
.d_inline-block{ display: inline-block; }

/* ◆【幅】 */
/* >> ピクセル */
.w_50px { width: 50px; }
.w_150px { width: 150px; }
/* >> パーセント */
.w_5per { width: 5%; }
.w_10per { width: 10%; }
.w_15per { width: 15%; }
.w_20per { width: 20%; }
.w_25per { width: 25%; }
.w_30per { width: 30%; }
.w_33per { width: 33%; }
.w_35per { width: 35%; }
.w_40per { width: 40%; }
.w_45per { width: 45%; }
.w_50per { width: 50%; }
.w_55per { width: 55%; }
.w_60per { width: 60%; }
.w_65per { width: 65%; }
.w_70per { width: 70%; }
.w_75per { width: 75%; }
.w_80per { width: 80%; }
.w_85per { width: 85%; }
.w_90per { width: 90%; }
.w_95per { width: 95%; }
.w_100per { width: 100%; }

/* ◆【高さ】 */
.h_120px { height: 120px; }
.h_100per { height: 100%; }

.mh_60px { height: 60px; }

/* ◆【余白】margin */
.m_0px {margin: 0;}
.m_10px {margin: 10px;}
.m_20px {margin: 20px;}
.m_l10px {margin-left: 10px;}
.m_l20px {margin-left: 20px;}
.m_r10px {margin-right: 10px;}
.m_r20px {margin-right: 20px;}
.m_t5px {margin-top: 5px;}
.m_t10px {margin-top: 10px;}
.m_t20px {margin-top: 20px;}
.m_b10px {margin-bottom: 10px;}
.m_b20px {margin-bottom: 20px;}
.m_b40px {margin-bottom: 40px;}
.m_lr10px {
	margin-left: 10px;
	margin-right: 10px;
}
.m_tb10px {
	margin-top: 10px;
	margin-bottom: 10px;
}
.m_lr20px {
	margin-left: 20px;
	margin-right: 20px;
}
.m_tb20px {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ◆【余白】padding */
.p_10px {padding: 10px;}
.p_20px {padding: 20px;}
.p_b20px {padding-bottom: 20px;}
.p_l10px {padding-left: 10px;}
.p_r10px {padding-right: 10px;}
.p_lr15px {
	padding-left: 15px;
	padding-right: 15px;
}
.p_tb20px {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* ◆【罫線】 */
.bd_dashed_b {
	border-bottom: 1px dashed #999;
}
.bd_solid_b {
	border-bottom: 1px solid #999;
}
.bd_solid_b_2px {
	border-bottom: 2px solid #999;
}

/* ◆【下線】 */
.dcr_underline {
	text-decoration: underline;
}



/* ▼▼▼　LESS　▼▼▼ */
/* ◆角丸 */
.rounded-corners (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}


/* ◆【色】定義 */

/* 色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* グレー */
@gray_lv1							: #EBEBEB;				/* Lv1 */
@gray_lv2							: #CBCBCB;				/* Lv2 */
@gray_lv3							: #BBBBBB;				/* Lv3 */
@gray_lv4							: #ABABAB;				/* Lv4 */



@color_menu01						: #F8B500;	/* メニュー */
@color_menu_hover01					: #ECA500;	/* メニューhover */
@color_alert_btn01					: #F9DA00;	/* アラートボタン① */
@color_alert_btn02					: #FD7404;	/* アラートボタン② */
@color_alert_btn03					: #DDDDDD;	/* アラートボタン③ */
@color_application01				: #2196F3;	/* 申請系のボタン */
@color_application_hover01			: #046ba5;	/* 申請系のボタンhover状態 */
@color_back							: #ffffff;	/* 戻るボタン */
@color_back_hover01					: #EEEEEE;	/* 戻るボタンhover状態 */
@color_other_btn01					: #777777;	/* 他ボタン */
@color_search_btn01					: #777777;	/* 検索等のボタン */
@color_search_btn01_hover			: #555555;	/* 検索等のボタンhover状態 */
@color_text01						: #555555;	/* テキスト */
@color_background01					: #FCFBFA;	/* 背景色 */
@color_background_hover01			: #F3F0ED;	/* 背景hover状態 */






/* 基本 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@default_bg_color					: #FCFBFA;				/* 背景色 */
@default_font_color					: #555555;				/* 文字色 */


/* 【パンくずリスト】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@pankuzu_active						: #F9DA00;				/* アクティブ色 */
@pankuzu_non_active					: #DDDDDD;				/* ノンアクティブ色 */




/* 【会員情報登録】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@member_input_table_detail_head		: #F3F0ED;				/* 詳細テーブルヘッダー色 */
@member_input_table_detail_border	: solid 1px #CCCCCC;	/* 詳細テーブルボーダー */




/* 【共通】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* 一覧 */
@list_row_bg_color				: white;				/* 行色 */
@list_row_bg_color_hover		: #F3F0ED;				/* 行ホバー色 */
@list_row_bg_color_selected		: #B0E6B9;				/* 行選択色 */






/* 【プログラム】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* リスト */
@program_list_bgc					: ;						/* 背景色 */
@program_list_table_row				: white;				/* 行色 */
@program_list_table_row_hover		: #F3F0ED;				/* 行ホバー色 */
@program_list_table_row_selected	: #B0E6B9;				/* 行選択色 */
/* 詳細 */
@program_detail_bgc					: #FFF9E0;				/* 背景色 */
/* 詳細テーブル */
@program_table_detail_title			: #F5D9A9;				/* 詳細テーブルタイトル色 */
@program_table_detail_head			: #F5D9A9;				/* 詳細テーブルヘッダー色 */
@program_table_detail_border		: dotted 1px #555555;	/* 詳細テーブルボーダー */
/* モーダル */
@program_modal_header				: #F5D9A9;				/* ヘッダー色 */
@program_modal_footer				: #F5D9A9;				/* フッター色 */


/* 【商標申請画面―媒体】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* リスト */
@media_list_bgc						: #E0F6FF;				/* 背景色 */
/* 詳細テーブル */
@media_table_detail_title			: #BCD2F0;				/* 詳細テーブルタイトル色 */
@media_table_detail_head			: #C9E9F5;				/* 詳細テーブルヘッダー色 */
@media_table_detail_border			: solid 1px #BCC2D5;	/* 詳細テーブルボーダー */
/* モーダル */
@media_modal_header					: #ACC2E0;				/* ヘッダー色 */
@media_modal_footer					: #ACC2E0;				/* フッター色 */


/* 【商標申請画面―確認】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@confirm_content_bgc				: #FFF9E0;				/* 背景色 */
@confirm_table_detail_title			: #F5D9A9;				/* 詳細テーブルタイトル色 */


/* 【商標申請画面―完了】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@complete_content_bgc				: #FFF9E0;				/* 背景色 */



/* 【ギフト券発行―注文】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* オプション選択 */
@gift_issue_issuing_method_bgc			: #E0F6FF;				/* 背景色 */
/* 注文入力 */
@gift_issue_order_bgc					: #E0F6FF;				/* 背景色 */
@gift_issue_order_total_issue_amount_bgc: #DDDDEE;				/* 注文合計金額背景色 */
/* 確認 */
@gift_issue_confirm_bgc					: #E0F6FF;				/* 背景色 */
@gift_issue_confirm_title				: #BCD2F0;				/* タイトル色 */
/* 注文完了 */
@gift_issue_complete_bgc				: #E0F6FF;				/* 背景色 */


/* 【ギフト券発行履歴―履歴一覧】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* 履歴一覧 */
@gift_history_history_list_bgc		: #FFF9E0;				/* 背景色 */
@gift_history_history_list_title	: #F5D9A9;				/* タイトル色 */
/* 履歴詳細 */
@gift_history_history_detail_bgc	: #E0F6FF;				/* 背景色 */
@gift_history_history_detail_title	: #BCD2F0;				/* タイトル色 */


/* 【ご請求】 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* ご請求 */
@bill_search_bgc					: #E0F6FF;				/* 検索 背景色 */
@bill_search_title					: #BCD2F0;				/* 検索 タイトル色 */
@bill_bgc							: #FFF9E0;				/* 一覧 背景色 */
@bill_title							: #F5D9A9;				/* 一覧 タイトル色 */
@bill_detail_bgc					: #FFF9E0;				/* 詳細 背景色 */
@bill_detail_title					: #F5D9A9;				/* 詳細 タイトル色 */
@bill_detail_head					: #FFEFBF;				/* 詳細 ヘッダ色 */

/* モーダル */
@bill_modal_head					: #BCD2F0;				/* ヘッダー色 */
@bill_modal_footer					: #ACC2E0;				/* フッター色 */

/* ▲▲▲　LESS　▲▲▲ */




/* ◆【文字色】 */
/* グレー */
.c_gray { color: #999; }
/* 赤 */
.c_red { color: red; }
/* 青 */
.c_blue { color: blue; }
/* 緑 */
.c_green { color: green; }


/* ◆【文字の太さ】 */
.fw_normal { font-weight: normal; }
.fw_bold { font-weight: bold; }

/* ◆【文字のサイズ】 */
.fs_80per { font-size: 80%; }
.fs_120per { font-size: 120%; }



/* ◆【必須】 */
.require {
	display: inline;
	width: 30px;
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
	background-color: @color_alert_btn02;
	border-radius: 3px;
	color: #FFF;
	font-size: 70%;
	vertical-align: 2px;
}


/* ◆【項目タイトル】 */
.content_title {
	margin: 0 0 20px;
	font-size: 145%;
	font-weight: bold;
	/*font-weight: bold;*/
	/*border-bottom: solid 1px #CCC;*/
	color: #555;
	/*background-color: #222;*/
}

/* ◆【パネル】 */
.panel-default{
	> .panel-heading{
		color: @default_font_color;
	}
	> .panel-collapse{
		> .panel-body{
			color: @default_font_color;
		}
	}
}


/* ◆【STEPタイトル】 */
.step_title {
	font-size: 120%;
	margin-bottom: 15px;

	.step {
		display: inline-block;
		margin-right: 10px;
		text-align: center;
		min-width: 90px;
		background-color: @color_alert_btn01;
		.rounded-corners( 20px );
	}
}

/* ◆【パンくずリスト】 */
.row_pankuzu {

	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;

	margin: 0 20px 30px;
	
	font-size: 85%;

	.table_pankuzu {

		/* td */
		td {
			text-align: center;
			padding: 12px 0 12px 0;
			height: 50px;

			.step {
				min-width: 70px;
				width: 140px;
				margin: 0 auto 0 auto;
				padding: 3px 0 3px 0;
				border-radius: 25px;
				background-color: @color_alert_btn03;
			}
			.step.active {
				background-color: @color_alert_btn01;
			}
		}
	}
}

/* ◆【ボタン】 */
.footer-button {
	margin: 30px 0 20px 0;

	div {
		margin: 0 10px;
	}
}

.btn-back {
	width: 30%;
	border-color: #ccc;
	border-radius: 30px;
	background-color: #fff;
	color: @default_font_color;
	font-size: 120%;

	&:hover{
		border-color: #ccc;
		background-color: #eee;
		color: @default_font_color;
	}
}

.btn-next {
	width: 30%;
	border-color: @color_application01;
	border-radius: 30px;
	background-color: @color_application01;
	color: #fff;
	font-size: 120%;

	&:hover{
		border-color: @color_application_hover01;
		background-color: @color_application_hover01;
		color: #fff;
	}
}

.btn-next.disabled {
	background-color: #6ebaf7;
}


/* ◆【注釈】 */
.description {
	padding: 15px;
	background-color: #EEEEEE;
	text-align: left;
	.rounded-corners;
}


/* ◆【エラーメッセージ】 */
.error {
	color: @color_alert_btn02;
}

/*******************************************************************
 【共通】詳細テーブル
*******************************************************************/

/* ◆入力フォーム */
.table_detail {
	width: 100%;

	td {
		border: none;
		padding: 8px 8px;
	}
	.t_head,
	.t_body {
		border-bottom: dotted 1px #555;
		vertical-align: middle;
	}
	.t_head {
		font-weight: bold;
		color: #555;
		width: 200px;
		min-width: 200px;
		max-width: 200px;
	}
	.form-group {
		margin: 5px 0px;
	}
}


/* 編集ボタン */
.edit_btn {
	background-color: #777;
	border-color:#777;
	color: #fff;
	border-radius: 20px;
}
.edit_btn:hover {
	background-color: #555;
	border-color:#555;
	color: #fff;
	}




/* ホワイトエリア */
.white_area {

	height: 100%;
	border: solid 1px #DDD;
	background-color: white;
	.rounded-corners;

}






/* ◆プログラム詳細 */
.row_program_detail {
	/*
	background-color: @program_detail_bgc;
	.rounded-corners;
	*/
}

/* ◆媒体リスト */
.row_media_list{
	/*
	background-color: @media_list_bgc;
	.rounded-corners;
	*/
}

/*******************************************************************
 【共通】モーダル
*******************************************************************/

/* ◆モーダル全体 */
/* モーダル幅 */
.modal-content {
	width: 1000px;
	margin-left: -200px;
}
/* ヘッダー */
.modal-header {
	border-radius: 5px 5px 0px 0px;
}
/* フッター */
.modal-footer {
	border-radius: 0px 0px 5px 5px;
}


/*******************************************************************
 プログラム
*******************************************************************/

.memberProgram{
	h1 {
		font-weight: bold;
	}
	.area_search {
		margin-top: 20px;

		td {
			padding: 0 3px;

			.btn {
				padding: 7px 15px;
				border: none;
				border-radius: 20px;
				background-color: @color_other_btn01;
				color: #FFF;
			}
		}
	}

	/* ◆プログラムリスト */
	.row_program_list{

		.panel_header {
			margin-bottom: 10px;
		}

		/* プログラム一覧 */
		.panel{
			margin-bottom: 15px;

			.panel-heading{
				background-color: @list_row_bg_color;
				padding-top: 0px;
				padding-bottom: 0px;
				max-height: 56px;
				min-height: 56px;

				&:hover{
					background-color: @list_row_bg_color_hover;
				}

				.panel-title {
					margin: 10px auto;
				}

				.td_triangle {
					padding: 0;
					text-align: center;

					div {
						margin-top: -7px;
					}
				}

				.edit_btn {
					padding: 7px 15px;
					border: none;
					border-radius: 20px;
					background-color: @color_other_btn01;
					color: #FFF;
				}

				/* 商標審査状況 */
				.div_circle {
					display: inline-block;
					width: 45px;
					height: 45px;
					line-height: 45px;
					margin: 5px auto;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;

					.content{
						vertical-align: middle;
						text-align: center;
					}
				}
				.triangle_mark{
					display: inline-block;
					vertical-align: top;
					margin-top: -6px;
					width: 0;
					height: 0;
					border: 6px solid transparent;
					border-top: 8px solid @color_alert_btn01;
					border-bottom: 0px;
				}
				.div_circle_ng {
					.div_circle {
						background-color: #FF2626;
						color: #FFF;
						font-size: 120%;
					}
					.triangle_mark{
						border-top: 8px solid #FF2626;
					}
				}
				.div_circle_finish {
					.div_circle {
						background-color: @color_alert_btn03;
						font-size: 120%;
					}
					.triangle_mark{
						border-top: 8px solid @color_alert_btn03;
					}
				}
				.div_circle_halfway {
					.div_circle {
						background-color: @color_alert_btn01;
					}
					.triangle_mark{
						border-top: 8px solid @color_alert_btn01;
					}
				}
			}
			.panel-collapse{
				.panel-body{
					border-top: none;
					padding-top: 0px;

					.t_head {
						width: 220px;
						max-width: 240px;
					}

					.t_head,
					.t_body {
						border-bottom: dashed 1px #CCC;
					}

					/* メニュー */
					.program_menu {
						/* 商標審査進行度 */
						.td_review_progress {
							.review_progress {
								border: solid 2px #999;
								padding: 15px 10px;
								.rounded-corners;

								.progress {
									margin-top: 8px;
									margin-bottom: 8px;
								}
								.progress-bar-info {
									background-color: @color_application01;
								}
							}
							.triangle_mark{
								display: inline-block;
								vertical-align: top;
								width: 0;
								height: 0;
								border: 6px solid transparent;
								border-top: 8px solid #999;
								border-bottom: 0px;
							}
						}
						/* メニュー */
						.td_menu {
							/* メニューボタン */
							.menu_btn {
								/*margin-top: 12px;*/
								background-color: #2196F3;
								padding: 16px;
								color: white;
								font-size: 110%;
								text-align: center;
								line-height:1;
								cursor: pointer;
								.rounded-corners(@radius: 25px);
							}
							.to_trademark_review:hover,
							.to_gift_issue:hover {
								background-color: #0176d3;
							}
							
							.triangle_mark{
								display: inline-block;
								vertical-align: top;
								width: 0;
								height: 0;
								border: 6px solid transparent;
								border-top: 8px solid #2196F3;
								border-bottom: 0px;
							}
							/* 発注文履歴ボタン */
							.history_btn {
								width: 90%;
								margin: 25px auto 0 auto;
								border: solid 2px #F9DA00;
								padding: 8px 8px;
								background-color: #FFF;
								color: @color_text01;
								text-align: center;
								.rounded-corners(@radius: 20px);
							}
						}
						.menu_disabled {
							.menu_btn {
								background-color: #6ebaf7;
								cursor: default;
							}
							.triangle_mark {
								border: 6px solid transparent;
								border-top: 8px solid #6ebaf7;
								border-bottom: 0px;
							}
						}
					}
				}
			}
		}

		/* キャンペーンを新規登録ボタン */
		.show_modal_program_form_add{
			display: block;
			width: 100%;
			border: dashed 2px @color_application01;
			background-color: #FFF;
			color: @color_application01;
			font-size: 110%;
			text-align: center;
			line-height: 350%;
		}
		.show_modal_program_form_add:hover {
			background-color: #e0f4fe;
		}
	}

	/* ◆プログラム詳細 */
	.row_program_detail{
		/* タイトル */
		.title{
			margin: 15px 15px 15px 0px;
			background-color: @program_table_detail_title;
			.rounded-corners;
		}
		.title td{
			padding: 8px;
			font-size: 120%;
		}
	}

}


/*******************************************************************
 商標申請画面
*******************************************************************/

.memberTrademarkReview{
	
	/* ◆媒体 */
	.part_media{
		
		/* 設問 */
		.row_question{
		}

		/* 媒体リスト */
		.row_media_list{
		
			/* タイトル */
			.title{
				margin: 15px 15px 15px 0px;
				background-color: @media_table_detail_title;
				.rounded-corners;
			}

			/* 媒体一覧 */
			.unclaimed {
				.panel-heading{
					background-color: @list_row_bg_color;
					padding:0;
					
					&:hover{
						background-color: #c7e5fc;
					}
				}
				}
			
			.panel{
				margin-top: 10px;

				.panel-heading{
					background-color: @list_row_bg_color;
					padding:0;
					
					&:hover{
						background-color: @list_row_bg_color_hover;
					}
					table td:first-child {
					padding:10px 20px;
					}

				}
				.panel-collapse{
					.panel-body{
						border-top: none;
						padding: 20px;
						line-height: 1.7;
								.t_head,.t_body {
								border:none;
								padding: 0 0 10px;
								vertical-align: top;
								line-height:1.5;
								}
					}
				}
			}




			.title td{
				padding: 8px;
				font-size: 120%;
			}
			/* リストtd */
			.table_media_list td{
				height: 50px;
				vertical-align: middle;
			}
		}
	}

	/* ◆確認 */
	.part_confirm{

		/* 確認内容 */
		.row_confirm{
			background-color: @confirm_content_bgc;
			.rounded-corners;
		
			/* タイトル */
			.title{
				margin: 15px 15px 15px 0px;
				background-color: @confirm_table_detail_title;
				.rounded-corners;
			}


			/* 媒体一覧 */
			.panel{
				margin-top: 10px;

				.panel-heading{
					background-color: @list_row_bg_color;
					
					&:hover{
						background-color: @list_row_bg_color_hover;
					}
				}
				.panel-collapse{
					.panel-body{
						border-top: none;
						padding-top: 0px;
					}
					
				}
			}



			.title td{
				padding: 8px;
				font-size: 120%;
			}
			.row_media_list{
				.title{
					margin: 0px;
					margin-bottom: 8px;
					background-color: @media_table_detail_title;
					.rounded-corners;
				}
				.title td{
					padding: 8px;
					font-size: 120%;
				}
			}
		}


	}

	/* ◆申請完了 */
	.part_complete{
		.row_complete{
			background-color: @complete_content_bgc;
			.rounded-corners;
		}
	}
			.add_btn{
			display: block;
			width: 100%;
			border: dashed 2px @color_application01;
			background-color: #FFF;
			color: @color_application01;
			font-size: 110%;
			text-align: center;
			line-height: 2;
			border-radius: 5px;
			
			&:hover{
			background-color:#E0F4FE;
			}
		}

}



/*******************************************************************
 ギフト券注文画面
*******************************************************************/

.memberGiftIssue{

	.btn-back {
		width: 250px;
		margin: 5px;
	}
	.btn-next {
		width: 250px;
		margin: 5px;
	}

	/* ◆発行方法選択 */

	.part_issuing_type{
		.area_issuing_method_select {

			.btn-back {
				width: 350px;
			}
			.btn-next {
				width: 350px;
			}

			.issuing_method {

			}
		}
	}
	/* ◆注文入力 */
	.part_order{
		.row_order{

			.area_order {

				.zone_title{
					font-size: 110%;
					font-weight: bold;
					margin-bottom: 20px;
				}

				.zone_input_method{
					margin-bottom: 30px;
					a.active{
						background-color: @color_alert_btn01;
					}

				}

				.zone_order_content{
					margin: 0 0 20px;

					.card_type{
						.direct_input{
							.input_total_row{
								&>td{
									background-color: white;
								}
								.total_head{
									text-align: right;
									font-weight: bold;
								}
								.total{
									text-align: right;
								}
							}
						}
					}

					.csv_download{
						.direct_input{
							.input_row{
								.delete_row{

								}
							}
							.input_add_row{
								&>td{
									background-color: white;
								}
								.add_btn{
									/*background-color: @color_other_btn01;*/
									color: #2196f3;
									margin-top: 5px;
									margin-bottom: 5px;
									border: dotted 2px #2196f3;
									
								}
							}
							.input_total_row{
								&>td{
									background-color: white;
								}
								.total_head{
									text-align: right;
									font-weight: bold;
								}
								.total{
									text-align: right;
								}
							}
						}
						.csv_upload{
						}
					}


					.mail_delivery{
						.total_issue_amount{
							margin-bottom: 20px;
							padding: 10px;
							background-color: @gift_issue_order_total_issue_amount_bgc;
							font-weight: bold;
							.rounded-corners;
						}
					}


				}



			}





			/* 注文入力 */
			/*
			.area_order {
				padding: 20px;
				background-color: @gift_issue_order_bgc;
				.rounded-corners;

				table{
					th, td{
						vertical-align: middle;
					}
					.h_total{
						font-weight: bold;
					}
				}
				.total_issue_amount{
					padding: 10px;
					background-color: @gift_issue_order_total_issue_amount_bgc;
					font-weight: bold;
					.rounded-corners;
				}

			}
			*/

		}
	}

	/* ◆支払方法選択 */
	.part_payment_method{
		.area_payment_method {

			/*
			.payment_method {
				height: 100%;
				border: solid 1px #DDD;
				background-color: white;
				padding: 20px;
				cursor: pointer;
				.rounded-corners;

				label {
					font-size: 120%;
					font-weight: bold;
				}
			}
			*/

		}
	}

	/* ◆確認 */
	.part_confirm{
		.row_confirm{
			.area_confirm {

				height: 100%;
				border: solid 1px #DDD;
				background-color: white;
				padding: 20px;
				.rounded-corners;

				/* 注文内容確認 */
				.confirm_table{
					max-width: 80%;
					.title{
						border-bottom:solid 2px #999;
						.td_title{
							padding: 8px;
							font-size: 150%;
							font-weight: bold;
						}
					}
					.content{
						border-bottom:solid 1px #999;
						.td_head{
							padding: 15px;
							font-weight: bold;
							border-right:solid 1px #999;
							font-size: 120%;
							text-algin: right;
						}
						.td_body{
							padding: 15px;
						}
					}
				}

				/* 請求料金 */
				.zone_bill{
					background-color: #FCFBFA;
					padding: 20px 20px 25px;
					.rounded-corners;

					.bill_table{

						.title{
							font-size: 110%;
							line-height: 1;
							.td_title{
								padding: 8px;
								font-weight: bold;
								border-bottom: solid 2px #999;
							}
						}
						.content{
							border-bottom: 1px dashed #999;
							line-height: 2;
							.td_head{
								padding: 10px 20px 10px 0;
								text-algin: right;
								font-weight: bold;
							}
							.td_body{
								padding: 8px;
								text-align: right;
							}
						}
						.bill_amount{
							background: url(../img/total_back.png) #F9DA00 repeat-x;
							margin-top: 5px;
							border-top: solid 2px #999;
							line-height: 3;
							.td_head{
								padding: 17px 8px 0;
								font-weight: bold;
							}
							.td_body{
								padding: 17px 8px 0;
								font-weight: bold;
								text-align: right;
							}
						}
					}
				}
			
			.top-margin {
				margin-top:20px;
			}
			}
		}
	}

	/* ◆注文完了 */
	.part_complete{
		
		.row_complete{
			.white_area{
				text-align: center;
				.area_complete {
					margin-bottom: 20px;
					text-align: center;

				}
				.description {
				font-size: 125%;
				padding: 30px;
				text-algin: left;
				}
			}
		}
	}
}


/*******************************************************************
 ギフト券注文履歴画面
*******************************************************************/

.memberGiftHistory{
	.part_history_list{
		.row_history_list {
			/* ◆履歴一覧 */
			.area_history_list{

				.btn-csv,.btn-mail {
					color: #FFFFFF;
					background-color: #2196F3;
					border-color: #2196F3;
					}
				.btn-csv:hover,.btn-mail:hover {
					color: #FFFFFF;
					background-color: #0176d3;
					border-color: #0176d3;
					}
					
				.btn-csvoutput {
					color: #FFFFFF;
					background-color: #0176d3;
					border-color: #0176d3;
				}
				.btn-mailed {
					color: black;
					background-color: #ccc;
				}
				.btn-deriver-error {
					color: #FFFFFF;
					background-color: #FF0000;
					border-color: #FF0000;
				}
				.btn-deriver-error:hover {
					color: #FFFFFF;
					background-color: #df1010;
					border-color: #df1010;
				}				
				.btn-derivered {
					color: black;
					background-color: #FFFFFF;
				}
				.btn-sm, .btn-xs {
					border-radius: 15px;
				}
				.tab-content{
					background-color: white;
					border-left: solid 2px #BBB;
					border-right: solid 2px #BBB;
					border-bottom: solid 2px #BBB;
					padding: 20px;

				}

				.title{
					margin-bottom: 20px;
					padding: 8px;
					background-color: @gift_history_history_list_title;
					font-size: 120%;
					.rounded-corners;
				}
				
			}
			
			/* ◆履歴詳細 */
			.area_history_detail{
				padding: 20px;
				background-color: @gift_history_history_detail_bgc;
				.rounded-corners;

				.title{
					margin-bottom: 5px;
					padding: 8px;
					background-color: @gift_history_history_detail_title;
					font-size: 120%;
					.rounded-corners;
				}
			}
		}
	}
	.table thead>tr>th {
		vertical-align: bottom;
		border-bottom: 2px solid #000;
}

}






/*******************************************************************
 モーダル【プログラム】
*******************************************************************/

.modalInputProgram{

	.modal-dialog {
		padding-bottom: 150px;

		.modal-content {
			width: 700px;
			margin-left: -50px;

			/* ◆モーダルヘッダー */
			.modal-header {
				background-color: @program_modal_header;
			}
			/* ◆モーダルフッター */
			.modal-footer {
				background-color: @program_modal_footer;
			}
			/* ◆モーダルボディ */
			.modal-body {
				h2 {
					font-weight: normal;
				}
				.btn {
					border-radius: 25px;
				}
				.row_agreement {
					padding: 0 20px;
				}
				.row_program {
					.input_table>tbody>tr>td {
						box-sizing: border-box;
						padding: 0px 10px;
					}
					.col_title {
						margin-bottom: 2px;
					}
					.example {
						margin-top: 3px;
						color: #999;
						font-size: 90%;
					}
					.btn {
						font-size: 110%;
					}
				}
			}
		}
	}
}

/*******************************************************************
 モーダル【媒体入力】
*******************************************************************/

.modalInputMedia{
	.modal-content {
	width :800px;
	margin-left: 0;
		.description {
		background-color:#FCFBFA;
		border: 1px solid #ddd;
		padding: 15px 15px 0;
		margin-bottom: 10px;
		}
	}
	.input_media_table{
		width: 100%;
			tr {
			margin-bottom:10px;
			}
			.t_head{
				width: 170px;
				vertical-align: middle;
				font-size: 90%;
				font-weight: bold;
			}
			.t_body{
				vertical-align: middle;
				.form-group {
				margin-bottom:10px;
					label {
					margin-top:5px;
					}
				}
			}
	}

	/* ◆媒体 */
	.area_media{
		/* さらに追加 */
		.btn_add_media {
			/*
			background-color: @gray_lv1;
			height: 40px;
			text-align: center;
			cursor: pointer;
			.rounded-corners;
			*/
		}
		.btn_add_media:hover {
			/*background-color: @gray_lv2;*/
		}
	}

	.review_feedback_group {
		.panel-heading {
			background-color: #FFF5F5;		/* 背景色 */
			.panel-title {
				background-color: #FFF5F5;		/* 背景色 */
				p {
					margin: 0;
				}
			}
		}
		.panel-collapse {
			.panel-body {
				border: none;
				padding: 0;
			}
		}
	}

	.num {
		padding-top: 25px;
		vertical-align: top;
		width: 5%;

		.circle {
			text-align: center;
			vertical-align: middle;
			width: 32px;
			height: 32px;
			line-height: 34px;
			/* 角を丸くする */
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			background-color: #FD0;		/* 背景色 */

			&.circle_red {
				background-color: red;		/* 背景色 */
				color: white;
			}
			&.circle_gray {
				background-color: gray;		/* 背景色 */
				color: white;
			}
		}
		
	}

	.content {
		padding-top: 25px;
		padding-bottom: 25px;
		width: 75%;
	}

	.judge {
		vertical-align: bottom;
		padding-bottom: 25px;
		width: 14%;
	}

	.delete {
		text-align: right;
		vertical-align: bottom;
		padding-bottom: 25px;
		min-width: 90px;
		width: 6%;
	}
	
	/* ◆媒体(確認) */
	.compare_box {
		/*margin-top: 30px;*/
	}
	.compare_box_td_0 {
		box-sizing: border-box;
		padding: 0 10px 10px;
		width: 356px;
		background: #eee;
	}	
	.compare_box_td_1 {
		box-sizing: border-box;
		padding: 0 10px;
		width: 356px;
		background: #eee;
	}
	.compare_box_td_2 {
		box-sizing: border-box;
		padding: 10px 10px 10px 28px;
	}
	.contain {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 336px;
    height: 230px;
    background-size: contain;
	}	
	.compare_box_title th{
		width: 50%;
	}
	.confirm_media_row div {
		margin:0 0 10px;
		}
	.confirm_media_row .compare_box {
		margin:0;
		}
	#label_description {
		display:none;
	}

}
/*******************************************************************
 モーダル【媒体プレビュー】
*******************************************************************/
.modalMediaView{
	/* ◆モーダルヘッダー */
	.modal-header {
		background-color: @media_modal_header;
	}
	/* ◆モーダルフッター */
	.modal-footer {
		background-color: @media_modal_footer;
	}
	/* ◆詳細テーブル */
	.table_detail{
		/* タイトル */
		.t_title {
			background-color: @media_table_detail_title;
			height: 40px;
			font-size: 120%;
		}
		/* 説明 */
		.t_description {
			border-bottom: 1px solid @gray_lv1;
		}
		/* 内容 */
		.t_head {
			background-color: @media_table_detail_head;
		}
		.t_head,
		.t_body {
			border-bottom: @media_table_detail_border;
		}
	}

}

/*******************************************************************
 モーダル【商標審査申請確認チェック】
*******************************************************************/

.modalTrademarkCheck{
	.modal-content {
		width: 700px;
		margin-left: -50px;

		.modal-body {
			padding: 30px;
		}
	}
}


/*******************************************************************
 モーダル【ギフト券発行】
*******************************************************************/
.modalGiftIssue{
	.modal-content {
	width: 660px;
	padding: 30px;
	margin-left: -50px;
		.modal-title{
			font-size: xx-large;
			.rounded-corners;
		}
		.modal-body{
			.area_csv_download{
				.title{
					margin-bottom: 20px;
					padding: 8px;
					font-size: 120%;
					.rounded-corners;
				}
	
				padding: 20px;
				.rounded-corners;
			}
			.area_mail_delivery{
				border: solid 1px;
				border-color: #ADADAD;
				padding: 20px;
				.rounded-corners;

				div.error {
					line-height: 1.3;
				}
				li {
					padding: 0;
				}

				.mail_preview {
					height: 300px;
				}
			}
		}
	}
}

/*******************************************************************
 モーダル【商標設問】
*******************************************************************/

.modalTrademarkQuestion{

	.modal-content {
		width: 700px;
		margin-left: -50px;

		/* ◆モーダルヘッダー */
		.modal-header {
			/*background-color: @program_modal_header;*/
		}
		/* ◆モーダルフッター */
		.modal-footer {
			/*background-color: @program_modal_footer;*/
		}
		/* ◆モーダルボディ */
		.modal-body {
		}
	}
}


/*******************************************************************
 モーダル【配信するメールの内容】
*******************************************************************/

.modalMailEdit{

	.modal-content {
		width: 700px;
		margin-left: -50px;

		/* ◆モーダルヘッダー */
		.modal-header {
		}
		/* ◆モーダルフッター */
		.modal-footer {
			margin-top: 0;
		}
		/* ◆モーダルボディ */
		.modal-body {
			.part_preview {
				.mail_preview {
					height: 300px;
				}
			}
		}
	}
}


/*******************************************************************
 モーダル【メールサーバ設定】
*******************************************************************/
.modalMailServerConfig{
	.modal-content {
	width: 660px;
	padding: 30px;
	margin-left: -50px;
		.modal-header{
			padding: 0;
			border: medium none;
			.modal-title{
				font-size: xx-large;
				.rounded-corners;
			}
		}
		.modal-body{
			padding: 0;
			.area_content{
				border: solid 1px;
				border-color: #ADADAD;
				padding: 20px;
				.rounded-corners;

				div.error {
					line-height: 1.3;
				}
				li {
					padding: 0;
				}
			}
		}
	}
}







/*******************************************************************
 ご請求
*******************************************************************/
.memberBill{
	.part_bill{
		.row_bill{
			/* 検索 */
			.area_search{
				.search_table>tbody>tr>td{
					padding: 0px 10px;
					vertical-align: bottom;

					.search_btn{
						background-color: @color_search_btn01;
						border-color: @color_search_btn01;
						color: white;
						padding-left: 20px;
						padding-right: 20px;
						.rounded-corners( 20px );
					}
					.search_btn:hover{
						background-color: @color_search_btn01_hover;
						border-color: @color_search_btn01_hover;
						color: white;
					}
					
				}
			}
			/* ご請求リスト */
			.area_bill{
				padding: 20px;

				.tab-content{
					background-color: white;
					border-left: solid 1px #BBB;
					border-right: solid 1px #BBB;
					border-bottom: solid 1px #BBB;
					padding: 10px;

				}

				.bill_list{
					margin: 15px 10px;
					.completion{
						.btn-ok {
							color: #FFFFFF;
							background-color: #1873FF;
						}
						.btn-ng {
							color: #FFFFFF;
							background-color: #B3B3B3;
						}
						.btn-sm, .btn-xs {
						  border-radius: 20px;
						}
					}
					table>tbody>tr>td{
						vertical-align: middle;
					}
				}
			}
			/* 詳細 */
			.area_bill_detail{
				padding: 20px;
				background-color: @bill_detail_bgc;
				.rounded-corners;

				.title{
					margin-bottom: 5px;
					padding: 8px;
					background-color: @bill_detail_title;
					font-size: 120%;
					.rounded-corners;
				}

				.bill_detail{
					.head{
						background-color: @bill_detail_head;
					}

					.layout_table>tbody>tr>td{
						padding: 0px 10px;
					}

					.detail_table{
						height: 100%;
						width: 100%;
						margin: 0px;

					}

					/* ご請求金額 */
					.h_billing_amount{
						background-color: @gray_lv1;
						font-size: 120%;
						font-weight: bold;
					}
					.b_billing_amount{
						font-size: 120%;
						background-color: @gray_lv1;
					}

					.row_title{
						background-color: @bill_detail_title;
					}
				}
			}
			.confirming_count {
			  display: inline-block;
			  min-width: 10px;
			  padding: 3px 7px;
			  font-size: 12px;
			  font-weight: bold;
			  line-height: 1;
			  color: #fff;
			  text-align: center;
			  white-space: nowrap;
			  vertical-align: baseline;
			  background-color: #F00;
			  border-radius: 5px;
			}

			.completion_count {
			  display: inline-block;
			  min-width: 10px;
			  padding: 3px 7px;
			  font-size: 12px;
			  font-weight: bold;
			  line-height: 1;
			  color: #fff;
			  text-align: center;
			  white-space: nowrap;
			  vertical-align: baseline;
			  background-color: #0047FF;
			  border-radius: 5px;
			}
			/*ul.nav.nav-tabs li:not(.active) {
			  border-bottom: solid 1px #FFF;
			  border-style: solid;
			  border-width: 1px;
			  border-color: #BDBDBD;
			  border-top-left-radius: 5px;
			  border-top-right-radius: 5px;
			}*/
		}
	}
}
/* 入金完了モーダル */
.modalPaymentSend{
	.payment_send_modal{
		/* ◆モーダルヘッダー */
		.modal-header {
			background-color: @bill_modal_head;
		}
		/* ◆モーダルフッター */
		.modal-footer {
			background-color: @bill_modal_footer;
		}

		/* 支払対象 */
		.payment_send_list{
			padding: 20px;
			background-color: @bill_detail_bgc;
			.rounded-corners;

			.title{
				margin-bottom: 10px;
				padding: 8px;
				background-color: @bill_detail_title;
				font-size: 120%;
				.rounded-corners;
			}

			table>tbody>tr>td{
				vertical-align: middle;
			}

		}

		/* 入金内容 */
		.payment_send_content{
			padding: 20px;
			margin-left: 20%;
			margin-right: 20%;
			background-color: @bill_detail_bgc;
			.rounded-corners;

			.title{
				margin-bottom: 10px;
				padding: 8px;
				background-color: @bill_detail_title;
				font-size: 120%;
				.rounded-corners;
			}

			table>tbody>tr>td{
				vertical-align: middle;
				border: none;
				border-bottom: solid 1px #DDD;
			}

		}
	}
}

/*メール送信結果*/
.modalMailStatus{
	.modal-body {
		padding-top: 0;
	}
	.modal-header {
		padding-bottom: 0;
		padding-left: 0;
	}
	.denger {
		color: red;
	}
	.btn-lg {
		border-radius: 30px;
	}
	.modal-header {
		border-bottom: none;
	}
	
}

/*******************************************************************
 非会員共通
*******************************************************************/
body.non_member {
	padding: 0 !important;
	background-color: @color_menu01;
}

/*******************************************************************
 会員登録共通
*******************************************************************/
.memberCommon {
	text-align: center;

	.logo {
		margin: 40px auto;
	}

	.form-panel {
		margin: 0 auto 40px auto;
		padding: 40px 0 20px 0;
		border-radius: 12px;
		background-color: #fff;

		h1 {
			margin: 5px auto 20px auto;
			font-family: "Lucida Grande",Meiryo,sans-serif;
			font-weight: bold;
		}

		.main-message {
			padding-bottom: 20px;
			font-size: 120%;
			text-align: center;
		}
	}

	.btn {
		width: 80%;
	}

	.btn-back {
		width: 30%;
	}

	.btn-next {
		width: 30%;
	}

	.footer-link {
		a {
			color: @default_font_color;
			font-size: 18px;
			text-decoration: underline;
		}
	}
}


/*******************************************************************
 ログイン画面
*******************************************************************/
.users {
	.form-panel {
		width: 450px;
		text-align: center;

		#authMessage {
			padding-bottom: 15px;
			color: #FF2626;
		}

		.form-group {
			padding: 5px 35px;

			label {
				display: block;
				width: 100%;
				text-align: left;
				font-size: 120%;
			}

			.btn {
				width: 60%;
			}

			a {
				color: @default_font_color;
				text-decoration: underline;
				font-size: 110%;
				line-height: 200%;
			}
		}
	}
}


/*******************************************************************
 会員仮登録画面
*******************************************************************/
.memberTempRegistration {
	.form-panel {
		width: 690px;

		.form-group {
			padding: 8px 35px;

			a {
				color: #FFFFFF;
				text-decoration: underline;
			}
		}

		.form-group-agreement {
			padding: 0 35px;
			font-size: 120%;
		}

		.btn {
			width: 50%;
		}

		a {
			color: @color_application01;
			text-decoration: underline;
		}
		
		.error {
			margin-bottom: 5px;
			text-align: left;
		}
	}
}

.modalAgreement {
	.modal-content {
		width: 580px;
		margin: 50px 0 0 0;

		h4 {
			font-family: "Lucida Grande",Meiryo,sans-serif;
		}
	}
}


/*******************************************************************
 会員本登録画面／お問い合せ画面
*******************************************************************/
.memberSignUpCompany, .contact_input_page {

	/* 共通 */
	.form-panel {
		width: 850px;

		.header-message {
			margin: 20px 64px 20px 64px;
			font-size: 110%;
			text-align: left;
		}

		.form-table {
			text-align: left;

			.t_body {
				padding: 8px 15px;

				.form-group {
					margin: 0;
					padding: 0;

					input {
						background-color: transparent;
					}
				}
			}
		}
	}

	/* 入力共通 */
	.row_member_input {
		.table_detail {
			width: 721px;
			margin: 0 auto;

			.t_head {
				background-color: @member_input_table_detail_head;
				font-size: 110%;
			}
			.t_head,
			.t_body {
				border: @member_input_table_detail_border;
			}
		}
	}

	/* 確認共通 */
	.row_member_confirm {
		.table_detail{
			width: 750px;
			margin: 0 auto;

			.t_head {
				background-color: @member_input_table_detail_head;
				font-size: 110%;
			}
			.t_head,
			.t_body {
				border: @member_input_table_detail_border;
			}
		}
	}

	/* 規約 */
	.part_agreement {
		.table_detail {
			.main-message {
				margin: 0 20px 30px 20px;
				padding-bottom: 15px;
				border-bottom: solid 1px #CCCCCC; 
			}

			.agreement_list {
				width: 620px;
				margin: 0 auto 30px auto;
				line-height: 22px;
			}

			.btn {
				width: 25%;
			}
		}
	}

	/* 会社・担当者入力 */
	.part_input_page_1 {
		.form-panel {
		}
	}

	/* 所在地入力 */
	.part_input_page_2 {
		.form-panel {
			.zip {
				width: 25%;
			}
		}
	}
	/* セキュリティ設定 */
	.part_input_page_3 {
		.form-panel {
		}
	}

	/* 確認 */
	.part_confirm {
		.form-panel {
		}
	}

	/* 登録完了 */
	.part_complete {
		.form-panel {
			h3 {
				margin: 40px 0 30px 0;
				font-family: "Lucida Grande",Meiryo,sans-serif;
				font-weight: bold;
			}
			.main-message {
				padding-bottom: 0;
			}
		}
	}
	/* 規約 */
	.part_agreement {
	}
}


/*******************************************************************
 マイページ画面
*******************************************************************/
.memberTop {
	h1 {
		font-weight: bold;
	}

	h3 {
		font-weight: bold;
	}

	.page-header {
		border: none;
	}

	.add_button {
		display: block;
		width: 100%;
		margin-bottom: 50px;
		border: dashed 2px @color_application01;
		background-color: #FFF;
		color: @color_application01;
		font-size: 110%;
		line-height: 300%;
	}

	.panel-group {
		margin-bottom: 50px;

		.panel {
			margin-bottom: 10px;

			.btn {
				display: inline-block;
				margin: auto;
				padding: 0 20px;
				border-radius: 15px;
				color: #FFF;
				text-align: center;
				line-height: 200%;
			}

			.panel-heading {
				min-height: 50px;
				padding: 0;
				background-color: #FFF;

				.campaign_head {
					width: 100%;
					margin: 0 auto 0 auto;
					font-size: 100%;

					td {
						padding: 10px 0 10px 0;
					}

					.sapce {
						width: 5%;
						padding: 0;
					}
					.campaign_name {
						width: 34%;
						text-align: left;

						h4 {
							font-weight: bold;
							padding-right: 20px;
						}
					}
					.media_status {
						width: 24%;
						text-align: left;

						h5 {
							display: inline-block;
							font-weight: bold;
						}

						.btn {
							margin-left: 10px;
						}

						.btn_ng {
							background-color: #FF2626;
						}

						.btn_ok {
							background-color: @color_application01;
						}

						.btn_ing {
							background-color: @color_alert_btn01;
							color: @color_text01;
						}
						.nothing {
							display: inline-block;
							margin-left: 10px;
							background-color: #FFF;
							color: @color_text01;
						}
					}
					.icon {
						width: 8%;
						padding: 10px 0 0 0;
						font-size: 200%;
						text-align: right;

						.glyphicon-exclamation-sign {
							color: #FF2626;
						}

						.glyphicon-ok-sign {
							color: @color_application01;
						}
					}
					.program_date {
						width: 24%;
						text-align: right
					}
					.toggle {
						width: 5%;
						padding: 0;
						text-align: center;
					}
				}
			}

			.panel-collapse {
				.panel-body {
					padding: 0;
					border: none;

					.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
						background-color: #EEEEEE;
					}

					.issue {
						width: 90%;
						margin: auto;

						th {
							border-top: none;
							border-bottom: solid 1px #666;
							font-size: 120%;
						}

						td {
							height: 50px;
							border: none;
							font-size: 100%;
							vertical-align: middle;
						}

						.space {
							width: 1%;
							padding: 0;
						}
						.gift_issue_id {
							width: auto;
						}
						.payment_status {
							width: 15%;
						}
						.gift_issue {
							width: 15%;
						}
						.mail_delivery_config {
							width: 15%;
						}
						.mail_delivery_status {
							width: 15%;
						}
						.bill_amount {
							width: 12%;
						}

						th.gift_issue_id {
							text-align: left;
						}
						th.payment_status {
							text-align: center;
						}
						th.gift_issue {
							text-align: center;
						}
						th.mail_delivery_config {
							text-align: center;
						}
						th.mail_delivery_status {
							text-align: center;
						}
						th.bill_amount {
							text-align: right;
						}

						td.gift_issue_id {
							text-align: left;
						}
						td.payment_status {
							text-align: center;

							.btn_confirming {
								background-color: @color_alert_btn01;
								color: @color_text01;
							}
							.btn_ok {
								border: solid 1px @color_text01;
								background-color: #FFF;
								color: @color_text01;
							}
						}
						td.gift_issue {
							text-align: center;

							.btn_download {
								background-color: @color_application01;
							}
						}
						td.mail_delivery_config {
							text-align: center;

							.btn_config_enabled {
								background-color: @color_application01;
							}
							.btn_config_disabled {
								background-color: #CCC;
								color: @color_text01;
								cursor: default;
							}
						}
						td.mail_delivery_status {
							text-align: center;

							.btn_completion {
								border: solid 1px @color_text01;
								background-color: #FFF;
								color: @color_text01;
							}
							.btn_error {
								background-color: #FF2626;
							}
						}
						td.bill_amount {
							text-align: right;
						}
					}

					.total_campaign_amount {
						width: 90%;
						margin: 10px auto 0 auto;
						text-align: right;
						font-size: 110%;
						font-weight: bold;

						p {
							margin-right: 20px;
						}
					}

					.issue_button {
						display: block;
						width: 90%;
						margin: 20px auto 25px auto;
						border: dashed 2px @color_application01;
						background-color: #FFF;
						color: @color_application01;
						font-size: 110%;
						line-height: 300%;
					}
						.issue_button:hover {
						background-color: #e0f4fe;
					}

				}
			}
		}
	}

	.my_nav01, .my_nav02, .my_nav03, .my_prcv{
		padding: 1.2%;

		.my_Box {
			width: 100%;

			.my_leftBox {
				width: 22%;
				border-radius: 5px;
				font-size: 100%;

				p {
					width: 70%;
					margin: auto;
				}
			}

			.my_centerBox {
				width: 3%;

				.triangle {
					width: 0;
					height: 0;
					margin-left: -1px;
					border-top: 8px solid transparent;
					border-right: 10px solid transparent;
					border-bottom: 8px solid transparent;
				}
			}

			.my_rightBox {
				width: 75%;
				padding-top: 10px;

				ul {
					clear: both;

					li {
						display: inline-block;
						padding: 3px 0;
						vertical-align: middle;

						.yen {
							padding: 0 2px 0 6px;
							font-size: 120%;
							line-height: 120%;
						}

						a {
							color: @color_alert_btn02;
							font-size: 120%;
							font-weight: bold;
							text-decoration: underline;
						}
					}

					li:first-child {
						margin-top: 3px;
						font-size: 220%;
					}

					li:nth-child(2) {
						margin: 0 10px;
					}
				}
			}
		}
		
	}

	.my_nav01 {
		.my_Box {
			.my_leftBox {
				background: @color_menu01;
			}
			.my_centerBox {
				.triangle {
					border-left: 10px solid @color_menu01;
				}
			}
		}
	}

	.my_nav02 {
		.my_Box {
			.my_leftBox {
				background: @color_other_btn01;
				color: #FFF;
			}
			.my_centerBox {
				.triangle {
					border-left: 10px solid @color_other_btn01;
				}
			}
		}
	}
	.my_nav03 {
		.my_Box {
			.my_leftBox {
				background: #ddd;
				color: #555;
			}
			.my_centerBox {
				.triangle {
					border-left: 10px solid #ddd;
				}
			}
		}
	}
	.my_prcv {
		.my_Box {
			.my_leftBox {
				background: #00913a;
				color: #fff;
				font-size: 100%;
			}
			.my_centerBox {
				.triangle {
					border-left: 10px solid #00913a;
				}
			}
			.my_rightBox{
				ul{
					li{
						a{
							color: #00913a;
						}
					}
				}	
			}
		}
		.figure_icon{
			display: inline-block;
			width: 38px;
			img{
				width:100%;
			}
		}
	}


	.glyphicon-chevron-up, .glyphicon-chevron-down, .glyphicon-chevron-right {
		color: #999;
	}
}


/*******************************************************************
 お問い合わせ
*******************************************************************/

.contact_input_page {
	.contact_input_page_div1 {
		position: static;
		opacity: 1;
		left: 0px;
	}
	.err_mess {
		color:red;
		font-weight:bold;
	}
	
	.contact_body {
		height:400px;
	}
	
	.btn_div {
		padding-top:20px;
	}
}

.contact_complete_page {
	.p1 {
		padding-top:20px;
	}
	
	.p2 {
		font-weight:bold;
		font-size:12px
	}
	
	.description {
		text-align:center;
		width:650px;
		margin:20px auto;
	}
	
	.btn_div {
		padding-top:20px;
	}
}


/*******************************************************************
 パスワード再発行
*******************************************************************/

.passwordReset {
	.form-panel {
		width: 690px;
	}
	.header-message {
		width: 620px;
		margin: 35px auto 20px auto;
		font-size: 110%;
		text-align: left;
	}
	.error_general {
		background-color: #f9da00;
		margin: 0 20px 20px 20px;
		padding: 8px 20px;
		border-radius: 5px;
		font-weight: bold;
		display: none;
	}
	.form-group {
		padding: 8px 20px;
	}
	.table_detail {
		width: 620px;
		margin: 0 auto;
	}
	.t_head {
		border: 1px solid #cccccc;
		background-color: #f3f0ed;
		font-size: 110%;
		text-align: left;
	}
	.t_body {
		border: 1px solid #cccccc;
		padding: 8px 15px;
		text-align: left;
	}
	.table_detail .form-group {
		margin: 0;
		padding: 0;
	}
	.btn {
		width: 50%;
		margin-top: 25px;
	}
}