/* [Common] Style Sheet */

/* ---- Common ---------------------- */
.clear {
  clear: both;
  visibility: hidden;
}

/* font */
.fontSizeA {
  font-size: 175%;
}
.fontSizeB {
  font-size: 113%;
}
.fontSizeC {
  font-size: 100%;
}
.fontSizeD {
  font-size: 88%;
}
.fontSizeE {
  font-size: 82%;
}
.fontBold {
  font-weight: bold;
}
.fontItalic {
  font-style: italic;
}
.fontUnderline {
  text-decoration: underline;
}

body {
  color: #000000;
  background-color: #ffffff;
  text-align: center;
  background-repeat: repeat-x;
  font-size: 100%;
}

li {
  list-style: none;
}

/* ---- Table ---- */
table {
  border: solid 1px #909090;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  margin: 0px;
  padding: 4px;
  height: 25px;
  border: solid 1px #909090;
  font-weight: bold;
  text-align: center;
  background-color: #e6eeee;
  color: black;
}
table.titleLeft th.dark {
  background-color: #8dbdd8;
}
table.titleLeft th.dark div {
  background-color: #8dbdd8;
}
table.titleLeft th.dark div a {
  background-color: #8dbdd8;
}
table.titleLeft th {
  font-weight: 100;
  height: auto;
  text-align: center;
  background-color: #a3d3ff;
  border: solid 1px #909090;
  color: black;
  vertical-align: middle;
}

table.td_class2 td {
  height: auto;
  text-align: left;
  background-image: none;
  width: 424px;
  white-space: nowrap;
  word-break: break-all;
}

td {
  margin: 0px;
  padding: 4px;
  border: solid 1px #909090;
  text-align: left;
}

/* ---- Image ---- */
img {
  border-style: none;
}

/* ---- Headline ---- */
div.headline {
  display: block;
  padding: 2px 3px;
  border-top: #c0c0c0 solid 1px;
  border-bottom: #c0c0c0 solid 1px;
}
div.headline h3 {
  /*height: 24px; */
  height: auto;
  line-height: 24px;
  font-size: 113%;
  font-weight: bold;
  border-left: #606060 solid 6px;
  padding-left: 8px;
}

h4.subheadline {
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  border-bottom: #c0c0c0 solid 1px;
}

/* ---- Icon ---- */
/* Small Icon Padding */
.marker,
.markerTop,
.markerKaigo,
.markerIryo,
.markerShogai,
.markerKourei,
.markerJidou,
.link,
.linkDetail,
.linkUp,
.linkSimple,
.linkDown,
.linkNewWindow,
.iconDownload,
.iconAttention,
.iconInfomation {
  margin-left: 8px;
  padding-left: 24px;
}
/* Middle Icon Padding */
.iconNewArrival,
.iconNotice,
.iconTopics,
.iconImportant,
.iconPadding {
  padding-left: 32px;
}

/* List Marker Icon */
.marker {
  background: url("img/list_common.gif") no-repeat left center;
}
.markerTop {
  background: url("img/list_site.gif") no-repeat left center;
}
.markerKaigo {
  background: url("img/list_kaigo.gif") no-repeat left center;
}
.markerIryo {
  background: url("img/list_iryo.gif") no-repeat left center;
}
.markerShogai {
  background: url("img/list_shogai.gif") no-repeat left center;
}
.markerKourei {
  background: url("img/list_kourei.gif") no-repeat left center;
}
.markerJidou {
  background: url("img/list_jido.gif") no-repeat left center;
}

/* Link Icon */
.link {
  background: url("../img/icon_link.gif") no-repeat 10px center;
}
.linkDetail {
  background: url("../img/icon_link_detail.gif") no-repeat left center;
}
.linkDetail {
  padding-left: 25px;
  text-decoration: none;
  margin-left: 0px;
}
.linkSimple {
  padding-left: 0px;
  text-decoration: none;
  margin-left: 0px;
}
.linkDetail:hover {
  text-decoration: underline;
  color: #0000ff;
}
.linkSimple:hover {
  text-decoration: underline;
  color: #0000ff;
}

