@charset "utf-8";

.menu a {
	text-decoration: none;
}

/* 改行させる ----------- */
.qnote,
.matchList .note,
.matchList .date {
	word-break: break-all;
}



/* ---------------------------------------------------------------- □ ログイン */
#login {
}

	#login header {
		display: block;
	}

	#login .pageController {
		margin-top: 8rem;
		display: inline-block;
	}

	#login dl {
		background: #0071bc;
		color: #fff;
	}

	#login dt {
		font-size: 1.5rem;
		font-weight: bold;
	}

	#login .btnArea {
		padding: 0.5rem 0;
		width: 100%;
		border-top: 1px dotted #fff;
		text-align: center;
	}

	#login dd b {
		font-weight: normal;
	}

	#login ul {
		background: #fff;
		border: 3px double #0071bc;
	}



/* ---------------------------------------------------------------- □ メニュー */
.menu li {
	height: 4rem;
}

	.menu li a {
		display: block;
		background: #0071bc;
		background: -moz-linear-gradient(top, #4aa0d9, #244ab1);
		background: -webkit-gradient(linear, left top, left bottom, from(#4aa0d9), to(#244ab1));
		background: -o-linear-gradient(top, #4aa0d9, #244ab1);
		border: 1px solid #244ab1;
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
		text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
		color: #fff;
		font-size: 1.5rem;
		line-height: 4rem;
		text-indent: 2rem;
	}


/* ------------------------------------------- □ 入れ子 */
.nest {
	margin: 1rem 0;
}

.nest2 {
	margin: 1rem 0 2rem;
	background: #fff;
}

	.nest2 h3 {
		line-height: 1.5rem;
		background: #2449b1;
		color: #fff;
	}

.infoNote {
	padding: 0.5rem;
	border: 1px solid #ddd;
	border-radius: 0.5rem; /* CSS3草案 */
	-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
	-moz-border-radius: 0.5rem; /* Firefox用 */
}

/* ------------------------------------------- □ テーブル */
table {
	margin: 1rem 0;
	width: 100%;
	border: 2px solid #ccc;
	background: #fff;
}

caption {
}

th, td {
	padding: 0.3rem 0.5rem;
}

thead th, thead td {
	padding: 0.2rem 0.5rem;
	background: #e5f1f8;
	font-weight: normal;
	font-size: 0.9rem;
	color: #444;
	text-align: center;
}

thead tr:last-child {
	border-bottom: 1px solid #ccc;
}

tbody tr {
	border-bottom: 1px solid #ddd;
}

tbody th {
	background: #f2f8fc url(img/bg02.gif) repeat 0 0;
	color: #2660a1;
	font-weight: normal;
}

	tbody th:first-child {
		background: #e5f1f8 url(img/bg02.gif) repeat 0 0;
	}



/* ▽ 一覧表示 Table ----------------------------------- */
.listTbl {
}

	.listTbl th {
		width: 2rem;
	}

	.listTbl td:last-child {
		width: 8rem;
		text-align: right;
	}


/* ▽ 更新日・質問日 ----------------------------------- */
#user .upDate {
	width: 8em;
	margin: -0.3rem auto 0.5rem -0.5rem;
	padding: 0.2rem;
	background: #d7ebbd;
	display: block;
	border-radius: 0 0 0.5rem 0; /* CSS3草案 */
	-webkit-border-radius: 0 0 0.5rem 0; /* Safari,Google Chrome用 */
	-moz-border-radius: 0 0 0.5rem 0; /* Firefox用 */
	text-align: center;
	font-size: 0.9rem;
	line-height: 1em;
	color: #337a2d;
}



/* ▽ 入力フォーム Table -------------------------------- */
.dataInputTbl {
}

	.dataInputTbl .attentionNote {
		padding: 0.5rem;
		background: #ffebcc;
		font-size: 0.9rem;
		color: #c93407;
	}


/* 相手チームへ >> -------------------------------------- */
.opp thead th,
.opp thead td {
	background: #e8f4d9;
}

.opp tbody th {
	background: #e8f4d9 url(img/bg02.gif) repeat 0 0;
	color: #337A2D;
}

/* チーム情報 >> ---------------------------------------- */
.groupPrf th {
	padding: 0;
}

.groupPrf b {
	text-align: left;
	display: block;
	font-size: 1.1rem;
	color: #337A2D;
}

.groupPrf span {
	font-size: 0.9rem;
	line-height: 1rem;
	font-weight: normal;
}

.groupPrf b:before {
	font-weight: normal;
	font-size: 0.8rem;
}

.groupPrf li:before {
	font-size: 0.8rem;
	color: #337A2D;
}

.grpID:before {
	content: "ID:";
	font-size: 0.9em;
}

.grpName:before {
	content: "団体名：";
}

.topName:before {
	content: "代表者名：";
}

.subName:before {
	content: "申請者名：";
}

.ev:before {
	content: "種目：";
}

.lv:before {
	content: "レベル：";
}

.ctg:before {
	content: "団体カテゴリ：";
}

li.mmb:before {
	content: "団員数：";
}

.ikgm:before {
	content: "意気込み：";
}

.idUse:before {
	content: "利用者ID：";
}

.mmb span {
	margin-left: 0.3rem;
}

	.mmb span:after {
		content: "人";
		margin-left: 0.2rem;
	}



/* Tbl内リスト >> -------------------------------------- */
.tdLi {
}

	.tdLi li:before {
		font-size: 0.9rem;
		color: #2660a1;
	}

	.tdLi .idBsu:before {
		content: "募集No：";
	}

	.tdLi .idYyk:before {
		content: "予約ID：";
	}

	.tdLi .date:before {
		content: "開催日時：";
	}

	.tdLi .kgn:before {
		content: "募集期限：";
	}

	.tdLi .idUse:before {
		content: "利用者ID：";
	}

	.tdLi .entry:before {
		content: "申請日：";
	}

	.tdLi .entry:before {
		content: "申請日：";
	}


.eventName:before {
	padding-right: 0.5rem;
	content: "●";
	color: #2660a1;
}

.aplcnt {
	padding: 0.5rem;
}

	.aplcnt:before {
		color: #337a2d;
		content: "応募者：";
		font-size: 0.9rem;
	}


.qnote {
	padding: 0 0.5rem;
	border: 1px solid #2660a1;
}

.status {
	margin-left: -0.5rem;
	margin-right: 1rem;
	padding: 0.3rem 0.5rem;
	background: #2660a1;
	display: inline-block;
	color: #fff;
	line-height: 1.5rem;
	font-weight: normal;
}

.recStatus {
	display: inline-block;
}

	.recStatus li {
		margin-left: 1rem;
		display: inline-block;
	}

		.recStatus li:first-child {
			padding-right: 2rem;
			border-right: 3px solid #ddd;
		}



/* ▽ ページ移動 --------------------------------------- */
.lstController {
	margin-bottom: 1rem;
	width: 100%;
	display: table;
}

	.lstController li {
		width: 19%;
		display: table-cell;
	}

		.lstController li:nth-child(3) {
			min-width: 24%;
			font-size: 1.5rem;
			color: #0071bc;
		}


/* ---------------------------------------------------------------- □ 団体紹介登録 page330 */
.info .dateLst th {
	background: #0071bc;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
}

.info .dateLst b {
	color: #0071bc;
}

.info th {
	white-space: nowrap;
}

/* □ 画像アップロード --------------------------------- */
.upLode b {
	display: block;
	border-bottom: 1px solid #0071bc;
	font-size: 1.1rem;
	color: #0071bc;
}

	.upLode b:before {
		content: "▼ ";
	}

	.upLode b span {
		margin-left: 1rem;
		font-size: 0.9rem;
		font-weight: normal;
	}


.upLode .memo {
	padding: 0.5rem;
	margin: 0.5rem;
	font-size: 0.9rem;
	border: 2px solid #e5f1f8;
}

.upLode .memo {
	padding: 0.5rem;
	margin: 0.5rem;
	font-size: 0.9rem;
	background: #ebf4fa;
}

.upLode .error {
	margin-left: 1rem;
}

.upLode ul {
	margin: 0.5rem 1rem 0;
	text-align: right;
	border: 2px solid #e5f1f8;
}

.upLode li span {
	margin-top: 0.7rem;
	text-indent: 1rem;
	display: block;
	text-align: left;
	float: left;
}

.upLode li {
	padding: 0;
	border-bottom: 1px dotted #e5f1f8;
}

	.upLode li input {
		margin: 0 1rem 0.5rem;
	}

	.upLode li:last-child {
		border-bottom: none;
	}



/* ---------------------------------------------------------------- □ 対戦相手検索 page410 */
#srch {
}

.nest#srch h3 {
	padding-top: 0.3rem;
	border-top: none;
	background: #0071bc;
	border-radius: 1rem; /* CSS3草案 */
	-webkit-border-radius: 1rem; /* Safari,Google Chrome用 */
	-moz-border-radius: 1rem; /* Firefox用 */
	line-height: 2rem;
	color: #fff;
	text-indent: 0.5rem;
	text-shadow: none;
}

	.nest#srch h3:before {
		content: "● ";
		color: #fff;
	}

