@charset "UTF-8";

/* CSS Document */

/* XXXXXXXXXXX  root階層用  XXXXXXXXXXX */


/* 下記のhtmlフォントサイズは使わない */
/*
html {
 	font-size: 62.5%;
}*/

body {
    margin: 0;
    padding: 0; 
}


div.ccm-page {
	-webkit-text-size-adjust: 100%;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	
	font-size: 1rem;
	line-height: 1.7;
	color: #111111;
	margin: 0;
    padding: 0;
    background: #ffffff;
    text-align: justify;
    text-justify: inter-ideograph;
}

div.ccm-page h1 {
    font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h2 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h3 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h4 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h5 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h6 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}

div.ccm-page .font-serif {
	font-family: serif;
}



div.ccm-page a:link {
    text-decoration: none;
    color: #0A7CDD;
}


div.ccm-page a:visited {
    text-decoration: none;
    color: #0A7CDD;
}
div.ccm-page a:hover {
    text-decoration: none;
    color: #A70A0A;
}
/*
div.ccm-page a:active {
  background-color: #333333;
}
*/
div.ccm-page a:focus {
  text-decoration: none;
  color: #A70A0A;
}






div.ccm-page h1 {
	font-size: 2.1rem;
	font-weight: bold;
	margin: 0em;
	/*padding: 10px 0;*/
	color: #AF0000;
	font-feature-settings: "palt" 1;
}
div.ccm-page h2 {
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	line-height: 1.2;
	font-feature-settings: "palt" 1;
}
div.ccm-page h3 {
	font-size: 1.25rem;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	line-height: 1.2;
	font-feature-settings: "palt" 1;
}
div.ccm-page h4 {
	font-size: 1rem;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	line-height: 1.2;
	font-feature-settings: "palt" 1;
}
div.ccm-page h5 {
	font-size: 0.8125rem;
	font-weight: bold;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	line-height: 1.2;
	font-feature-settings: "palt" 1;
}
div.ccm-page h6 {
	font-size: 0.625rem;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	line-height: 1.2;
	font-feature-settings: "palt" 1;
}
div.ccm-page p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

/* ------- font size ------- */

div.ccm-page .font07em {
	font-size: 0.7rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1
}
div.ccm-page .font08em {
	font-size: 0.8rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1
}
div.ccm-page .font09em {
	font-size: 0.9rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1
}
div.ccm-page .font15em {
	font-size: 1.5rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1
}
div.ccm-page .font12em {
	font-size: 1.2rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1
}
div.ccm-page .font18em {
	font-size: 1.8rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1
}
div.ccm-page .font22em {
	font-size: 2.2rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}

/* ------- font color ------- */
div.ccm-page .com-red {
	color: #e60012;
}
div.ccm-page .com-blue {
	color: #1e5199;
}


