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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 基本 */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	* {
		margin: 0;
		padding: 0;
	}

	html {
		position: relative;
		min-height: 100%;
	}

	body {
		width: 100%;
		height: 100%;
		margin-bottom: 80px;
	}

	#wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -60px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 基本 */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ コンテンツ */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	div#contents {
		width: 100%;
		padding: 60px 30px 30px 30px;
	}

	@media (max-width: 767px) {

		div#contents {
			width: 100%;
			padding: 130px 30px 30px 30px;
		}

	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ コンテンツ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ ナビバー */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.navbar-inverse .navbar-nav {
		color: #9d9d9d;
	}

	.navbar-inverse .navbar-nav .nav-str {
		position: relative;
		display: block;
		padding: 15px 15px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ ナビバー */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ タイトル */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	h4 {
		font-weight:bold;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ タイトル */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 線 */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.BorderBottomDotted {
		border-bottom: 1px dotted gray;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 線 */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ テーブル */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.table>tbody>tr>td
	, .table>tbody>tr>th
	, .table>tfoot>tr>td
	, .table>tfoot>tr>th
	, .table>thead>tr>td
	, .table>thead>tr>th
	{
		vertical-align: middle;
		padding: 3px 3px 3px 8px;
		height: 32px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ テーブル */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ テキスト */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.form-control {
		height: 25px;
		padding: 2px 4px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ テキスト */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ メッセージ */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.error_message
	, .display_message {
		padding: 15px 20px 15px 30px;
		font-size: 16px;
	}

	.message_view {
		padding: 15px 20px 15px 30px;
		font-size: 16px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ メッセージ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ タブ */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.tab-pane {
		padding: 15px 10px 15px 10px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ タブ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ float */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.clear {
		clear:both;
	}

	.pull-left {
		padding-left: 5px;
		padding-right: 5px;
	}

	.pull-right {
		padding-left: 5px;
		padding-right: 5px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ float */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ font */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.blackbold {
		color:#000000;
		font-weight:bold;
	}

	.greenbold {
		color:#3c763d;
		font-weight:bold;
	}

	.bluebold {
		color:#337ab7;
		font-weight:bold;
	}

	.graybold {
		color:#797979;
		font-weight:bold;
	}

	.redbold {
		color:#CC0033;
		font-weight:bold;
	}

	.yellowbold {
		color:#F19402;
		font-weight:bold;
	}

	.orangebold {
		color:#FF4500;
		font-weight:bold;
	}

	.pinkbold {
		color:#FF1493;
		font-weight:bold;
	}

	.blackfont {
		color:#000000;
	}

	.greenfont {
		color:#3c763d;
	}

	.bluefont {
		color:#337ab7;
	}

	.grayfont {
		color:#797979;
	}

	.redfont {
		color:#CC0033;
	}

	.yellowfont {
		color:#F19402;
	}

	.orangefont {
		color:#FF4500;
	}

	.pinkfont {
		color:#FF1493;
	}

	/*placeholderの文字色*/
	input.placeholder_color_gray::-webkit-input-placeholder {
		color: #D3D3D3;
		font-weight: normal;
	}
	input.placeholder_color_gray:-ms-input-placeholder {
		color: #D3D3D3;
		font-weight: normal;
	}
	input.placeholder_color_gray::-moz-placeholder {
		color: #D3D3D3;
		font-weight: normal;
	}

	/* フォントサイズ デフォルト */
	.font_size_default {
		font-size: 14px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ font */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ dashboard */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.sub-header {
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
	}

	.navbar-fixed-top {
		border: 0;
	}

	.sidebar {
		display: none;
	}

	@media (min-width: 768px) {
		.sidebar {
			position: fixed;
			top: 51px;
			bottom: 0;
			left: 0;
			z-index: 1000;
			display: block;
			padding: 20px;
			overflow-x: hidden;
			overflow-y: auto;
			background-color: #f5f5f5;
			border-right: 1px solid #eee;
		}
	}

	.nav-sidebar {
		margin-right: -21px;
		margin-bottom: 20px;
		margin-left: -20px;
	}

	.nav-sidebar > li > a {
		padding-right: 20px;
		padding-left: 20px;
	}

	.nav-sidebar > .active > a,
	.nav-sidebar > .active > a:hover,
	.nav-sidebar > .active > a:focus {
		color: #fff;
		background-color: #428bca;
	}

	.main {
		padding: 20px;
	}

	@media (min-width: 768px) {
		.main {
			padding-right: 40px;
			padding-left: 40px;
		}
	}

	.main .page-header {
		margin-top: 0;
	}

	.placeholders {
		margin-bottom: 30px;
		text-align: center;
	}

	.placeholders h4 {
		margin-bottom: 0;
	}

	.placeholder {
		margin-bottom: 20px;
	}

	.placeholder img {
		display: inline-block;
		border-radius: 50%;
	}

	.menu_li {
		text-align: left;
	}

	@media (min-width: 768px) {
		.menu_li {
			text-align: left;
		}
	}

	.menu_icon {
		margin-right: 0px;
	}

	.menu_icon_div {
		display: inline;
		text-align: left;
	}

	@media (min-width: 768px) {
		.menu_icon_div {
			display: block;
			text-align: center;
		}
	}

	.menu_str_div {
		display: inline;
		text-align: left;
	}

	@media (min-width: 768px) {
		.menu_str_div {
			display: block;
			text-align: left;
		}
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ dashboard */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ row */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.row_margin_no {
		margin-left: 0;
		margin-right: 0;
	}

	.row-eq-height {
		display: flex;
		flex-wrap: wrap;
	}

	.row_v_align_top {
		align-items: flex-start;
	}

	.row_v_align_middle {
		align-items: center;
	}

	.row_v_align_bottom {
		align-items: flex-end;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ row */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ col */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.col_padding_no {
		padding-left: 0px;
		padding-right: 4px;
	}

/*
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
	, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
	, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
	, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12
	{
		padding-left: 0;
		padding-right: 0;
	}
*/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ col */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ pager */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.pager_margin_no {
		margin: 10px 10px 10px 10px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ pager */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ button switch */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.btn_switch {
		padding: 2px 4px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ button switch */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ autocomplete */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.autocomplete_input {
		position: relative;
	}

	.autocomplete_data {
		border: 1px solid #E2E2E2;
		position: absolute;
		background: white;
		margin-top: 5px;
		height: auto;
		z-index: 100;
	}

	.autocomplete_table {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.autocomplete_tr {
		cursor: pointer;
	}

	.autocomplete_focus_color {
		background-color: #f5f5f5;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ autocomplete */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ checkbox-inline */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.checkbox-inline {
		margin-left: 0px !important;
		margin-right: 10px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ checkbox-inline */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ radio-inline */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.radio-inline {
		margin-left: 0px !important;
		margin-right: 10px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ radio-inline */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ modal */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.ui-widget-overlay {
		z-index: 1040 !important;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ modal */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ file */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.file_inline_block {
		display: inline-block !important;
	}

	.has-error input[type="file"] {
		color: #A94442;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ file */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ v-align */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.v-align-top {
		vertical-align: top !important;
	}

	.v-align-middle {
		vertical-align: middle !important;
	}

	.v-align-bottom {
		vertical-align: bottom !important;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ v-align */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ Flash (点滅) */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.text_flash_red {
		animation: Flash_red 1s infinite;
	}

	/* アニメーション */
	@keyframes Flash_red {
		50% {
			text-shadow: 1px 1px 0 red;
		}
	}

	.text_flash_blue {
		animation: Flash_blue 1s infinite;
	}

	/* アニメーション */
	@keyframes Flash_blue {
		50% {
			text-shadow: 1px 1px 0 blue;
		}
	}

	.text_flash_green {
		animation: Flash_green 1s infinite;
	}

	/* アニメーション */
	@keyframes Flash_green {
		50% {
			text-shadow: 1px 1px 0 green;
		}
	}

	.text_flash_yellow {
		animation: Flash_yellow 1s infinite;
	}

	/* アニメーション */
	@keyframes Flash_yellow {
		50% {
			text-shadow: 1px 1px 0 yellow;
		}
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ Flash (点滅) */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ list */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.list_margin {
		margin-left: 20px;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ list */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ Staff */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ MyPage */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ ヘッダー */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.HeaderTitle {
		color: white;
		font-size: 19px;
		min-width: 300px;
		height: 100%;
		vertical-align: middle;
		margin-top: 6px;
		padding: 3px 3px 3px 15px;
		font-weight: bold;
	}

	.navbar-fixed-top {
		position: fixed;
		top: 0;
		right:0;
		left: 0;
		z-index: 1030;
		margin-bottom: 0;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ ヘッダー */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ フッター */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		/* Set the fixed height of the footer here */
		height: 80px;
		background-color: #f5f5f5;
	}

	.container {
		width: auto;
		min-width: 300px;
		padding: 0 15px;
	}

	.container .text-muted {
		margin: 10px 0;
		text-align: right;
	}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ フッター */

.InputBorderColor_Blue {
	border: 2px solid #00bfff;
}