.linkUp {
  background: url("img/icon_link_up.gif") no-repeat left center;
}
.linkDown {
  background: url("img/icon_link_down.gif") no-repeat left center;
}
.linkNewWindow {
  background: url("img/icon_nwin.gif") no-repeat left center;
}

/* Contents Icon */
.iconNewArrival {
  background: url("img/icon_szl_new.gif") no-repeat left center;
}
.iconNotice {
  background: url("img/icon_szl_info.gif") no-repeat left center;
}
.iconTopics {
  background: url("img/icon_szl_topics.gif") no-repeat left center;
}
.iconImportant {
  background: url("img/icon_szl_important.gif") no-repeat left center;
}
.iconDownload {
  background: url("img/icon_download.gif") no-repeat left center;
}
.iconAttention {
  background: url("img/icon_attention.gif") no-repeat left center;
}
.iconInfomation {
  background: url("img/icon_info.gif") no-repeat left center;
}

.iconAlignTop {
  background-position: left top;
}
.iconAlignBottom {
  background-position: left bottom;
}

/* ---- Button ---- */
/* Design */
.nonActive {
  opacity: 0.35;
}
.btnLarge,
.btnMiddle,
.btnSmall,
.btnCancel {
  width: 100px;
  display: inline-block;
  text-decoration: none;
  border: none;
  color: #0000ff;
  vertical-align: middle;
}

.btnLarge span,
.btnMiddle span,
.btnSmall span,
.btnCancel span {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}

.btnLarge span span,
.btnMiddle span span,
.btnSmall span span,
.btnCancel span span {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}

.btnLarge button,
.btnLarge input,
.btnMiddle button,
.btnMiddle input,
.btnSmall button,
.btnSmall input,
.btnCancel button,
.btnCancel input {
  border: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #0000ff;
  background: none;
  cursor: pointer;
}
/* ---- add ---- */
.textDetail {
  padding-right: 0px;
}

.btnPagePre {
  padding-left: 20px;
  height: 30px;
  width: 90px;
  background: url("../img/sankaku4.png") no-repeat left;
  background-size: 20%;
  background-position-x: 7px;
  background-color: #ededed;
  border-color: #41719c;
  border-width: 1px;
  border-radius: 5px 5px 5px 5px;
}

.btnPageNex {
  padding-right: 20px;
  height: 30px;
  width: 90px;
  background: url("../img/sankaku5.png") no-repeat right;
  background-size: 20%;
  background-position-x: 63px;
  background-color: #ededed;
  border-color: #41719c;
  border-width: 1px;
  border-radius: 5px 5px 5px 5px;
}

table.titleLeft th a {
  height: auto;
  text-align: left;
  background-color: #a3d3ff;
  color: black;
  text-decoration: none;
}

.txtSearchBefore {
  color: gray;
  height: 50px;
  width: 500px;
  font-size: 20px;
  border: 0px;
}

.linkTop a {
  text-decoration: none;
  color: black;
}

.btnSearch input {
  height: 50px;
  font-size: 25px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  border: 0;
  padding-left: 10px;
  font-weight: 500;
  background: url("../img/search.png") no-repeat right;
  background-size: 90%;
}

.btnMap {
  background: url("../img/btnMap.png") no-repeat 10px;
  height: 22px;
  width: 110px;
  cursor: pointer;
  text-align: left;
  border: 0;
  padding-left: 30px;
  display: inline;
  background-size: 14%;
  background-color: #00b050;
  border-radius: 5px 5px 5px 5px;
  color: white;
}

.btnMapSmall {
  background: url("../img/btnMap.png") no-repeat 5px;
  height: 18px;
  font-size: 12px;
  width: 90px;
  cursor: pointer;
  text-align: left;
  border: 0;
  padding-left: 22px;
  display: inline;
  background-size: 16%;
  background-color: #00b050;
  border-radius: 5px 5px 5px 5px;
  color: white;
  vertical-align: middle;
  margin-bottom: 3px;
}