div.ccm-page .white {
	color: #FFF;
}
div.ccm-page .color_E6CBC1 {
	color: #E6CBC1;
}
div.ccm-page .red1a {
	color: #F00;
}
div.ccm-page .red1b {
	color: #F03;
}
div.ccm-page .red1c {
	color: #F06;
}
div.ccm-page .red2a {
	color: #C00;
}
div.ccm-page .red2b {
	color: #C03;
}
div.ccm-page .red2c {
	color: #C06;
}
div.ccm-page .red3 {
	color: #990000;
}
div.ccm-page .brown1a {
	color: #9D472E;
}
div.ccm-page .brown1b {
	color: #9E795A;
}
div.ccm-page .brown1c {
	color: #BC9A89;
}
div.ccm-page .green1a {
	color: #690;
}
div.ccm-page .green1b {
	color: #693;
}
div.ccm-page .green1c {
	color: #696;
}
div.ccm-page .green2a {
	color: #390;
}
div.ccm-page .green2b {
	color: #393;
}
div.ccm-page .green2c {
	color: #396;
}
div.ccm-page .green3a {
	color: #060;
}
div.ccm-page .green3b {
	color: #063;
}
div.ccm-page .green3c {
	color: #066;
}
div.ccm-page .gray1 {
	color: #CCC;
}
div.ccm-page .gray2 {
	color: #999;
}
div.ccm-page .gray3 {
	color: #666;
}
div.ccm-page .blue1a {
	color: #60F;
}
div.ccm-page .blue1b {
	color: #63F;
}
div.ccm-page .blue1c {
	color: #66F;
}
div.ccm-page .blue2a {
	color: #30F;
}
div.ccm-page .blue2b {
	color: #33F;
}
div.ccm-page .blue2c {
	color: #36F;
}
div.ccm-page .blue3a {
	color: #00C;
}
div.ccm-page .blue3b {
	color: #03C;
}
div.ccm-page .blue3c {
	color: #06C;
}
div.ccm-page .blue4a {
	color: #0042B4;
}
div.ccm-page .orange1a {
	color: #F60;
}
div.ccm-page .purple1a {
	color: #90F;
}
div.ccm-page .purple1b {
	color: #93F;
}
div.ccm-page .purple1c {
	color: #96F;
}
div.ccm-page .yellow1a {
	color: #FF0;
}

/* ------- font weight ------- */

div.ccm-page .bold {
	font-weight: bold;
}
div.ccm-page .bold_lighter {
	font-weight: lighter;
}
div.ccm-page .bold900 {
	font-weight: 900;
}
div.ccm-page .bold500 {
	font-weight: 500;
}

div.ccm-page .font-w-normal {
	font-weight: normal;
}


/* ------ background color ------ */
/* ------ 背景色は、ybbcLay.cssに移動 ------ */



/* ---------- hr ---------- */
div.ccm-page hr.dot1 {
	border: none;
	border-top: dotted 2px #E6CBC1;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}
div.ccm-page hr.dot2 {
	border: none;
	border-top: dotted 2px #999999;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}
div.ccm-page hr.solid1 {
	border: none;
	border-top: solid 1px #E6CBC1;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}

div.ccm-page hr.dash1 {
	border: none;
	border-top: dashed 2px #E6CBC1;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}


/* ------- under line ------- */



/* ------- table ------- */
div.ccm-page table.table1 {
	width:95%;
	table-layout: fixed;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-left-color: #990000;
	border-collapse: collapse;
	empty-cells: show;
}
div.ccm-page table.table1 td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
	padding: 0.8%;
}
div.ccm-page table.table1 th {
	background-color: #FCECEA;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
}


div.ccm-page table.tabledefau {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 13px;
}
div.ccm-page table.tabledefau td {
	border: 1px solid #999;
	background-color: #FFF;
}
div.ccm-page table.tabledefau th {
	border: 1px solid #999;
	font-weight: bold;
	text-align: center;
	background-color: #ECA91E;
	color: #FFF;
}

div.ccm-page table.tabledefauSec {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 13px;
}
div.ccm-page table.tabledefauSec td {
	border: 1px solid #999;
	background-color: #FFF;
}
div.ccm-page table.tabledefauSec th {
	border: 1px solid #999;
	font-weight: bold;
	background-color: #ECA91E;
	color: #FFF;
	text-align: left;
	padding-left: 15px;
}


div.ccm-page table.table2 td {
	border: 1px solid #999;
	padding: 10px;
	background-color: #FFFFFF;
}
div.ccm-page table.table2 th {
	border: 1px solid #999;
	text-align: center;
	font-weight: normal;
	padding: 10px;
	white-space: nowrap;
	background-color: #F5F5F5;
}

div.ccm-page table.table3 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0px auto;
	width: 90%;
}
div.ccm-page table.table3 td {
	border: 3px solid #FFF;
	padding: 10px;
    line-height: 1.3;
	background-color: #FFFFFF;
}
div.ccm-page table.table3 th {
	border: 3px solid #FFF;
	font-weight: normal;
    line-height: 1.3;
	padding: 10px;
	white-space: nowrap;
	background-color: #EFEFEF;
}

div.ccm-page table.table4 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0px auto;
	width: 90%;
}
div.ccm-page table.table4 td {
	border-bottom: 1px solid #E1E1E1;
	padding: 15px;
    line-height: 1.3;
	background-color: #FFFFFF;
}
div.ccm-page table.table4 th {
	border-bottom: 1px solid #E1E1E1;
	font-weight: normal;
    line-height: 1.3;
	padding: 15px;
	white-space: nowrap;
	background-color: #FFFFFF;
}







/* ------- text align ------- */
div.ccm-page .textLeft {
	text-align: left;
}
div.ccm-page .textCenter {
	text-align: center;
}
div.ccm-page .textRight {
	text-align: right;
}
div.ccm-page .textJustify {
	text-align: justify;
}



/* ---------- list （リストを囲むdivに対してかける）---------- */
div.ccm-page .listne1 ul {
  list-style: none;
}
div.ccm-page .listne1 ul li {
  position: relative;
  padding-left: 24px;
}
div.ccm-page .listne1 ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #e32222;
  border-radius: 5px;
}


