/**
* common
*/
body {
margin:0;
padding: 0;
}

.wrap {
width:940px;
margin:0 auto;
}

.clearfix {

}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* {
color: #000;
font-size: 16px;
line-height: 1.5;
}

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

.error-message {
  color: #c00;
}

.img img {
    max-width: 100%;
}

/**
* header
*/
#header-logo {
float: left;
width: 485px;
}
#header-logo a {
text-indent: -9999px;
background-image: url(../img/header-logo.png);
background-repeat: no-repeat;
height: 180px;
display: block;
}
#header-inquiry {
float:right;
width: 330px;
padding-top: 100px;
}
#header-inquiry a {
text-indent: -9999px;
background-image: url(../img/banner-inquiry.png);
background-repeat: no-repeat;
height: 60px;
display: block;
}

/**
* global menu
*/
#gmenu {
background-image: url(../img/gmenu-bg.png);
background-repeat: repeat-x;
}
#gmenu .wrap {
background-image: url(../img/gmenu.png);
background-repeat: no-repeat;
background-size: 100%;
height: 89px;
}
#gmenu a {
display:inline-block;
height: 100%;
text-indent: -9999px;
}
#gmenu .menu1 { width:188px; }
#gmenu .menu2 { width:183px; }
#gmenu .menu3 { width:180px; }
#gmenu .menu4 { width:182px; }
#gmenu .menu5 { width:182px; }

#gmenu a:hover {
background: #fff;
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
}

/**
* header image
*/
.header-image {
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 15px;
  width: 100%;
}
.header-image.concept {
  background-image: url(../img/concept-header-image.png);
  height: 446px;
}
.header-image.program {
  background-image: url(../img/program-header-image.png);
  height: 446px;
}
.header-image.report {
  background-image: url(../img/report-header-image.png);
  height: 446px;
}
.header-image.faq {
  background-image: url(../img/faq-header-image.png);
  height: 446px;
}
.header-image.inquiry {
  background-image: url(../img/inquiry-header-image.png);
  height: 446px;
}


/**
* main-container
*/
#main-container {
margin-bottom: 30px;
}

/**
* footer
*/
footer {
color: #888888;
font-size: 12px;
height: 413px;
background-image: url(../img/footer-bg.png);
background-repeat: repeat-x;
padding-top: 55px;
width: 100%;
}


/**
* footer menu
*/
#footer-menu {
margin: 0 auto;
padding: 0;
text-align: center;
}
#footer-menu li {
  list-style: none;
  display: inline-block;
  color: #888888;
  padding: 0 3px;
}
#footer-menu li a {
color: #888888;
font-size: 12px;
text-decoration: none;
}


/**
* copyright
*/
#copyright {
text-align: center;
color: #888888;

}


/**
* bread
*/
.bread {
  border-bottom: 1px solid #888;
  padding-bottom: 15px;
  margin: 15px 0;
}
.bread > span {
  color: #00469b;
  padding-right: 1em;
}
.bread > span.icon {
  font-size: 80%;
}
.bread a {
  color: #00469b;
  text-decoration: none;
}
.bread a:hover {
  color: #8dc21f;
  text-decoration: underline;
}


/**
* header title
*/
h1.title {
  color: #00469b;
  font-size: 30px;
  padding-left: 20px;
  background-image: url(../img/bg-h1.png);
  background-repeat: no-repeat;
  background-position: top left;
  font-weight: normal;
}



/**
* .topics-container
*/
.topics-container table {
border: 0;
border-collapse: collapse;
font-size: 13px;
width: 100%;
}
.topics-container table td {
border-bottom: 1px solid #aaa;
padding: 10px 0;
}
.topics-container td.thumb {
width: 98px;
}
.topics-container td.thumb img {
max-width: 100%;
height: auto;
}
.topics-container td.date {
width: 140px;
text-align:right;
color:#648cc8;
}
.topics-container td.arr {
width:30px;
text-align:center;
color:#648cc8;
}


/**
* concept
*/
.concept pre {
  padding-left: 20px;
  letter-spacing: 1px;
}