.btnDownload {
  background: url("../img/download01.png") no-repeat;
  background-size: 100%;
  width: 100%;
  height: 40px;
  border: 0;
  cursor: pointer;
}

.btnSearchSmall input {
  height: 30px;
  font-size: 10px;
  width: 60px;
  cursor: pointer;
  text-align: left;
  background: url("../img/searchSmall.png") no-repeat center;
  background-size: 50%;
  border: 2px solid #7f7f7f;
  background-color: #ededed;
}

.btnTop1 input {
  margin: 0px;
  width: 100%;
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  background-color: #5d5dff;
  text-align: left;
  border: 0;
  padding-left: 20px;
  font-weight: 500;
  display: block;
}

.btnTopSmall1 input {
  border: 0px;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  background-color: #5d5dff;
  color: white;
  text-align: left;
  font-size: 18px;
  padding-left: 80px;
  height: 30px;
}
.btnTopSmall12 input {
  border: 0px;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  background-color: #5d5dff;
  color: white;
  text-align: left;
  font-size: 18px;
  padding-left: 120px;
  height: 30px;
}
.btnTop2 input {
  margin: 0px;
  width: 100%;
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  background-color: #6699ff;
  text-align: left;
  border: 0;
  padding-left: 20px;
  font-weight: 500;
  display: block;
}

.btnTopSmall21 input {
  border: 0px;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  color: white;
  text-align: left;
  background-color: #6699ff;
  font-size: 18px;
  padding-left: 40px;
  height: 30px;
}
.btnTopSmall2 input {
  border: 0px;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  color: white;
  text-align: left;
  background-color: #6699ff;
  font-size: 18px;
  padding-left: 80px;
  height: 30px;
}
.btnTop3 input {
  height: 50px;
  font-size: 40px;
  width: 100%;
  color: #ffffff;
  background-color: #000099;
  cursor: pointer;
  text-align: left;
  border: 0;
  padding-left: 10px;
  font-weight: 500;
}

.btnTopSmall3 input {
  border: 0px;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  color: white;
  text-align: left;
  background-color: #000099;
  font-size: 18px;
  padding-left: 110px;
  height: 30px;
}
.btnTop4 input {
  height: 50px;
  font-size: 40px;
  width: 100%;
  background-color: #bdd7ee;
  color: #ffffff;
  cursor: pointer;
  text-align: left;
  border: 0;
  padding-left: 10px;
  font-weight: 500;
}

.btnTopSmall4 input {
  border: 0px;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  color: white;
  text-align: left;
  background-color: #bdd7ee;
  font-size: 18px;
  padding-left: 80px;
  height: 30px;
}

/* ---- add ---- */
.btnLarge a,
.btnMiddle a,
.btnSmall a,
.btnCancel a {
  display: inline-block;
  border: 0;
  width: 100%;
  font-weight: bold;
  text-align: center;
  color: #0000ff;
  background: none;
  cursor: pointer;
}

/* Large Size */
.btnLarge {
  width: 100px;
  height: 48px;
  font-weight: bold;
  padding-left: 8px;
  background: transparent url("img/button_large_l.png") no-repeat left top;
}
.btnLarge span {
  padding-right: 8px;
  background: transparent url("img/button_large_r.png") no-repeat right top;
}
.btnLarge span span {
  background: none;
}
.btnLarge button,
.btnLarge input,
.btnLarge a {
  height: 48px;
  line-height: 48px;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  background: transparent url("img/button_large_c.png") repeat-x left top;
}

/* Middle Size */
.btnMiddle {
  width: 100px;
  height: 40px;
  font-weight: bold;
  padding-left: 8px;
  background: transparent url("img/button_middle_l.png") no-repeat left top;
}
.btnMiddle span {
  padding-right: 8px;
  background: transparent url("img/button_middle_r.png") no-repeat right top;
}
.btnMiddle span span {
  background: none;
}
.btnMiddle button,
.btnMiddle input,
.btnMiddle a {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  background: transparent url("img/button_middle_c.png") repeat-x left top;
}

