﻿/*最初からスクロール常設*/
html {
 overflow-y: scroll;
}

table {
	border-collapse: collapse;
}

th {
	letter-spacing: 5px;
	background-color: #191970;
	padding:3px;
}

td.iro1{
	letter-spacing: 5px;
	background-color: #dcdcdc;
}

td.iro{
	letter-spacing: 5px;
	background-color: #191970;
}

td.iro_t{
	text-align: center;
	background-color: #dcdcdc;
}

td{
	letter-spacing: 2px;
	font-size: 10pt;
	/* font-weight: bold; */
	padding:3px;
}

h2.ti1{
	border-left: solid 5px #dc143c;
	border-bottom: solid 1px #dc143c;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 10px 45px;
	font-size: 12pt;
	font-weight: bold;
}

h2.ti2{
	border-left: solid 5px #dc143c;
	border-bottom: solid 1px #dc143c;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 10px 10px;
	font-size: 12pt;
	font-weight: bold;
}

h2.ti3{
	border-left: solid 5px #3A3A3A;
	border-bottom: solid 1px #3A3A3A;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 10px 10px;
	font-size: 12pt;
	font-weight: bold;
}

h2.ti4{
	border-left: solid 10px #dc143c;
	padding: 0px 0px 0px 20px;
	margin:0px 0px 20px 55px;
	font-size: 11pt;
	font-weight: bold;
}

.line{
	border-bottom: dotted 1px #3A3A3A;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 10px 10px;
}

h2#tag0{
	padding: 0 0 0 20px;
	border-left: solid 7px #01bd5a;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

h2#tag{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

h2#tag1{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

h2#tag2{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

h2#tag_t{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

/* progress/index お問い合せ */
h2#tag3 {
	max-width: 460px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: .8em;
}

/* progress/index お問い合せ */
h3{
	color: #FFFFFF;
	margin-left: 10px;
	font-weight: bold;
}

h3#tag1{
	color: #000000;
	margin-left: 10px;
	text-align: center;
}

h3#tag2{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

h3#tag3{
	color: #000000;
	margin-left: 10px;
	font-weight: bold;
}

p#sub{
	font-size: 12pt;
	margin: 0px 0px 5px 30px;
	font-weight: bold;
}

li#but-f{
	margin: 0px;
	display: inline;
}

.dotted{
	text-align:center; 
	border-top: dotted 1px #4169e1;
}

.solid {
	border-top: solid 1px #4169e1;
	background-color:#4169e1;
}

.mi {
	background-color:#4169e1;
}

.mm {
	font-size: 9pt;
	text-align:center;
}

.mm_l { 
	border: 1px solid black;
	border-left-style:none;
	vertical-align: middle;
	text-align:center;
}

.mm_r {
	text-align: left;
	vertical-align: middle;
	border-right-style:none;
}

.mm_t {
	text-align:center;
}

.mm_update {
	text-align:center;
	background-color:#ffa07a;
}

.ml {
	text-align:left;
	vertical-align:top;
}

.ml2 {
	text-align:left;
	vertical-align:top;
}

.mb {
	background-color:#191970;
}

/* 追記20200325 */

.mmo {
	background-color:#808000;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size: 18px;
	font-weight:bold;
	height:40px;
}
.mmo2 {
	background-color:#191970;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size: 18px;
	font-weight:bold;
	height:40px;
}

.mmo_t {
	background-color:#191919;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	border:1px solid black;
	border-bottom:0px solid black;
	border-color:#000000;
}

.mmo_lr {
	background-color:#191919;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:30px;
	border:1px solid black;
	border-top:0px solid black;
	border-color:#000000;
}
.mmom {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	border:1px solid black;
	height:30px;
}

.mmom_text {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	border:1px solid black;
	height:30px;
}

.mmom2 {
	background-color: #c0c0c0;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	border:1px solid black;
	height:30px;
}

/* 追記Ｅｎｄ */

ul.ulset{
	margin: 10px 20px 0px 15px; 
	font-size: 16px; 
	font-weight: bold;
}

li.set{
	padding-bottom: 10px;
	padding-right: 20px;
	font-size: 10px; 
	display: inline-block;
	font-weight: bold;
}