/**
* program-table
*/
.program-table {
  border-collapse: collapse;
  width: 100%;
}
.program-table th,
.program-table td {
}
.program-table td {
  padding: 5px 15px;
}
.program-table th {
  font-weight: normal;
}
.program-table thead {

}
.program-table thead th {
  background: #e2f1f7;
  text-align: center;
  letter-spacing: 1em;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  padding: 15px 15px;
}
.program-table thead td {

}
.program-table thead td.link {
  text-align: right;
}
.program-table thead td.link * {
  color: #aaa;
  text-decoration: none;
}
.program-table tbody td {
  border-bottom: 1px dotted #aaa;
}
.program-table .col1 {
  text-align: center;
}
.program-table .col2 {
  border-left: 1px dotted #aaa;
  border-right: 1px dotted #aaa;
}
.program-table .col3 {
  text-align: center;

}
.program-table tbody tr:nth-child(even) td {
  background: #f0f0f0;
}



/**
* faq
*/
.faq ul {
  list-style: none;
}
.faq-block {
  margin-bottom: 0;
}
.faq-block .h {
  background-color: #00469b;
}
.faq-block .h h3 {
  color: #fff;
  font-weight: normal;
  background-image: url(../img/icon-q.png);
  background-repeat: no-repeat;
  font-size: 24px;
  background-position: left 10px center;
  padding: 10px 0 10px 60px;
  background-size: 40px auto;
  margin: 0;
}
.faq-block .a {
  background: #efefef;
}
.faq-block .a p {
  font-weight: normal;
  background-image: url(../img/icon-a.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  padding: 20px 0 20px 60px;
  background-size: 40px auto;
  margin: 0;
}





/**
* inquiry
*/
.inquiry table {
  width: 100%;
  border-collapse: collapse;
}
.inquiry table tbody th {
  background: #e2f1f7;
  border: 1px dotted #aaa;
  border-right: 0;
  text-align: left;
  padding: 10px 15px;
  font-weight: normal;
  width: 30%;
}
.inquiry table tbody th span {
  display: block;
  font-size: 80%;
  max-width: 50%;
}
.inquiry table tbody td {
  border: 1px dotted #aaa;
  padding: 10px 15px;
}
.inquiry input[type="text"],
.inquiry textarea
{
  width: 100%;
}
.inquiry input[type="button"],
.inquiry input[type="submit"]
{
  display: inline-block;
  margin: 10px auto;
  font-size: 16px;
  padding: 10px 15px;
  border: 0;
  background: #00469b;
  color: #fff;
}
.inquiry input[type="text"].zip {
  display: inline-block;
  width: 5em;
}


/**
* privacy
*/
.privacy dl {
  margin-left: 1em;
}
.privacy dt {
  display: list-item;
  list-style: disc;
  font-weight: bold;
}
.privacy dd {
  margin-left: 0;
}
.privacy dl ul {
  list-style: none;
}

/**
* flexslider
*/
#flexslider {
  position: relative;
}
#flexslider .slides {
  max-height: 444px;
  overflow: hidden;
}
#flexslider .slides li {
  width: 100%;
  height: 444px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/**
* main-container
*/

#top-concept-block {
  float: left;
  width: 468px;
  background-image: url(../img/banner-concept.png);
  background-repeat: no-repeat;
  height: 287px;
  margin-bottom: 30px;
}
#top-concept-block a {
  display: block;
  text-indent: -9999px;
  height: 100%;
}
#top-information-block {
  margin-left: 470px;
  background-image: url(../img/banner-information.png);
  background-repeat: no-repeat;
  height: 287px;
  margin-bottom: 30px;
  padding-top: 50px;
}
#top-information-block dl {
  padding-left: 30px;
  margin-left: 10px;
  height: 170px;
  width: 400px;
  overflow-y: auto;
}
#top-information-block dt {
  margin-left: 0px;
  padding-left: 20px;
  background-image: url(../img/icon-arr.png);
  background-repeat: no-repeat;
  background-position: center left;
  font-size: 12px;
}
#top-information-block dd {
  margin-left: 0px;
  padding-left: 20px;
  font-size: 12px;
}
#top-information-block dd a {
  font-size: 12px;
}