div.ccm-page .listne2 ul {
/*  border: solid 2px skyblue;*/
/*  border-radius: 5px;*/
  padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
}
div.ccm-page .listne2 ul li {
  line-height: 1.3;
  padding: 0.5em 0;
  list-style-type: none!important;
}
div.ccm-page .listne2 ul li:before {
  font-family: "Font Awesome 5 Free";
    font-weight: 900;
  content: "\f138"; /*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #d0141b; /*アイコン色*/
}


div.ccm-page .listne3 {
	margin-left: 1em;
	padding-left: 0px;
	margin-top: 0px;
	list-style-type: disc;
}


/* ------- list for ul （ulに対してかける）------- */
div.ccm-page .listne-ul1  {
	padding-left: 2rem;
}
div.ccm-page .listne-ul1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.ccm-page .listne-ul1 li {
	position: relative;
	padding-left: 1.5rem;
	margin: 0;
	list-style-type: none;
}
div.ccm-page .listne-ul1 li:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #e32222;
	border-radius: 5px;
}


div.ccm-page .listne-ul2  {
	padding-left: 2rem;
}
div.ccm-page .listne-ul2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.ccm-page .listne-ul2 li {
	position: relative;
	padding-left: 1.5rem;
	margin: 0;
	list-style-type: none;
}
div.ccm-page .listne-ul2 li:before {
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: "\f138"; /*アイコンの種類*/
	color: #d0141b; /*アイコン色*/
}


div.ccm-page .listne-ul3  {
	padding-left: 2rem;
}
div.ccm-page .listne-ul3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.ccm-page .listne-ul3 li {
	position: relative;
	padding-left: 1.5rem;
	margin: 0;
	list-style-type: none;
}
div.ccm-page .listne-ul3 li:before {
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: "\f0d7"; /*アイコンの種類*/
	color: #2353D9; /*アイコン色*/
}


 
/* ------- list bottom space ------- */
div.ccm-page .bottomA {
	width: 97%;
	margin-left: 1.5em;
	padding-left: 0px;	
}
div.ccm-page .bottomA ul {
	list-style-type: disc;
	padding-right: 10px;
}
div.ccm-page .bottomA li {
	margin-bottom: 0.7em;
}

/* ------- non style List ------- */
div.ccm-page .nonmark {
	height: auto;
}
div.ccm-page .nonmark ul {
	padding: 0px;
	margin: 0px;
}
div.ccm-page .nonmark li {
	list-style-type: none;
}

 
/* ------- individual margin non ------- */
div.ccm-page .topmargin0 {
	margin-top: 0;
}
div.ccm-page .bottommargin0 {
	margin-bottom: 0;
}
div.ccm-page .rightmargin0 {
	margin-right: 0;
}
div.ccm-page .leftmargin0 {
	margin-left: 0;
}