#srch li b {
	font-weight: normal;
}


.matchList {
	width: 100%;
	display: table;
}

	.matchList dl {
		margin: 0.5rem 0;
		padding: 1%;
		border: 1px solid #ebf4fa;
		background: #ebf4fa url(img/bg02.gif) repeat 0 0;
	}

	.matchList dt a {
		padding: 0.5rem;
		display: block;
		background: #2449b1;
		color: #fff;
		font-weight: bold;
	}

	.matchList dl {
		position: relative;
	}

	.matchList dt .clsCLSE {
		position: absolute;
		top: -0.5rem;
		right: 0;
		background: #999;
		display: block;
		font-size: 1rem;
		color: #fff;
		line-height: 2rem;
	}

	.matchList dt em {
		margin-top: 0.3rem;
		display: block;
		text-align: right;
		font-size: 0.9rem;
	}

	.matchList dt b.hastily {
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
		background: #c00;
		color: #fff;
		text-shadow: 1px 1px 3px #222;
	}

	.matchList dt b.new {
		position: absolute;
		color: #d00;
	}

	.matchList dd {
		padding: 0.5rem;
		background: #fff;
	}

	.matchList .note {
		margin-top: 0.3rem;
		border-radius: 0.5rem 0.5rem 0 0; /* CSS3草案 */
		-webkit-border-radius: 0.5rem 0.5rem 0 0; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem 0.5rem 0 0; /* Firefox用 */
	}

	.matchList .date {
		padding-top: 0;
		border-radius: 0 0 0.5rem 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0 0 0.5rem 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0 0 0.5rem 0.5rem; /* Firefox用 */
		text-align: right;
	}

	.matchList dd.date span {
		font-size: 0.9rem;
		color: #0071bc;
	}

		.matchList dd.date span:after {
			content: " : ";
		}



