@charset "utf-8";

/*=======================================================================

各ページ(style.css)
 
========================================================================*/

/* margin padding */
#content div {
	margin: 0 15px;
}
#content p {
	margin: 0 15px 15px;
}
#content ul,
#content ol {
  margin: 0 15px 15px;
}
#content ul.disc {
  margin-left: 35px;
  list-style-type: disc;
}
#content ol.decimal {
  margin-left: 40px;
  list-style-type: decimal;
}
#content table ul {
  margin-bottom: 0;
  margin-left: 20px;
}
#content table ul.disc {
  margin: 0;
  margin-left: 20px;
  list-style-type: disc;
}
#content li {
	margin-bottom: 10px;
}
#content .number li {
  padding-left: 2.5em;
  text-indent: -2.5em;
}
#content table li {
	margin-bottom: 0;
}
#content dt {
	margin-bottom: 5px;
}
#content dd {
	margin-bottom: 15px;
}

/* line height */
#content table,
#content dl,
#content li {
	line-height: 1.5;
}

/* text indent */
#content .indent {
	margin-left: 30px;
	text-indent: -1em;
  line-height: 1.5;
}
#content .indent02 {
	margin-left: 45px;
	text-indent: -1.9em;
  line-height: 1.5;
}

/*----------------------------------------------------------------------
 見出し
----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
}

#content h2 {
	padding: 25px 15px;
  background: #2b6b9f;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 137.5%;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#content.shikumi h2 {
  background: #6fba2c;
}
#content.find h2 {
  background: #f6ab00;
}
#content.procedure h2 {
  background: #4694d1;
}
#content.know h2 {
  background: #ea5550;
}
#content.download h2 {
  background: #ffe100;
  color: #333;
  text-shadow: 0 1px 1px rgba(0,0,0,0);
}
#content.health h2 {
  background: #ba79b1;
}
/*
#content.shikumi h2 {
  padding-left: 65px;
  background: #6fba2c url(../../shikumi/images/icon_shikumi.png) 20px center no-repeat;
  background-size: 33px 40px;
}
#content.find h2 {
  padding-left: 55px;
  background: #f6ab00 url(../../find/images/icon_find.png) 20px center no-repeat;
  background-size: 27px 40px;
}
#content.procedure h2 {
  padding-left: 55px;
  background: #4694d1 url(../../procedure/images/icon_procedure.png) 20px center no-repeat;
  background-size: 27px 40px;
}
#content.know h2 {
  padding-left: 60px;
  background: #ea5550 url(../../know/images/icon_know.png) 20px center no-repeat;
  background-size: 30px 38px;
}
#content.download h2 {
  padding-left: 60px;
  background: #ffe100 url(../../download/images/icon_download.png) 20px center no-repeat;
  background-size: 30px 38px;
  color: #333;
  text-shadow: 0 1px 1px rgba(0,0,0,0);
}
#content.health h2 {
  padding-left: 67px;
  background: #ba79b1 url(../../health/images/icon_health.png) 20px center no-repeat;
  background-size: 38px 33px;
}
*/

#content h3 {
  margin: 40px 0 25px;
  padding: 12px 10px;
  background: #f9f9f9;
  border-left: solid 10px #2b6b9f;
  border-bottom: solid 1px #d7d7d7;
  color: #494949;
  font-size: 112.5%;
  font-weight: bold;
}
#content h3.top {
  margin-top: 30px;
}
#content.shikumi h3,
#content h3.shikumi {
  border-left: solid 10px #6fba2c;
}
#content.find h3,
#content h3.find {
  border-left: solid 10px #f6ab00;
}
#content.procedure h3,
#content h3.procedure {
  border-left: solid 10px #4694d1;
}
#content.know h3,
#content h3.know {
  border-left: solid 10px #ea5550;
}
#content.download h3,
#content h3.download {
  border-left: solid 10px #ffe100;
}
#content.health h3,
#content h3.health {
  border-left: solid 10px #ba79b1;
}

#content h4 {
  margin: 25px 10px 20px;
  font-weight: bold;
}
#content h4 span {
  background: linear-gradient(transparent 60%, #bae5ff 60%);
}