/* Progress index 大見出しボタン */
button.but-b1 {
	background-color: #191970;
	padding: 10px 30px;
	text-align: center;
	font-size: 2.2em;
	font-weight: bold;
	color: #ffffff;
	border-style: none; /* ボーダーをなくす */
	box-shadow: 2px 2px 3px 1px #666666;
	-moz-box-shadow: 2px 2px 3px 1px #666666;
	-webkit-box-shadow: 2px 2px 3px 1px #666666;
	text-shadow: 1px 1px 2px #000000;
}

button.but-b1:hover {
    background-color: #0033CC;
    color: #ffffff;
}

/* Progress 大見出しボタン（index） */
button.but-b {
	background-color: #191970;
	padding: 10px 30px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	border-style: none; /* ボーダーをなくす */
	box-shadow: 2px 2px 3px 1px #666666;
	-moz-box-shadow: 2px 2px 3px 1px #666666;
	-webkit-box-shadow: 2px 2px 3px 1px #666666;
	text-shadow: 1px 1px 2px #000000;
}

button.but-b:hover {
    background-color: #0033CC;
    color: #ffffff;
}

/* Progress 見出しボタン（Prevent） */
button.but {
	background-color: #191970;
	padding: 5px 5px;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	border-style: none; /* ボーダーをなくす */
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	text-shadow: 1px 1px 2px #000000;
}

button.but:hover {
    background-color: #24d;
    color: #ffffff;
}

/* Progress 見出しボタン（実施中） */
button.but-ac {
	background-color: #FF0000;
	padding: 2px 2px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	border-style: none; /* ボーダーをなくす */
}

button.but-ac:hover {
    background-color: #FF6666;
    color: #fff;
}

/* Progress 見出しボタン（着手） */
button.but-outset {
	background-color: #FF9900;
	padding: 2px 2px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	border-style: none; /* ボーダーをなくす */
}

button.but-outset:hover {
    background-color: #FFCC66;
    color: #ffffff;
}

/* Progress 見出しボタン（検討中） */
button.but-rev {
	background-color: #FF9900;
	padding: 2px 2px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	border-style: none; /* ボーダーをなくす */
}

button.but-rev:hover {
    background-color: #FFCC66;
    color: #ffffff;
}

/* Progress 見出しボタン（その他） */
button.but-oth {
	background-color: #808080;
	padding: 2px 2px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	border-style: none; /* ボーダーをなくす */
	width: 246px;
	height: 30px;
}

button.but-oth:hover {
    background-color: #c0c0c0;
    color: #000000;
}

/* Progress 見出しボタン（完了） */
button.but-end {
	background-color: #FF0000;
	padding: 2px 2px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFF00;
	border-style: none; /* ボーダーをなくす */
}

button.but-end:hover {
    background-color: #FF6666;
    color: #FFCC00;
}

/* Progress 見出しボタン（未完了） */
button.but-unfinished {
	background-color: #009900;
	padding: 2px 2px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFF00;
	border-style: none; /* ボーダーをなくす */
}

button.but-unfinished:hover {
    background-color: #00CC33;
    color: #FFCC00;
}

/* 20190322 topics-pass */
#topic-pass2 {
	margin:-10px 0 10px;
	padding:0 0 0 20px;
	position:relative;
	color:#999999;
	font-size:1em !important;
}

#primary #topic-pass2 {
	margin:0 0 5px;
}

#topic-pass2 li {
	float:left;
}

#topic-pass2 li a{
	color:#0066cc;
}

#topic-pass2 li span{
	padding:0 5px;
	display:inline-block;
}

/* 20211005 topics-box */
#topic-box {
	margin:-10px 0 10px;
	padding:0 0 0 20px;
	position:relative;
	color:#999999;
	font-size:1em !important;
}

#topic-box {
	margin:0 0 5px;
}

#topic-box li {
	float:left;
}

#topic-box li a{
	color:##c0c0c0;
}

#topic-box li span{
	padding:0 5px;
	display:inline-block;
}

/* 進捗状況アイコン */
.icon_pdf{
	padding-left: 20px;
	line-height: 20px;
	background: url(../images/icon_pdf.png) no-repeat;
}

.icon_ac{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/action_m.png) no-repeat;
}

.icon_outset{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/outset_m.png) no-repeat;
}

.icon_end{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/end_m.png) no-repeat;
	text-align: center;
}