/* ---------------------------------------------------------------- □ 募集詳細 page420 */

.offr li,
.qalist dt, .qalist dd,
.atndlist dt, .atndlist dd {
	word-break: break-all;
}

/* □ 募集情報 ----------------------------------------- */
.offr {
	margin-bottom: 2rem;
}

	.offr h4 {
		color: #fff;
		background: #0071bc;
		font-size: 1.1rem;
	}

		.offr h4 b.hastily {
			text-align: center;
			display: inline-block;
			width: 3rem;
			font-weight: normal;
			background: #c93407;
			color: #fff;
			border: 1px solid #fff;
		}

		.offr h4 b.new {
			font-size: 0.9rem;
			text-align: center;
			display: inline-block;
			width: 3.5rem;
			background: #fff;
			color: #d00;
			border-radius: 1rem; /* CSS3草案 */
			-webkit-border-radius: 1rem; /* Safari,Google Chrome用 */
			-moz-border-radius: 1rem; /* Firefox用 */
		}


		.offr h4 span,
		.offr h4 em {
			font-size: 0.9rem;
			font-weight: normal;
		}

		.offr h4 em {
			margin-left: 2rem;
		}

	.offr ul {
		background: #fff;
		border: 3px double #0071bc;
	}

	.offr li b {
		color: #0071bc;
		font-weight: normal;
		background: #eee;
	}



/* □ 質問コーナー・参加者一覧 ------------------------- */
.qalist dt,
.atndlist dt {
	margin-top: 1rem;
	color: #0071BC;
}

.qalist dt {
	background: #ebf4fa;
}

	.qalist dt:before {
		content: "Ｑ";
		margin-right: 0.5rem;
		width: 1.2rem;
		padding: 0.2rem 0.3rem 0.3rem;
		background: #0071BC;
		display: inline-block;
		font-weight: bold;
		color: #fff;
	}

.qalist dd {
	margin-top: 0.3rem;
	text-indent: 0.5rem;
}

	.qalist dd span {
		margin-top: 0.5rem;
		background: #ccc;
		display: block;
		font-size: 0.8rem;
		color: #2449b1;
	}

		.qalist dd span:before {
			content: "更新日：";
			font-size: 0.7rem;
		}



.atndlist dt {
	text-indent: 0.5rem;
}

	.atndlist dt:before {
		content: "◆ ";
	}

.atndlist dd {
	padding-left: 1.5rem;
	padding-bottom: 0.3rem;
}