#content h5 {
  margin: 25px 15px 15px;
  color: #2b6b9f;
  font-weight: bold;
}
#content h5.waku {
  margin: 25px 15px 25px;
}
#content h5.waku span {
  display: inline-block;
  padding: 10px 20px;
  background-color: #2b6b9f;
  border-radius: 3px;
  color: #fff;
  font-weight: normal;
}


#content .descriptionBox {
  margin: 0;
  padding: 15px 15px 13px 15px;
  background-color: #f9f9f9;
  border-radius: 0 0 5px 5px;
}
#content .descriptionBox p {
  position: relative;
  margin: 0;
  padding-left: 1.5em;
  color: #444;
  font-weight: bold;
  line-height: 1.4;
}
#content .descriptionBox p:before{
  font-family: "FontAwesome";
  content: "\f00c";
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 0;
  color: #2b6b9f;
}

/* common */
#content dl.common {
  margin: 0 15px;
}
#content dl.common dt {
  margin: 0 0 5px;
  font-weight: bold;
}
#content dl.common dd {
  margin: 0 0 20px 20px;
}
#content dl.common dd p {
  margin: 15px 0 0;
}
#content dl.common dd p.indent {
  margin-left: 15px;
}
#content .table-responsive {
  margin: 0;
}
#content table {
  margin: 0 15px 25px;
}
#content table th,
#content table td {
  padding: 10px;
  border: 1px solid #ccc;
}
#content table.common {
  width: calc(100% - 30px);
  margin: 0 15px 25px;
}
#content.procedure table.common {
  margin-bottom: 35px;
}
#content .table-responsive table {
  width: 837px;
}
#content table th {
  background-color: #f9f9f9;
  text-align: center;
}
#content table.left th {
  text-align: left;
}
#content table.thBold th {
  font-weight: bold;
}
#content table.thBold th span {
  font-weight: normal;
}
#content table th.w50 {
  width: 50%;
}
#content table p {
  margin: 0;
}
#content table p.indent {
  margin-left: 1em;
}


#content p.memo {
  position: relative;
  width: 50%;
  margin: 30px 25px 20px;
  background: #2b6b9f;
  padding: 2px 5px 2px 30px;
  color: #fff;
  font-size: 112.5%;
  font-weight: bold;
  border-radius: 0 100px 100px 0;
}
#content p.memo:before {
  font-family: "FontAwesome";
  content: "\f040";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #4694d1;
  font-size: 120%;
  font-weight: normal;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}
#content p.point {
  position: relative;
  width: 50%;
  margin: 30px 25px 20px;
  background: #ffd98a;
  padding: 2px 5px 2px 30px;
  color: #474747;
  font-size: 112.5%;
  font-weight: bold;
  border-radius: 0 100px 100px 0;
}

#content p.point:before {
font-family: "FontAwesome";
content: "\f0a4";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #ffa337;
  font-size: 120%;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

#content .bgGray {
  background-color: #f0f0f0;
}

#content p.linkDownload {
  margin-bottom: 45px;
}
#content p.linkDownload a {
  text-decoration: none;
}
#content p.linkDownload a span {
    padding: 10px 20px;
    background: #ffe100;
    color: #333;
    font-weight: bold;
    border-radius: 20px;
}

/*----------------------------------------------------------------------
 Flex Box
----------------------------------------------------------------------*/
#content .columnSet {
	display: -webkit-flex;
	display: flex;
}
#content .columnSet.kaigyo {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#content .columnSet.yokoCenter {
  -webkit-justify-content: center;
  justify-content: center;
}
#content .columnSet.tateTop {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#content .columnSet.tateCenter {
  -webkit-align-items: center;
  align-items: center;
}
#content .columnSet.tatebottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}


