/*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */ /*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */ /*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet home areamap v1.00 (http://www.sofrosune.net/) */
/* === note-areamap (litebox) === */
/** Usage: #areamap
*/
div#note-areamap {
	margin: 0px auto;
	padding: 10px 10px;
	width: 300px;
}
@media print, screen and (min-width: 480px) {
	div#note-areamap {
		width: 480px;
	}
}
div#note-areamap h1 {
	margin-bottom: 0px;
	line-height: 1.2;
	font-size: 1.24rem;
	color: #0050b2;
}
div#note-areamap .areamap-info {
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	border: 1px dotted #c0c0c0;
	border-radius: 0.5rem;
	padding: 4px 0.5rem;
	background-color: #eff;
}
div#note-areamap .areamap-fig {
	text-align: center;
}
/* === areamap (toc) === */
/** Usage: .areamap
*/
div.areamap {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
div.areamap dl dt {
	margin-top: 5px;
	font-weight: bold;
	text-align: left;
}
div.areamap dl dd a {
	display: inline-block;
	margin: 1px 2px;
	padding: 0px 4px;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	color: #006cb4;
	background-color: #eff;
}
div.areamap dl dd a:hover {
	color: #dc143c;
	background-color: #fdd;
}
@media print, screen and (min-width: 480px) {
	div.areamap dl dt {
		float: left;
		clear: left;
		margin-top: 0px;
		margin-bottom: 5px;
		width: 6em;
		text-align: center;
	}
	div.areamap dl dd {
		margin-bottom: 5px;
	}
}

/* === areamap (list-plan) === */
ul.list-plan li {
	display: inline-block;
	margin: 0.1rem 0.3rem;
}
ul.list-plan li a {
	display: inline-block;
	line-height: 1.1;
	padding: 0.3rem 0.5rem;
	color: #fff;
	border: 1px solid #666;
	border-radius: 0.5rem;
}
ul.list-plan li a.plan-b {
	background-color: #2db300;
}
ul.list-plan li a.plan-c {
	background-color: #e48900;
}
ul.list-plan li a.plan-d {
	background-color: #ff80be;
}
ul.list-plan li a.plan-e {
	background-color: #0f4dff;
}
ul.list-plan li a.plan-f {
	background-color: #843fbf;
}
ul.list-plan li a:hover {
	color: #ee0;
}

/* === areamap (table) === */
/** Usage: .areamap
*/
@media print, screen and (min-width: 480px) {
	table.table-areamap thead tr th.field-office {
		min-width: 8rem;
	}
}
@media print, screen and (min-width: 480px) {
	table.table-areamap thead tr th.field-date {
		min-width: 9rem;
	}
}
@media print, screen and (min-width: 480px) {
	table.table-areamap thead tr th.field-plan {
		min-width: 80px;
	}
}
@media print, screen and (min-width: 720px) {
	table.table-areamap thead tr th.field-plan {
		min-width: 108px;
	}
}
@media only screen and (max-width: 719px) {
	table.table-areamap tbody tr th.field-office, table.table-areamap tbody tr td.field-office {
		font-weight: bold;
	}
}
table.table-areamap tbody tr th.field-profile, table.table-areamap tbody tr td.field-profile {
	white-space: nowrap;
}
table.table-areamap tbody tr th.field-contact, table.table-areamap tbody tr td.field-contact {
	white-space: nowrap;
}
table.table-areamap tbody tr th.field-job, table.table-areamap tbody tr td.field-job {
	white-space: nowrap;
}
@media print, screen and (min-width: 720px) {
	table.table-areamap tbody tr th.field-quarter, table.table-areamap tbody tr td.field-quarter {
		max-width: 12rem;
	}
}
table.table-areamap tbody tr th.field-plan .btn-plan, table.table-areamap tbody tr td.field-plan .btn-plan {
	display: inline-block;
	margin-bottom: 2px;
	padding: 1px 0.5rem;
	color: #fff;
	border: 1px solid #666;
	border-radius: 5px;
}
table.table-areamap tbody tr th.field-plan .btn-plan.plan-b, table.table-areamap tbody tr td.field-plan .btn-plan.plan-b {
	background-color: #2db300;
}
table.table-areamap tbody tr th.field-plan .btn-plan.plan-c, table.table-areamap tbody tr td.field-plan .btn-plan.plan-c {
	background-color: #e48900;
}
table.table-areamap tbody tr th.field-plan .btn-plan.plan-d, table.table-areamap tbody tr td.field-plan .btn-plan.plan-d {
	background-color: #ff80be;
}
table.table-areamap tbody tr th.field-plan .btn-plan.plan-e, table.table-areamap tbody tr td.field-plan .btn-plan.plan-e {
	background-color: #0f4dff;
}
table.table-areamap tbody tr th.field-plan .btn-plan.plan-f, table.table-areamap tbody tr td.field-plan .btn-plan.plan-f {
	background-color: #843fbf;
}
table.table-areamap tbody tr th.field-plan .btn-plan:hover, table.table-areamap tbody tr td.field-plan .btn-plan:hover {
	color: #ee0;
}

/* === btn-areamap === */
.btn-areamap {
	display: inline-block;
	padding: 2px 1rem;
	border-radius: 5px;
	background-color: #666;
	color: #fff !important;
}
.btn-areamap:hover {
	background-color: #666;
	color: #fdd !important;
}

/* === btn-openform === */
.btn-openform {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.875rem;
	line-height: 1;
	cursor: pointer;
	margin: 0rem 0rem;
	border: 1px solid #06c;
	border-radius: 0.5rem;
	padding: 2px 0.5rem;
	background-color: #d1deef;
}
.btn-openform:hover {
	color: #dc143c !important;
}