.icon_up{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/update_m.png) no-repeat;
	text-align: center;
}

.icon_other{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/other_m.png) no-repeat;
}

.icon_ac2{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/action_m.png) no-repeat;
}

.icon_outset2{
	height: 26px;
	line-height: 26px;
	background: url(../images/outset_m.png) no-repeat;
}

.icon_end2{
	height: 26px;
	line-height: 26px;
	background: url(../images/end_m.png) no-repeat;;
}

.icon_other2{
	height: 26px;
	line-height: 26px;
	background: url(../images/other_m.png) no-repeat;
}

.icon_unfinished{
	height: 26px;
	padding-left: 80px;
	line-height: 26px;
	background: url(../images/unfinished.png) no-repeat;
}

.icon_rev{
	height: 26px;
	padding-left: 100px;
	line-height: 26px;
	background: url(../images/review.png) no-repeat;
}

.icon_update{
	height: 26px;
	width: auto;
	line-height: 24px;
	background: url(../images/update_m.png) no-repeat;
	background-position: right;
	text-align: middle;
}

/* progress 中見出し */
.middleitem{
	margin: 0px 0px 5px 40px;
	font-size: 18px;
	font-weight: bold;
}

.tag_text{
	color: #FF0000;
	font-weight: bold;
	border-bottom: solid 1px orange;
}

/* インデント */
.ind_s{
	padding-left: 1.0em;
	text-indent: -1.2em;
}

.ind{
	padding-left:1.3em;
	text-indent:-1.3em;
}

.ind2{
	font-size:0.9em;
	padding-left:3.2em;
	text-indent:-2.6em;
}

.ind3{
	font-size: 1.2em;
	padding-left: 2.4em;
	text-indent: -2.4em;
}

.ind4{
	margin: 0px 0px 0px 37px;
	font-size: 1.0em;
	padding-left: 1.0em;
}

.ind4b{
	margin: 0px 0px 0px 32px;
	font-size: 1.2em;
	padding-left: 1.2em;
}

.ind5{
	margin:0px 0px 40px 40px;
	font-size: 1.0em;
	padding-left: 4.4em;
	text-indent: -4.4em;
}
.ind6{
	margin:40px 0px 40px 40px;
	font-size: 1.0em;
	padding-left: 1.8em;
	text-indent: -2.6em;
}

.texts{
	margin: 40px 0px 40px 20px;
	font-size: 1.2em;
}

.table_line {
	display: table;
	width: 740px;
}
.block_topics {
	display: table-cell;
	border: solid 1px #fff;
	width: 300px;
	text-align: left;
}
.block_name {
	display: table-cell;
	border: solid 1px #fff;
	width: 110px;
	text-align: center;
	padding: 2px 10px;
}
.block_value {
	display: table-cell;
	border: solid 1px #fff;
	width: 110px;
	text-align: right;
	padding: 2px 43px 2px 0px;
}
.block_safe {
	display: table-cell;
	border: solid 1px #fff;
	width: 110px;
	text-align: center;
}
/* colspan設定 */
table.col {
		border:1px solid black;
		border-collapse:collapse;
		font-size:12pt;
		}
table.col td{
		border:1px solid black;
		}
table.col th{
		border:1px solid black;
		}
table.col td:nth-child(1){
		width:10px;
}
table.col td:nth-child(2){
		width:510px;
}
table.col td:nth-child(3){
		width:120px;
}
table.col td:nth-child(4){
		width:80px;
}

/* colspan2設定 */
table.col2 {
		border:1px solid black;
		border-collapse:collapse;
		font-size:14pt;
		}
table.col2 td{
		border:1px solid black;
		}
table.col2 th{
		border:1px solid black;
		}
table.col2 td:nth-child(1){
		width:120px;
		height:40px;
}
table.col2 td:nth-child(2){
		width:120px;
		height:40px;
}
table.col2 td:nth-child(3){
		width:120px;
		height:40px;
}
table.col2 td:nth-child(4){
		width:120px;
		height:40px;
}


