/*
Theme Name: AmenityISO for PC
Description: アメニティコーポレーションによるISOサイトPC版向けテーマです。
Author: Amenity Corporation
Author URI: http://www.hp-eigyo.com/
Version: 0.1
Text Domain: AmenityISOPC
*/
/*リセット*/
html,
body {
  width: 100%;
  height: 100%;
}
html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
tr,
th,
td,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /*vertical-align: baseline;*/

  background: transparent;
}
div,
section,
header,
footer,
aside {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none;
}
/* change colours to suit your needs */
ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {

  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
li {
  list-style: none;
}
p {
  line-height: 1.25em;
}
img {
  display: block;
}
/**************************************ここからオリジナル****************************************************/
/*@pointcolor:#4180CA;*/
/*@pointcolor:#52A0FE;*/
/*@buttoncolor:#96c5fe;*/
body {
  /*background-color: #9FA7B2;*/
/*background-color: #a8a8a8;*/
  background-color: #ffffff;
  font-family: Meiryo, san-serif;
  color: #424242;
}
#titlebar {
  font-size: xx-small;
  font-weight: bold;
  color: #fafafa;
  text-align: center;
  background-color: #203b96;
}
.buttonstyle {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
}
.buttonstyle_hover {
  background-color: #74b2fe;
  color: #424242;
}
/*buttonstyleクラスを単独で適用できる要素用*/
.buttonstyle:hover {
  background-color: #74b2fe;
  color: #424242;
}

.buttonstyle2 {
  background-color: #0c4a94;
  color: #ffffff;
  border: 1px solid #0c4a94;
  cursor: pointer;
}
.buttonstyle2_hover {
  background-color: #74b2fe;
  color: #424242;
}
/*buttonstyleクラスを単独で適用できる要素用*/
.buttonstyle2:hover {
  background-color: #74b2fe;
  color: #424242;
}

.buttonstyle3 {
  background-color: #ffffff;
  color: #0c4a94;
  border: 3px solid #0c4a94;
  cursor: pointer;
}
.buttonstyle3_hover {
  background-color: #74b2fe;
  color: #424242;
}
/*buttonstyleクラスを単独で適用できる要素用*/
.buttonstyle3:hover {
  background-color: #74b2fe;
  color: #424242;
}

.textcommonstyle {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
}
.caution {
  font-weight: bold;
  font-size: small;
}
.caution_red {
  font-weight: bold;
  font-size: small;
  color: #ff0000;
}
.commonpadding {
  padding: 20px 20px 0 20px;
}
.commonpadding_last {
  padding: 20px;
}
.selectedmainmenu {
  background-color: #5c92d1;
}
.isotablestyle {
  border: 1px solid #5c92d1;
  background-color: #ffffff;
}
.isotablestyle td {
  border-right: 1px solid #5c92d1;
  padding: 5px;
}
.isotablestyle td:last-child {
  border-right: none;
}
.isotablestyle tr {
  border-bottom: 1px solid #5c92d1;
}
.isotablestyle tr:last-child {
  border-bottom: none;
}
.contentsheaderstyle {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#wrapper {
  background-color: #404040;
  margin: auto;
  width: 1000px;
  min-height: 100%;
}
.topwrapper {
  padding: 15px;
  background-color: #e5e5e5;
}
#headeraddress {
  float: right;
  background-color: #5c92d1;
  padding: 10px;
  margin-bottom: 15px;
  margin-top: 7px;
  margin-right: 7px;
  color: #ffffff;
  line-height: 1.5;
}
#headeraddress img {
  margin-right: 8px;
}
.globalclass {
  background-color: #404040;
}
#globalheader {
  background-color: #1f3d95;
/* background-color: #404040; 
  border-bottom: 1px solid #5c92d1;*/
}
#globalmenu ul {
  clear: both;
}
#globalmenu li {
  float: right;
  margin-bottom: 4px;
  font-size: small;
}
#maincontentstab {
  clear: both;
  margin: auto;
  width: 1000px;
}
#maincontentstab li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  text-align: center;
  width: 500px;
  color: #ffffff;
}
#maincontentstab li a:link,
#maincontentstab li a:hover,
#maincontentstab li a:visited {
  color: #ffffff;
}
#maincontentstab li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 8px;
}
#global_naibu {
  border-right: 1px solid #5c92d1;
}
#global_consul {
  border-left: 1px solid #5c92d1;
}
.lastmenu {
  border-right: none;
  margin-right: 1em;
}
#maincontentstab li:hover {
  background-color: #5c92d1;
}
#logoandinfo {
  background-color: white;
}
#logoandinfo img {
  float: left;
}
#topimagearea {
  position: relative;
  height: 300px;
  background-color: #ffffff;
   /* border-bottom: 2px solid #404040;*/
  clear: both;
  z-index: -1;
}
#topimageinner {
  clear: both;
  width: 1000px;
  margin: auto;
  position: relative;
}
.topimg {
  position: relative;
  float: left;
}
.topimg img {
  /*clip: rect(0px,300px,300px,0px);*/

}
.topimagetext {
  position: absolute;
  padding: 10px;
  top: 0;
}
#pagerbg {
  background-color: #515D73;
}
#pager {
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
  /* top: 395px;*/

  width: 440px;
  max-width: 1000px;
}
#pager a {
  border-radius: 5px;
  background: #69c;
  display: block;
  margin: 0 5px;
  float: left;
}
#pager a.selected {
  background: #333;
}
#pager span {
  display: none;
}
.topboxes {
  border: 1px solid #5c92d1;
  margin-top:20px;
}
.topboxes h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.topboxes_left {
  float: left;
  border: 1px solid #5c92d1;
  margin-bottom: 15px;
  margin-right: 15px;
}
.topboxes_left h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.topboxes_last {
  float: left;
  border: 1px solid #5c92d1;
  margin-bottom: 15px;
  margin-bottom: 0;
}
.topboxes_last h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#top_kenshu {
  width: 560px;
  float: left;
  border: 1px solid #5c92d1;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 20px;
}
#top_kenshu h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.elearningbox {
  float: left;
  border: 1px solid #5c92d1;
  margin-bottom: 15px;
  margin-bottom: 0;
  background-color: #fafafa;
  width: 391px;
  height: 461px;
  position: relative;
}
.elearningbox h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.elearningbox p {
  padding: 8px;
}
.elearningbox img {
  bottom: 0;
  position: absolute;
}
.btneltop {
  padding: 5px;
  display: block;
  float: left;
  margin-top: 5px;
}
.topboxes_consul {
  float: none;
  clear: both;
  background-color: #fafafa;
}
.topboxes_consul p {
  padding: 8px;
}
.halfsize {
  background-color: #fafafa;
  height: 461px;
}
.halfsize p {
  padding: 10px;
}
#topinfo {
  width: 247px;
  font-size: 14px;
  float: right;
}
#topinfo .infoarea {
  background-color: #fafafa;
  border: 1px solid #5c92d1;
}
#topinfo .infoarea h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#topinfo .infoarea ul {
  overflow: auto;
  height: 500px;
}
#topinfo .infoarea ul li {
  border-bottom: 1px dotted #5c92d1;
  line-height: 1.5;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
}

