@charset "UTF-8";
/*===============================
Custom Style CSS
===============================*/

/* header */
#nav_global_SP {
    display: none;
}

.btn_filter {
    display: none;
}

.sp_model_buttonGroup {
    display: none;
}

.print_show {
    display: none;
}

.sp_only {
    display: none;
}

.pc_only {
    display: block;
}

h1.tth_1 {
    background-color: #003f98;
    padding: 29px 30px;
    clear: both;
}
h1.tth_1 > span {
    color: #fff;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 30px;
}
h1.tth_1 > span > small {
    margin-left: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
}

h1.tth_2 {
    background-color: #003f98;
    padding: 20px 20px;
    clear: both;
}
h1.tth_2 > span {
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
}

h1.tth_3,h1.tth_4 {
    background-color: transparent;
    padding: 20px 0px;
    clear: both;
}
h1.tth_3,h1.tth_4 > span {
    color: #444444;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: bolder;
    word-wrap: break-word;
}
h1.tth_4 > span.subTitle {
  font-size: 25px;
  line-height: 33px;
}

h2.tth_1 {
    background-color: #f3f7fd;
    border-top: 2px solid #003f98;
    padding: 18px 20px 20px 20px;
    clear: both;
}
h2.tth_1 > span {
    color: #003f98;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: bold;
}

h2.tth_2{
    background-color: transparent;
    border-top: 2px solid #003f98;
    padding: 23px 20px 15px 20px;
   clear: both;
}
h2.tth_2 > span {
    color: #003f98;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: bold;
}

h4.tth_1{
    background-color: transparent;
/*    background-image: url(/sites/all/themes/kddilabs/images/common/icn_bullet_blue.png);
    background-repeat: no-repeat;
    background-position: 0px 14px;*/
    padding: 10px 0px 10px 20px;
    clear: both;
}

h4.tth_1:before {
    content: "■ ";
    font-size: 30px;
    color: #003f98;
}

h4.tth_1 > span {
    color: #003f98;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

/* button inside header */
h1.tth_1 > a.tth_buttonRight,
h1.tth_1 > div > a.tth_buttonRight {
    float: right;
    border: 1px #b0c8eb solid;
    color: #b0c8eb;
    background-color: #003f98;
    font-size: 12px;
    margin-top: 0;
    margin-left: 10px;
    padding: 8px 15px;
}

h1.tth_1 > a.btn_rss {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_rss_off.png);
    background-repeat: no-repeat;
    background-position: 20% 45%;
}

h1.tth_1 > a.btn_rss span {
    padding-left: 15px;
}

h1.tth_1 > a.btn_rss:hover {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_rss_on.png);
    color: #003f98;
    background-color: #b0c8eb;
}
h1.tth_2 > div {
     float: right;
}

h1.tth_2 > a.tth_buttonRight,
h1.tth_2 > div > a.tth_buttonRight{
    float: right;
    border: 1px #b0c8eb solid;
    color: #b0c8eb;
    background-color: #003f98;
    font-size: 12px;
    margin-top: -5px;
    margin-left: 10px;
    padding: 8px 15px;
}

h1.tth_2 > a.tth_buttonRight:hover {
    color: #003f98;
    background-color: #b0c8eb;
}
.fontSize18 {
    font-size: 18px;
    line-height: 30px;
}
/* topPage_header */
.topPage_header {
    position: relative;
    padding-top: 15px;
    top: 0px;
    z-index: 200;
    height: 115px;
    width: 100%;
    background-color: #fff;
    /*    margin-bottom: 20px;*/
}
.topPage_header.white_page {
    height: 75px;
}

.topPage_header #indentify_bar {
    height: 55px;
}
.topPage_header #indentify_bar .logo {
    float: left;
    width: 100px;
    height: 55px;
}
.topPage_header h1.logo img {
  display: block;
  width: 100px;
  height: 55px;
}

.topPage_header #indentify_bar .contactBtn {
    float: right;
    height: 53px;
    width: 228px;
    padding-left: 25px;
    background-color: #fff;
    color: #003f98;
    border: 1px solid #e6e6e6;
    text-align: center;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_mail_blue.png);
    background-repeat: no-repeat;
    background-position: 25% 50%;
    vertical-align: middle;
    font-size: 16px;
    line-height: 52px;
}
.topPage_header #indentify_bar .contactBtn:hover {
    background-color: #b0c8eb;
}

.topPage_header #indentify_bar .groupSearch_bar {
    height: 55px;
    width: 240px;
    padding-left: 5px;
    float: right;
}
.topPage_header.white_page #indentify_bar .groupSearch_bar {
    width: 161px;
}

.topPage_header #indentify_bar .groupSearch_bar form {
  position: relative;
}

.topPage_header #indentify_bar .groupSearch_bar .search-keywords {
    height: 23px;
    width: 198px;
    padding: 0 30px 0 10px;
    border: 1px solid #e6e6e6;
    /*background-image: url(/sites/all/themes/kddilabs/images/common/icn_search_gray.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;*/
}

.topPage_header #indentify_bar .groupSearch_bar input[type=submit] {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -13px;
  width: 30px;
  height: 24px;
  text-indent: -9999px;
  background-image: url(/sites/all/themes/kddilabs/images/common/icn_search_gray.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(255, 255, 255, 0);
  border: none;
}
.topPage_header #indentify_bar .groupSearch_bar input[type=submit]:hover {
  cursor: pointer;
}

/* #nav_language  */
.topPage_header #indentify_bar .groupSearch_bar #nav_language {
    height: 23px;
    width: 240px;
    margin-top: 5px;
}
.topPage_header.white_page #indentify_bar .groupSearch_bar #nav_language {
  margin-top: 26px;
}
.lang_l_onry{
  display: none;
}
#nav_language > ul {
    display: inline-block;
    border: 1px solid #e6e6e6;
}

#nav_language > ul > li {
    float: left;
    border-left: 1px solid #e6e6e6;
    background-color: #fff;
    cursor: pointer;
}
#nav_language > ul > li > a {
    padding: 6px 12px 5px 12px;
    color: #888888;
    font-size: 12px;
    display: table-cell;
}

#nav_language > ul > li:first-child {
    border-left: none;
}

#nav_language > ul > li:hover a {
    background-color: #f1f1f1;
}

#nav_language > ul > li.active a {
    background-color: #003f98;
    color: #fff;
}

#nav_language .nav_language_eng {
    padding: 6px 14px 5px 14px;
}

#nav_language > .absoluteLeft > li:first-child:hover {
    cursor: default;
}

#nav_language > .absoluteLeft > li:first-child:hover > a {
    background-color: #fff;
}

/* #nav_global */

#nav_global {
    height: 40px;
    width: 960px;
    margin-top: 20px;
}