/* Small Size */
.btnSmall {
  width: 100px;
  height: 32px;
  font-weight: bold;
  padding-left: 8px;
  background: transparent url("../img/button_small_l.png") no-repeat left top;
}
.btnSmall span {
  padding-right: 8px;
  background: transparent url("../img/button_small_r.png") no-repeat right top;
}
.btnSmall span span {
  background: none;
}
.btnSmall button,
.btnSmall input,
.btnSmall a {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  background: transparent url("../img/button_small_c.png") repeat-x left top;
}

/* Small Size (Cancel) */
.btnCancel {
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
  color: #aa0000;
  padding-left: 8px;
  background: transparent url("../img/button_small2_l.png") no-repeat left top;
}
.btnCancel span {
  padding-right: 8px;
  background: transparent url("../img/button_small2_r.png") no-repeat right top;
}
.btnCancel span span {
  background: none;
}
.btnCancel button,
.btnCancel input,
.btnCancel a {
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #c00000;
  text-decoration: none;
  background: transparent url("../img/button_small2_c.png") repeat-x left top;
}

/* ---- Background Color ---- */
.backgroundGray1 {
  background-color: #c0c0c0;
}

.backgroundGray2 {
  background-color: #e0e0e0;
}

.backgroundGray3 {
  background-color: #f0f0f0;
}

/* ---- Contents Footer ---- */
.contentsFooter {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  text-align: left;
}
.contentsFooter .pageTopLink {
  position: relative;
  width: 100%;
  text-align: right;
  font-size: 82%;
}

/* ---- Container ------------------- */
/* ---- Outline ---- */
#header {
  position: relative;
  width: 100%;
  height: 90px;
  background-color: #ffffff;
}

#main {
  position: relative;
  margin-top: 4px;
  width: 100%;
}

#footer {
  position: relative;
  margin-top: 4px;
  width: 100%;
  height: 25px;
  background: linear-gradient(to right, #7dcef4, white);
}

/* ---- Outline for Single Page ---- */
#singleHeader {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
}

#singleFooter {
  position: relative;
  margin-top: 4px;
  width: 100%;
  height: 24px;
  background-color: #7dcef4;
}

/* ---- Main ---- */
#contentsNavi {
  position: relative;
  width: 196px;
  float: left;
}

#informationArea {
  position: relative;
  margin-left: 4px;
  width: 580px;
  float: left;
}

#toolNavi {
  position: relative;
  margin-left: 4px;
  width: 196px;
  float: left;
}
#toolNavi h2 {
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}

#topContentsLink {
  position: relative;
  margin-left: 4px;
  width: 196px;
  float: left;
}

#bannerArea,
#bannerArea2 {
  position: relative;
  margin-left: 4px;
  width: 196px;
  float: left;
}

#breadcrumbList {
  position: relative;
  margin-left: 0px;
  width: 982px;
  float: left;
}

/* ---- Contents Navi ---- */
#communityEntrance {
  position: relative;
  width: 100%;
}

#contentsMenu {
  position: relative;
  margin-top: 4px;
  width: 100%;
}

#contentsLink {
  position: relative;
  margin-top: 4px;
  width: 100%;
}

/* ---- Main Container Parts ---- */
.cotainerTop {
  position: relative;
  width: 100%;
  height: 10px;
}

#contentsMenu .cotainerTop,
#contentsLink .cotainerTop {
  height: 40px;
}

.cotainerBottom {
  position: relative;
  width: 100%;
  height: 10px;
}

/* ---- Border ---------------------- */
.borderTL {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  font-size: 1px;
  background: url("img/border_tl.png") no-repeat;
}

.borderTC {
  position: relative;
  margin: 0px 10px 0px 10px;
  height: 10px;
  font-size: 1px;
  background: url("img/border_tc.png") repeat-x;
}