.info_date {
  font-size: smaller;
  font-weight: bold;
}
.topbannerarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  width: 247px;
  margin-top: 13px;
  height: 200px;
}
.topbannerarea p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  max-height: 172px;
  overflow: auto;
}
.topbannerarea img {
  margin: 0 auto;
}
.topbannerarea h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.topbannerarea a {
  display: block;
  overflow: hidden;
  margin-bottom: 8px;
}

.topbannerarea a:hover {
  opacity: 0.7;
}

#schedule_top {
  float: left;
  border: 1px solid #5c92d1;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 706px;
  border: none;
}
#schedule_top h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#schedule_naibu {
  float: left;
  border: 1px solid #5c92d1;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-bottom: 0;
  margin-right: 0;
  border: none;
}
#schedule_naibu h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.schedulenums .ui-state-active {
  background-color: #5c92d1;
}
.schedulenums .ui-state-hover {
  background-color: #74b2fe;
  color: #424242;
}
.schedulenums li {
  background-color: #74b2fe;
  float: left;
  border-right: 1px solid #fafafa;
}
.schedulenums li a {
  display: block;
  padding: 6px;
  text-align: center;
  width: 100px;
}
.schedulenums li a:hover {
  background-color: #97e9f4;
  color: #424242;
}
.schedulenums li a:link,
.schedulenums li a:visited {
  color: #ffffff;
}
.scheduletab {
  height: 422px;
  overflow: auto;
  clear: both;
  border-top: 1px solid #5c92d1;
  background-color: #fafafa;
}
.schedulecaption {
  background-color: #fafafa;
  padding: 7px;
  border-bottom: 1px solid #5c92d1;
  float:left;
}
.scheduletable th {
  width: 349px;
}
.scheduletable td {
  line-height: 1.5;
  text-align: center;
}
.scheduletable td button {
  padding: 5px;
  width: 7em;
  cursor: pointer;
}
.scheduletable td button:hover {
  color: #424242;
}
.scheduletable td button:disabled {
  background-color: #dddddd;
  border: 1px solid #c5c5c5;
  color: #bbbbbb;
  cursor: default;
}
.scheduletable td .button_tokyo {
  background-color: #8E9F36;
  border: 1px solid #616c25;
  color: #fafafa;
}
.scheduletable td .button_tokyo:hover {
  background-color: #bece6d;
}
.scheduletable td .button_osaka {
  background-color: #D97E75;
  border: 1px solid #ca4c40;
  color: #fafafa;
}
.scheduletable td .button_osaka:hover {
  background-color: #efc9c5;
}
.scheduletable td .button_yokohama {
  background-color: #2D5685;
  border: 1px solid #203d5f;
  color: #fafafa;
}
.scheduletable td .button_yokohama:hover {
  background-color: #6091c9;
}
.scheduletable .month {
  background-color: #404040;
  color: #fafafa;
  font-weight: bold;
  text-align: center;
}
.scheduletable .days {
  min-width: 8em;
}
.scheduletable .regist {
  width: 70px;
}
.scheduletable th {
  background-color: #404040;
  color: #fafafa;
}
.scheduletable th,
.scheduletable td {
  border-bottom: 1px solid #5c92d1;
  border-right: 1px solid #5c92d1;
  padding: 4px;
}
.scheduletable .yeartitle {
  text-align: center;
}
.finish {
  color: #ff0000;
}
.scdownload_area {
  margin-top: 5px;
  
}
.scdownload_button {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  line-height:50px;
  border-radius:10px;
}
.scdownload_button a:link,
.scdownload_button a:visited {
  color: #fafafa;
}
.scdownload_button a:hover {
  color: #424242;
}
.scdownload_button:hover {
  background-color: #74b2fe;
  color: #424242;
}
.naibucal {
  border: 1px solid #5c92d1;
}
.placelink {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
}
.placelink:hover {
  background-color: #74b2fe;
  color: #424242;
}
.topsc {
  border: 1px solid #5c92d1;
  height: 422px;
}
.charms {
  clear: both;
  border: none;
}
.charm {
  float: left;
  background-color: #fafafa;
  display: block;
  position: relative;
  border: 1px solid #5c92d1;
  border-top: 0;
}
.topboxes > .charm,
.topboxes > .lastcharm {
  width: 314px;
  /*height: 372px;*/

}
.topboxes > .charm {
  margin-right: 11px;
}
.lastcharm {
  float: left;
  background-color: #fafafa;
  display: block;
  position: relative;
  border: 1px solid #5c92d1;
  border-top: 0;
  margin-right: 0;
}
.coursetitle {
  background-color: #5c92d1;
  padding: 6px;
  color: #fafafa;
}
.coursecapt {
  padding: 8px;
  border-bottom: 1px solid #5c92d1;
  border-top: 1px solid #5c92d1;
}
.topboxes > .charm > .coursecapt,
.topboxes > .lastcharm > .coursecapt {
 min-height: 145px;
}
.consulCoursecapt {
  height: 217px;
  padding: 8px;
  border-top: 1px solid #5c92d1;
}
.courcelinks {
  clear: both;
}
.courcelinks a {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  float: left;
  display: block;
  border: none;
  /*← buttonstyleのborderを一旦無効化*/

  border-right: 1px solid #ffffff;
  text-align: center;
}
.courcelinks a:link,
.courcelinks a:visited {
  color: #ffffff;
}
.courcelinks a:hover {
  background-color: #74b2fe;
  color: #424242;
}
.courcelinks_twin {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 157px;
  height: 61px;
  padding: 24px 7px 7px 7px;
}
.courcelinks_triple {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 105px;
  height: 61px;
  padding: 24px 7px 7px 7px;
}
.courcelinks_triple:last-child {
  width: 104px;
}
.courcelinks_quatro {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 157px;
  padding: 7px;
  border-bottom: 1px solid #ffffff !important;
}
.courcelinks_quatro_noneborder {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 157px;
  padding: 7px;
  border-bottom: 0;
}
.courcelinks_quatro_noneborder:first-child {
  width: 158px !important;
}
.courcelinks_quatro:nth-child(even) {
  border-right: 0;
}
.courcelinks_twin:nth-of-type(1) {
  width: 143px;
}
.courcelinks_consul {
  clear: both;
}
.courcelinks_consul a {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  float: left;
  padding: 7px;
  display: block;
  border: none;
  /*← buttonstyleのborderを一旦無効化*/

  text-align: center;
  width: 300px;
}
.courcelinks_consul a:link,
.courcelinks_consul a:visited {
  color: #ffffff;
}
.courcelinks_consul a:hover {
  background-color: #74b2fe;
  color: #424242;
}
.curriculum {
  margin-top: 15px;
}
.cousetables {
  float: left;
}
.cousetables table {
  border: 1px solid #5c92d1;
  background-color: #ffffff;
}
.cousetables table td {
  border-right: 1px solid #5c92d1;
  padding: 5px;
}
.cousetables table td:last-child {
  border-right: none;
}
.cousetables table tr {
  border-bottom: 1px solid #5c92d1;
}
.cousetables table tr:last-child {
  border-bottom: none;
}
.cousetables table:last-child {
  margin-bottom: 0;
}
.cousetables th {
  background-color: #404040;
  color: #fafafa;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  font-weight: normal;
}
.cousetables td {
  padding: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cousetables td:nth-child(even) {
  width: 550px;
}
.cousetableoneday td:nth-child(even) {
  width: 598px !important;
}

.cousetables .secondheader {
  padding: 3px;
  background-color: #5c92d1;
  color: #fafafa;
  text-align: center;
  border-right: 1px solid #fafafa;
}
.cousetables .secondheader:last-child {
  border-right: none;
}
.tate-line {
  background-color: #808080;
  color: #fafafa;
  padding: 5px 3px 0 3px;
}
.steppoint {
  float: right;
  width: 213px;
  margin-left: 10px;
}
#cur1stday {
  margin-bottom: 8px;
}
.steppoint_num {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
}
.steppoint_num div {
  background-color: #5c92d1;
  padding: 5px;
  text-align: center;
  color: #fafafa;
}
.steppoint_num p {
  padding: 7px;
}
.steppoint_num:first-child {
  margin-bottom: 10px;
}
.numlinks_consul {
  clear: both;
}
.numlinks_consul a {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  padding: 7px;
  display: block;
  border: none;
  /*← buttonstyleのborderを一旦無効化*/

  border-right: 1px solid #ffffff;
  text-align: center;
  width: 167px;
}
.numlinks_consul a:last-child {
  width: 165px;
  border-right: 1px solid #5c92d1;
}
.numlinks_consul a:link,
.numlinks_consul a:visited {
  color: #ffffff;
}
.numlinks_consul a:hover {
  background-color: #74b2fe;
  color: #424242;
}
.btn_downloadsc {
  width: 220px;
  height: 30px;
  background-color: #ffd800;
  float: right;
  text-align: center;
}
#headlogo {
  margin-left: 10px;
  width: 18%;
  margin-top: 20px;
}
.topcontentline {
  border-top: 3px solid #bbbbbb;
}
.contentsarea {
  /* padding: @wrapperpadding;*/

}
.contentsarea_withside {
  float: left;
  background-color: #e5e5e5;
  width: 760px;
  overflow: inherit;
  padding-bottom:20px;
}
.contentsarea_withside h2 {
  /*color: #ffffff;*/

}
#breadcrumb ul li {
  float: left;
  color: #ffffff;
}
#breadcrumb ul li a:link,
#breadcrumb ul li a:hover,
#breadcrumb ul li a:visited {
  color: #ffffff;
}
#breadcrumb ul li a:hover {
  text-decoration: underline;
}
.contentsarea_withside header {
  clear: both;
  background-color: #fafafa;
  border-bottom: 4px double #5c92d1;
  padding: 15px 0px 10px 12px;
}
.contentsarea_withside header h1 {
  padding-left: 5px;
  border-left: 24px solid #5c92d1;
}
.pagecontents {
  padding: 0px;
}
.blogcontents {
  margin: 10px;
  background-color: #fafafa;
}
.blogcontents h2 {
  padding: 10px;
  border-bottom: 3px double #5c92d1;
}
.blogcontents h2 a:link,
.blogcontents h2 a:hover,
.blogcontents h2 a:visited {
  color: #424242;
}
.blogcontents p {
  padding: 10px;
}
.blogdate {
  background-color: #404040;
  padding: 3px;
  padding-left: 8px;
  color: #fafafa;
  font-size: small;
  font-weight: bold;
}
.blogdate_list {
  background-color: #404040;
  padding: 3px;
  padding-left: 8px;
  color: #fafafa;
  font-size: small;
  font-weight: bold;
  border-left: 15px solid #5c92d1;
}
.morearticle {
  color: #5c92d1;
  font-weight: bold;
}
.morearticle:hover {
  color: #5c92d1;
}
.blogsingle {
  margin: 20px;
  padding: 10px;
  background-color: #fafafa;
}
#sidebar {
  width: 200px;
  min-height: 300px;
  padding:20px;
  background-color: #404040;
}
.sidecommon {
  text-align: left;
  margin-bottom: 10px;
}
.sidecommon a:hover {
  color: #ffffff;
}
.sidecommon a {
  display: block;
  padding: 10px;
}
.sidebanner {
  padding: 0 !important;
}
.sidebanner:hover {
  opacity: 0.7;
}

