@charset "UTF-8";
	
/*#left_box ul#side_nav li#nav7 a{background:#7b8188;}*/
#stage #contents h3{ margin: 35px 0 0 0; padding-bottom: 0; border-bottom: solid 0; }
/*
ul#tab {margin:20px 0 20px 0;padding:0;float:left;width:760px;}
ul#tab li {display: block;margin:0;padding:0;width: 188px;height: 50px;text-align:center;color: #666; line-height: 1.2em;border-bottom: 1px solid #ccc;background: url(/about_tdk/tdk_network/img/tab.gif) 0 0;float:left;}
ul#tab li.row1 {padding-top:14px;height: 34px;}
ul#tab li.row2 {padding-top:14px;height: 34px;}
ul#tab li.selected {margin:0 1px 0 0; border: 1px solid #ccc;border-bottom: 1px solid #fff;background-color: #fff;background: none;}
ul#tab li a{display: block; color:#666; text-decoration: none;}
ul#tab li a:link {color:#666; text-decoration: none;}
ul#tab li a:visited {color:#666;}
ul#tab li a:hover {color:#666; text-decoration:underline;}
ul#tab li a:active {text-decoration:none;}
*/
ul#tab li a {width: 189px;}

th#category{ width:6em;}
#wrapper #stage #contents table {margin-bottom: 20px;}
/*
#wrapper #stage #contents table tr th { white-space:nowrap; background-color:#F4FCFF; border-top: solid 3px #9ce; color:#036; font-weight: bold; text-align:center; padding: 0.5em;}
*/
#wrapper #stage #contents table tr:hover{ background-color:#f4faff;}
/*
#wrapper #stage #contents table tr td{ border: dotted 1px #ccc; border-top: solid 2px #bbd4e6;}
*/
#wrapper #stage #contents table tr td.blank{ text-align:center;}
#wrapper #stage #contents table tr th.tleft{ text-align:left;}
#wrapper #stage #contents table tr td a{ white-space:nowrap;}

th.country{ width:70px !important;box-sizing:border-box;}
th.companyname{ width:160px !important;box-sizing:border-box;}
th.category{width:100px !important;box-sizing:border-box;}
th.address {width: 190px !important;box-sizing:border-box;}
th.tel{ width:120px !important;box-sizing:border-box;}
th.web {width: 120px !important;box-sizing:border-box;}
/*
th.countryeuro{ width:70px !important;box-sizing:border-box;}
th.segments{ width:80px !important;box-sizing:border-box;}
*/

th.addressjp {width: 250px !important;box-sizing:border-box;}
/*
th.addressus {width: 8em;}
th.addresseuro {width: 14em;}
*/

.map {text-align: center;margin-top: 0.3em;}
#map_canvas {height: 480px;border: 1px solid #ddd;}

/*----------------------------

2016

----------------------------*/

/*body#top_message #contents > h3:first-of-type {font-size: 3.2rem !important; text-align:center; margin-top: 40px !important;}*/





div#wrapper div#container{ padding:0; /*padding-left:20px;*/}
div#wrapper div#container ul{ /*margin-top:20px;*/}
div#wrapper div#container div.areamap{  background:url(/worldwide/img/map_bg.gif) 0 0 no-repeat;}
div#wrapper div#container div.areamap#fragment-2{ height:580px;}
div#wrapper div#container div.areamap#fragment-3{ height:580px;}
div#wrapper div#container div.areamap#fragment-4{ height:580px;}
div#wrapper div#container div.areamap#fragment-5{ height:580px;}

/*div#wrapper div#container div.areamap .office_list_box h3{ height:30px; background:url(/worldwide/img/h3_bg.gif) 0 top repeat-x;}
div#wrapper div#container div.areamap .office_list_box table { width:940px; margin-top:5px; margin-bottom:15px;}
div#wrapper div#container div.areamap .office_list_box table tr { margin-top:5px; }
div#wrapper div#container div.areamap .office_list_box table tr td, div#wrapper div#container div.areamap .office_list_box table tr th{border-top: solid 1px #bdbcbd; border-bottom: solid 1px #bdbcbd; padding:0 !important; }
div#wrapper div#container div.areamap .office_list_box table tr td.country{ width:110px; border-right: solid 1px #bdbcbd; border-left: solid 1px #bdbcbd; background:url(/about_tdk/worldwide/img/list_bg_arrow.gif) 3px 3px no-repeat #fff; padding-left:10px; font-weight:bold;  letter-spacing:0em;}
div#wrapper div#container div.areamap .office_list_box table tr th{ padding-left:5px; background:url(/about_tdk/worldwide/img/company_bg.gif) 0 top repeat-y #fff; }
div#wrapper div#container div.areamap .office_list_box table tr th h4{color:#0046ad; letter-spacing:0em;}
div#wrapper div#container div.areamap .office_list_box table tr td.language{ width:100px; border-left: solid 1px #bdbcbd;}
div#wrapper div#container div.areamap .office_list_box table tr td.language.side{border-right: solid 1px #bdbcbd;}
div#wrapper div#container div.areamap .office_list_box table tr td.space{ height:5px; border-right: solid 1px #fff; border-left: solid 1px #fff; background:url(/about_tdk/worldwide/img/space_bg.gif) 0 top repeat-x;}
div#wrapper div#container div.areamap .office_list_box table tr td.space.last{ border-bottom: solid 1px #fff;}*/

