/*- themeid=salesio-hp-common; --------------------------------*/
/*-------------------- body --------------------*/

.title-font{
  font-family : sans-serif;
  font-weight : bold;
  font-style : normal;
  font-size : 100%;
}
.section-color{
  color : navy;
}
.section-font{
  font-size : 110%;
  font-family : sans-serif;
  font-weight : bold;
}
.section-form{
  letter-spacing : 2pt;
  line-height : 1.2em;
}
.section-design{
  border-left:forestgreen 20px solid;
  border-bottom:forestgreen 1px solid;
  padding-left:10px;
}
.section-separator{
  color : maroon;
  margin-top : 1em;
  margin-bottom : 1em;
}
.text-font-large{
  font-size : 110%;
  font-family : sans-serif;
}
.text-font{
  font-size : 100%;
  font-family : sans-serif;
}
.text-font-small{
  font-size : 90%;
  font-family : sans-serif;
}
.text-font-bold{
  font-size : 100%;
  font-weight : bold;
  font-family : sans-serif;
}
.text-indent-form{
  text-indent : 1em;
  margin-top : 0.5em;
  margin-left : 1em;
}
.text-noindent-form{
  text-indent : 0em;
  margin-top : 0.5em;
  margin-left : 1em;
}
.text-indent-noleft-form{
  text-indent : 1em;
  margin-top : 0.5em;
  margin-left : 0em;
}
.text-color{
  color : black;
}
.text-mergine-form{
  margin-left : 1em;
}
.hp-title-font{
  font-size : 100%;
  font-family : sans-serif;
  color : teal;
  margin-bottom : 1em;
  font-weight : bolder;
}
.sub-title-font{
  font-size : 90%;
  font-family : sans-serif;
  font-weight : bold;
}
.menu-font{
  font-size : 50%;
  font-family : sans-serif;
  font-weight : bold;
}
.title-color{
  color : navy;
}
.sub-title-color{
  color : navy;
  
}
.title-align{
  text-align : center;
}
.navi-font{
  font-size : 90%;
  font-family : sans-serif;
}
.top-menu-font{
  font-size : 75%;
  font-family : sans-serif;
}
.update-info-font{
  font-size : 100%;
  font-family : sans-serif;
  text-align : left;
}
.table-border{
  empty-cells : show;
}
.top-menu-list{
  margin-left : 1em;
  font-size : 80%;
  font-family : sans-serif;
  text-align: left;
  line-height: 1.5em;
}
.top-menu-list-large{
  margin-left : 1em;
  font-size : 110%;
  font-family : sans-serif;
  text-align: left;
  line-height: 1.5em;
}
.top-menu-font-size-guide{
  margin-left : 1em;
  font-size : 100%;
  font-family : sans-serif;
  text-align: left;
  line-height: 1.0em;
}
.top-menu-text-mergine-form{
  margin-left : 2em;
}
.single-margin{
  margin-left : 1em;
}

.double-margin{
  margin-left : 2em;
}


/*-------------------- body --------------------*/
.sub-title-bottom1{
  border-bottom-style:solid;
  border-color:#228B22;
  color:glay;
  font-family: sans-serif;
  font-size: 100%;
  width: 80%;
}
.sub-title-bottom2{
  border-bottom-style:solid;
  border-color:#448B22;
  width: 90%;
  height: 0ex;
}
.sub-title-bottom3{
  border-bottom-style:solid;
  border-color:#668B22;
  width: 90%;
  height: 0ex;
}
.sub-title-bottom4{
  border-bottom-style:solid;
  border-color:#888B22;
  width: 90%;
  height: 0ex;
}

.midashi{
  border-bottom-style:solid;
  border-bottom-width:5px;
  border-bottom-color:seagreen;
  background-color:forestgreen;
  color:white;
  font-size:150%;
  font-family: sans-serif;
}

.kanban{
  width:14em;
  border:solid pink;
  border-bottom-width:4px 4px 0px 4px;
  padding:4px 4px 4px 12px;
  background-color:mistyrose;
  color:dimgray;
  font-size:110%;
  font-weight:bold;
  font-family: Impact;
}

.shujitsu_kanban{
  width:14em;
  border:solid darkgreen;
  border-bottom-width:4px 4px 0px 4px;
  padding:4px 4px 4px 12px;
  background-color:teal;
  color:whitesmoke;
  font-size:110%;
  font-weight:bold;
  font-family: Impact;
}

.shujitsu_library_kanban{
  width:14em;
  border:solid midnightblue;
  border-bottom-width:4px 4px 0px 4px;
  padding:4px 4px 4px 12px;
  background-color:midnightblue;
  color:whitesmoke;
  font-size:110%;
  font-weight:bold;
  font-family: Impact;
}

.fons_library_kanban{
  width:20em;
  border:solid linen;
  border-bottom-width:4px 4px 0px 4px;
  padding:4px 4px 4px 12px;
  background-color:linen;
  color:black;
  font-size:110%;
  font-weight:bold;
  font-family: Impact;
}

.menu_kanban{
  border:solid orange;
  border-bottom-width:4px 4px 0px 4px;
  padding:4px 4px 4px 12px;
  color:black;
  text-align:center;
  font-size:90%;
  font-family: Impact;
}

.menu-category{
  border: 1px solid tan;
  color:black;
  font-size:80%;
  font-family: sans-serif;
  text-align: center
}
.menu-category-large{
  border: 1px solid tan;
  color:black;
  font-size:110%;
  font-family: sans-serif;
  text-align: center
}

.info-title{
  margin: 0px 10px;
  background:lightcoral;
  color:white;
  padding:4px;
}
.info-body{
  margin: 0px 10px;
  border:1px solid lightcoral;
  padding:4px;
}
.info-title-green{
  margin: 0px 10px;
  background:seagreen;
  color:white;
  padding:4px;
}
.info-body-green{
  margin: 0px 10px;
  border:1px solid seagreen;
  padding:4px;
}
.info-title-blue{
  margin: 0px 10px;
  background:navy;
  color:white;
  padding:4px;
}
.info-body-blue{
  margin: 0px 10px;
  border:1px solid navy;
  padding:4px;
}
.second-menu-text{
  font-size : 90%;
  font-family : sans-serif;
  font-weight : bold;
  color:blue;
  top-margin: -0.5em;
}
.third-menu-text{
  font-size : 90%;
  font-family : sans-serif;
  font-weight : bold;
  color:blue;
  margin-left: 1em;
  top-margin: -0.5em;
}