#listmenu {
  margin-bottom: 30px;
}
.listmenu_group {
  background-color: #fafafa;
  margin-bottom: 10px;
}
.listmenu_title {
  padding: 10px;
  border-bottom: 3px solid #5c92d1;
  border-top: 3px solid #5c92d1;
  cursor: pointer;
}
.listmenu_title:hover {
  background-color: #5c92d1;
  color: #ffffff;
}
.listmenu_sub {
  background-color: #b7d8ff;
}
.listmenu_sub li {
  border-bottom: 1px dotted #ffffff;
}
.listmenu_sub li a:link,
.listmenu_sub li a:hover,
.listmenu_sub li a:visited {
  border-left: 6px solid #5c92d1;
 }
.listmenu_sub li a:link,
.listmenu_sub li a:visited {
  color: #424242;
}
.listmenu_sub li a:hover {
  background-color: #5c92d1;
  color: #ffffff;
 }
.sidemenu_single {
  text-align: left;
  margin-bottom: 10px;
  background-color: #fafafa;
  border-bottom: 3px solid #5c92d1;
  border-top: 3px solid #5c92d1;
}
.sidemenu_single a:hover {
  color: #ffffff;
}
.sidemenu_single a {
  display: block;
  padding: 10px;
}
.sidemenu_single a {
  padding: 10px;
}
.sidemenu_single a:link,
.sidemenu_single a:visited {
  color: #424242;
}
.sidemenu_single a:hover {
  background-color: #5c92d1;
  color: #ffffff;
}
#side_live800 {
  margin-bottom: 20px;
}
.innermenu {
  overflow: hidden;
  margin: auto;
  background-color: #5c92d1;
}
.innermenu ul {
  clear: both;
  width: 1000px;
}
.innermenu ul li {
  float: left;
}
.innermenu ul li a {
  display: block;
  border-right: 1px solid #ffffff;
  text-align: center;
}
.innermenu ul li a:link,
.innermenu ul li a:visited {
  color: #fff;
}
.innermenu ul li a:hover {
  background-color: #74b2fe;
  color: #424242;
}
.innermenu ul li:last-child {
  border-right: 0;
}
.applystyle {
  background-color: #f97817 !important;
}
.applystyle:hover {
  background-color: #fbba53 !important;
}
.innermenu_naibutop a {
  width: 135px;
}
.innermenu_naibupage a {
  box-sizing: border-box;
  padding: 8px;
}
.innermenu_naibupage .normalmenu {
  width: 152px;
}
.innermenu_naibupage .iso27001menu {
  width: 190px;
}
.innermenu_consulpage a {
  padding: 8px;
  width: 110px;
}
.isonum_common {
  padding: 20px 20px 0 20px;
}
.isonum_common h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#cicle {
  padding: 20px 20px 0 20px;
}
#cicle h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#cicle > .charm {
  margin-right: 9px;
}
#cicle > .charm,
#cicle > .lastcharm {
  width: 232px;
}
#cicle > .charm > .coursecapt,
#cicle > .lastcharm > .coursecapt {
  height: 200px;
  border-bottom: none;
}
#cicle > .coursetitle {
  text-align: left;
}
.eventcaution {
  font-size: small;
  font-weight: bold;
}
#cur {
  padding: 20px 20px 0 20px;
}
#cur h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#isonum_schedule {
  padding: 20px 20px 0 20px;
}
#isonum_schedule h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#elerning {
  padding: 20px 20px 0 20px;
}
#elerning h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#elerning p {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
}
#apply {
  padding: 20px 20px 0 20px;
}
#apply h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#voices {
  padding: 20px 20px 0 20px;
}
#voices h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.voices_caution {
  display: block;
  font-size: small;
  padding: 5px 0 0 15px;
}
.voices_back {
  margin: 15px;
  margin-bottom: 0;
  padding: 10px;
  background-color: #fafafa;
}
.voices_back p {
  padding: 5px;
  border-bottom: 1px dotted #5c92d1;
  margin-bottom: 0.5em;
}
.voices_back p:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.voices_back .partname {
  font-weight: bold;
  display: block;
}
#naibupoint1,
#naibupoint2 {
  padding: 20px 20px 0 20px;
}
#naibupoint1 h2,
#naibupoint2 h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.naibupointcontent {
  background-color: #fafafa;
  border: 1px solid #5c92d1;
}
.naibupointpar {
  float: left;
  width: 702px;
  padding: 8px;
}
.naibu_ts {
  border-left: 1px dotted #5c92d1;
  margin-left:70px;
}
/*Eラーニング*/
#el_about {
  padding: 20px 20px 0 20px;
}
#el_about h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#el_about p {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
}
#el_before {
  padding: 20px 20px 0 20px;
}
#el_before h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#el_after {
  padding: 20px 20px 0 20px;
}
#el_after h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.el_login {
  display: block;
  padding: 8px;
  text-align: center;
  color: #fafafa;
  margin-top: 20px;
  margin-bottom: 0;
  background-color: #5c92d1;
  font-size: 110%;
  font-weight: bold;
}
.el_login span {
  display: block;
  padding: 10px;
  border: 2px solid #ffffff;
}
.el_login:hover {
  background-color: #74b2fe;
}
#el_steps {
  padding: 20px 20px 0 20px;
}
#el_steps h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#el_steps > .charms {
  padding: 15px;
}
#el_steps > .charms > .charm {
  width: 110px;
}
#el_steps > .charms > .charm p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  text-align: center;
  background-color: #5c92d1;
  color: #fafafa;
  height: 50px;
}
#el_steps > .charms > .charm:last-child {
  margin-right: 0;
}
.el_step_num {
  padding: 8px;
  text-align: center;
  color: #fafafa;
  background-color: #5c92d1;
  display: block;
  font-weight: bold;
}
.triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 73px 0 73px 32px;
  border-color: transparent transparent transparent #5c91d2;
  float: left;
}
.el_howto {
  margin: 15px 15px 0 15px;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  clear: both;
}
.el_howto > p {
  padding: 8px;
  border-bottom: 1px dotted #5c92d1;
}
.el_howto > div {
  padding: 8px;
}
.el_howto_num {
  display: block;
  float: left;
  background-color: #5c92d1;
  color: #fafafa;
  font-weight: bold;
  padding: 8px;
  margin-right: 8px;
}
/*コンサル*/
#consul_integrate {
  float: left;
  clear: both;
  margin-bottom: 15px;
}
#consul_integrate h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.coursetitle_cosul {
  padding: 6px;
  color: #fafafa;
  background-color: #5c92d1;
}
.topboxes > .charm > .coursetitle,
.topboxes > .lastcharm > .coursetitle,
.topboxes > .charm > .coursetitle_cosul,
.topboxes > .lastcharm > .coursetitle_cosul {
  text-align: center;
  font-weight: bold;
}
#num_consul_newplan {
  padding: 20px 20px 0 20px;
}
#num_consul_newplan h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#num_consul_newplan .charms {
  margin: 15px 15px 0 15px;
}
#num_consul_newplan .charm {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 228px;
  margin-right: 3px;
}
#num_consul_newplan .charm:last-child {
  margin-right: 0;
}
#num_consul_newplan .coursetitle_cosul {
  text-align: center;
}
.consulCoursecapt_common {
  padding: 8px;
  border-top: 1px solid #5c92d1;
  border-bottom: 1px solid #5c92d1;
}
.consulCoursecapt_top {
  height: 80px;
  padding: 8px;
  border-top: 1px solid #5c92d1;
  border-bottom: 1px solid #5c92d1;
}
.consulCoursecapt_num {
  padding: 8px;
  border-top: 1px solid #5c92d1;
  border-bottom: 1px solid #5c92d1;
  height: 120px;
}
.consulplan_period .consulperiod_title {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  clear: right;
  background-color: #5c92d1;
  color: #fafafa;
  font-size: small;
  padding: 8px;
  border-bottom: 1px dotted #fafafa;
}
.consulplan_period .consulperiod_title:last-child {
  border-bottom: none;
}
.consulplan_period .consulperiod {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  clear: right;
  font-weight: bold;
  color: #5c92d1;
  border-bottom: 1px dotted #5c92d1;
  font-size: large;
}
.consulplanperiod_top {
  height: 30px;
}
.consulplanperiodtitle_top {
  width: 160px;
  height: 30px;
}
.consulplanperiodtitle_num {
  width: 80px;
  height: 56px;
}
.consulplanperiod_num {
  height: 56px;
}
.consulplan_cost {
  padding: 8px;
  background-color: #404040;
  color: #fafafa;
  font-weight: bold;
  text-align: center;
}
#consul_steps {
  clear: both;
}
#consul_steps h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#consul_steps .charms {
  padding: 0 0 15px 0;
}
#consul_steps .charms .charm {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 302px;
  height: 132px;
}
#consul_steps .charms .charm ul {
  padding: 8px;
}
#consul_steps .charms .charm ul li {
  line-height: 1.25;
}
.consul_int_forcus {
  background-color: #404040;
  color: #fafafa;
  font-size: small;
  text-align: center;
  display: block;
  padding: 3px;
  font-weight: bold;
}
.consul_step_num {
  padding: 8px;
  text-align: center;
  color: #fafafa;
  background-color: #5c92d1;
  display: block;
  font-weight: bold;
}
#feature {
  padding: 20px 20px 0 20px;
}
#feature h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.featuresarea {
  clear: both;
  padding: 15px;
}
.featuresq {
  background-color: #5c92d1;
  padding: 10px;
  color: #fafafa;
  float: left;
}
#feature > .charms {
  margin: 15px 15px 0 15px;
}
#feature > .charms > .charm {
  margin: 0px 10px 10px 0;
  width: 338px;
}
#feature > .charms > .lastcharm {
  margin: 0px 10px 0 0;
  width: 338px;
}
#feature > .charms > .charm:nth-child(even),
#feature > .charms > .lastcharm:nth-child(even) {
  margin-right: 0;
}
#feature > .charms > .charm > .coursetitle,
#feature > .charms > .lastcharm > .coursetitle {
  background-color: #5c92d1;
  color: #fafafa;
  text-align: center;
}
#feature > .charms > .charm > .coursecapt,
#feature > .charms > .lastcharm > .coursecapt {
  background-color: #fafafa;
  height: 110px;
  border-bottom: none;
}
#phase {
  padding: 20px 20px 0 20px;
}
#phase h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.phasetable {
  margin: 15px 15px 0 15px;
}
.phasetable table {
  border: 1px solid #5c92d1;
  background-color: #ffffff;
  font-size: 90%;
}
.phasetable table td {
  border-right: 1px solid #5c92d1;
  padding: 5px;
}
.phasetable table td:last-child {
  border-right: none;
}
.phasetable table tr {
  border-bottom: 1px solid #5c92d1;
}
.phasetable table tr:last-child {
  border-bottom: none;
}
.phasenum {
  background-color: #404040;
  color: #fafafa;
  font-weight: bold;
}
.phasecontent_title {
  width: 10em;
  background-color: #74b2fe;
  color: #fafafa;
}
.phaseintro {
  margin-bottom: 0.5em;
}
.phasecaution {
  font-size: small;
  margin-top: 0.5em;
}
#merit {
  padding: 20px 20px 0 20px;
}
#merit h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#merit_consulnum {
  padding: 20px 20px 0 20px;
}
#merit_consulnum h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#merit_consulnum ul {
  margin: 15px;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
}
#merit_consulnum ul li {
  padding: 8px;
  border-bottom: 1px dotted #5c92d1;
  line-height: 1.5;
}
#merit_consulnum ul li:last-child {
  border-bottom: none;
}
.merits {
  padding: 15px 15px 0 15px;
}
.meritarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
}
.meritcatch {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #5c92d1;
  color: #ffffff;
  padding: 8px;
  font-weight: bold;
}
.meritcontent {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
}
.meritarea_haken {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  width: 171px;
  margin-bottom: 5px;
  margin-right: 2px;
}
.meritarea_haken .meritcatch {
  width: 170px;
  height: 50px;
}
.meritarea_haken .meritcontent {
  height: 160px;
}
.meritarea_haken:last-child {
  margin-right: 0;
}
.meritarea_consultop {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  width: 316px;
  margin-right: 11px;
}
.meritarea_consultop .meritcatch {
  text-align: center;
  width: 316px;
  height: 75px;
  line-height: 1.25;
}
.meritarea_consultop .meritcatch span {
  font-weight: normal;
  font-size: small;
}
.meritarea_consultop .meritcontent {
  height: 100px;
  line-height: 1.25;
}
.meritarea_consultop:last-child {
  margin-right: 0;
}
.meritarea_consulnum {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #5c92d1;
  color: #fafafa;
  margin-right: 4px;
  width: 228px;
  padding: 8px;
  height: 100px;
  margin-bottom: 5px;
  line-height: 1.25;
}
.meritarea_consulnum:nth-child(3n) {
  margin-right: 0;
}
#targetplan {
  padding: 15px;
}
.consulpoint_common {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 312px;
  height: 200px;
}
.consulpoint {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 312px;
  height: 200px;
  margin: 0 2px 2px 0;
  float: left;
  position: relative;
}
.consulpoint:nth-child(3n) {
  margin-right: 0;
}
.consulpoint_title {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 312px;
  height: 200px;
  background-color: #5c92d1;
  position: absolute;
}
.consulpoint_title p {
  color: #fafafa;
  text-align: center;
  margin: auto;
}
.consulpoint_title:hover {
  opacity: 0;
}
.consulpoint_content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 312px;
  height: 200px;
  background-color: #74b2fe;
  position: absolute;
  padding: 8px;
}
.consulpoint_content header {
  font-weight: bold;
}
#consul_newplan {
  padding: 15px;
}
#consul_newplan h3 {
  border-left: 5px solid #5c92d1;
  padding-left: 0.5em;
}
.consulnew_exm {
  float: left;
}
/*講師派遣*/
#hakenmenu {
  padding: 20px 20px 0 20px;
}
#hakenmenu h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.hknmenu_table {
  margin-top: 15px;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
}
.hknmenu_table .hknmenu_titlerow {
  background-color: #404040;
  color: #fafafa;
  font-weight: bold;
  border-bottom: 1px solid #5c92d1;
}
.hknmenu_table .hknmenu_titlerow th {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: 1px solid #5c92d1;
  padding: 8px;
}
.hknmenu_table .hknmenu_titlerow th:last-child {
  border-right: 0;
}
.hknmenu_table .hknmenu_title {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #404040;
  color: #fafafa;
  border-bottom: 1px solid #5c92d1 !important;
  border-left: 1px solid #5c92d1 !important;
  text-align: center;
}
.hknmenu_table th {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  width: 25%;
  border-right: 1px solid #5c92d1;
}
.hknmenu_table td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  border-left: 1px solid #5c92d1;
  border-bottom: 1px dotted #5c92d1;
}
#hakencost {
  padding: 20px 20px 0 20px;
}
#hakencost h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#hakencost div {
  background-color: #fafafa;
  border: 1px solid #5c92d1;
}
#hakencost .el_login {
  margin: 10px 0 0 0;
}
.cost {
  display: block;
  border-bottom: 1px dotted #5c92d1;
  padding: 15px;
  color: #5c92d1;
  font-size: larger;
  font-weight: bold;
  text-align: center;
}
.cost_caution {
  font-size: small;
  padding: 8px;
}
.cost_points {
  padding: 8px;
}
.cost_points li {
  line-height: 1.5;
}
#custom {
  padding: 20px 20px 0 20px;
}
#custom h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.customex {
  border: 1px solid #5c92d1;
  margin: 15px 15px 0 15px;
}
.customextitle {
  background-color: #404040;
  padding: 5px;
  color: #fafafa;
}
.customexcont {
  background-color: #fafafa;
  padding: 8px;
}
#shienarea {
  padding: 20px 20px 0 20px;
}
#shienarea h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#shienarea .phasecaution {
  margin-left: 15px;
}
.shienarealist {
  margin: 15px 15px 0 15px;
  clear: both;
  overflow: hidden;
}
.shienarealititle {
  background-color: #404040;
  float: left;
  clear: left;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 8px;
  width: 112px;
  color: #fafafa;
  height: 3em;
}
.shienarealicont {
  float: left;
  background-color: #fafafa;
  margin-bottom: 3px;
  padding: 8px;
  width: 543px;
  height: 3em;
}
/*講師紹介*/
#kousi {
  padding: 20px 20px 0 20px;
}
#kousi h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.kousiarea {
  padding: 8px;
  background-color: #fafafa;
  border: 1px solid #5c92d2;
}
.kousiimg {
  float: left;
  margin-right: 10px;
}
.kousiname {
  font-weight: bold;
  line-height: 2;
}
/*トップページ*/
.topcontent {
  margin-bottom: 15px;
  padding: 20px 20px 0 20px;
}
.topcontent h2 {
  margin-bottom: 12px;
}
.hakenmenu_table {
  border: 1px solid #5c92d1;
  background-color: #ffffff;
  margin-top: 10px;
}
.hakenmenu_table td {
  border-right: 1px solid #5c92d1;
  padding: 5px;
}
.hakenmenu_table td:last-child {
  border-right: none;
}
.hakenmenu_table tr {
  border-bottom: 1px solid #5c92d1;
}
.hakenmenu_table tr:last-child {
  border-bottom: none;
}
.hakenmenu_table th {
  background-color: #404040;
  font-weight: normal;
  color: #fafafa;
  min-width: 5em;
  padding: 4px;
  border-right: 1px solid #ffffff;
}
.hakenmenu_table th:last-child {
  border-right: none;
}
.hakenmenu_table .rowtitle {
  background-color: #acacac;
}
#globalfooter {
  clear: both;
  background-color: #404040;
  overflow: hidden;
  color: #ffffff;
  bottom: 0;
}
#globalfooter a:link,
#globalfooter a:hover,
#globalfooter a:visited {
  color: #ffffff;
}
#globalfooter a:hover {
  text-decoration: underline;
}
#globalfooter nav {
  width: 1000px;
  margin: auto;
  overflow: hidden;
}
.footerlinks {
  float: left;
  width: 241px;
  margin: 10px 10px 10px 0;
}
.footerlinks ul {
  margin-top: 5px;
  padding-left: 0.5em;
  padding-top: 8px;
  border-top: 1px solid #5c92d1;
}
.footerlinks li {
  font-size: smaller;
  padding: 0 5px 5px 0;
}
.footerlinks:last-child {
  margin-right: 0;
}
.footerlastul {
  border-right: none !important;
}
.footerlink_title {
  display: block;
  padding: 5px 0 0 5px;
  font-weight: bold;
  color: #5c92d1;
}
#copyright {
  clear: both;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid;
  border-color: #5c92d1;
  font-size: x-small;
}
#path {
  display: block;
  height: 15px;
  background-color: #5c92d1;
  border-top: 1px solid #5c92d1;
  text-align: left;
  padding-left: 12px;
  font-size: small;
  padding-top: 3px;
}
#path span {
  display: block;
  width: 1000px;
  margin: auto;
}
.tablelist {
  border-collapse: separate;
  border-spacing: 2px;
}
.tablelist th {
  background-color: #404040;
  border-left: 7px solid #5c92d1;
  font-weight: normal;
  color: #ffffff;
  vertical-align: top;
  text-align: left;
  padding: 5px;
  width: 20%;
}
.tablelist td {
  background-color: #fff;
  line-height: 1.5;
  padding: 5px;
}
#faq h2 {  
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  margin-bottom: 0.5em;

}
#faq .icon_q {
  display: block;
  float: left;
  margin-right: 10px;
  font-weight: bold;
  font-size: large;
  padding: 6px;
  background-color: #5c92d1;
  color: #ffffff;
}
#faq .icon_a {
  display: block;
  float: left;
  margin-right: 0.5em;
  font-weight: bold;
  font-size: large;
  padding: 5px;
  background-color: #444444;
  color: #ffffff;
}
#faq .areaqa {
  margin-bottom: 20px;
  background-color: #fafafa;
}
#faq .areaqa .qtitle {
  display: block;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border: 1px solid #5c92d1;
  background-color: #e6f2f7;
  color: #5c92d1;
}
#faq .areaqa p {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
}
#faq .lastqa {
  margin-bottom: 50px;
}
#totaladdress {
  padding: 20px 20px 0 20px;
}
#totaladdress h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#totaladdress dl {
  clear: both;
  padding: 15px;
}
#totaladdress dl > dt {
  padding: 8px;
  background-color: #404040;
  color: #fafafa;
  float: left;
  clear: left;
  margin-bottom: 3px;
  width: 100px;
}
#totaladdress dl > dd {
  background-color: #fafafa;
  padding: 8px;
  float: left;
  clear: right;
  margin-bottom: 3px;
  width: 558px;
}
#place {
  clear: both;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}
