@charset "utf-8";
/* CSS Document */

/* --- 共通項目 --- */
.wrapper{
	width:980px;
	overflow:hidden;
	background:#FFFFFF;
	margin:0 auto 10px auto;
	padding-bottom:40px;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
}
header{
	border-bottom:solid 5px #153d78;
	padding:10px;
	position:relative;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(255, 255, 255)),
	color-stop(1, rgb(247, 247, 247))
	);
	background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
}
header h2{
	position: absolute;
	font-size: 12px;
	font-weight:bold;
	left: 31px;
	top: 43px;
}
.left_navi {
	float:left;
}
.left_navi nav {
	overflow:hidden;
}
.left_navi nav dl{
	width:230px;
	border-top:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	margin:10px;
	overflow:hidden;
	font-size:14px;
}
.left_navi nav dt{
	background:#333333;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
	border-bottom:solid 1px #dddddd;
}
.left_navi nav dt i{
	color:#FFFFFF;
}
.left_navi nav dd{
	padding:10px;
	background:#fafafa;
	border-bottom:solid 1px #dddddd;
}
.contents_box{
	border:solid 1px #dddddd;
	width:720px;
	float:left;
	overflow:hidden;
	margin:10px 0;
}
.contents_box h2{
	background:#fafafa;
	padding:10px;
	font-size:20px !important;
	font-weight:bold;
}

.form_tabel {
	width:100%;
	font-size:14px;
	margin:20px 0 10px 0;
}
.form_tabel th{
	width:20%;
	font-weight:bold;
	padding:0 5px;
	text-align:right;
	vertical-align:middle;
}
.form_tabel td{
	padding:0 5px;
	height:43px;
	vertical-align:middle;
}
.form_tabel input[type=checkbox]{
	vertical-align:middle;
}
small{
	font-size:11px;
}
.contents_box .panel {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  border-color : #C4CCD8;
  border-radius: 0px;
}
.contents_box .panel .panel-heading {
  background: #8faad3;
  border-color : #C4CCD8;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.contents_box .panel .panel-title {
  color: #FFFFFF;
}
.contents_box .panel .panel-body {
  background: #fafafa;
  font-size: 14px;
}

.form-group.form-condensed {
    margin-bottom: 10px;
}
.form-group label {
  font-size: 0.9em;
}
.form-group .form-control-static {
  font-size: 0.9em;
}
.form-group .error {
  font-size: 0.8em;
}
.checkbox_list .checkbox {
  float: left;
  margin-right: 10px;
  padding-top: 0px;
}
.checkbox_list .checkbox label {
  padding-left: 0;
  padding: 6px 11px 1px 9px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.checkbox_list .checkbox .cr {
  background: #FFFFFF;
}
.checkbox_list .checkbox .cr .cr-icon {
  left: 12%;
	top: 55%;
}

.alert-panel {
  padding: 0 20px;
}
.help-block {
  margin-top: 0px;
  margin-bottom: 0px;
}

.default_btn {
	font-family:'Meiryo', 'メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 16px;
	width:100%;
	color: #ffffff;
	height:40px;
	margin:15px 0;
	font-weight:bold;
	cursor:pointer;
	background:#153d78;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(94, 139, 206)),
	color-stop(0.41, rgb(21, 61, 120))
	);
	background-image: -o-linear-gradient(bottom, rgb(94, 139, 206) 0%, rgb(21, 61, 120) 41%);
	background-image: -moz-linear-gradient(bottom, rgb(94, 139, 206) 0%, rgb(21, 61, 120) 41%);
	background-image: -webkit-linear-gradient(bottom, rgb(94, 139, 206) 0%, rgb(21, 61, 120) 41%);
	background-image: -ms-linear-gradient(bottom, rgb(94, 139, 206) 0%, rgb(21, 61, 120) 41%);
	background-image: linear-gradient(to bottom, rgb(94, 139, 206) 0%, rgb(21, 61, 120) 41%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #153d78;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(252,252,252,0.4);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(252,252,252,0.4);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(252,252,252,0.4);
}
.edit_btn {
	font-family:'Meiryo', 'メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 12px;
	width:80%;
	color: #ffffff;
	font-weight:bold;
	padding:2px 0;
	cursor:pointer;
	background:#ed8b00;
	/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(94, 139, 206)),
	color-stop(0.41, rgb(21, 61, 120))
	);*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ed8b00;
}