/*----------------------------------------------------------------------
 各INDEXページ
----------------------------------------------------------------------*/
#content .indexList {
  margin: 0 0 20px;
  background-color: #ededed;
  padding: 25px 0 20px 10px;
  border-radius: 5px;
}
#content.shikumi .indexList {
  background-color: #e3f1d0;
}
#content.find .indexList {
  background-color: #f3e7d2;
}
#content.procedure .indexList {
  background-color: #d5e6f3;
}
#content.know .indexList {
  background-color: #f6e4e4;
}
#content.download .indexList {
  background-color: #f4f4d3;
}
#content.health .indexList {
  background-color: #eee2f3;
}

#content .indexList h2 {
	padding: 0 0 10px 20px;
  background: none;
  border-radius: 0;
  color: #333;
  text-shadow: none;
}
#content .indexList h2 img {
  margin-bottom: 7px;
  vertical-align: middle;
}

#content .indexList ul {
	display: -webkit-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
}
#content .indexList li {
	display: -webkit-flex;
	display: flex;
  width: 32%;
  margin: 0 0 10px 10px;
  border: 2px solid #999;
  border-left: 10px solid #999;
  border-radius: 3px;
  font-weight: bold;
}
#content .indexList li:nth-of-type(1),
#content .indexList li:nth-of-type(4),
#content .indexList li:nth-of-type(7),
#content .indexList li:nth-of-type(10),
#content .indexList li:nth-of-type(13) {
  margin-left: 0;
}
#content .indexList li a {
	display: -webkit-flex;
	display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 20px 15px;
  background-color: #fff;
  border-radius: 0 3px 3px 0;
  color: #333;
  line-height: 1.3;
  text-decoration: none;
  opacity: 1;
}
#content .indexList li a:hover {
  background-color: #ccc;
  color: #fff;
}

#content.shikumi .indexList li {
  border: 2px solid #6fba2c;
  border-left: 10px solid #6fba2c;
}
#content.shikumi .indexList li a:hover {
  background-color: #afd97c;
}
#content.find .indexList li,
#content.procedure .indexList li.find {
  border: 2px solid #f6ab00;
  border-left: 10px solid #f6ab00;
}
#content.find .indexList li a:hover,
#content.procedure .indexList li.find a:hover {
  background-color: #fec966;
}
#content.procedure .indexList li {
  border: 2px solid #4694d1;
  border-left: 10px solid #4694d1;
}
#content.procedure .indexList li a:hover {
  background-color: #93beeb;
}
#content.know .indexList li {
  border: 2px solid #ea5550;
  border-left: 10px solid #ea5550;
}
#content.know .indexList li a:hover {
  background-color: #f79089;
}
#content.download .indexList li {
  border: 2px solid #f8db00;
  border-left: 10px solid #f8db00;
}
#content.download .indexList li a:hover {
  background-color: #fef1a4;
  color: #333;
}
#content.health .indexList li {
  border: 2px solid #ba79b1;
  border-left: 10px solid #ba79b1;
}
#content.health .indexList li a:hover {
  background-color: #dbb1d9;
}

/* こんなとき */
#content .case {
  margin: 0;
  padding: 20px 20px 15px;
  background-color: #3b96d7;
  border-radius: 5px;
}
#content .case h2 {
	padding: 0;
  background: none;
  border-radius: 0;
  text-shadow: 0;
}
#content .case h2 {
  margin-bottom: 20px;
  padding-left: 5px;
  border-left: 6px solid #fff;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
}
#content .case ul {
  display: -webkit-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  font-size: 0;
}
#content .case li {
  /*display: inline-block;*/
	display: -webkit-flex;
	display: flex;
  margin: 0 10px 10px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
#content .case li:nth-child(4),
#content .case li:nth-child(8),
#content .case li:nth-child(12) {
  margin-right: 0;
}
#content .case li a {
  /*display: block;*/
  width: 198px;
  padding: 10px 10px;
  background: #fff;
  border: 1px solid #dcdddd;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 0px #fff;
  text-align: center;
}
#content .case li img {
  width: 120px;
  margin-top: 10px;
}