#place h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.placeinfo {
  clear: both;
  margin-bottom: 1em;
  overflow: hidden;
  margin: 15px;
}
.placeinfo .placenamearea {
  clear: both;
  background-color: #404040;
  border-left: 5px solid #5c92d1;
  margin-bottom: 3px;
  color: #fafafa;
}
.placeinfo .placename {
  display: block;
  float: left;
  font-weight: bold;
  padding-left: 0.25em;
  padding: 4px;
}
.placeinfo .accessmap {
  display: block;
  float: right;
  font-size: small;
  font-weight: bold;
}
.placeinfo .accessmap:link,
.placeinfo .accessmap:hover,
.placeinfo .accessmap:visited {
  color: #fafafa;
}
.placeinfo .accessmap:link,
.placeinfo .accessmap:visited {
  padding: 6px;
  background-color: #5c92d1;
}
.placeinfo .accessmap:hover {
  background-color: #74b2fe;
}
.placeinfo dl {
  clear: both;
}
.placeinfo dl dt {
  float: left;
  clear: left;
  margin-bottom: 3px;
  width: 4em;
  background-color: #404040;
  color: #fafafa;
  padding: 8px;
}
.placeinfo dl dd {
  float: left;
  clear: right;
  margin-bottom: 3px;
  padding: 8px;
  width: 594px;
  background-color: #fafafa;
}
.placeinfo:last-child {
  margin-bottom: 0;
}
.pagination {
  clear: both;
  position: relative;
  font-size: 11px;
  line-height: 13px;
  padding-top: 0;
  margin: 0 20px 0 20px;
}
.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #555;
}
.pagination a:hover {
  color: #fff;
  background: #3279BB;
}
.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #3279BB;
  color: #fff;
}
#privacy {
  padding: 15px;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
}
#privacy p {
  line-height: 1.2;
  margin-bottom: 1em;
}
#privacy h2 {
  border-left: 7px solid #5c92d1;
  padding: 5px 0 3px 8px;
  border-bottom: 1px solid #5c92d1;
  margin-bottom: 0.5em;
}
#privacy h3 {
  border-left: 8px solid #5c92d1;
  margin-bottom: 0.5em;
}