.tx_red{
  color:#FF0004 !important;
}
.tx_green{
  color:#009900 !important;
}
.tx_gray{
  color:#919191 !important;
}
.tx_center{
	text-align:center;
}
footer{
	text-align:center;
  font-size: 0.9rem;
}
.overlay {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1500;
  background: rgba(0,0,0,0.7);
}
.spinner-wrap {
  text-align: center;
  margin: 0 auto;
}
.sprite-spinner {
  z-index: 1510;
  overflow: hidden;
  position: relative;
  top: -430px;
  display: inline-block;
  text-align: left;
}
.h20 {
  height: 20px;
}
.h30 {
  height: 30px;
}
.h40 {
  height: 40px;
}
.h50 {
  height: 50px;
}
.h60 {
  height: 60px;
}
.vc20 {
  line-height: 20px;
}
.vc30 {
  line-height: 30px;
}
.vc40 {
  line-height: 40px;
}
.vc50 {
  line-height: 50px;
}
.vc60 {
  line-height: 60px;
}
.btn-half {
  width: 50%;
  margin: 0 auto;
}
.btn i.white {
  color: #FFFFFF;
}
a.link {
  color: #2979F7;
}
.modal-bg-primary {
  background-color: #337ab7;
}
.modal-bg-success {
  background-color: #dff0d8;
}
.modal-bg-info {
  background-color: #d9edf7;
}
.modal-bg-warning {
  background-color: #fcf8e3;
}
.modal-bg-danger {
  background-color: #f2dede;
}

/* --- login --- */
.login .login_wrap {
	width:495px;
	margin:40px auto;
	background:#FFFFFF;
	border:solid 1px #dddddd;
}
.login .login_wrap header{
	position:relative;
}
.login .login_wrap header h2{
	position: absolute;
	font-size: 12px;
	font-weight:bold;
	left: 31px;
	top: 43px;
}
.login .login_inn{
	padding:15px;
}
.login .login_inn p{
	margin-top:10px;
}
.login .login_inn .login_ttl{
	padding:0 0 15px 0;
}
.login footer {
  width: 100%;
  text-align: center;
}

/* --- member --- */
.member_list .search-form {
  padding: 20px;
}
.member_list .checkbox_list .checkbox.class_manager label {
  background: #ECFFE0;
  border: solid 1px #DDDDDD;
}
.member_list .checkbox_list .checkbox.class_member label {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
}
.member_list .checkbox_list .checkbox.class_withdraw label {
  background: #ECECEC;
}
.member_list .checkbox_list .checkbox.class_withdraw label .text {
  color: #777777;
}
.member_list .checkbox_list .checkbox.class_expulsed label {
  background: #616161;
}
.member_list .checkbox_list .checkbox.class_expulsed label .text {
  color: #FFFFFF;
}
.member_list .checkbox_list.strap_color .checkbox label {
  padding: 6px 5px 1px 9px;
}
.member_list .checkbox_list .checkbox.strap_blue label {
  background: #9DC9FF;
}
.member_list .checkbox_list .checkbox.strap_yellow label {
  background: #FFF0A9;
}
.member_list .checkbox_list .checkbox.strap_red label {
  background: #FFA9A9;
}
.member_list .page_info {
  width: 95%;
  margin:0px auto;
  font-size: 0.9em;
}
.member_list .search_table{
  width:95%;
  margin:0px auto;
}
.member_list .search_table th{
  background:#6692D6;
  color:#FFFFFF;
  font-weight:bold;
  padding:5px;
  font-size:12px;
  border:solid 1px #dddddd;
}
.member_list .search_table td{
  padding:5px;
  font-size:12px;
  text-align:center;
  border:solid 1px #dddddd;
  vertical-align:middle;
}
.member_list .search_table .rect {
  height: 20px;
  width: 20px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 auto;
}
.member_list .search_table .rect.strap_blue {
  background: #3C88E4;
}
.member_list .search_table .rect.strap_yellow {
  background: #FBDA32;
}
.member_list .search_table .rect.strap_red {
  background: #F16262;
}
.member_list .manager td {
  background:#ECFFE0 !important;
}
.member_list .withdrawal td {
  background:#ECECEC !important;
  color: #777777;
}
.member_list .expulsion td {
  background:#616161 !important;
  color:#FFFFFF;
}
ul.pager {
  /zoom: 1;
  overflow: hidden;
  margin: 0 auto 20px auto;
  padding: 0px;
  width:300px;
  border-left:solid 1px #dddddd;
}
ul.pager li {
  float: left;
  font-size:12px;
  margin: 0 0px 0px 0;
  border-right:solid 1px #dddddd;
  border-top:solid 1px #dddddd;
  border-bottom:solid 1px #dddddd;
}
ul.pager li span{
  float: left;
  padding: 5px 10px;
  background: #8faad3;
}
ul.pager li a {
  float: left;
  padding: 5px 10px;
  background: #fff;
}
ul.pager li a:hover {
  background: #8faad3;
}
.detail_table{
  width:100%;
  margin:20px auto;
  font-size:12px;
}
.detail_table th{
  width:22%;
  text-align:right;
  padding:5px;
  font-weight:bold;
  vertical-align:top;
  font-size: 0.9rem;
}
.detail_table .red{
  color:#e20000;
}
.detail_table td{
  padding:5px;
  vertical-align:top;
  font-size: 0.9rem;
}
.detail_btn{
  width:500px;
  margin:20px auto;
}
.btn_list {
  overflow:hidden;
}
.btn_list li{
	float:left;
	width:49%;
}
.btn_list .mgr10{
	margin-right:10px;
}
.time_list {
	overflow:hidden;
	font-size:14px;
	padding:5px 0;
	margin:20px 0 5px 0;
	border-top:solid 1px #676767;
	border-bottom:solid 1px #676767;
}
.time_list li{
	float:left;
	width:49%;
	text-align:center;
	color:#676767;
}