#nav_global > ul > li {
    float: left;
    height: 40px;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #e6e6e6;
}

#nav_global > ul > li:last-child {
    border-right: 1px solid #e6e6e6;
}

#nav_global > ul > li > a {
    background-color: #fff;
    line-height: 40px;
    color: #000;
    display: table-cell;
}
#nav_global.lang_en > ul > li > a {
    width: 238px;
}
#nav_global.lang_ja > ul > li > a {
    width: 190px;
}
#nav_global.lang_en > ul > li:last-child > a {
    width: 241px;
}
#nav_global.lang_ja > ul > li:last-child > a {
    width: 194px;
}


#nav_global > ul > li:hover {
    border-left: 1px solid #003f98;
}

#nav_global > ul > li:hover > a,
#nav_global > ul > li > a:hover {
    background-color: #003f98;
    color: #fff;
}

#nav_global > ul > li.active {
    background-color: #fff;
}

#nav_global > ul > li.active:hover {
    border-left: 1px solid #003f98;
    background-color: #003f98;
}

#nav_global > ul > li.active:hover > a {
    color: #fff;
}

#nav_global > ul > li.active > a {
    background: url(/sites/all/themes/kddilabs/images/common/bg_nav_global_active.gif) left bottom repeat-x;
    color: #000;
}

#nav_global > ul > li.active > a:hover {
    background-image:none;
    background-color: #003f98;
    color: #fff;
}

#nav_global > ul > li > ul {
    display: none;
    position: absolute;
    margin-left: -1px;
}

#nav_global > ul > li > ul > li {
    cursor: pointer;
    background-color: rgba(0, 63, 152, 0.9);
    border-top: 1px solid #fff;
    /*margin-top: 1px;*/
    /* background-image: url(/sites/all/themes/kddilabs/images/common/background_sub_menu.png);
    background-repeat: no-repeat;
    background-position: bottom center;*/
}

#nav_global > ul > li > ul > li > a {
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    height: 28px;
    width: 239px;
    padding-top: 1px;
    display: table-cell;
}
#nav_global.lang_en > ul > li > ul > li > a {
    width: 239px;
}
#nav_global.lang_ja > ul > li > ul > li > a {
    width: 191px;
}

#nav_global > ul > li > ul > li.group_header a {
    font-weight: bold;
}

#nav_global.lang_en > ul > li:last-child > ul > li > a {
    width: 242px;
}
#nav_global.lang_ja > ul > li:last-child > ul > li > a {
    width: 195px;
}

#nav_global > ul > li > ul > li:hover {
    background-color: #3062aa;
}

#nav_global > ul > li > ul > li:hover a {
    text-decoration: none;
}

#nav_global > ul > li:hover > ul {
    display: block;
}



.header_inner {
    width: 980px;
    margin: 0 auto;
}
.header_inner:after {
    content: "";
    clear: both;
    display: block;
}

/* header */
#header {
    width: 100%;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 200;
}

#header a,
#header {
    color: #fff;
    text-decoration: none;
}
#header .header_inner {
    position: relative;
}
#header .logo {
    float: left;
    font-size: 36px;
}
#nav_global ul {
    /*    list-style: none;
        right: 0;
        bottom: 0;
        font-size: 14px;*/
}
#nav_global ul li {
    /*    float: left;*/
}
#nav_global ul li a {
    /*    padding: 0 30px;*/
}

/* Fixed */
#header.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#header.fixed .logo {
    font-size: 24px;
    color: #333;
}
#header.fixed #nav_global ul li a {
    color: #333;
    padding: 0 20px;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 6px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_sp_menu.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 112px 42px;
    width: 112px;
    height: 42px;
    cursor: pointer;
    z-index: 101;
}

#nav-toggle.open  {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_sp_menu_on.png);
}

#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


/*  category Color Box */
.category_color {
    text-align: right;
}
.category_color div.color_box {
    display: inline-block;
    height: 30px;
    margin-left: 5px;
}

.category_color div.color_box:first-child {
  margin-left: 0;
}

.tag_ja_products {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_products.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_global {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_global.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_security {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_security.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_network {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_network.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_multimedia {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_multimedia.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_life {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_life.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_business {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_business.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_other {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_other.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_exhibition {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_exhibition.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_event {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_event.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_ja_awards {
	width: 30px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_ja_awards.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_en_ja_newsrelease {
	width: 45px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_en_ja_newsrelease.gif) left top no-repeat;
	background-size: 100% 100%;
}

.tag_en_ja_topics {
	width: 45px;
	background: url(/sites/all/themes/kddilabs/images/common/img_tag_en_ja_topics.gif) left top no-repeat;
	background-size: 100% 100%;
}


/* SNS group button */
ul.sns_bar {
    text-align: right;
    margin: 30px 0;
}
ul.sns_bar li {
    height: 22px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

/* Footer */
#footer {
    clear: both;
    width: 100%;
    margin-top: 30px;
}

#footer #multilink {
    clear: both;
    width: 100%;
    background-color: #003f98;
    font-size: 14px;
}
#footer #multilink a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

#footer #multilink a:hover {
    text-decoration: underline;
}

#footer #multilink > div >ul>li>dl>dd>ul>li {
    margin-bottom: 10px;
}

#footer #multilink > div > ul > li > dl > dd > ul > li a {
    color: #b0c8eb;
    line-height: 20px;
}
#footer #multilink > div > ul > li > dl > dd > ul > li.group_header a {
    color: #fff;
    padding-left: 5px;
}

#footer #multilink > div >ul {
    display: table;
    padding-top: 50px;
    padding-bottom: 30px;
}

#footer #multilink > div > ul > li > dl > dt {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_blue_01.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 18px;
}

#footer #multilink > div > ul > li > dl > dd > ul > li {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_blue_01.png);
    background-repeat: no-repeat;
    background-position: 15px 6px;
    padding-left: 33px;
}
#footer #multilink > div > ul > li > dl > dd > ul > li.group_header {
    background-image: none;
    border-left: 3px #002b67 solid;
    margin: 25px 0 18px 18px;
    padding: 2px 0 2px 4px;
}

#footer #multilink > div >ul>li {
    display: table-cell;
    table-layout: fixed;
    width: 240px;
}
#footer #multilink > div >ul>li>dl>dt {
    margin-bottom: 20px;
}
#footer #multilink > div >ul>li>dl>dt,
.footer .footer_upper>ul>li>dl>dt>a {
    font-size: 16px;
}
#footer #multilink > div >ul>li>dl>dd>ul>li {
    margin-bottom: 15px;
}