/*----------------------------------------------------------------------
 お知らせ
----------------------------------------------------------------------*/
#content .news {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
#content .news ul {
  margin: 0;
}
#content .news ul li {
  margin: 0;
  padding: 10px;
  border-bottom: 1px dashed #ccc;
  line-height: 1.2;
}
#content .news ul li:first-child {
    padding-top: 0;
}
#content .news ul li span.date {
  float: left;
	width: 130px;
  font-size: 16px;
	overflow: hidden;
}
#content .news ul li span.category {
  display: inline-block;
  min-width: 50px;
  margin: 0 10px 0 0;
  padding: 4px 5px 3px;
  background: #e83828;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
}
#content .news ul li span.article {
	float: left;
	width: 690px;
}



#content ul.item {
    margin: 15px 15px 0;
    padding: 10px 5px;
    background: #f9f9f9;
    border: 1px solid #ededed;
}
#content ul.item li {
    margin: 0 0 0 25px;
    list-style-type: disc;
}
#content ul.item li img {
  vertical-align: middle;
}

#content .message-date {
  padding: 5px 0 10px;
  text-align: right;
}
#content .backBtn {
  margin: 30px 0 0;
  text-align: center;
}
#content .backBtn a {
  text-decoration: none;
}
#content .backBtn i {
  padding-right: 3px;
}




/*----------------------------------------------------------------------
 健康保険のしくみ
----------------------------------------------------------------------*/
#content .job div {
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
}
#content .job div:first-child {
  width: 55%;
}
#content .job div:last-child {
	width: 45%;
  border-left: 0;
}
#content .gmap {
  width: 835px;
  height: 400px;
  margin: auto;
  border: 1px solid #ccc;
}
#content p.x {
  margin: 30px 15px 15px;
}
#content p.x span {
  display: inline-block;
  padding: 5px 15px 5px 10px;
  border: 2px solid #2b6b9f;
  border-radius: 100px;
  color: #2b6b9f;
  font-weight: bold;
}


#content .maina_step {
  display: -webkit-box;
  display: flex;
  column-gap: 16px;
}
#content .maina_step div {
  margin: 0;
}
#content .maina_step div:nth-of-type(1) {
  font-weight: 700;
  text-decoration: underline;
}






/*----------------------------------------------------------------------
 保険給付を調べる
----------------------------------------------------------------------*/
#content .gochuui div {
	margin: 0;
}
#content .gochuui {
  display: -webkit-box;
  display: flex;
　-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
	gap: 8px 16px;
	margin-top: 20px;
}
#content .gochuui div:nth-of-type(1) {
	width: 120px;
	padding: 8px 0;
	border: 1px solid #333;
	border-radius: 6px;
	text-align: center;
}
#content .gochuui div:nth-of-type(2) {
	width: calc(100% - 136px);
}

#content table.hokenkyufu {
  width: 837px;
  font-size: 87.5%;
}
#content table.hokenkyufu td {
  vertical-align: baseline;
}
#content table.hokenkyufu ul.disc {
  margin-left: 12px;
}

#content .tetsuduki {
  margin: 0 15px 20px;
}
#content .tetsuduki dt {
  position: relative;
  background: #ecf6fb;
  margin-bottom: 5px;
  padding: 15px 10px;
  border-left: solid 3em #2b6b9f;
  border-radius: 3px;
  font-weight: bold;
}
#content .tetsuduki dt:before {
  font-family: "FontAwesome";
  content: "\f15c";
  position: absolute;
  padding: 0;
  color: white;
  font-size: 150%;
  font-weight: normal;
  line-height: 1.4;
  left: -1.4em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#content .tetsuduki dd {
  margin: 10px 15px 0;
  text-align: right;
}

#content .hani div {
  width: 50%;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#content .hani div:first-child h5 {
  color: #4694d1;
}
#content .hani div:last-child h5 {
  color: #e5615e;
}
#content .hani h5 {
  margin-top: 20px;
}
#content .hani div:first-child {
  background-color: #f4fbff;
}
#content .hani div:last-child {
  background-color: #fef9f9;
}