/* --- meeting --- */
.mtg_table{
	width:96%;
	margin:20px auto;
	border:solid 1px #dddddd;
}
.mtg_table th{
	padding:10px;
	background:#8faad3;
	color:#FFFFFF;
	text-align:left;
	border:solid 1px #dddddd;
	font-weight:bold;
}
.mtg_table td.bd_right{
	border-right:solid 1px #dddddd;
}
.mtg_table td{
	padding:10px;
	background:#fafafa;
	font-size:14px;
	border-bottom: dotted 1px #dddddd;
}
.mtg_table .btn{
	width:18%;
}
.mtg_btn {
	font-family: 'Meiryo', 'メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 100px;
	color: #333333;
	margin-bottom:10px;
	padding: 5px 0;
	text-align: center;
	background:#f9f9f9;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f0f0f0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#f0f0f0));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ededed;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(252,252,252,0.4);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(252,252,252,0.4);
	box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(252,252,252,0.4);
	text-shadow: 0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
	cursor: pointer;
}
.mtg_btn i{
	color:#919191;
}
.approval_btn {
	font-family:'Meiryo', 'メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 12px;
	width:95%;
	color: #ffffff;
	font-weight:bold;
	padding:2px 0;
	margin-bottom:5px;
	cursor:pointer;
	background:#153d78;
	/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(94, 139, 206)),
	color-stop(0.41, rgb(21, 61, 120))
	);*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #153d78;
}
.non_approval_btn {
	font-family:'Meiryo', 'メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 12px;
	width:95%;
	color: #ffffff;
	font-weight:bold;
	padding:2px 0;
	cursor:pointer;
	background:#001432;
	/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(94, 139, 206)),
	color-stop(0.41, rgb(21, 61, 120))
	);*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #001432;
}
.back_btn{
	position:relative;
	left:18px;
	top:10px;
	overflow:hidden;
}
.back_btn p{
	float:left;
	margin:10px 10px 5px 0;
}
.meeting .edit-form {
  padding: 20px;
}
.meeting label {
}

/* --- guest --- */
.guest_table{
	width:96%;
	margin:20px auto 20px auto;
}
.guest_table th{
	background:#8faad3;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px 10px;
	font-size:12px;
	border:solid 1px #dddddd;
}
.guest_table td{
	font-size:0.9rem;
	background:#fafafa;
	text-align:center;
	border:solid 1px #dddddd;
	vertical-align:middle;
}
.guest_table td.guest_name{
  padding: 5px 10px;
	text-align:left;
}
.guest_table td.guest_name a{
	padding:5px 10px;
	display:block;
	line-height:1.5em;
	text-decoration:none;
}
.guest_table td.intro_name{
	padding:5px 10px;
	text-align:left;
	line-height:1.5em;
}
.guest_table td.btn{
	padding:5px 10px;
}
.guest_list .alert {
  margin-left: 20px;
  margin-right: 20px;
}
.guest_detail .alert {
  margin-left: 20px;
  margin-right: 20px;
}

/* --- print --- */
.contents_box_print{
	width:950px;
	float:left;
	overflow:hidden;
	margin:10px 0 0 12px;
}
.contents_box_print h2{
	background:#fafafa;
	padding:10px;
	font-size:20px !important;
	font-weight:bold;
}

/* --- member --- */
.search_table_print{
	width:100%;
	margin:20px auto 20px auto;
}
.search_table_print .number{
	width:5%;
}
.search_table_print .namecolor{
	width:5%;
}
.search_table_print .name{
	width:15%;
}
.search_table_print .company{
	width:18%;
}
.search_table_print .status{
	width:15%;
}
.search_table_print .tel{
	width:15%;
}
.search_table_print .btn{
	width:12%;
}

.search_table_print th{
	background:#8faad3;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	font-size:12px;
	border:solid 1px #dddddd;
}
.search_table_print td{
	padding:5px;
	font-size:12px;
	background:#fafafa;
	text-align:center;
	border:solid 1px #dddddd;
	vertical-align:middle;
}
.print{
	padding:10px 0;
	text-align:center;
	width:970px !important;
}

/* --- mail delivery --- */
.mail_delivery .delivery-form {
  padding: 20px;
}
.mail_delivery .alert {
  margin-right: 20px;
  margin-left: 20px;
  font-size: 0.9em;
}
.mail_delivery label.col-sm-2 {
  padding-right: 0px;
}
.mail_delivery .checkbox label {
  padding-left: 0px;
}
.mail_delivery .checkbox .cr .cr-icon {
  left: 15%;
  top: 55%;
}