#footer #copyright {
    clear: both;
    margin: 30px auto;
}
#footer #copyright > ul > li {
    display: inline-block;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_gray_01.png);
    background-repeat: no-repeat;
    background-size: 5px 6px;
    background-position: 3px 54%;
    padding-left: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#footer #copyright > ul > li a {
    font-size: 12px;
    color: #888888;
}
#footer #copyright > p {
    color: #888888;
    font-size: 12px;
    padding: 3px 0 0 0;
    display: inline;
}
#footer #copyright > p > strong {
    color: #666666;
    font-size: 16px;
    display: block;
}


/* Back to top */
.gotop {
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 185;
}
.gotop a {
    width: 50px;
    height: 50px;
    display: block;
    background-image: url('/sites/all/themes/kddilabs/images/common/btn_gotop.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px;
}
.gotop a:hover {

}

/* List decoration */
ul.lst_normal > li {
    font-size: 14px;
    color: #444444;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_bullet_black.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    line-height: 20px;
    padding: 2px 0 2px 15px;
}

/*
ul.lst_normal > li:before {
    content: "■ ";
    font-size: 18px;
    color: #444;
}
*/

ul.lst_strong > li {
    font-size: 14px;
    color: #003f98;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_gray_01.png);
    background-repeat: no-repeat;
    background-size: 5px 6px;
    background-position:  0px 8px;
    line-height: 20px;
    padding: 2px 0 2px 15px;
    word-wrap: break-word;
    margin-bottom: 10px;
}
/* Site Map */
div.lst_sitemap {
    float: left;
    width: 48%;
}
ul.lst_sitemap {
    float: left;
    width: 48%;
    }
ul.lst_sitemap > li {
    font-size: 100%;
    line-height: 30px;
    color: #003f98;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_gray_01.png);
    background-repeat: no-repeat;
    background-size: 5px 6px;
    background-position:  0px 8px;
    line-height: 20px;
    padding: 2px 0 2px 15px;
}
/*
div.pd10 > ul.lst_strong > li {
    font-size: 100%;
    }
*/
ul.lst_anchorLink > li {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_bullet_arrow_circle_blue.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position:  20px 8px;
    padding-left: 20px;
}

ul.lst_anchorLink > li > a {
    font-size: 14px;
    color: #003f98;
    line-height: 20px;
    padding: 4px 0 4px 20px;
    display: table-cell;
}

ul.lst_style_N > li {
    color: #444;
    line-height: 24px;
/*    list-style-type: disc; */
    padding: 2px 0 2px 15px;
}
ul.lst_style_N > li:before {
    content: "● ";
    margin-left: -13px;
}

ul.lst_style_N2 > li {
    list-style:none;
    color: #444;
    line-height: 24px;
    padding: 2px 0 2px 10px;
}

ul.lst_style_N2 > li:before {
    content: "＊ ";
    margin-left: -20px;
}
/* breabcrumb */
ul.breadcrumb {
    height: 27px;
    margin: 10px 0;
}
ul.breadcrumb > li {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_breadcumb_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px 7px;
    background-position: left center;
    display: ruby-text-container;
    display: initial;
    line-height: 20px;
}
ul.breadcrumb > li:first-child {
    background-image: none;
}

ul.breadcrumb > li > a {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
    padding: 4px 17px 4px 23px;
}

ul.breadcrumb > li:first-child > a {
    padding-left: 0px;
}

ul.breadcrumb > li:last-child {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
    padding: 4px 17px 4px 23px;
}

ul.breadcrumb > li > a:hover {
    text-decoration: underline;
}

/* box */
div.boxGray_subContent {
    border: 2px #eaeaea solid;
    padding: 28px 30px;
}

div.boxGray_subContentF {
    border: 2px #eaeaea solid;
    padding: 28px 30px;
}

div.boxGray_subContentB {
    border-top: 2px #eaeaea solid;
    border-right: 2px #eaeaea solid;
    border-bottom: 0 #eaeaea solid;
    border-left: 2px #eaeaea solid;
    padding: 28px 30px;
}

div.boxBlue_subContent {
    border: 2px #003f98 solid;
    padding: 28px 30px;
}

div.nodeMenu {
    clear:both;
    overflow:hidden;
    zoom:1;
    margin-bottom:30px;
}

/* Button */
.btn_normal {
    display: table-cell;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    padding: 13px 0;
    background-color: #003f98;
    color: #fff;
    cursor: pointer;
    min-width: 300px;
    text-align: center;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_white_01.png);
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: 90% center;
}
.btn_normal > span {
    line-height: 24px;
    width: 100%;
    padding: 5px 15px 5px 0;
}

.btn_normal:hover {
    background-color: #b0c8eb;
    color: #003f98;
}

.btn_pdf {
    font-size: 14px;
    min-width: 300px;
    height: 24px;
    padding: 13px 0;
    background-image: none;
}
.btn_pdf > span {
    line-height: 24px;
    padding: 5px 0 5px 30px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_pdf.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 18px;
}

.btn_white {
    display: table-cell;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 20px;
    border: 1px #e6e6e6 solid;
    background-color: #fff;
    color: #888888;
    cursor: pointer;
    min-width: 220px;
    text-align: center;
}
.btn_white > span {
    padding-right: 0px;
}
.btn_white:hover {
    background-color: #f1f1f1;
    color: #888888;
}

.btn_print {
    font-size: 12px;
    min-width: 180px;
    height: 20px;
    padding: 9px 0;
    margin-left: 10px;
}
.btn_print > span {
    padding-left: 25px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_print.png);
    background-repeat: no-repeat;
    background-position: left center;
}
/* Slider */

#slider {
    position: relative;
    overflow: hidden;
    margin: 30px 0 20px 0;
    /*  border-radius: 4px;*/
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 960px;
    height: 400px;
    background: #ccc;
    text-align: center;
}

a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 180;
    display: block;
    padding: 2% 0;
    width: auto;
    height: auto;
    cursor: pointer;
}
a.control_prev > img , a.control_next > img {
  width: 50px;
  height: 50px;
}

a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    /*  border-radius: 0 2px 2px 0;*/
}

a.control_next {
    right: 0;
    /*  border-radius: 2px 0 0 2px;*/
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}

/* table */
table .prd_img {
    float: left;
    height: 100px;
    width: 150px;
    padding-right: 20px;
}

table.prd_list {
    width: 100%;
}

table.prd_list> tbody > tr > td {
    position: relative;
    width: 50%;
    padding: 28px;
    border: 2px #eaeaea solid;
    cursor: pointer;
}

/*table.prd_list> tbody > tr > td > dl > dd > a {
    color: #000;
}*/

table.prd_list> tbody > tr > td:hover {
    outline: 3px solid #003f98;
    z-index: 100;
    position: relative;
}

table.prd_list tr > td > a.back_full_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


