/****************************
     組織図 (Introduction)
*****************************/
@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
  /* ... the rest of the rules ... */
}
@media print
{
    .map.vertical .map_inner .user_box.top.two .arms, 
    .map.vertical .map_inner .user_box.top.one .arms,
    .map.vertical .map_inner .first_line .user_box.one .arms,
    .map.vertical .map_inner .first_line .user_box.two .arms,
    .map.vertical .map_inner .second_line .user_box.two .arms,
    .map.vertical .map_inner .second_line .user_box.one .arms,
    .map.vertical .map_inner .fourth_line.two,
    .map.vertical .map_inner .fourth_line.one,
    .map.vertical.matrix .map_inner .user_box.top.one,
    .map.vertical.matrix .map_inner .user_box.top.two,
    .map.vertical.matrix .map_inner .user_box.top.three,
    .map.vertical.matrix .map_inner .user_box.one,
    .map.vertical.matrix .map_inner .user_box.two,
    .map.vertical.matrix .map_inner .user_box.three,
    .map.vertical.matrix .map_inner .third_line.three,
    .map.vertical.matrix .map_inner .third_line.two,
    .map.vertical.matrix .map_inner .third_line.one,
    .map.introduction .first_line li:before, .map.introduction .second_line li:before,
    .map.introduction .first_line li, .map.introduction .second_line li,
    .map.introduction .first_line li, .map.introduction .second_line li,
    .map.introduction .first_line li.last, .map.introduction .second_line li.last,
    .map.vertical.matrix .map_inner ul.second_line .user_box.one,
    .map.vertical.matrix .map_inner ul.second_line .user_box.two,
    .map.vertical.matrix .map_inner ul.second_line .user_box.three,
    .map.introduction .owner_box ul.second_line:not(:last-child),
    .map.introduction .second_line ul:last-child li:after,
    .map.introduction .second_line ul:last-child li:after, .map.introduction ul:last-child li:after
    {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
    color-adjust: exact !important; }

	.user_box.three +  .second_line .third_line li{
		margin-left: 32% !important;
	}
	.main_contents_wrap{
		width: 100% !important;
		margin: 0 auto;
	}
	.map.introduction{
		margin-left: 80px !important;
	}
}

.flipped {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.select_box select, .select_box input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

.member_info {
	width:100%;
	border:solid 1px #ddd;
	padding:20px 30px;
	box-sizing:border-box;
}

.member_info dt {
	float:left;
	width:105px;
	margin-left:15px;
}

.member_info dd {
	border-bottom:solid 1px #ddd;
	margin-bottom:15px;
	padding-bottom:15px;
}

.member_info .none_bdr {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}

.member_info dd:before {
	content:"：";
	
}

.member_info.mini {
	border:0;
	padding:0;	
	margin-bottom:10px;
}

.member_info.mini dt {
	width:auto;
	margin-left:0;
}

.member_info.mini dd {
	border:0;
	float:left;
	margin:0 30px 0 0;
	padding:0;
}

.map_link_btn p {
	width:350px;
	text-align:center;	
	margin-bottom:5px;
}

.map_link_btn a {
	box-sizing: content-box;
    display: inline-block;
    font-size: 14px;
    color: #0066b9;
    width: 350px;
	padding: 10px 10px 10px 0;
    border: 1px solid #0066b9;
    background: url("../img/icon_btn_arrow2.png") no-repeat 95% center;
    background-color: #fff;
    transition-duration: 500ms;
    cursor: pointer;
	box-sizing:border-box;
}

.map_link_btn a:hover {
	background-color: #dbecfa;
    transition-duration: 500ms;
}

.map_link_btn .parallel {
	font-size:13px;
	text-align:right;
	margin-bottom:30px;
	width:350px;
}

.select_box_admin select, .select_box_admin input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

.select_box_admin select {
	border:1px solid #0066b9;	
	padding:0px 50px 0px 30px;
	height:23px;
	cursor:pointer;
	float: left;
}

.select_box_admin label {
	width: 160px;
	position:relative;	
	display: block;
	vertical-align: top !important;
}

.select_box_admin label:after {
	content:"▼";
	background:#0066b9;
	color:#fff;
	position:absolute;
	top:0px;
    right:5px;
    padding:1px 4px 1px 5px;
	pointer-events: none;
}

.select_box_admin .steps_label {
	margin:0 5px;
}

.select_box_admin input[type="submit"] {
	background: #0066b9;	
	height: 23px;
	padding:0 15px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #0066b9;
}

.select_box select {
	border:1px solid #0066b9;	
	padding:0px 50px 0px 30px;
	height:23px;
	cursor:pointer;
	position:relative;
}

.select_box label {
	position:relative;	
}

.select_box label:after {
	content: "▼";
	background: #0066b9;
	color: #fff;
	position: absolute;
	top: -3px;
    right: 6px;
    padding: 2px 4px 1px 6px;
	pointer-events: none;
}

.select_box select::-ms-expand {
    display: none;
}

.select_box .steps_label {
	margin:0 5px;
}

.select_box input[type="submit"] {
	background:#0066b9;	
	height:25px;
	padding:0 15px;
	color:#fff;
	cursor:pointer;
}

#print_btn {
	width: 170px;
}