/*内部監査トップページコラム用共通クラス*/
.topcolumn {
  margin-top: 15px;
}
.topcolumn h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.topcolumn p {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
}
/*内部監査各規格ページ用コラム*/
.column {
  padding: 20px 20px 0 20px;
}
.column h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
.column p {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
  overflow:hidden;
}
/*デフォルトテンプレート用枠*/
.defaultcolumn {
  background-color: #fafafa;
  border: 1px solid #5c92d1;
  margin-top: 20px;
  overflow:hidden;
}
.defaultcolumn p {
  padding: 8px;
}
.defaultcolumn h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
/*問い合わせフォーム*/
.require {
  color: #f00;
  font-weight: bold;
  font-size: 60%;
}
.wpcf7-submit {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  padding: 8px;
  width: 200px;
  margin: auto;
}
.wpcf7-submit:hover {
  background-color: #74b2fe;
  color: #424242;
}

.button-confirm, .button-rewrite {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  padding: 8px;
  width: 200px;
  margin: auto;
}
.button-confirm:hover, .button-rewrite:hover {
  background-color: #74b2fe;
  color: #424242;
}

.wpcf7-list-item-label {
  font-size: small;
}
.wpcf7 > form > p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.wpcf7-response-output{
  margin: 0 !important;/*←一度デフォルトのマージンを消す*/
  margin-left: 0 !important;
}
.searchzip {
  background-color: #5c92d1;
  color: #ffffff;
  border: 1px solid #5c92d1;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 4px;
  font-size: small;
  margin: 5px 0 0 2px;
  display: block;
  width: 10em;
  text-align: center;
}
.searchzip:hover {
  background-color: #74b2fe;
  color: #424242;
}
.applyprivacy {
  text-align: center;
}
/*サイドバー*/
#menu {
  width: 200px;
  margin: 20px 0 0 20px;
}
.archive {
  background: #369;
  color: #FFF;
  padding: 5px 10px;
  border-bottom: 1px solid #FFF;
  cursor: pointer;
}
.subMenu li {
  background-color: #9CF;
  padding: 5px 10px;
  border-bottom: 1px solid #FFF;
}
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
}
.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #555;
}
.pagination a:hover {
  color: #fff;
  background: #3279BB;
}
.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #3279BB;
  color: #fff;
}
.backtotop {
  position: fixed;
  right: 15px;
  bottom: 20px;
  z-index: 9000;
  display: none;
}
.floaticon {
  position: fixed;
  right: 15px;
  bottom: 250px;
  z-index: 9000;
  //display: none;
}
.floaticon a {
  display: block;
  color: #fafafa;
  padding: 14px 6px;
  margin: 0;
  background-color: #5c92d1;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.backtotop a {
  display: block;
  color: #fafafa;
  padding: 14px 6px;
  margin: 0;
  background-color: #5c92d1;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.backtotop a:hover {
  background: #74b2fe;
}
.addresstitle {
  font-size: small;
  margin-right: 0.25em;
}
#sitemap {
  padding: 8px;
  border: 1px solid #5c92d1;
  background-color: #fafafa;
}
#sitemap h2 {
  border-left: 7px solid #5c92d1;
  padding: 5px 0 3px 8px;
  border-bottom: 1px dotted #5c92d1;
  margin-bottom: 0.25em;
}
#sitemap ul {
  margin-bottom: 1.5em;
  margin-left: 1em;
  overflow: hidden;
}
#sitemap ul li {
  line-height: 1.5;
}
#sitemap ul li a:link,
#sitemap ul li a:visited {
  color: #424242;
}
#sitemap ul li a:hover {
  color: #5c92d1;
  text-decoration-line: underline !important;
}
#flow {
  border: 1px solid #5c92d1;
  background-color: #fafafa;
  padding: 8px;
}
#flow .flow_step {
  clear: both;
}
#flow .flow_step h3 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  margin-bottom: 0.5em;

}
#flow .flow_stepframe {
  margin-bottom: 1em;
}
#flow .flow_stepframe p {
  line-height: 1.25em;
  padding-left: 1.5em;
}
#flow .flow_stepnum {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #5c92d1;
  color: #fafafa;
  font-weight: bold;
  float: left;
  height: 1.5em;
  padding: 3px;
}
#flow .flow_content {
  padding-left: 8px;
}
#flow_address {
  margin-top: 1em;
}
#flow_address h2 {
  padding: 5px 0 5px 8px;
  background-color: #404040;
  border-left: 12px solid #5c92d1;
  color: #fafafa;
  font-size: medium;
}
#flow_address dl {
  clear: both;
  margin-top: 3px;
}
#flow_address dl > dt {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  background-color: #404040;
  color: #fafafa;
  float: left;
  clear: left;
  margin-bottom: 3px;
  width: 110px;
  height: 2em;
}
#flow_address dl > dd {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fafafa;
  padding: 8px;
  float: left;
  clear: right;
  margin-bottom: 3px;
  width: 610px;
  height: 2em;
}
.catchcopy{
padding:15px 8px 8px 8px;
background-color: #84addd;
color: #fafafa;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.fb_iframe_widget{
background-color:#ffffff !important;
}
/*コンサルティング終了*/