/* ---------------------------------------------------------------- ■ 管理者 募集一覧 page820 840 */
#mainte #srch .noB {
	text-indent: 8rem;
	padding: 0.5rem 1rem 1rem;
	border-bottom: 2px solid #ddd;
}

	#mainte #srch .noB label {
		margin-right: 3rem;
		text-align: left;
	}

#mainte #srch input,
#mainte #srch select[type="text"] {
	margin-left: 0.5rem;
}

#reptable.listTbl th span {
	color: #d00;
}

#reptable.listTbl .tdLi {
	display: block;
	padding: 0.2rem 0 0.1rem;
	border-radius: 0.5rem; /* CSS3草案 */
	-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
	-moz-border-radius: 0.5rem; /* Firefox用 */
}

#reptable .tdLi li {
	width: 31%;
	margin: 0 0 0 1%;
	padding: 0;
	display: inline-block;
}

#reptable .grpName {
	margin: 0.5rem;
}

	#reptable .grpName:before {
		color: #0071BC;
		font-size: 0.9em;
	}

#reptable .grpInfo {
	margin: 0.5rem 0;
	padding: 0.2rem 0.5rem 0;
	border-top: 3px solid #ebf4fa;
}

	#reptable .grpInfo:before {
		content: "▼ 紹介内容";
		margin-bottom: 0.3rem;
		display: block;
		font-size: 0.9em;
		color: #0071BC;
	}



/* ---------------------------------------------------------------- ■ 管理者 募集一覧 page830 850 */
#mainte .dataInputTbl.opp thead th {
}

	#mainte .dataInputTbl.opp thead th .dateLst {
		margin: 0.2rem 1rem;
		float: right;
	}

	#mainte .dataInputTbl.opp thead th li {
		margin: 0;
		font-size: 1.2rem;
		text-align: left;
	}

	#mainte .dataInputTbl.opp thead th b {
		margin-left: 1rem;
		font-size: 0.9rem;
		color: #337a2d;
		font-weight: normal;
	}