.borderTR {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10px;
  height: 10px;
  font-size: 1px;
  background: url("img/border_tr.png") no-repeat;
}

.borderML {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2px;
  height: 100%;
  background: url("../img/border_ml.png") repeat-y;
}

.borderMR {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 100%;
  background: url("../img/border_mr.png") repeat-y;
}

.borderBL {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  font-size: 1px;
  background: url("../img/border_bl.png") no-repeat;
}

.borderBC {
  position: relative;
  margin: 0px 10px 0px 10px;
  height: 10px;
  font-size: 1px;
  background: url("../img/border_bc.png") repeat-x;
}

.borderBR {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10px;
  height: 10px;
  font-size: 1px;
  background: url("../img/border_br.png") no-repeat;
}

/* ---- Community Entrance, Tool Navi ---- */
#communityEntrance .borderTC,
#toolNavi .borderTC {
  font-size: 1px; /* for IE */
}

#contentsNavi .borderTC h2 {
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}

/* ---- Contents Menu, Contents Link ---- */
#contentsMenu .borderTL,
#contentsLink .borderTL {
  height: 40px;
  background: url("img/border_top_menu_tl.png") no-repeat;
}

#contentsMenu .borderTC,
#contentsLink .borderTC {
  height: 40px;
  padding: 5px 2px 3px 2px;
  font-size: 100%;
  line-height: 32px;
  background: url("img/border_top_menu_tc.png") repeat-x;
}

#contentsMenu .borderTR,
#contentsLink .borderTR {
  height: 40px;
  background: url("img/border_top_menu_tr.png") no-repeat;
}

#contentsMenu .contents,
#contentsLink .contents {
  padding: 0;
}

/* ---- Information Area ---- */
#informationArea .borderTL {
  background: url("img/border_top_tl.png") no-repeat;
}

#informationArea .borderTC {
  padding: 7px 2px 0px 10px;
  background: url("img/border_top_tc.png") repeat-x;
}

#informationArea .borderTC h2 {
  padding-left: 40px;
  font-size: 175%;
  font-weight: bold;
  text-align: left;
  background: url("img/title_top.png") no-repeat left center;
}

#informationArea .borderTImage {
  position: absolute;
  bottom: 0px;
  right: 40px;
  width: 1px;
  height: 1px;
}

#informationArea .borderTR {
  background: url("img/border_top_tr.png") no-repeat;
}

#informationArea .contents {
  padding-left: 7px;
  padding-right: 7px;
}

/* ---- Result Page ---- */
#breadcrumbList .borderTL {
  height: 10px;
  font-size: 1px;
  background: url("img/border_top_tl.png") no-repeat;
}

#breadcrumbList .borderTC {
  height: 10px;
  font-size: 1px;
  background: url("img/border_top_tc.png") repeat-x;
}

#breadcrumbList .borderTR {
  height: 10px;
  font-size: 1px;
  background: url("img/border_top_tr.png") no-repeat;
}

#contentsTitle .contents h2 {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 175%;
  font-weight: bold;
  text-align: left;
  text-indent: 8px;
  width: 100%;
  border-bottom: solid 3px #21ade5;
}

#breadcrumbList .contents,
#contentsTitle .contents,
#mainContents .contents {
  padding-left: 7px;
  padding-right: 7px;
}

/* ---- Single Page ---- */
#singleMain #contentsTitle .contents h1 {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 175%;
  font-weight: bold;
  text-align: left;
  text-indent: 8px;
  width: 100%;
  border-bottom: solid 3px #909090;
}

/* ---- Header ---------------------- */
/* ---- Title Bar ---- */
#titleBar {
  position: relative;
  width: 100%;
  height: 47px;
  font-size: 82%;
  line-height: 47px;
  border-top: solid 3px #005bb0;
}

#titleBar div {
  height: 40px;
}

#titleLogo {
  position: absolute;
  top: 3px;
  left: 0px;
}

#headerFunc {
  position: absolute;
  top: 3px;
  /*left: 250px;*/
  left: 552px;
}