#content .pattern {
  margin-bottom: 15px;
}
#content .pattern div {
  width: 50%;
  margin: 0;
  padding: 15px 15px 10px;
  border: 1px solid #ccc;
}
#content .pattern div:nth-child(1) {
  border-radius: 5px 0 0 0;
  border-bottom: 0;
}
#content .pattern div:nth-child(2) {
  border-radius: 0 5px 0 0;
  border-left: 0;
  border-bottom: 0;
}
#content .pattern div:nth-child(3) {
  border-radius: 0 0 0 5px;
}
#content .pattern div:nth-child(4) {
  border-radius: 0 0 5px 0;
  border-left: 0;
}
#content .pattern dt {
  font-weight: bold;
}
#content .pattern dd {
  margin: 10px 0 0 15px;
}


/* 手続き */
#content table.tetsuduki th {
  width: 15%;
}





/*----------------------------------------------------------------------
 もっと知りたい健康保険
----------------------------------------------------------------------*/
#content.know table.tsuchi {
  width: 50%;
}
#content.know table.tsuchi td {
  width: 50%;
}
#content.know table.tsuchi td.bgRed {
  background-color: #fab9b7;
}

#content .maru {
	margin: 0 0 40px;
}
#content .batsu {
	margin: 0 0 10px;
}
#content .maru h5 {
	color: #4694d1
}
#content .batsu h5 {
	color: #e5615e
}
#content .maru img,
#content .batsu img {
	float: left;
	width: 117px;
	margin: 10px 30px 0 50px;
}
#content .batsu img {
	margin-top: 30px;
}
#content .maru ul,
#content .batsu ul {
	float: left;
	width: 500px;
}
#content .maru ul {
  margin-top: 20px;
}
#content .batsu .noListType {
	list-style-type: none;
}

#content dl.chui {
  margin: 0 15px;
}
#content dl.chui dt {
  color: #ea5550;
  font-weight: bold;
}
#content dl.chui dd {
  margin: 0 20px 25px;
}

#content .hari {
	margin-bottom: 30px;
}
#content .hari .maru {
	float: left;
	width: 400px;
  min-height: 280px;
	margin: 0;
	background: url(../../know/images/img_maru2.png) center center no-repeat;
}
#content .hari .batsu {
	float: right;
	width: 400px;
  min-height: 280px;
	margin: 0;
	padding-left: 20px;
	background: url(../../know/images/img_batsu2.png) center center no-repeat;
	border-left: 1px dotted #ccc;
}
#content .hari .maru span,
#content .hari .batsu span {
	display: inline-block;
	margin: 5px 0;
	padding: 3px 10px;
	border: 1px solid #999;
	border-radius: 3px;
}


/*----------------------------------------------------------------------
 申請書ダウンロード
----------------------------------------------------------------------*/
#content table.common th.kado {
  background: none;
  border: 0;
}
#content .right_acrobat {
  float: left;
  width: 680px;
}
#content .right_acrobat img {
  padding: 15px 0 15px 15px;
}



/*----------------------------------------------------------------------
 健康づくり(保健事業)
----------------------------------------------------------------------*/
#content p.frame,
#content ul.frame,
#content ol.frame {
    margin: 0 10px 20px;
    padding: 10px 15px;
    background: #fffaf8;
    border: 1px dotted #ff663b;
}

#content table.jushinkikan {
  margin-top: 3px;
  margin-bottom: 10px;
  font-size: 88%;
}
#content table.jushinkikan .nowrap {
  white-space: nowrap;
}
#content table.jushinkikan th,
#content table.jushinkikan td {
  padding: 10px 7px;
}
#content table.jushinkikan th {
  background-color: #70ad47;
  color: #fff;
}
table tr:nth-child(even) {
background: #e2efda;
}
 
table tr:nth-child(odd) {
background: #fff;
}


/*----------------------------------------------------------------------
 個人情報保護について
----------------------------------------------------------------------*/
/*#content .policy {
  margin: 20px 0 0;
}
#content .policy ol ul {
  margin: 10px 0 0;
}
#content .policy ol ul li {
  padding-left: 2.5em;
  text-indent: -2.5em;
}*/

#content .policy {
  display: -webkit-box;
  display: flex;
　-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 20px;
}
#content .policy .policy_item {
  margin: 0 0 15px;
}
#content .policy .policy_item:nth-of-type(1) {
  width: 4%;
}
#content .policy .policy_item:nth-of-type(2) {
  width: 60%;
}
#content .policy .policy_indent {
  padding-left: 9em;
  text-indent: -9em;
}