table.prd_list> tbody > tr > td > dl {
    height: auto;
    overflow: hidden;
}

table.prd_list> tbody > tr > td > dl > dt {
    font-size: 16px;
    color: #003f98;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

table.prd_list> tbody > tr > td > dl > dd {
    font-size: 14px;
    color: #444444;
    line-height: 25px;
    letter-spacing: 0.5px;
    /*-ms-word-break: break-all;*/
    /*word-break: break-all;*/
    /*word-break:break-word;*/
    margin: 10px 0 0 0;
}

table.prd_list> tbody > tr > td > dl > dd:lang(en) {
    /*-ms-word-break: break-all;*/
    /*word-break: break-all;*/
    /*word-break:break-word;*/
    /*-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
}
/* ニュースリリース・トピックスにはタイトルに矢印を付ける */
table.prd_list.press_list a > p {
  position: relative;
  margin-left: -10px;
  background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_blue_01.png);
  background-position: 15px 7px;
  background-repeat: no-repeat;
  padding-left: 33px;
}

ul.prd_list_rel {
    clear: both;
    height: 156px;
}

ul.prd_list_rel .prd_img {
    float: left;
    height: 100px;
    width: 150px;
    padding-right: 20px;
}

ul.prd_list_rel > li {
    position: relative;
    display: inline-table;
    width: 41.5%;
    padding: 28px;
    background-color: #eaf2fd;
    cursor: pointer;
    margin-bottom: 25px;
}
ul.prd_list_rel li > a.back_full_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

ul.prd_list_rel > li.full_width{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 0;
}

ul.prd_list_rel > li:hover {
    outline: 3px solid #003f98;
}

ul.prd_list_rel > li:nth-child(2n+1) {
    /*margin-right: 34px;*/
    float: left;
}

ul.prd_list_rel > li:last-child {
    /*margin-left: 15px;*/
    float: right;
}

ul.prd_list_rel > li > dl > dd {
    font-size: 14px;
    color: #003f98;
    line-height: 25px;
    letter-spacing: 0.5px;
    display: table-cell;
}

.prd_list_rel > li > a.link_new_page {
    background: none;
    padding: 0;
}

/* for access map */
table.prd_list_map {
    width: 100%;
    font-size: 100%;
}
.largeSize table.prd_list_map {
  font-size: 110%;
  line-height: 20px;
}
.smallSize table.prd_list_map {
  font-size: 90%;
  line-height: 13px;
}

table.prd_list_map> tbody > tr > td {
    width: 50%;
    padding: 28px;
    border: 2px #eaeaea solid;
}

table.prd_list_map> tbody > tr > td > dl {
    height: auto;
    overflow: hidden;
}

table.prd_list_map> tbody > tr > td > dl > dt {
    /*font-size: 16px;*/
    font-size: 110%;
    color: #003f98;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

table.prd_list_map> tbody > tr > td > dl > dd {
    /*font-size: 14px;*/
    color: #444444;
    line-height: 25px;
    letter-spacing: 0.5px;
    margin: 10px 0 0 0;
}

/* table expand collapse */
ul.lst_expcol {
    width: 100%;
    clear: both;
    font-size: 0;
    overflow:hidden;
}
ul.lst_expcol > li  {
    font-size: 14px;
    width: 425px;
    height: 35px;
    margin-bottom: 10px;
    background-color: #9f9fa0;
    display: inline-block;
}

ul.lst_expcol > li > a {
    display: table-cell;
    width: 425px;
    padding: 5px 0;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_collapse.png);
    background-repeat: no-repeat;
    background-position: left center;
}
ul.lst_expcol > li > a > span {
    padding-left: 55px;
}

ul.lst_expcol > li.active  {
    background-color: #003f98;
}

ul.lst_expcol > li.active > a {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_expand.png);
}

ul.lst_expcol > li  {
    font-size: 14px;
    width: 425px;
    height: 35px;
    margin-bottom: 10px;
    background-color: #9f9fa0;
    display: inline-block;
}

ul.lst_expcol li:nth-child(2n+1) {
    margin-right: 10px;
    margin-left: 0;
    float: left;
}

/* .content_padding20 */
.content_padding20 {
    width: 920px;
    padding: 20px 20px;
}


/* ul.threeCol */

ul.threeCol {
    font-size: 0;
}

ul.threeCol > li {
    display: inline-block;
    font-size: 14px;
    width: 300px;
}

ul.threeCol > li:first-child {
    margin-right: 1%;
}

ul.threeCol > li:last-child {
    margin-left: 1%;
}

/* ul.threeCol.promo_box */
.promo_box > ul.threeCol > li {
    width: 32.44%;
    border: 1px #ebecef solid;
    vertical-align: top;
}

.promo_box > ul.threeCol > li img.img_promo {
    width: 298px;
    height: 88px;
}
.promo_box > ul.threeCol > li a {
  display: block;
  position: relative;
}
.promo_box > ul.threeCol > li a[target="_blank"]:after {
  content: "";
  display: block;
  position: absolute;
  right: 4px;
  top: 5px;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-color: rgba(0,0,0,0);
  background-image: url(/sites/all/themes/kddilabs/images/top/promo_newtablink_off.png);
}
.promo_box > ul.threeCol > li:hover a[target="_blank"]:after {
  background-image: url(/sites/all/themes/kddilabs/images/top/promo_newtablink_on.png);
}

/* .sns_style */
.sns_style ul.threeCol > li {
    width: 298px;
    border: 1px #ebecef solid;
    vertical-align: top;
}

.sns_style ul.threeCol > li > dl {
    width: 100%;
    display: block;
}

.sns_style ul.threeCol > li > dl > dt  {
    display: block;
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
    text-align: center;
}

.sns_style ul.threeCol > li > dl > dd  {

}

.sns_style ul.threeCol > li > dl > dd > img.sns_logo  {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    margin: 15px;
    float: left;
}

.sns_style ul.threeCol > li > dl > dd > p {
    margin: 15px 0;
    padding: 0;
    color: #003f98;
    display: inline-table;
    width: 220px;
}

/* .facebook_sns */
dl.facebook_sns > dt {
    background-color: #305097;
}

dl.facebook_sns > dd > p {
    font-size: 16px;
}

/* .twitter_sns */
dl.twitter_sns > dt {
    background-color: #00aced;
}

dl.twitter_sns > dd > p {
    font-size: 14px;
}

/* .rss_sns */
dl.rss_sns > dt {
    background-color: #bbbbbb;
}
dl.rss_sns > dt > img {
    vertical-align: middle;
    margin-top: -2px;
}

dl.rss_sns > dd > p {
    font-size: 14px;
    margin: 5px 0 0 15px !important;
    display: block !important;
}