#headerFuncMsg {
  position: absolute;
  top: 1px;
  left: 870px;
  width: 100px;
  font-size: 100%;
  /*color: #2E64FE;*/
  color: #000000;
  /*	color: #0B2161;*/
  font-weight: bold;
}

#headerFuncMsg a {
  color: #000000;
}

#headerFunc div {
  float: left;
}

#headerFunc a {
  text-decoration: none;
}
#headerFunc a:hover {
  text-decoration: underline;
}

#headerLink {
  position: absolute;
  top: 3px;
  left: 730px;
}

#headerLink li {
  /*display: inline;*/
  margin-left: 20px;
  line-height: 21px;
}

/* ---- Menu Bar ---- */
#menuBar {
  position: absolute;
  bottom: 3px;
  left: 0px;
  width: 100%;
  height: 37px;
  font-size: 16px;
  background: url("img/menubar_normal.png") repeat-x;
}

#menuBar ul {
  width: 100%;
}

#menuBar li {
  float: left;
  width: auto;
  height: 37px;
  font-weight: bold;
  text-align: left;
  line-height: 37px;
  border-right: groove 2px #aaaaaa;
}

#menuBar a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#menuBar a:hover {
  text-decoration: underline;
  background: #dbe7f2 url("img/menubar_hover.png") repeat-x;
}

#menuBar :link {
  color: #000000;
}
#menuBar :visited {
  color: #000000;
}

/* Menu Bar Icon */
#menuBar div {
  margin-left: 10px;
  margin-right: 10px;
  text-indent: 32px;
}
#mbTop div {
  background: url("img/menubar_icon_top.png") no-repeat left center;
}
#mbKaigo div {
  background: url("img/menubar_icon_kaigo.png") no-repeat left center;
}
#mbIryou div {
  background: url("img/menubar_icon_iryou.png") no-repeat left center;
}
#mbShougai div {
  background: url("img/menubar_icon_shougai.png") no-repeat left center;
}
#mbKourei div {
  background: url("img/menubar_icon_kourei.png") no-repeat left center;
}
#mbJidou div {
  background: url("img/menubar_icon_jidou.png") no-repeat left center;
}
#mbMokuteki div {
  background: url("img/menubar_icon_mokuteki.png") no-repeat left center;
}

/* ---- Community Entrance ---------- */
#communityEntrance .logoBox {
  position: relative;
  width: 48px;
  float: left;
}
#communityEntrance .linkBox1 {
  position: relative;
  padding: 2px 0px 0px 0px;
  float: left;
}
#communityEntrance .linkBox2 {
  position: relative;
  padding: 0px 0px 0px 0px;
}

#communityEntrance ul {
  font-size: 88%;
  line-height: 22px;
}

#communityEntrance li {
  padding-top: 1px;
  padding-bottom: 1px;
  background-position: left top;
}

/* ---- Contents Menu --------------- */
#contentsMenu ul.itemNormal {
  font-size: 88%;
  line-height: 22px;
}

#contentsMenu .itemNormal li {
  padding-top: 1px;
  padding-bottom: 1px;
  background-position: left top;
}

#contentsMenu ul.itemBlock {
  margin-left: 4px;
  padding-top: 4px;
  font-size: 88%;
  line-height: 20px;
}

#contentsMenu .itemBlock li {
  width: 180px;
  font-size: 10%; /* for IE */
  text-align: left;
  border-left: solid 1px #f0f0f0;
  border-top: solid 1px #f0f0f0;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
}

#contentsMenu .itemBlock a {
  display: block;
  margin: 0;
  padding-left: 5px;
  font-size: 1000%; /* for IE */
  background: #ffffff url("img/menu_item.png") repeat-y right bottom;
}

#contentsMenu .itemBlock a:hover {
  padding-left: 5px;
  background: #dbe7f2 url("img/menu_item_h.png") repeat-y right bottom;
}