/*QA-2*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*QA-2終了*/

/*ブログ*/
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
/*ブログ終了*/

/* ナビゲーション */
.gnav2{
    width: 100%;
    background-color: #1f3d95;
    
    
}
.gnav2_wrapper{
    max-width: 1000px;
line-height: 25px;   /* サブメニュー1項目の高さ(35px) */
    margin: auto;
    display: flex;
    
}
.gnav2_wrapper li{
    border-left: #5c92d1 1px solid;
    text-align: center;
    width: calc(100%/2);
    
}
.gnav2_wrapper li:last-child{
    border-right: #5c92d1 1px solid;
}
.gnav2_wrapper li:hover{
    background-color: #5c92d1;
}
.gnav2_wrapper li a{
    display: block;
    padding: 1.3em 0;
    color: #fff;
    text-decoration: none;
    padding:5px ;
}
ul {
  list-style: none;
}
/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.gnav2_wrapper ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}
/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
ul.gnav2_wrapper li:hover > ul {
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}
/* -------------------------------- */
/* ▼サブメニュー(以降の)項目の装飾 */
/* -------------------------------- */
ul.gnav2_wrapper ul li {
   width: 500px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
   background-color: #1f3d95;
}
ul.gnav2_wrapper ul li a {
   line-height: 25px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.gnav2_wrapper ul li a:hover {
   background-color: #5c92d1; /* サブメニュー項目にマウスが載ったときの背景色(薄い青色) */
   color: #FFFFFF;            /* サブメニュー項目にマウスが載ったときの文字色(白) */
}
/* ----------------------------------- */
/* ▼3階層目以降(孫メニュー以降)の装飾 */   /* ※下ではなく横(右)に表示します。 */
/* ----------------------------------- */
ul.gnav2_wrapper ul ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   top: -1px;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;         /* ★基準位置からの距離を親ボックスの幅100％にする */
   border-left: 1px solid pink; /* 左側に引く枠線(ピンク色で1pxの実線) */
}
ul.gnav2_wrapper ul ul li a:hover {
   background-color: #5c92d1; /* サブメニュー項目にマウスが載ったときの背景色(薄い青色) */
   color: #FFFFFF;            /* サブメニュー項目にマウスが載ったときの文字色(白) */
}
.sidemenu_single2 {
  text-align: left;
  margin-bottom: 10px;
  background-color: #fafafa;
  border-bottom: 3px solid #5c92d1;
  border-top: 3px solid #5c92d1;
}
.sidemenu_single2 a:hover {
  color: #ffffff;
}
.sidemenu_single2 a {
  display: block;
  padding: 2px;
}
.sidemenu_single2 a {
  padding: 1px;
}
.sidemenu_single2 a:link,
.sidemenu_single2 a:visited {
  color: #424242;
}
.sidemenu_single2 a:hover {
  background-color: #5c92d1;
  color: #ffffff;
}