dl.rss_sns > dd > p:first-child {
    margin-top: 15px !important;
}


.bullet_gray {
    padding-left:15px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_gray_01.png);
    background-repeat: no-repeat;
    background-size: 5px 6px;
    background-position: 0 5px;
}

/* Normal size */
/*

ul.sns_style > li > dl > dtt,
.btn_print,
ul.breadcrumb > li > a,
#footer #copyright > p,
#footer #copyright > ul > li a,
#nav_global > ul > li > ul > li > a,
#nav_language > ul > li > a,
h1.tth_2 > a.tth_buttonRight,
h1.tth_1 > a.tth_buttonRight,
h1.tth_1 > div > a.tth_buttonRight {
    font-size: 12px;
}
ul.break_list > li,
ul.threeCol > li,
ul.lst_expcol > li,
ul.prd_list_rel > li > dl > dd,
table.prd_list> tbody > tr > td > dl > dd,
.btn_pdf,
.btn_normal,
ul.lst_anchorLink > li > a,
ul.lst_strong > li,
ul.lst_sitemap > li,
ul.lst_normal > li,
ul.lst_style_N > li,
ul.lst_style_N2 > li,
#footer #multilink,
#footer #multilink a,
h1.tth_1 > span > small {
    font-size: 14px;
}
ul.lst_expcol > li > a,
table.prd_list> tbody > tr > td > dl > dt,
.btn_white,
#footer #copyright > p > strong,
#footer #multilink > div >ul>li>dl>dt,
.footer .footer_upper>ul>li>dl>dt>a,
#nav_global > ul > li,
.topPage_header #indentify_bar .contactBtn {
    font-size: 16px;
}

.slider_option,
h4.tth_1 > span {
    font-size: 18px;
}

h2.tth_1 > span,
h1.tth_2 > span {
    font-size: 20px;
}

#header.fixed .logo,
h2.tth_2 > span {
    font-size: 24px;
}

h1.tth_3 > span,
h1.tth_1 > span {
    font-size: 30px;
}

*/


/*///////////////// small size ////////////////*/
.smallSize .btn_white,
.smallSize .required,
.smallSize .table_confirm .error_txt,
.smallSize .btn_N2_speaker > span,
.smallSize ul.sns_style > li > dl > dt,
.smallSize .btn_print,
.smallSize #footer #copyright > p,
.smallSize #footer #copyright > ul > li a,
.smallSize #nav_global > ul > li > ul > li > a,
.smallSize h1.tth_2 > a.tth_buttonRight,
.smallSize h1.tth_1 > a.tth_buttonRight,
.smallSize h1.tth_1 > div > a.tth_buttonRight {
    font-size: 10px;
}
.smallSize ul.breadcrumb > li > a,
.smallSize ul.breadcrumb > li:last-child {
  font-size: 10px;
}
.smallSize #nav_language > ul > li > a {}

.smallSize .table_confirm tr > td:last-child,
.smallSize .table_confirm tr > td:first-child,
.smallSize .table_confirm tr > td:nth-child(2),
.smallSize a.link_new_page,
.smallSize a.link_circle_blue,
.smallSize .table_normalContents td:last-child,
.smallSize ul.break_list > li,
.smallSize ul.break_list > li>span:last-child,
.smallSize ul.threeCol > li,
.smallSize ul.lst_expcol > li,
.smallSize ul.prd_list_rel > li > dl > dd,
.smallSize table.prd_list> tbody > tr > td > dl > dd,
.smallSize .btn_pdf,
.smallSize .btn_normal,
.smallSize ul.lst_anchorLink > li > a,
.smallSize ul.lst_strong > li,
.smallSize ul.lst_sitemap > li,
.smallSize div.p10 > ul.lst_strong > li,
.smallSize ul.lst_normal > li,
.smallSize ul.lst_style_N > li,
.smallSize ul.lst_style_N2 > li,
.smallSize #footer #multilink,
.smallSize #footer #multilink a,
.smallSize h1.tth_1 > span > small {
    font-size: 12px;
}

.smallSize ul.break_list > li>span,
.smallSize .table_normalContents td:first-child,
.smallSize ul.lst_expcol > li > a,
.smallSize table.prd_list> tbody > tr > td > dl > dt,
.smallSize #footer #copyright > p > strong,
.smallSize #footer #multilink > div >ul>li>dl>dt,
.smallSize .footer .footer_upper>ul>li>dl>dt>a,
.smallSize #nav_global > ul > li,
.smallSize .topPage_header #indentify_bar .contactBtn {
    font-size: 14px;
}

.smallSize .table-03,
.smallSize .slider_option,
.smallSize h4.tth_1 > span {
    font-size: 16px;
}

.smallSize h2.tth_1 > span,
.smallSize h1.tth_2 > span {
    font-size: 18px;
}

.smallSize #header.fixed .logo,
.smallSize h2.tth_2 > span {
    font-size: 21px;
}

.smallSize h1.tth_3, .smallSize h1.tth_4 > span,
.smallSize h1.tth_1 > span {
    font-size: 25px;
}


/*///////////////// large size ////////////////*/
.largeSize .required,
.largeSize .table_confirm .error_txt,
.largeSize ul.sns_style > li > dl > dt,
.largeSize .btn_print,
.largeSize #footer #copyright > p,
.largeSize #footer #copyright > ul > li a,
.largeSize #nav_global > ul > li > ul > li > a,
.largeSize h1.tth_2 > a.tth_buttonRight,
.largeSize h1.tth_1 > a.tth_buttonRight,
.largeSize h1.tth_1 > div > a.tth_buttonRight {
    font-size: 14px;
}
.largeSize ul.breadcrumb > li > a,
.largeSize ul.breadcrumb > li:last-child {
  font-size: 14px;
  line-height: 22px;
}

.largeSize .table_confirm tr > td:last-child,
.largeSize .table_confirm tr > td:first-child,
.largeSize .table_confirm tr > td:nth-child(2),
.largeSize a.link_new_page,
.largeSize .btn_N2_speaker,
.largeSize a.link_circle_blue,
.largeSize .table_normalContents td:last-child,
.largeSize ul.break_list > li,
.largeSize ul.break_list > li > span:last-child,
.largeSize ul.threeCol > li,
.largeSize ul.lst_expcol > li,
.largeSize ul.prd_list_rel > li > dl > dd,
.largeSize table.prd_list> tbody > tr > td > dl > dd,
.largeSize .btn_pdf,
.largeSize .btn_normal,
.largeSize ul.lst_anchorLink > li > a,
.largeSize ul.lst_strong > li,
.largeSize ul.lst_sitemap > li,
.largeSize div.p10 > ul.lst_strong > li,
.largeSize ul.lst_normal > li,
.largeSize ul.lst_style_N > li,
.largeSize ul.lst_style_N2 > li,
.largeSize #footer #multilink,
.largeSize #footer #multilink a,
.largeSize h1.tth_1 > span > small {
    font-size: 16px;
}

