/* Tag/class define
-------------------------------------------------------*/
body,
p,
div, span,
td, th, caption
li {
  line-height: 1.5;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

ol {
  padding-left: 1em;
  text-indent: -1em;
}

ol li {
  list-style-position: inside;
}

p {
  margin: 0 0 1.5em;
}

strong {
  font-weight: bold;
}

ins {
  background: none;
  border: none;
}

a:link {
  color: #006699;
}

a:visited {
  color: #1177DD;
}

a:active {
  color: #1177DD;
}

a:hover {
  color: #FF6600;
  text-decoration: underline;
}

div.colsImgDesc {
  _zoom: 1;
  overflow: hidden;
}

div.colsImgDesc div.imgColumn.l {
  float: left;
  margin: 0px 10px 5px 0px;
}

div.colsImgDesc div.imgColumn.r {
  float: right;
  margin: 0px 0px 5px 10px;
}

div.colsImgDesc div.descColumn {
  overflow: hidden;
  _zoom: 1;
}

div.img.center {
  text-align: center;
}

.margin {
  margin-bottom: 20px;
}

img.border {
  border: 1px solid #CCCCCC;
}

strong.important {
  color: #e00;
}

/*============================
html, body
============================*/
html, body {
  background: #f4f4f4;
}

/*============================
#container
============================*/
#container {
  margin: 0 auto;
  width: 1082px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
}

/*============================
header.global
============================*/
header.global {
  margin-bottom: 20px;
}
header.global #seoTxt {
  padding: 2px 0px;
  font-size: 90%;
  margin-bottom: 10px;
  background: #369;
  color: #fff;
  text-align: center;
}
header.global .contact {
  float: right;
  padding-right: 10px;
}
header.global div#siteid {
  margin-bottom: 10px;
  padding-left: 10px;
}
header.global nav.global ul {
  background: url(../img/common/header_nav_global.png) no-repeat;
}
header.global nav.global ul li, header.global nav.global ul a {
  width: 180px;
  height: 55px;
  display: block;
}
header.global nav.global ul li {
  float: left;
  list-style: none;
  border-right: 1px solid #ddd;
  letter-spacing: 0em;
}
header.global nav.global ul li a {
  line-height: 1;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/common/header_nav_global.png) no-repeat;
}

header.global nav.global ul li.about a {
  background-position: 0px 0px;
}
header.global nav.global ul li.about a:hover {
  background-position: 0px -55px;
}
header.global nav.global ul li.about a.current {
  background-position: 0px -55px;
}

header.global nav.global ul li.program a {
  background-position: -180px 0px;
}
header.global nav.global ul li.program a:hover {
  background-position: -180px -55px;
}
header.global nav.global ul li.program a.current {
  background-position: -180px -55px;
}

header.global nav.global ul li.specifiedskilled a {
  background-position: -360px 0px;
}
header.global nav.global ul li.specifiedskilled a:hover {
  background-position: -360px -55px;
}
header.global nav.global ul li.specifiedskilled a.current {
  background-position: -360px -55px;
}

header.global nav.global ul li.voice a {
  background-position: -540px 0px;
}
header.global nav.global ul li.voice a:hover {
  background-position: -540px -55px;
}
header.global nav.global ul li.voice a.current {
  background-position: -540px -55px;
}

header.global nav.global ul li.faq a {
  background-position: -720px 0px;
}
header.global nav.global ul li.faq a:hover {
  background-position: -720px -55px;
}
header.global nav.global ul li.faq a.current {
  background-position: -720px -55px;
}

header.global nav.global ul li.contact a {
  background-position: -900px 0px;
}
header.global nav.global ul li.contact a:hover {
  background-position: -900px -55px;
}
header.global nav.global ul li.contact a.current {
  background-position: -900px -55px;
}

/*============================
#pagebody
============================*/
div#pagebody {
  margin: 0 90px;
}

/*============================
#footer.global
============================*/
footer.global nav.pagetop .inner {
  float: right;
  text-align: center;
  width: 14em;
  margin-right: 1em;
  padding: 5px 0;
  background: #f8f8f8;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
footer.global nav.pagetop a {
  text-decoration: none;
}
footer.global nav.sitemap {
  background: #F8F8F8;
  padding: 1em 20px;
}
footer.global nav.sitemap div.areas {
  margin-right: -10px;
}
footer.global nav.sitemap div.areas div.area {
  float: left;
  width: 200px;
  margin-right: 10px;
}
footer.global nav.sitemap div.areas div.area h2 {
  font-size: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
footer.global nav.sitemap div.areas div.area li {
  font-size: 90%;
}
footer.global div#copyright {
  padding: 1em;
}
footer.global div#copyright p {
  margin: 0;
}