.map_inner {
	margin:30px 0;	
	font-size:12px;
}

.map_inner .user_box .icon {
	float:left;
}

.map_inner .user_box .text {
	float:left;	
	text-align:left;
	margin-left:8px;
}

.map_inner .user_box .text p {
	margin-bottom:2px;
	padding:0 2px;
}

.map_inner .user_box .text p.mem_id {
	border-bottom:1px solid #ddd;
}

.map_inner ul li {
	padding:0 0 0 130px;
	margin:30px 0 0 0;
	list-style-type: none;
}

.map.introduction .map_inner ul li {
	padding:30px 0 0 110px;
	margin:0;
}

.map.vertical {
	text-align:center;
}

.map.vertical .map_inner .user_box {
	/*padding-bottom:50px;*/
	margin-bottom:5px;
}

/* Added by Ken: For Matrix only. */
.map.vertical.matrix .map_inner .user_box {
	padding-bottom:50px;
}

.map.vertical .map_inner .arms {
	height:50px;
}

.map.vertical.matrix .map_inner .third_line li {
	padding:0;
	margin-left: -2px;
}

body#top .map.vertical.matrix .map_inner .third_line li {
	margin-left: 0px;
}

/* Very wide, both arms */
.map.vertical .map_inner .user_box.top.two .arms {
	background:url(../img/map_binary/line_01.png) no-repeat center bottom;
	background-size: 51%;
}

/* Very wide, left (use with .flipped for right version) */
.map.vertical .map_inner .user_box.top.one .arms {
	background:url(../img/map_binary/line_01_1.png) no-repeat center bottom;
	background-size: 50%;
}

/* Wide, left (use with .flipped for right version) */
.map.vertical .map_inner .first_line .user_box.one .arms {
	background:url(../img/map_binary/line_02_1.png) no-repeat center bottom;
	background-size: 51%;
}

/* Wide, both arms */
.map.vertical .map_inner .first_line .user_box.two .arms {
	background:url(../img/map_binary/line_02_2.png) no-repeat center bottom;
	background-size: 51%;
}

/* Medium, both arms */
.map.vertical .map_inner .second_line .user_box.two .arms {
	background:url(../img/map_binary/line_03_2.png) no-repeat center bottom;
	background-size: 51%;
}

/* Medium, left (use with .flipped for right version) */
.map.vertical .map_inner .second_line .user_box.one .arms {
	background:url(../img/map_binary/line_03_1.png) no-repeat center bottom;
	background-size: 51%;
}

/* Tight, both arms */
.map.vertical .map_inner .fourth_line.two {
	padding-top:50px;
	margin-top:-50px;
	background:url(../img/map_binary/line_04_2.png) no-repeat center top;
}

/* Tight, left (use with .flipped for right version) */
.map.vertical .map_inner .fourth_line.one {
	padding-top:50px;
	margin-top:-50px;
	background:url(../img/map_binary/line_04_1.png) no-repeat center top;
}

.map.vertical.matrix .map_inner .user_box.top.one {
	background:url(../img/map_matrix/line_01_1.png) no-repeat center bottom;
	background-size: 68% 35%;
}

.map.vertical.matrix .map_inner .user_box.top.two {
	background:url(../img/map_matrix/line_01_2.png) no-repeat center bottom;
	background-size: 68% 35%;
}

.map.vertical.matrix .map_inner .user_box.top.three {
	background:url(../img/map_matrix/line_01_3.png) no-repeat center bottom;
	background-size: 68% 35%;
}

.map.vertical.matrix .map_inner .user_box.one {
	background:url(../img/map_matrix/line_02_1.png) no-repeat center bottom;
	background-size: 70% 35%;
}

.map.vertical.matrix .map_inner .user_box.two {
	background:url(../img/map_matrix/line_02_2.png) no-repeat center bottom;
	background-size: 70% 35%;
}

.map.vertical.matrix .map_inner .user_box.three {
	background:url(../img/map_matrix/line_02_3.png) no-repeat center bottom;
	background-size: 70% 35%;
}

.map.vertical.matrix .map_inner .third_line.three {
	padding-top:50px;
	margin-top:-50px;
	background:url(../img/map_matrix/line_03_3.png) no-repeat center top;
}

.map.vertical.matrix .map_inner .third_line.two {
	padding-top:50px;
	margin-top:-50px;
	background:url(../img/map_matrix/line_03_2.png) no-repeat center top;
}

.map.vertical.matrix .map_inner .third_line.one {
	padding-top:50px;	
	margin-top:-50px;
	background:url(../img/map_matrix/line_03_1.png) no-repeat center top;
}
/*
.map.introduction .owner_box {
	background:url(../img/map_introduction/line.png) repeat-y;
	background-position:25px;
	background-position-x:25px;
}
*/
.map.introduction .first_line li:before, .map.introduction .second_line li:before {
	content:"";
	background:url(../img/map_introduction/line.png) repeat left top;
	position:absolute;
	width:1px;
	height:80px;
	top:5px;
	left:17px;
}