#main-container .left-column {
  float:left;
  width: 640px;
}

#main-container .right-column {
  margin-left: 644px;
}


#top-topics-container {

}
#top-topics-container .link {
  text-align: right;
  color: #00469b;
  padding-right: 10px;
}
#top-topics-container h2 {
  background-image: url(../img/top-topics-header.png);
  background-repeat: no-repeat;
  height: 42px;
  text-indent: -9999px;
  margin-bottom: 0;
}

#top-topics-container ul {
  list-style: none;
}
#top-topics-container ul li {

}

#top-topics-container table {
border: 0;
border-collapse: collapse;
font-size: 13px;
width: 100%;
margin-bottom: 15px;
}
#top-topics-container table td {
border-bottom: 1px solid #aaa;
padding: 10px 0;
}
#top-topics-container td.thumb {
width: 98px;
}
#top-topics-container td.thumb img {
max-width: 100%;
height: auto;
}
#top-topics-container td.date {
width: 140px;
text-align:right;
color:#648cc8;
}
#top-topics-container td.arr {
width:30px;
text-align:center;
color:#648cc8;
}









/**
* -800px
* ------------------------------------------------- */
@media (max-width:800px) {

  * {
    font-size: 20px;
    line-height: 2;
  }

  .wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }

  .header-image.concept {
    height: 220px;
  }
  .header-image.program {
    height: 220px;
  }
  .header-image.report {
    height: 220px;
  }
  .header-image.faq {
    height: 220px;
  }
  .header-image.inquiry {
    height: 220px;
  }


  #header-logo {
    float: none;
    widtH: 100%;
  }
  #header-logo a {
    background-position: center;
  }
  #header-inquiry  {
    float: none;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
  }
  #header-inquiry a{
    background-position: center;
  }

  #main-container .left-column {
    float: none;
    width: 100%;
  }

  #main-container .right-column {
    margin: 0;
  }

  #top-topics-container {
    margin-bottom: 30px;
  }

  #top-topics-container h2 {
    height: 50px;
    background-size: 100%;
  }

  #top-topics-container table td {
    display: block;
    width: 100%!important;
    box-sizing: border-box;
    text-align: center;
  }
  #top-topics-container table td.thumb {
    text-align:center;
  }
  #top-topics-container table td.arr {
    display:none;
  }

  #main-container .right-column > div a {
    width: 300px;
    margin: 0 auto;
    display: block;
  }

  #top-concept-block {
    float: none;
    max-width: 100%;
    margin: 0 auto;
  }
  #top-information-block {
    float: none;
    max-width: 100%;
    margin: 0 auto;
    background-position: center;
  }


  #footer-menu li a {
    font-size: 20px;
  }


  .flex-control-nav {
    bottom: -65px!important;
  }


  /**
  * global menu
  */
  #gmenu {
    background: none;
  }
  #gmenu .wrap {
    background: none;
    height: auto;
  }
  #gmenu a {
  display:block;
  height: auto;
  text-indent: inherit;
  text-align: center;
  background: #648cc8;
  color: #fff;
  text-decoration: none;
  }
  #gmenu .menu1 { width:100%; }
  #gmenu .menu2 { width:100%; }
  #gmenu .menu3 { width:100%; }
  #gmenu .menu4 { width:100%; }
  #gmenu .menu5 { width:100%; }

  #gmenu a:hover {
  opacity: 1;
  background: #fff;
  color: #648cc8;
  }

  .topics-container table td.arr {
    display: none;
  }
  .topics-container table td.title {
    padding-left: 1em;
  }

  .wrap.concept p {
    white-space: normal;
    overflow: hidden;
  }

  /**
  * inquiry
  */
  .inquiry table {
    width: 100%;
    border-collapse: collapse;
  }
  .inquiry table tbody th {
    border: 1px dotted #aaa;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  .inquiry table tbody td {
    border: 1px dotted #aaa;
    padding: 10px 15px;
    display: block;
    box-sizing: border-box;
  }

  /**
  * .fancy
  */
  .fancy a{
    text-align: center;
    display: block;
  }

}