/*============================
#parts
============================*/
h1.global {
  border: 1px solid #666;
  border-left-width: 3px;
  padding: 15px;
  margin-bottom: 20px;
}
h1.global .sub {
  margin-bottom: 5px;
  font-size: 50%;
  line-height: 1em;
}
h1.global .txt {
  margin-bottom: 0;
  line-height: 1em;
}

h2 {
  margin: 0 0 10px;
}

h2.common {
  margin: 0 0 10px;
  border-bottom: 1px solid #999;
  padding: 0 0 5px;
  font-size: 120%;
}

h3 {
  font-size: 100%;
  margin: 0 0 0.25em;
}

ul.link {
  text-align: right;
}
ul.link li {
  text-indent: -1.5em;
  margin-left: 1.5em;
}

ul.li {
  margin-bottom: 2em;
}
ul.li li {
  margin: 0.2em 0;
  text-indent: -1em;
  margin-left: 1em;
}

nav.menu li,
ul.menu li {
  margin: 0.2em 0;
  text-indent: -1.5em;
  margin-left: 1.5em;
}

nav.list ul li {
  margin: 0.25em 0 0.25em 0.5em;
}
nav.list ol li {
  margin: 0.25em 0;
}

/* table */
table.list {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  border-top: 1px solid #666666;
  border-collapse: collapse;
}
table.list tr {
  background-color: #fff;
}
table.list tr:nth-child(even) {
  background-color: #f8f8f8;
}
table.list tr th,
table.list tr td {
  border: 1px solid #ccc;
  padding: 4px;
  vertical-align: top;
  text-align: left;
}
table.list tr th {
  background: #eee;
}
table.list thead tr th {
  border-bottom: 2px solid #ccc;
  white-space: nowrap;
}

/* Icon */
.iconNav {
  color: #c00;
}

.iconLi {
  color: #333;
}

/* breadcrumb */
nav.breadcrumb {
  margin: -10px -70px 20px;
}
nav.breadcrumb ul li {
  float: left;
}

/* Image */
.imgCommon {
  margin-bottom: 20px;
  text-align: center;
}

/* Hover Image */
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* Fluid image */
img.fluid {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Link */
.link_arrow {
  margin-left: 3.5em;
  line-height: 200%;
}

.link_arrow li {
  list-style-image: url('../img/common/arrow_blue.gif');
}

/* Submit */
input[type="submit"] {
  border: none;
  padding: 0.25em 0.5em;
  background: #333;
  font-size: 1.2em;
  color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Clearfix */
/* for Firefox, Safari, Opera */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* for Win IE7, Mac IE 5 */
.clearfix {
  display: inline-block;
}

/* for Win IE6 (Hides from Mac IE) \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End for Win IE6 (Hides from Mac IE) */

/*///////////////////////////////////////
▼▼flex▼▼
///////////////////////////////////////*/
.f{
    display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
}
.f-around{
    -webkit-justify-content:space-around; /* safari */
    -ms-flex-pack:distribute; /* IE */
    justify-content:space-around;
}

.f-between{
    -webkit-box-pack:justify; /* android */   
    -webkit-justify-content:space-between; /* safari */
    -ms-flex-pack:justify; /* IE */
    justify-content:space-between;
}
.f-alignitem-center{
    -webkit-box-align:center; /* android */
    -webkit-align-items:center; /* safari */
    -ms-flex-align:center; /* IE */
    align-items:center;  
}
@media only screen and (max-width: 768px){
.f-l-column-center{
    -webkit-box-orient:vertical; /* android */
    -webkit-flex-direction:column; /* safari */
    -ms-flex-direction:column; /* IE */
    flex-direction:column;
                
    -webkit-box-pack:center; /* android */
    -webkit-justify-content:center; /* safari */
    -ms-flex-pack:center; /* IE */
    justify-content:center;   
}
}/*【max-width end】 */

/* /////////////////////
▼▼メールフォームPRO▼▼
//////////////////////*/
table.form{
width:100%;
able-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}

table.form th{
border-bottom: #CBCBCB 1px solid;
padding:15px 0;
text-align:center;
vertical-align: middle;
letter-spacing: 3px;
}

table.form td{
border-bottom: #CBCBCB 1px solid;
padding:5px 15px;
vertical-align: middle;
}