#contentsMenu .itemBlock p {
  margin: 0;
  padding-left: 5px;
  font-size: 1000%; /* for IE */
  background: #ffffff url("img/menu_item.png") repeat-y right bottom;
}

/* ---- Contents Link --------------- */
#contentsLink h3,
#topContentsLink h3 {
  padding: 6px 2px 4px 8px;
  font-size: 88%;
  font-weight: normal;
  border-top: solid 1px #909090;
  border-bottom: solid 1px #909090;
}
#contentsLink h3.first,
#topContentsLink h3.first {
  border-top: 0px;
}

#contentsLink ul,
#topContentsLink ul {
  font-size: 88%;
  line-height: 22px;
}
#contentsLink li,
#topContentsLink li {
  padding-top: 1px;
  padding-bottom: 1px;
  background-position: left top;
}

/* ---- Navi Tool ------------------- */
#toolNavi .iconBox {
  position: relative;
  width: 40px;
  float: left;
}
#toolNavi .titleBox {
  position: relative;
  margin-left: 10px;
  text-align: right;
  float: left;
}

.explanBox {
  position: relative;
  font-size: 88%;
}

.formBox {
  position: relative;
}

#toolNavi .sBox {
  width: 128px;
  height: 16px;
}
#toolNavi #submit {
  margin-left: 4px;
  width: 40px;
  height: 24px;
}
/* Checkbox List */
#toolNavi ul {
  margin: 5px 0px;
  font-size: 88%;
}
#toolNavi li {
  position: relative;
  float: left;
  margin-right: 44px;
  line-height: 150%;
}
#toolNavi li input {
  margin-right: 2px;
}

/* ---- Banner Area ----------------- */
#bannerArea .contents,
#bannerArea2 .contents {
  text-align: center;
}

#bannerArea .kaigo_banner_list {
  margin-top: 4px;
}

/* ---- Breadcrumb List ------------- */
#breadcrumbList .breadcrumbBox {
  padding-bottom: 4px;
  width: 100%;
  font-size: 82%;
  text-indent: 4px;
  /* border-bottom: solid 2px #21ade5;*/
}

#breadcrumbList .breadcrumbBox ul {
  display: inline;
}

#breadcrumbList .breadcrumbBox li {
  display: inline;
}

#breadcrumbList .breadcrumbBox a {
  text-decoration: none;
}
#breadcrumbList .breadcrumbBox a:hover {
  text-decoration: underline;
}

/* ---- Contents Title -------------- */
#contentsTitle .fieldTitle {
  width: 670px;
}
#contentsTitle .fieldIcon {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -12px;
  padding-right: 32px;
  height: 24px;
  font-size: 57%; /* 100% / 175% */
  font-weight: bold;
  color: #21ade5;
  line-height: 24px;
  text-align: right;
  background: url("img/result_top.png") no-repeat right center;
}

/* ---- Footer ---------------------- */
#footer .linkBox {
  position: relative;
  margin-top: 8px;
  width: 100%;
  height: 20px;
  text-align: left;
}

#footer .linkBox ul {
  display: inline;
}

#footer .linkBox li {
  display: inline;
  margin-right: 8px;
  font-size: 82%;
}

#singleFooter .copyright {
  position: absolute;
  bottom: 4px;
  left: 4px;
  height: 16px;
  font-size: 82%;
  color: #ffffff;
}

#footer .copyright {
  position: absolute;
  top: 25px;
  left: 0px;
  font-size: 82%;
  color: #000000;
  text-align: center;
  width: 100%;
}

#footer .imgWamlogo {
  position: absolute;
  top: 25px;
  left: 290px;
}

#footer .imgISO {
  position: absolute;
  top: 25px;
  left: 370px;
  display: none;
}

#footer .imgKurumin {
  position: absolute;
  top: 25px;
  left: 370px;
}

#footer a {
  text-decoration: none;
  padding-left: 8px;
}

#footer a:hover {
  text-decoration: underline;
  color: #0000ff;
}