div#wrapper div#container div.areamap .office_list_box table{ background: #FFF;}
div#wrapper div#container div.areamap .office_list_box table tr td.country{ width: 20%}
div#wrapper div#container div.areamap .office_list_box table tr th { width:30% }



.tabs-nav li {float: left; margin-bottom:20px;}
.tabs-nav li a {display: block;text-indent: -9999px; overflow:hidden;}
.tabs-nav:after {  display: block;clear: both;content: " ";}

.tabs-nav li#nav1 a{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) 0 0 no-repeat;}
.tabs-nav li#nav2 a{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -188px 0 no-repeat;}
.tabs-nav li#nav3 a{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -376px 0 no-repeat;}
.tabs-nav li#nav4 a{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -564px 0 no-repeat;}
.tabs-nav li#nav5 a{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -752px 0 no-repeat;}

.tabs-nav li#nav1.tabs-selected a, .tabs-nav li#nav1 a:hover{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) 0 bottom no-repeat;}
.tabs-nav li#nav2.tabs-selected a, .tabs-nav li#nav2 a:hover{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -188px bottom no-repeat;}
.tabs-nav li#nav3.tabs-selected a, .tabs-nav li#nav3 a:hover{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -376px bottom no-repeat;}
.tabs-nav li#nav4.tabs-selected a, .tabs-nav li#nav4 a:hover{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -564px bottom no-repeat;}
.tabs-nav li#nav5.tabs-selected a, .tabs-nav li#nav5 a:hover{ width:188px; height:40px; background: url(/worldwide/img/map_navi.gif) -752px bottom no-repeat;}

#section_directory_list{ width:980px; margin: 0 auto 40px auto;}
#section_directory_list h3{ margin:0 0 20px 0 !important;}
#section_directory_list ul#directory_tab{ width:940px; margin:auto;}
#section_directory_list ul#directory_tab li#nav1 a{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) 0 0 no-repeat;}
#section_directory_list ul#directory_tab li#nav2 a{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) -235px 0 no-repeat;}
#section_directory_list ul#directory_tab li#nav3 a{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) -470px 0 no-repeat;}
#section_directory_list ul#directory_tab li#nav4 a{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) -705px 0 no-repeat;}
/*
#section_directory_list table { width:940px; margin:auto;}
#section_directory_list table tr th{ border-top: solid 3px #ccc; font-weight: bold; background-color:#f7f7f7; text-align:center;}
#section_directory_list table tr th#country{ width:6em;}
#section_directory_list table tr th#company_name{ width:15em;}
#section_directory_list table tr th#segment{ width:10em;}
#section_directory_list table tr th#category{ width:6em;}
#section_directory_list table tr#category2 th{ border-top: solid 1px #ccc !important;}
#section_directory_list table tr th#tel{ width:8em;}
#section_directory_list table tr th#web{ width:8em;}
#section_directory_list table tr td{ border: solid 1px #eee; word-break: normal !important;}
#section_directory_list table tr td.web{ line-height:1.8em;}
#section_directory_list table tr { border-top: solid 2px #ddd;}
#section_directory_list table tr#category2{ border-top: solid 1px #ddd;}
#section_directory_list ul#directory_tab li#nav1.tabs-selected a,#section_directory_list ul#directory_tab li#nav1 a:hover{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) 0 bottom no-repeat;}
#section_directory_list ul#directory_tab li#nav2.tabs-selected a,#section_directory_list ul#directory_tab li#nav2 a:hover{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) -235px bottom no-repeat;}
#section_directory_list ul#directory_tab li#nav3.tabs-selected a,#section_directory_list ul#directory_tab li#nav3 a:hover{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) -470px bottom no-repeat;}
#section_directory_list ul#directory_tab li#nav4.tabs-selected a,#section_directory_list ul#directory_tab li#nav4 a:hover{ width:235px; height:40px; background: url(/worldwide/img/btn_tab.gif) -705px bottom no-repeat;}
#section_directory_list table tr td a span{ font-size:1.2em; line-height:1em;}
#section_directory_list table tr td ul li{ list-style-type:circle; margin-left:15px;}
#section_directory_list table tr td.blank{ text-align:center;}*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

div#wrapper h2{ margin-top:10px;}

ul#anchor{ width:980px; margin-top:20px; height:40px;}
ul#anchor li{width:460px;  float:left; display:inline;margin-left:20px;}
ul#anchor li a:hover img{/*モダンブラウザ用*/opacity:0.8; /*IE7以下用*/filter:alpha(opacity=80);/*IE8用*/-ms-filter:"alpha(opacity=80)";}

ul#imgmap{ margin-top:40px;}

.tabContainer .tabsNav{ border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}




.tabContainer{ border:  none !important}
/*-.tabContainer .tabsNav li a.current, .tabContainer .tabsNav li a:hover{ border-bottom:  solid 1px #ccc !important}-*/