.map.introduction .first_line li.last:before, .map.introduction .second_line li.last:before {
	height:50px;
}

.map.introduction .first_line li, .map.introduction .second_line li {
	background:url(../img/map_introduction/line_x.png) no-repeat left top;
	background-position:25px 55px;
	background-position-y:55px;
	background-position-x:25px;
	position:relative;
}

.map.introduction .first_line li.last, .map.introduction .second_line li.last {
	background:url(../img/map_introduction/line_kado.png) no-repeat left top;
	background-position:0 35px;
	background-position-y: 24px;
	background-position-x:-8px;
}

.map.vertical .map_inner .user_box .icon {
	float:inherit;
}

.map.vertical .map_inner .user_box .text {
	float:inherit;
	text-align:center;
	margin-left:0;
	margin-top:5px;
	display:inline-block;
}

.map.vertical .map_inner .first_line, 
.map.vertical .map_inner .second_line, 
.map.vertical .map_inner .third_line, 
.map.vertical .map_inner .fourth_line {
	margin:0;
}

.map.vertical .map_inner ul li {
	width:50%;
	padding:0 5px;	
	margin:0;
	list-style-type: none;
}

.map.matrix .map_inner ul li {
	width:33%;
	padding:0 5px;	
	margin:0;
	list-style-type: none;
}

.map.matrix .map.vertical .map_inner .second_line {
	font-size: 0.5em;
}

/*edited by Ryan Casanova (ライアン) May 2017*/

 .map.vertical.matrix .map_inner .second_line{
	font-size:6px;
}

 .map.vertical.matrix .map_inner .second_line .second_line{
	font-size:6px;
}

.map.vertical.mt50 .map_inner .second_line .second_line{/*170918 ryan casanova*/
	font-size:7px;
}

 .map.vertical.mt50 .map_inner .second_line .second_line .second_line{
	font-size:7px;
}

.third_line.three li:not(:first-child) { 
	display: none; 
}

.third_line.two li:not(:first-child){ 
	display: none; 
}

.map.vertical.matrix .map_inner .third_line.three {
	padding-top:50px;
	margin-top:-56px;
	background:none;
	text-align:center;
}

.map.vertical.matrix .map_inner .third_line.two {
	padding-top:50px;
	margin-top:-56px;
	background:none;
	text-align:center;
}

.map.vertical.matrix .map_inner .third_line.one {
	padding-top:50px;	
	margin-top:-56px;
	background:none;
	text-align:center;
}

.map.vertical.matrix .map_inner .third_line{
	padding-top:50px;	
	margin-top:-56px;
	text-align:center;
}

.map.vertical.matrix .map_inner ul.second_line .user_box.one{
	background:url(../img/map_matrix/line_03_1.png) no-repeat center bottom;
	background-size: 70% 35%;
}

.map.vertical.matrix .map_inner ul.second_line .user_box.two{
	background:url(../img/map_matrix/line_03_2.png) no-repeat center bottom;
	background-size: 70% 35%;
}

.map.vertical.matrix .map_inner ul.second_line .user_box.three{
	background:url(../img/map_matrix/line_03_3.png) no-repeat center bottom;
	background-size: 70% 35%;
}

.map.introduction .owner_box ul.second_line:not(:last-child){
	background:url(../img/map_introduction/line.png) repeat-y;
	background-position:25px;
	background-position-x:17px;
}

.map.introduction .second_line li.last:before {
	height: 50px;
	margin-top: -12px;
}

.map.introduction .second_line ul:last-child li:after {
	content:"";
	background:url(../img/map_introduction/line.png) repeat left top;
	position:absolute;
	width:1px;
	height:80px;
	top:5px;
	left:25px;
}

.map.introduction .second_line ul:last-child li:only-child:after {
	content:"";
	background:none;
}

 .map.introduction .second_line ul:last-child li:after, .map.introduction ul:last-child li:after {
	content:"";
	background:url(../img/map_introduction/line.png) repeat left top;
	position:absolute;
	width:1px;
	height:80px;
	top:-33px;
	left:17px;
	z-index: -1;
}

div.icon img{
	height:35px;
	width:35px;
}

.small_text{
	font-size:7px;
}

div.admin .map.matrix .map_inner ul li {
	width:33.3%;
	padding:0 7.5px;	
	margin:0;
	list-style-type: none;
}

div.admin .map.vertical .map_inner .user_box.top.one .arms {
	background-size: 50%;
}

div.admin .map.vertical .map_inner .user_box.top.two .arms {
	background-size: 50%;
}

div.admin .map.vertical .map_inner .first_line .user_box.two .arms{
	background-size:210px 50px;
}

div.admin .map.vertical .map_inner .first_line .second_line .user_box .arms{
	background-size:100px 50px;
}

.map.vertical.matrix .map_inner .user_box.top.background_none{
	background:none;
}
/*edited by Ryan Casanova (ライアン) May 2017*/