/* ---- Print Media ----------------- */
@media print {
  #header,
  #footer,
  #contentsNavi,
  #toolNavi,
  #topContentsLink,
  #bannerArea,
  #bannerArea2,
  #singleHeader,
  #singleFooter {
    display: none;
  }
  #informationArea,
  #breadcrumbList,
  #contentsTitle,
  #mainContents {
    width: 100%;
  }

  .noprint {
    display: none;
  }
}
::-webkit-input-placeholder {
  color: #c4c4c4;
  padding-left: 8px;
}
:-ms-input-placeholder {
  color: #c4c4c4;
  padding-left: 8px;
}

/* --------------------------------

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 0px;
    margin-right: 5px;
    height: 30px;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 2px;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #396482;
    border-color: #396482;
  }
  .cd-breadcrumb.triangle li.currentTop > em {
    /* selected step */
    color: #ffffff;
    background-color: #396482;
    border-color: #96c03d;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 10px;
    border-radius: 0.25em 0 0 0.25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 10px;
    border-radius: 0 0.25em 0.25em 0;
    padding-left: 15px;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }

  .cd-breadcrumb.triangle a {
    /* steps already visited */
    text-decoration: none;
  }

  .cd-breadcrumb.triangle li::after,
  .cd-breadcrumb.triangle li > *::after {
    /*
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 14px solid transparent;
    border-right-width: 0;
    border-left-width: 10px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after,
  .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after,
  .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* --------------------------------

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before,
  .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before,
  .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before,
  .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before,
  .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before,
  .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before,
  .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before,
  .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before,
  .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before,
  .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before,
  .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before,
  .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before,
  .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* --------------------------------

Basic Style

-------------------------------- */
.cd-breadcrumb,
.cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 0px;
  background-color: #edeff0;
  border-radius: 0.25em;
}
.cd-breadcrumb::after,
.cd-multi-steps::after {
  clear: both;
  content: "";
  display: table;
}
.cd-breadcrumb li,
.cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after,
.cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: "\00bb";
  margin: 0 0.6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *,
.cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *,
.cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after,
.cd-multi-steps.custom-separator li::after {
  /* replace the default separator with a custom icon */
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before,
.cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 0.4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before,
.cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb,
  .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li,
  .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after,
  .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *,
  .cd-multi-steps li > * {
    font-size: 12px;
  }
}
.btn-top {
  background-color: #f57f33;
  width: 80%;
  border-radius: 5px 5px 5px 5px;
  height: 30px;
  color: white;
  border: 0px;
  font-size: 15px;
  box-shadow: 2px 2px 2px #7c7c7c;
}

.btn-top:hover {
  background-color: #d9534f;
  border-color: #bdb76b;
  cursor: pointer;
}

.css-fukidashi {
  position: relative;
}

.notes {
  position: relative;
  width: 20px;
  vertical-align: middle;
  padding-bottom: 2px;
}
.fukidashi {
  display: none;
  text-align: left;
  width: 180px;
  position: absolute;
  top: 0px;
  left: 160px;
  font-size: 12px;
  padding: 4px;
  border-radius: 5px;
  background: #ffffff;
  color: black;
  border: 1px solid #5b9bd5;
  z-index: 999;
}
.fukidashi1 {
  display: none;
  text-align: left;
  width: 180px;
  position: absolute;
  top: 0px;
  left: 200px;
  font-size: 12px;
  padding: 4px;
  border-radius: 5px;
  background: #ffffff;
  color: black;
  border: 1px solid #5b9bd5;
  z-index: 999;
}
.notes:hover + .fukidashi {
  display: block;
}
.notes:hover + .fukidashi1 {
  display: block;
}
.toplink:hover {
  cursor: pointer;
}

.aggregate {
  background: url(../img/syuyaku4.png) no-repeat;
  height: 50px;
  margin-top: 10px;
  background-size: 100%;
  width: 210px;
}

.aggregate:hover {
  background: url("../img/after.png") no-repeat;
  height: 50px;
  margin-top: 10px;
  background-size: 100%;
  width: 29%;
  cursor: pointer;
}