.largeSize ul.break_list > li > span:first-child,
.largeSize .table_normalContents td:first-child,
.largeSize ul.lst_expcol > li > a,
.largeSize table.prd_list> tbody > tr > td > dl > dt,
.largeSize #footer #copyright > p > strong,
.largeSize #footer #multilink > div >ul>li>dl>dt,
.largeSize .footer .footer_upper>ul>li>dl>dt>a,
.largeSize #nav_global > ul > li,
.largeSize .topPage_header #indentify_bar .contactBtn {
    font-size: 18px;
}

.largeSize .table-03,
.largeSize .slider_option,
.largeSize h4.tth_1 > span {
    font-size: 20px;
}

.largeSize h2.tth_1 > span,
.largeSize h1.tth_2 > span {
    font-size: 23px;
}

.largeSize #header.fixed .logo,
.largeSize h2.tth_2 > span {
    font-size: 26px;
}

.largeSize h1.tth_3,.largeSize h1.tth_4 > span,
.largeSize h1.tth_1 > span {
    font-size: 34px;
}



/*///// English Version ////*/

h1.tth_1 > span > small:lang(en) {
    margin: 30px -30px -29px -30px;
    padding: 20px 10px 0px 10px;
    background: #fff;
    display: flex;
    font-size: 70%;
    text-align: left;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
}



/* ul.twoCol */

ul.twoCol {
    font-size: 0;
}

ul.twoCol > li {
    display: inline-block;
    font-size: 14px;
    width: 300px;
}

ul.twoCol > li:first-child {
    margin-right: 10px;
}

ul.twoCol > li:last-child {
    margin-left: 10px;
}


/* .sns_style */
.sns_style ul.twoCol > li {
    width: 48.83%;
    border-top: 2px #003f98 solid;
    vertical-align: top;
}

.sns_style ul.twoCol > li > dl {
    width: 100%;
    display: block;
}

.sns_style ul.twoCol > li > dl > dt  {
    display: block;
    height: 65px;
    font-size: 20px;
    line-height: 35px;
    color: #2058a5;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    line-height: 65px;
}

.sns_style ul.twoCol > li > dl > dt>span  {
    padding-left: 20px;
    font-weight: bold;
}

.sns_style ul.twoCol > li > dl > dd  {

}

.sns_style ul.twoCol > li > dl > dd > img.sns_logo  {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    margin: 15px;
    float: left;
}

.sns_style ul.twoCol > li > dl > dd > p {
    margin: 15px 0;
    padding: 0;
    color: #003f98;
    display: inline-table;
    width: 220px;
}

/* .breadscrumb_sns */
dl.breadscrumb_sns > dt {
    background-color: #f3f7fd;
}
dl.breadscrumb_sns > dt > img {
    vertical-align: middle;
    margin-top: -2px;
}

dl.breadscrumb_sns > dd > p {
    font-size: 14px;
    margin: 5px 0 0 15px !important;
    display: block !important;
}

dl.breadscrumb_sns > dd > p:first-child {
    margin-top: 15px !important;
}

/* .breake_list */
ul.break_list {
    width: 100%;
}

ul.break_list > li {
    width: 100%;
    font-size: 16px;
    border-bottom: 2px #eaeaea solid;
    padding: 20px 0px;
}

ul.break_list > li:last-child {
    border: none;
}

ul.break_list > li>span {
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
}

ul.break_list > li>span:first-child {
    padding-left: 20px;
    color: #003f98;
    font-weight: bold;
    width: 20%;
}

ul.break_list > li>span:last-child {
    line-height: 20px;
    font-size: 14px;
}

/* .link_new_page */
a.link_new_page {
    padding: 4px 0px 4px 20px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_new_window.png);
    background-repeat: no-repeat;
    color: #003f98;
    cursor: pointer;
    background-position:  0px 8px;
}

.new_win_list ul.lst_strong > li {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_new_window.png);
}

/* .btn_N2_speaker */
.btn_N2_speaker{
    display: inline-block;
    min-width: 150px;
    border: 1px solid #003f98;
    color: #003f98;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_n2.png), url(/sites/all/themes/kddilabs/images/common/icn_speaker.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 25px 25px, 25px 25px;
    background-position: 10px 8px, 40px 8px;
    text-align: center;
    font-size: 14px;
    padding: 15px 20px;
    line-height: 10px;
    cursor: pointer;
}

.btn_N2_speaker > span {
    padding-left: 55px;
    float: left;
}

/* link_circle_blue */
a.link_circle_blue {
    padding: 4px 0px 4px 20px;
    font-size: 14px;
    line-height: 20px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_bullet_arrow_circle_blue.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position:  0px 8px;
    color: #003f98;
    cursor: pointer;
    display: block;
}

a.link_within {
    padding: 4px 4px 4px 20px;
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_bullet_arrow_circle_blue.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 1px 6px;
    color: #003f98;
    cursor: pointer;
}

/* table_normalContents */
.table_normalContents {
    width: 100%;
    line-height: 20px;
}

.table_normalContents tr{
    border-bottom: 2px #eaeaea solid;
}

.table_normalContents tr:last-child {
    border-bottom: none;
}

.table_normalContents td {
    padding: 20px 0px;
}

.table_normalContents td:first-child {
    width: 25%;
    font-size: 16px;
    padding-left: 20px;
    color: #003f98;
    font-weight: bold;
}
.table_normalContents td:last-child {
    width: 70%;
    font-size: 14px;
}

.tb_inline {
	display: none;
}

.sp_inline {
	display: none;
}
.cke_editable .sp_inline {
  display: inline;
}

.pc_inline {
	display: inline;
}

/* 20161025
画像サイズ調整のためstyle系列cssのliquid_bigおよびliquid_smallを修正 */
img.liquid_big {
	width: auto;
	height: auto;
}

img.liquid_small {
	width: auto;
	height: auto;
}

/* 20161109
研究・製品ページのメイン画像サイズ固定のため追加 */
img.fixed_size {
    width: 240px;
    height: 160px;
}


/* ul.prd_list */
ul .prd_img {
    float: left;
    height: 100px;
    width: 150px;
    padding-right: 20px;
}

ul.prd_list {
    width: 100%;
    font-size: 0;
    display: table;
}

ul.prd_list > li.full_width{
        width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 0;
    }

ul.prd_list > li {
    width: 42.79%;
    padding: 28px;
    border: 2px #eaeaea solid;
    cursor: pointer;
    display: inline-table;
}

ul.prd_list > li > a {
    color: #000;
}