/* ============================================================================= ■ PC用 */
@media screen and (min-width:780px) {

	/* ■ 非表示（PC 不要） -------------------- */
	a .arw {
		display: none;
	}


	/* ---------------------------------------------------------------- ■ ヘッダー */


	/* ---------------------------------------------------------------- ■ ログイン */

	#login #contents h2 + p {
		width: 100%;
	}

	#login dl,
	#login #contents p {
		width: 70%;
	}

	#login #contents p {
		margin: 1rem auto;
	}

	#login dl {
		margin: 2rem auto;
		display: table;
	}

	#login dt {
		padding: 3rem 0;
		width: 8rem;
		display: block;
		float: left;
		text-align: right;
	}

	#login dd {
		padding: 0;
		float: right;
	}

		#login dd:nth-child(2) {
			padding-top: 1rem;
		}

		#login dd:nth-child(3) {
			padding-bottom: 1rem;
		}

	#login .btnArea {
		clear: both;
	}

	#login .error {
		display: block;
		text-align: center;
	}

	#login ul {
		padding: 1rem 1.5rem;
	}



	/* ---------------------------------------------------------------- ■ メニュー */
	.menu {
		margin: 2rem 1rem;
	}

		.menu li {
			margin: 2rem 1rem;
			width: 30%;
		}

			.menu li a {
				padding-right: 2rem;
			}

				.menu li a:active,
				.menu li a:hover {
					background: #244ab1;
					color: #FFF;
					box-shadow: none;
					text-shadow: none;
				}


	/* ■ 管理者 ----------------------------------- */
	#mainte .menu li a {
		text-align: center;
	}


	/* ------------------------------------------- ■ 入れ子 */
	.nest2 h3 {
		text-indent: 0.5rem;
		border-radius: 1rem 0 0 1rem; /* CSS3草案 */
		-webkit-border-radius: 1rem 0 0 1rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 1rem 0 0 1rem; /* Firefox用 */
	}

		.nest2 h3:before {
			padding-right: 0.3rem;
			content: "●";
		}

	.infoNote {
		margin: 0.5rem;
	}



	/* ------------------------------------------- ■ テーブル */
	.qnote {
		margin: 0.5rem 0 0.3rem 1rem;
	}


	/* Tbl内リスト >> -------------------------------------- */
	.tdLi {
		display: table;
	}

		.tdLi li {
			padding: 0.2rem 0 0.2rem 1rem;
			display: table-cell;
			text-indent: 0.5rem;
		}

	.listTbl .tdLi {
		width: 100%;
		padding-left: 1rem;
		background: #eee;
		border-radius: 1rem; /* CSS3草案 */
		-webkit-border-radius: 1rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 1rem; /* Firefox用 */
	}

		.listTbl .tdLi li {
			padding-left: 0.5rem;
		}

	.listTbl .eventName {
		padding: 0.5rem 0 0;
		text-indent: 1rem;
		font-size: 1.1rem;
		display: block;
		color: #2660a1;
	}

		.listTbl .eventName .hastily {
			font-weight: normal;
			color: #c93407;
		}

	.listTbl .aplcnt {
		color: #337a2d;
	}

		.listTbl .eventName .grpID,
		.listTbl .aplcnt .grpID {
			font-size: 0.9em;
			color: #444;
			font-weight: normal;
		}


	.aplcnt {
		margin-left: 2.5rem;
	}


	/* Tbl内 画像リスト >> --------------------------------- */
	.tdLiPhoto {
		display: table;
	}

		.tdLiPhoto li {
			width: 33%;
			vertical-align: top;
			display: table-cell;
		}

			.tdLiPhoto li img {
				margin-right: 0.5rem;
			}

	#browse .tdLiPhoto li img {
		width: 320px;
	}

	#mainte .tdLiPhoto li img {
		width: 270px;
	}


	/* ■ 入力フォーム Table -------------------------------- */
	.dataInputTbl .attentionNote {
		margin: 0 0.5rem;
	}

	/* チーム情報 >> --------------------------------------- */
	.groupPrf {
	}

		.groupPrf ul {
			text-align: right;
		}

		.groupPrf li {
			margin: 0 0.5rem;
			display: inline-block;
		}

		.groupPrf b {
			padding: 0.3rem 0.8rem;
			margin-bottom: 0.3rem;
			background: #337A2D;
			color: #fff;
		}

	.grpID:before {
		margin-left: 1rem;
	}



	/* ---------------------------------------------------------------- ■ 団体紹介登録 page330 */
	.info .dateLst ul {
		margin-right: 1rem;
		float: right;
	}



	/* ---------------------------------------------------------------- ■ 対戦相手検索 page410 */
	#srch {
		margin-left: 5%;
		width: 90%;
	}

		#srch ul {
			width: 95%;
			margin: 0 auto;
		}

		#srch li {
			border-bottom: 1px dotted #ddd;
		}

		#srch .noB {
			text-indent: 8.5rem;
		}

		#srch li:last-child {
			border-bottom: none;
		}

		#srch li b {
			width: 8rem;
			display: inline-block;
			text-align: right;
			color: #0071bc;
		}

	.matchList dl {
		width: 46%;
		margin-left: 1%;
		display: inline-block;
		vertical-align: top;
	}

	.matchList dt a:hover,
	.matchList dt a:active {
		background: #666;
		color: #e5f1f8;
		text-decoration: none;
	}

	.matchList dt b.hastily {
		position: absolute;
		margin-top: -1.5rem;
		margin-left: -1rem;
		padding: 0.2rem 0.8rem 0;
		display: inline-block;
		border-radius: 0.3rem; /* CSS3草案 */
		-webkit-border-radius: 0.3rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.3rem; /* Firefox用 */
		transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		font-size: 1.5rem;
		line-height: 1.8rem;
	}



	/* ---------------------------------------------------------------- ■ 募集詳細 page420 */

	/* ■ 募集情報 ----------------------------------------- */
	.offr h4 {
		padding: 0.5rem 1rem 0.3rem;
	}

	.offr ul li {
		margin-left: -1.5rem;
	}

	.offr li b {
		padding: 0.3rem;
		margin-left: 2rem;
		margin-right: 0.5rem;
		display: inline-block;
		width: 7rem;
		border-radius: 0.5rem 0 0 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0.5rem 0 0 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem 0 0 0.5rem; /* Firefox用 */
		word-break: break-all;
		text-align: center;
	}

		.offr li b.w4 {
			width: 4rem;
		}


	.offr li:last-child {
		margin-left: 0.5rem;
		margin-bottom: 0.5rem;
		display: table;
	}

		.offr li:last-child b,
		.offr li:last-child span {
			display: table-cell;
		}

		.offr li:last-child b {
			vertical-align: middle;
		}

		.offr li:last-child span {
			padding: 0.2rem 0.5rem;
		}


	/* ■ 質問コーナー・参加者一覧 ------------------------- */
	.qalist dl,
	.atndlist dl {
		margin-left: 1rem;
	}


	/* ------------------------------------------------- ■ お問合せ */


}
/*-------- ■ PC end */