#content .use {
  margin: 0 0 30px;
}
#content .use p {
  margin-left: 30px;
  margin-bottom: 5px;
}
#content .use p.number {
  margin-left: 15px;
}
#content .use ul {
  margin-left: 70px;
}

#content .policyContact {
  margin: 0;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}
#content .policyContact p {
  font-size: 110%;
  font-weight: bold;
}

/*----------------------------------------------------------------------
 よくある質問
----------------------------------------------------------------------*/
#content .aNav {
  margin: 20px 0 0;
  padding: 10px 5px;
  background-color: #f9f9f9;
  border-radius: 5px;
  text-align: center;
}
#content .aNav li {
	display: inline-block;
	margin-right: 7px;
	padding-left: 15px;
  font-size: 14px;
}
#content .aNav li+li {
	border-left: 1px solid #ccc;
}

#content dl.faq {
  margin: 0 10px;
}
#content dl.faq .s_question {
	margin: 10px 0 0;
  padding: 20px 0 5px 0;
  color: #23609d;
  font-weight: bold;
  padding-left: 1.7em;
  text-indent: -1.45em;
}
#content dl.faq .s_question:first-child {
  padding-top: 0;
  border-top: 0;
}
#content dl.faq .s_answer {
  margin: 0 0 10px;
  padding: 20px 0 10px 0;
  border-top: 1px solid #2b6b9f;
  line-height: 1.4;
  padding-left: 2.0em;
  text-indent: -0.85em;
}
#content dl.faq span {
  font-weight: bold;
}
#content dl.faq .s_answer span {
    display: inline-block;
    padding-right: 10px;
    color: #E91013; 
}
#content dl.faq .s_answer p {
  margin: 0 11px;
}



/*----------------------------------------------------------------------
 リンク集
----------------------------------------------------------------------*/
#content ul.link {
	margin: 15px 0 0 15px;
}
#content ul.link li {
	display: inline-block;
	width: 47.5%;
  margin: 7px 5px;
  text-align: left;
}
#content ul.link li a {
	display: block;
  padding: 20px;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  text-decoration: none;
}
#content ul.link li a:hover {
  background-color: #eaf5ff;
  border: 1px solid #b0d9ff;
  opacity: 1;
}
#content ul.link li dt {
  margin: 0 0 2px;
  color: #333;
  font-weight: bold;
}
#content ul.link li dd {
  margin: 0;
  font-size: 87.5%;
}
#content ul.link li dd:before {
  font-family: "FontAwesome";
  content: "\f138";
  display: inline-block;
  padding: 0 5px 0 0;
  color: #2b6b9f;
  font-weight: normal;
}

/*----------------------------------------------------------------------
 サイトマップ
----------------------------------------------------------------------*/
#content .sitemap ul {
	margin: 0;
}
#content .sitemap li {
  display: inline-block;
	width: 15.5em;
	margin: 0 0 10px 20px;
  padding-left: 0.6em;
  text-indent: -0.6em;
  vertical-align: top;
}
#content .sitemap li:before {
  font-family: "FontAwesome";
  content: "\f138";
  display: inline-block;
  padding: 0 5px 0 0;
  color: #2b6b9f;
  font-weight: normal;
}
#content .sitemap .shikumi li:before {
  color: #6fba2c;
}
#content .sitemap .find li:before {
  color: #f6ab00;
}
#content .sitemap .procedure li:before {
  color: #4694d1;
}
#content .sitemap .know li:before {
  color: #ea5550;
}
#content .sitemap .download li:before {
  color: #ffe100;
}
#content .sitemap .health li:before {
  color: #ba79b1;
}


/*----------------------------------------------------------------------
 ジェネリック
----------------------------------------------------------------------*/
#content p.generic {
  display: inline-block;
  width: 80%;
  margin: 20px 0 15px;
  padding: 3px 20px;
  background: #e17074;
  color: #fff;
  font-size: 112.5%;
  font-weight: bold;
  border-radius: 100px;
}