/* 追加 */
#jp06-20 .tab-content{
	overflow-y: scroll;
	width: 100%;
	height: 317px;
}
#jp06-20 .tab-content.none{
	display:none;
}
#jp06-20 .tab-content dl {
	border-bottom:1px #DDDDDD solid;
	font-size: 1.2em;
}
#jp06-20 .tab-content dl dt{
	clear:both;
	width:95px;
	float:left;
	padding:5px 0 5px 5px;
	border-top:1px #DDDDDD solid;
}
#jp06-20 .tab-content dl dd{
	float:left;
	padding:5px 0;
	border-top:1px #DDDDDD solid;
}
#jp06-20 .tab-content dl dt.first,
#jp06-20 .tab-content dl dd.first{
	border-top:none;
}
#jp06-20 .tab-content dl dd.category{
	width:70px;
}
#jp06-20 .tab-content dl dd.category img{
	vertical-align: middle;
}
#jp06-20 .tab-content dl dd.pdf{
	width:40px;
	text-align: center;
}
#jp06-20 .tab-content dl dd.title,
#jp06-20 .tab-content dl dd.topic-title{
	width:545px;
	padding:5px 5px 5px 0;
	font-size:1em;
	font-weight: normal;
	background: none;
	height: auto;
	line-height:1.6;
	margin:0;
	width: 790px !important;
}
#jp06-20 .content-wrap #main-content p{
	margin:39px 0 15px 0;
}

/* Progress img 

a img {
	transition: opacity 0.3s ease-out;
}

a:hover img {
	opacity: 0.6;
}

*/

.relative {
	position: relative;
	width: 630px;
	height: 460px;
}

.philosoph {
	position: absolute;
	width: 110px;
	height: 35px;
	color: #ffffff;
	background-color: #ff0000 ;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-radius: 100%; */
	cursor: pointer;
	top: 32px;
	left: 260px;
	font-size: 1.5rem;
	font-weight: bold;
	font-color: #ffffff;
}

.philosoph  a {
	text-decoration:none;
	color: #ffffff;
}

.promise a {
	text-decoration:none;
	color: #ffffff;
}

.guidlines  a {
	text-decoration:none;
	color: #ffffff;
}

.promise {
	position: absolute;
	width: 170px;
	height: 33px;
	color: #ffffff;
	background-color: #ff0000 ;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-radius: 100%; */
	cursor: pointer;
	top: 77px;
	left: 234px;
	font-size: 1.2rem;
	font-weight: bold;
	font-color: #ffffff;
}
.guidlines {
	position: absolute;
	width: 170px;
	height: 32px;
	color: #ffffff;
	background-color: #ff0000 ;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-radius: 100%; */
	cursor: pointer;
	top: 118px;
	left: 234px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ffffff;
}

.update {
	height: 26px;
	align: right:
	vertical-aling: top;
}

/* サイドメニュー */
.company #secondary2{
	width:174px;
	float:left;
}
.company #secondary2 .secondary-nav h4{
	background: #CC0000;
	color:#FFFFFF;
	text-align: center;
	font-size:2em;
	padding:35px 0;
	margin:0 4px 0 0;
	line-height:1.3;
}

.company #secondary2 .secondary-nav ul li a{
	display:block;
	padding:15px 15px;
	font-size:1.077em;
	border-bottom:1px #CCCCCC solid;
	background: center no-repeat #F5F5F5;
}
.company #secondary2 .secondary-nav ul li.last a{
	border-bottom:none;
}
.company #secondary2 .secondary-nav ul li a:hover,
.company #secondary2 .secondary-nav ul li.select a{
	background: center no-repeat #DDDDDD;
	color:#990000;
	text-decoration: none;
}

/* タブ */
.tab_wrap{width:820px; margin:10px auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width:180px; margin:0 5px; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:13px; font-weight:bolod; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:80px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
 
#tab1:checked ~ .tab_area .tab1_label{background:#191970; color:#fff; font-weight:bold;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#191970; color:#fff; font-weight:bold;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#191970; color:#fff; font-weight:bold;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#191970; color:#fff; font-weight:bold;}
#tab4:checked ~ .panel_area #panel4{display:block;}

/* 縦書き20200804 */
.text-tx {
	background:center no-repeat #FFFFFF;
	font-size: 1.1em;
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
}

.text-r {
	font-size: 1.1em;
	padding-left: 1.2em;
	width: 220px;
}

.text-l {
	font-size: 1.1em;
	padding-left: 1.2em;
	width: 320px;
}