ul.prd_list > li:hover {
    outline: 3px solid #003f98;
    z-index: 100;
    position: relative;
}

ul.prd_list > li > dl {
    height: auto;
    overflow: hidden;
}

ul.prd_list > li > dl > dt {
    font-size: 16px;
    color: #003f98;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

ul.prd_list > li > dl > dd {
    font-size: 14px;
    color: #444444;
    line-height: 25px;
    letter-spacing: 0.5px;
    /*-ms-word-break: break-all;*/
    /*word-break: break-all;*/
    /*word-break:break-word;*/
    margin: 0;
}

ul.prd_list > li > dl > dd:lang(en) {
    /*-ms-word-break: break-all;*/
    /*word-break: break-all;*/
    /*word-break:break-word;*/
    /*-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
}

/* img_box */
.img_box {
    width: auto;
}

/* text_indent20 */
.text_indent20 {
    margin-left: 20px;
}

/* question_step */
.question_step {
    background-color: #eeeeee;
    height: 60px;
    list-style: none;
}

.question_step > li {
    height: 60px;
    width: 33.3%;
    float: left;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    line-height: 10px;
}

.question_step> li.current_step {
    background-color: transparent;
    background-repeat: no-repeat;
}

.step1{
    background-image: url(/sites/all/themes/kddilabs/images/question_step1.png);
    background-position: -24px 0;
}

.step2{
    background-image: url(/sites/all/themes/kddilabs/images/question_step1.png);
    background-size: 287px 100%;
}

.step3{
    background-image: url(/sites/all/themes/kddilabs/images/question_step1.png);
}

.question_step> li.current_step > span {
    color: #fff;
}

.question_step > li > span {
    font-size: 18px;
    color: #b0b0b0;
    font-weight: bold;
    line-height: 60px;
}


/* table_confirm*/
.table_confirm{
    display: inline-block;
    line-height: 2.5rem;
    width: 100%;
}

.table_confirm tr{
    height: 53px;
}

.table_confirm tr > td {
    border-bottom: 10px #fff solid;
    vertical-align: middle;
    padding: 20px;
    background-color: #f3f7fd;
}

.table_confirm tr > td:first-child{
    /*width: 270px;*/
}

.table_confirm tr > td:last-child{
    background-color: #fff;
    /*width: 68.6%;*/
}

.table_confirm tr > td.border_right{
    border-right: 8px solid #fff;
}

/* required*/
.required {
    background-color: #d93d0d;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    padding: 0px 1px;
}

/* note */
.note{
    font-size: 12px;
    color: #cccccc;
}
.smallSize .note {
    font-size: 10px;
}
.largeSize .note {
    font-size: 13px;
}

/* btn_prev */
.btn_prev {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_left_white_01.png);
    background-repeat: no-repeat;
    background-position: 10% center;
    float: left;
    width: 40%;
}
.btn_prev:hover {
  cursor: pointer;
}

/* btn_next */
.btn_next {
    background-image: url(/sites/all/themes/kddilabs/images/common/icn_arrow_right_white_01.png);
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: 90% center;
    width: 40%;
    float: right;
}
.btn_next:hover {
  cursor: pointer;
}

/* confirm_button */
.confirm_buttons{
    width: 100%;
    display: inline-block;
    padding: 0 12%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* input text */
.table_confirm input {
    font-size: 14px;
    line-height: normal;
    padding: 0px 10px !important;
    height: 38px;
}

.table_confirm input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.table_confirm input.extend_width_with_button{
    width: 100%;
}

/* input textarea */
.table_confirm textarea {
    resize: none;
    width: 100%;
    font-size: 1.5rem;
    line-height: normal;
    font-family: Verdana, Helvetica, Arial, Meiryo, Osaka, sans-serif;
    overflow: hidden;
    height: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* input dropdown */
.table_confirm select {
    border: 0px solid rgb(169, 169, 169);
    padding: 5px 10px;
    height: 38px;
}

.table_confirm input, select {
    vertical-align: middle;
}

.table_confirm select.select_arrow {
    height: 34px;
    background: url(/sites/all/themes/kddilabs/images/common/icn_down.png) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 238px;
    padding: 9px 8px;
}

.table_confirm tr > td > div.select-style {
    padding: 0;
    margin: 0;
    width: 50%;
    border: 1px solid rgb(169, 169, 169);
    background: url(/sites/all/themes/kddilabs/images/common/icn_down.png) no-repeat right;
    background-size: 50px 50px;
}

.table_confirm div.select-style-left {
    width: 238px;
    border: 1px solid rgb(169, 169, 169);
    background: url(/sites/all/themes/kddilabs/images/common/icn_down_bg_white.png) no-repeat left;
    background-position-x: 10px;
    margin-bottom: -16px;
}

.table_confirm div.select-style-left select {
    padding: 4px 8px 5px 30px;
}

/* width120 */
.width120 {
    width: 120px !important;
}

/* input checkbox */
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    background: url(/sites/all/themes/kddilabs/images/checkbox.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background: url(/sites/all/themes/kddilabs/images/checkbox.png) -20px top no-repeat;
}

input[type="checkbox"] + label > span:nth-child(2) {
    display: inline;
    width: 100%;
    height: 56px;
    background: none;
}

/* grey text */
.grey_text{
    color: #a5a5a5;
}

/* tel_textbox1 */
.table_confirm .tel_textbox1{
    width: 98px !important;
}

/* tel_textbox2 */
.table_confirm .tel_textbox2{
    width: 120px !important;
}

.box_about {
	margin-bottom: 30px;
}

/* error_txt */
.table_confirm .error_txt{
    padding-bottom: 5px;
    padding-top: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #d93d0d;
    margin-top: -20px;
    line-height: 16px;
}

/* table-01 */
table.table-01 {
    max-width: 800px;
    width: 100%;
}

table.table-01 th {
    background-color: #d1d1d1;
    text-align: left;
}

table.table-01 th {
    background-color: #d1d1d1;
}

table.table-01 td {
    background-color: #eaeaea;
}

table.table-01 th, table.table-01 td {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 14px 20px 10px;
    color: #666;
    line-height: 1.67;
    vertical-align: middle;
    font-size: 12px;
}

/* table-02 */
table.table-02 {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    max-width: 800px;
}

table.table-02 td> p {
    font-size: 12px;
}

table.table-02 th, table.table-02 td {
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 6px 12px 30px;
}

table.table-02 td> p > b {
    font-weight: bold;
}

sup {
    vertical-align: super;
    font-size: 10px;
}

sub {
    vertical-align: sub;
    font-size: 10px;
}

/* table-03 */
.table-03 {
    width: 100%;
    line-height: 30px;
    color: #3365ad;
    font-size: 18px;
}

.table-03 tr{
    background-image: linear-gradient(to right, #3365ad 33%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 7px 2px;
    background-repeat: repeat-x;
}

.table-03 dd:first-child{
    width: 75px;
}

.table-03 dd{
    display: table-cell;
    padding: 30px 20px 30px 15px;
}

/* table-04 */
table.table-04 {
    width: 100%;
    line-height: 30px;
    border-collapse: separate;
    border-spacing: 0;
}
.largeSize table.table-04 {
  font-size: 110%;
  line-height: 35px;
}
.smallSize table.table-04 {
  font-size: 90%;
  line-height: 25px;
}

table.table-04 .highlight {
  font-size: 110%;
  color: #fff;
  background-color: #003f98;
}

table.table-04 thead th {
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  padding: 8px 20px 8px;
  margin: 4px 0;
  background-color: #eaf2fd;
}

table.table-04 thead .highlight {
  text-align: left;
}

table.table-04 tbody th {
  font-size: 100%;
  text-align: left;
    background-color: #eaf2fd;
    word-break: keep-all;
}

table.table-04 tbody th:nth-child(n+2) {
  text-align: center;
}

table.table-04 tbody td {
  position: relative;
  font-size: 100%;
    background-color: #fff;
}

table.table-04 tbody tr td::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  content: "";
  border-bottom: 1px solid #e9e9e9;
}

table.table-04 tbody tr td.no-border::after {
  display: none;
}

table.table-04 tbody th, table.table-04 tbody td {
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    padding: 14px 20px;
    line-height: 1.67;
    vertical-align: middle;
}

table.table-04 tbody th.highlight {
  text-align: center;
}

/*table.table-04 tbody td.next2rowspan {
  position: relative;
}

table.table-04 tbody tr td.next2rowspan::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  content: "";
  border-bottom: 1px solid #e9e9e9;
}*/

/* table-05 */
table.table-05 {
    width: 100%;
    line-height: 30px;
    border-collapse: separate;
    border-spacing: 0;
}
.largeSize table.table-05 {
  font-size: 110%;
  line-height: 20px;
}
.smallSize table.table-05 {
  font-size: 90%;
  line-height: 13px;
}

table.table-05 .highlight {
  font-size: 110%;
  color: #fff;
  background-color: #003f98;
}

table.table-05 thead th {
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  padding: 8px 20px 8px;
  margin: 4px 0;
  background-color: #eaf2fd;
}

table.table-05 thead .highlight {
  text-align: left;
}

table.table-05 tbody th {
  font-size: 100%;
  text-align: left;
    background-color: #eaf2fd;
    word-break: keep-all;
}

table.table-05 tbody th:nth-child(n+2) {
  text-align: center;
}

table.table-05 tbody td {
  position: relative;
  font-size: 100%;
    background-color: #fff;
}

table.table-05 tbody tr:first-child td::before {
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  content: "";
  border-bottom: 1px solid #e9e9e9;
}

table.table-05 tbody tr td::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  content: "";
  border-bottom: 1px solid #e9e9e9;
}

table.table-05 tbody th, table.table-05 tbody td {
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    padding: 14px 20px;
    line-height: 1.67;
    vertical-align: middle;
}

table.table-05 tbody th.highlight {
  text-align: center;
}

.vision {
    width: 860px;
    padding: 20px 50px 0;
    margin: 0 auto;
    background: #fff;
    margin-top: 20px;
}

.vision .img_top {
  padding: 20px 0 40px 0;
  position: relative;
  left: -50px;
}

.vision .img_top.vision_en {
  padding: 20px 0 80px 0;
}

.vision .img_bottom {
  position: relative;
  left: -50px;
}

.vision .btn_N2_speaker > span {
	float: none;
	padding-left: 0px;
	line-height: 1.3em;
}
.vision .btn_N2_speaker {
	font-size: 80%;
	padding-left: 75px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: 10px 11px, 40px 11px;
  background-size: 25px 25px, 25px 25px;
	text-align: right;
}
.vision .sentence {
	font-size: 140%;
	font-weight: normal;
	color: #003F98;
	line-height: 250%;
	text-align: center;
	margin-bottom: 50px;
}
.largeSize .vision .sentence {
  font-size: 150%;
  line-height: 260%
}
.smallSize .vision .sentence {
  font-size: 120%;
  line-height: 230%;
}
.vision .txt_large_title {
	margin-bottom: 70px;

}

.vision .responsive_N2 {
	text-align: right;
	margin-bottom: 40px;
}
.vision_en {
	padding-bottom: 40px;
}

/* submit button */
form input[type="submit"] {
    font-size: 120%;
    line-height: normal;
    padding: 0px 10px;
    height: 50px;
    border: none;
}
.smallSize form input[type="submit"] {
  font-size: 100% !important;
}
.largeSize form input[type="submit"] {
  font-size: 140% !important;
}
/* button suggest address from zipcode */
.table_confirm .btn_zipcode {
    display: inline-block;
    font-size: 90%;
    line-height: 20px;
    padding: 9px 20px;
    border: 1px #e6e6e6 solid;
    background-color: #fff;
    color: #888888;
    cursor: pointer;
    text-align: center;
}
.table_confirm .btn_zipcode > span {
    padding-right: 0px;
}
.table_confirm .btn_zipcode:hover {
    background-color: #f1f1f1;
    color: #888888;
}

.confirm_buttons input.btn_prev.btn_normal {
    min-width: auto;
    width: 40%;
}

.confirm_buttons input.btn_next.btn_normal {
    min-width: auto;
    width: 40%;
}

.2images {
    float: left;
}
.within2images {
    float: left;
}
.width46 {
    width: 46%;
}
.width47 {
    width: 47%;
}
.width48 {
    width: 48%;
}
.width49 {
    width: 49%;
}
.width50 {
    width: 50%;
}

/* Login Page */
.element-invisible {
  display: none;
}
ul.primary {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px 0 25px 5px;
  padding: 0 0 0 1em; /* LTR */
  white-space: nowrap;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5em; /* LTR */
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  border-right: 1px solid #ccc; /* LTR */
  display: inline;
  padding: 0 1em;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}
.content form .form-item {
  margin-bottom: 30px;
}
.content form .form-item label {
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 14px;
}
.content form .form-item .form-text {
  padding: 8px 6px;
  border: solid 1px #acacac;
  margin: 0 0 5px 0;
}
.content form .form-item .description {
  font-size: 11px;
}
.content form .form-actions .form-submit {
  padding: 5px 12px;
  background-color: #003f98;
  border: none;
  font-size: 12px;
  color: #fff;
}
.content form .form-actions .form-submit:hover {
  background-color: #b0c8eb;
  color: #003f98;
  cursor: pointer;
}