@charset "UTF-8";

.l-main#business_manner .visual {
	padding-top: 28px;
	background: url("/open-course/img/business_manner/bg_visual.jpg") center top no-repeat;
}
.l-main#business_manner .visual__title {
	margin-bottom: 25px;
}
.l-main#business_manner .lnav__floater {
	background: #008ed2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWJkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwNzljNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #00ade0 0%, #008ed2 98%);
	background: -webkit-linear-gradient(top, #00ade0 0%, #008ed2 98%);
	background: linear-gradient(to bottom, #00ade0 0%, #008ed2 98%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ade0', endColorstr='#008ed2', GradientType=0);
}

.l-main #theme,
.l-main #course {
	margin-bottom: 50px;
}

/* ===================================================================
	#business_manner_201810
=================================================================== */
#business_manner.l-main .section {
	line-height: 1.57143;
}
#business_manner.l-main .section__head {
	padding: 15px;
}
#business_manner.l-main .section .section__lead p {
	line-height: 1.8;
	padding: 0 15px;
}

#business_manner.l-main .voiceTitle {
	font-size: 128.5714%;
	margin-bottom: 1em;;
	padding: 15px 15px 5px 42px;
	border-bottom: 1px solid #0069bb;
	line-height: 1.8;
	font-weight: bold;
	color: #0069bb;
	position: relative;
}
#business_manner.l-main .voiceTitle:before {
	position: absolute;
	display: block;
	content: url("/open-course/img/common/icon_voice.png");
	top: 19px;
	left: 5px;
}
#business_manner.l-main .userVoice ul li {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 1em;
	margin-bottom: 1.2em;
}


/* ===================================================================
	table.map
=================================================================== */
#business_manner .map thead {
  background-color: #0068b7;
  color: #fff;
  text-align: center;
  font-weight: bold; }
  #business_manner .map thead th {
    padding: 0px 5px; }
  #business_manner .map thead th + th {
    border-left: 1px solid #fff; }
  #business_manner .map thead th:nth-child(1) {
    width: 200px; }
  #business_manner .map thead th:nth-child(2) {
    width: 100px; }
#business_manner .map tbody th, #business_manner .map tbody td {
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #eee;
  border-top: none;
  border-color: #ccc #eee;
  font-weight: bold; }
#business_manner .map tbody th {
  font-weight: bold;
  border-left: 1px solid #ccc; }
#business_manner .map tbody p:first-child {
  margin-bottom: 5px; }
#business_manner .map tbody p:last-child {
  text-align: right;
  margin-bottom: 0; }
#business_manner .map tbody a {
  text-decoration: underline; }
  #business_manner .map tbody a:hover {
    text-decoration: none; }
#business_manner .map tbody td:nth-last-child(2) {
  width: 340px; }
#business_manner .map tbody td:nth-last-child(2),
#business_manner .map tbody td:nth-last-child(1) {
  padding-bottom: 10px;
  border: none;
  border-bottom: 1px solid #ccc;
  font-weight: normal; }
  #business_manner .map tbody td:nth-last-child(2) + td,
  #business_manner .map tbody td:nth-last-child(1) + td {
    border-right: 1px solid #ccc; }
#business_manner .map tbody .map__item--bdDot td:nth-last-child(2),
#business_manner .map tbody .map__item--bdDot td:nth-last-child(1) {
  border-bottom: 1px dotted #cccccc; }
#business_manner .map .map__item--fresh td {
  background-color: #fafcf5; }
#business_manner .map .map__item--young td {
  background-color: #f2fbf2; }
#business_manner .map .map__item--middle td {
  background-color: #f7fdff; }
#business_manner .map .map__item--leader td {
  background-color: #e5f7ff; }
#business_manner .map .map__item--manage td {
  background-color: #fffcf7; }
#business_manner .map__rowOdd .courseTable__item {
  background-color: #f1f9ff; }