/* ----------------------------------------------------- << Web Font >> ---- */
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'abril_fatfaceregular';
    src: url('../fonts/abrilfatface-regular-webfont.woff2') format('woff2'),
         url('../fonts/abrilfatface-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rounded_mplus_1c_light';
    src: url('../fonts/mplusrounded1c-light-webfont.woff2') format('woff2'),
         url('../fonts/mplusrounded1c-light-webfont.woff') format('woff');
}

/* ==================================================== << PC 用定義 >> ==== */

@media screen and (min-width:961px) {

/* -------------------------------------------- << Basic Information >> ---- */
body {
  -webkit-text-size-adjust: 100%;
  padding: 0;
  margin: 0;
  background: #ffffff;
  background-repeat:no-repeat;
  background-position: left top;
  font-family:Arial, sans-serif;
}
img {
  border: none;
}
h1 {
  display: inline;
  font-size: 24px;
  font-family: Arial, sans-serif;
}
h2 {
  display: inline;
  font-size: 18px;
  font-family: Arial, sans-serif;
}
h3 {
  display: inline;
  font-size: 18px;
  color: #808000;
  font-family: Arial, sans-serif;
}
h4 {
  display: inline;
  color: #666666;
  font-size: 28px;
  font-family: 'abril_fatfaceregular', 'rounded_mplus_1c_light', Arial, sans-serif;
}

/* --------------------------------------------- << Area Information >> ---- */
#title_area {
  position: absolute;
  left: 0px;
  bottom: 200px;
  width: 100%;
  color: #666666;
  text-align: center;
  font-size: 16px;
  font-family: 'ralewayregular', Arial, sans-serif;
}
#index_area{
  position: absolute;
  right: 50px;
  top: 50px;
  text-align: center;
  font-family: Arial, sans-serif;
}
#textmenu_area {
  position: fixed;
  left: 0px;
  bottom: 20px;
  width: 100%;
  height: 60px;
  text-align: center;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#header_area {
  position: fixed;
  z-index: 40;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
}
#header_b_area {
  position: fixed;
  z-index: 40;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  color: #bbbbbb;
  background-color: #333333;
}
#header_menu_area {
  position: fixed;
  right: 10px;
  top: 15px;
  color: #aaaaaa;
  font-size: 16px;
  font-family: 'ralewayregular', Arial, sans-serif;
}
#header_b_menu_area {
  position: fixed;
  right: 10px;
  top: 15px;
  color: #666666;
  font-size: 16px;
  font-family: 'ralewayregular', Arial, sans-serif;
}
#header_under_area {
  position: fixed;
  top: 40px;
  left: 0px;
  width: 100%;
  height: 10px;
  border-top: solid 2px #dd0000;
}
#products_header_area {
  display: none;
  position: fixed;
  z-index: 40;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background: #ffffff;
}
#footer_area {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background-color: #eeeeee;
}
#subcontents_footer_area {
  position: fixed;
  z-index: 30;
  left:    0px;
  bottom:  0px;
  width:  100%;
  height: 20px;
  background: #ffffff;
  border-top: solid 2px #dd0000;
}
#products_footer_area {
  position: fixed;
  z-index: 30;
  left:    0px;
  bottom:  0px;
  width:  100%;
  height: 22px;
  background: #18396d;
}
#popup_footer_area {
  display: none;
  position: fixed;
  z-index: 30;
  left:    0px;
  bottom:  0px;
  width:  100%;
  height: 22px;
  background: #18396d;
}

#contents_area {
  position: absolute;
  top:     50px;
  width: 100%;
}
#products_contents_area {
  position: absolute;
  top: 125px;
  width: 100%;
}
#protek_contents_area {
  position: relative;
  top:     50px;
  left: 150px;
  width: calc( 100% - 300px );
  min-width: 600px;
  font-size: 20px;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#protek_table_area {
  position: relative;
  left:10%;
  width: 80%;
}
#de5000_contents_area {
  position: relative;
  top:     50px;
  left: 100px;
  width: calc( 100% - 200px );
  min-width: 700px;
  font-size: 20px;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#popup_contents_area {
  position: absolute;
  left: 20px;
  top: 20px;
  width: calc( 100% - 40px );
  font-size: 16px;
  font-family:Arial, sans-serif;
}
#sidemenu {
  position: absolute;
  z-index:    19;
  top:     130px;
  right:   20px;
}
#tabmenu_area {
  position: fixed;
  z-index: 20;
  top: 50px;
  left: 0px;
  width: 100%;
  height: 74px;
}
#sightsmap_area {
  position: relative;
  left: 0px;
  width: 100%;
  height: 380px;
  background-color: #eeeeee;
}
#sightsmap_b_area {
  position: relative;
  left: 0px;
  width: 100%;
  height: 380px;
  background-color: #222222;
}

/* -------------------------------------------- << Frame Information >> ---- */
#header_title {
  position: relative;
  left: 5px;
  top: -2px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 30px;
}
#footer_left{
  position: absolute;
  left: 0px;
  bottom: 0px;
}
#footer_right{
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 450px;
  padding: 5px;
  white-space: nowrap;
 -moz-border-radius: 6px;                 /* 古いFirefox */
 -webkit-border-radius: 6px;              /* 古いSafari,Chrome */
  border-radius: 6px;                     /* CSS3 */
  border: 1px #88ccff solid;              /* 枠線の装飾 */
  background-color: #ffffff;              /* 背景色 */
  font-size:12px; color:#888888;
  line-height: 1.1em;
}
#footer_right_text {
  position: absolute;
  right: 10px;
  bottom: 1px;
  color: #666666;
  font-size: 14px;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
}
#footer_right_textp {
  position: absolute;
  right: 10px;
  bottom: 1px;
  color: #999999;
  font-size: 14px;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
}
#popup_contents_frame {
  position: relative;
  left: 10px;
}
#graph_frame {
  position: relative;
  width: 390px;
  height: 200px;
}
#browser_site {
}
#nowrap_image_waku {
  position: relative;
  width: 100%;
  white-space: nowrap;
}
#protek_table_waku {
  position: relative;
  margin: 0px auto;
  min-width: 820px;
  max-width: 1200px;
  text-align: center;
  font-size: 16px;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 25px;
}
#protek_subcontents_frame {
  position: relative;
  margin: 0px auto;
  min-width: 600px;
  max-width: 800px;
  text-align: center;
}
#de5000_subcontents_frame {
  position: relative;
  margin: 0px auto;
  min-width: 650px;
  max-width: 850px;
  text-align: center;
}
#mailform_header {
  position: relative;
  left: 20px;
  top: 10px;
  width: calc( 100% - 40px );
}
#mailform_version {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  font-size: 14px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#mailform_contents {
  position: relative;
  left: 20px;
  top: 10px;
  width: calc( 100% - 40px );
}
#sightsmap_logo {
  position: absolute;
  left: 50px;
  top: 40px;
}
#sightsmap_logo_text {
  position: absolute;
  left: 150px;
  top: 33px;
  color: #666666;
  font-size: 40px;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
}
#sightsmap_b_logo_text {
  position: absolute;
  left: 150px;
  top: 33px;
  color: #aaaaaa;
  font-size: 40px;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
}
#sightsmap_since {
  position: absolute;
  left: 155px;
  top: 77px;
  color: #666666;
  font-size: 13px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#sightsmap_b_since {
  position: absolute;
  left: 155px;
  top: 77px;
  color: #aaaaaa;
  font-size: 13px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#sightsmap_menu {
  position: absolute;
  left: 30%;
  top: 120px;
  white-space: nowrap;
  font-size: 16px;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}
#sightsmap_products_menu {
  position: absolute;
  left: calc( 30% + 150px );
  top: 142px;
  line-height: 0px;
  font-size: 16px;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#sightsmap_products_menu img {
  position: relative;
  top: 2px;
}
#sightsmap_copyright {
  position: absolute;
  width: 100%;
  bottom: 30px;
  color: #666666;
  text-align: center;
  font-size: 14px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#sightsmap_b_copyright {
  position: absolute;
  width: 100%;
  bottom: 30px;
  color: #aaaaaa;
  text-align: center;
  font-size: 14px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}

/* -------------------------------------------- << Other Information >> ---- */
#wallpaper {
  position: fixed;
  top: 0px;
  left: 0px;
}
#wallpaper_rb {
  position: fixed;
  z-index: 10;
  right: 0px;
  bottom: 22px;
}
#wallpaper_rb2 {
  position: fixed;
  z-index: 10;
  right: 0px;
  bottom: 22px;
}
#bottom_space600 {
  height: 600px;
}
#bottom_space200 {
  height: 200px;
}
.t15 {
  position: relative;
  top: 15px;
}
.header_hr {
  position: relative;
  top: -10px;
  border-style: solid;
  border-color: #dd0000;
}

.index1_logo {
  width: 252px;
  height: 66px;
}
.index2_logo {
  width: 301px;
  height: 66px;
}
.index3_logo {
  width: 343px;
  height: 66px;
}
.title_logo {
  width: 250px;
  height: 141px;
}
.footer_note {
  position:absolute;
  left: 60px;
}
.header_logo {
  position: relative;
  top: 2px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.footer_logo {
  width: 35px;
  height: 35px;
}
.factory_logo {
  position: relative;
  left: 50px;
  width: 162px;
  height: 200px;
}
.flock_logo {
  position: relative;
  left: 50px;
  width: 234px;
  height: 200px;
}
.tsmenu_logo {
  width: 139px;
  height: 202px;
}
.tsmenu_prompt {
  width: 30px;
  background-repeat: repeat-y;
  background-position: left top;
  background-image: url("../images/tsmenu-prompt.gif");
}
.right_space180 {
  width: 180px;
}
.table_width60 {
}
.vline {
  margin-left: 7px;
  margin-right: 3px;
  border-right: solid 1px #444444;
}
table.whats_new td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.information {
  position: relative;
  left: 30px;
  top: 20px;
  width: calc( 100% - 160px );
}
table.information td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.information2 {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
table.information2 td {
  margin: 0px;
  padding: 0px;
  color: #666666;
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.link {
  position: relative;
  left: 30px;
  top: 20px;
  width: calc( 100% - 60px );
}
table.link td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.link img {
  height: 31px;
}
table.sidemenu {
  width:  150px;
}
table.sidemenu td {
  font-size: 12px;
  font-family:Arial, sans-serif;
}
table.products_info {
  position: relative;
  left: 40px;
  top: 10px;
  width: calc( 100% - 180px );
}
table.products_info td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.products_info_b {
  position: relative;
  left: 20px;
  top: 10px;
  width: calc( 100% - 200px );
}
table.products_info_b td {
  color: #cccccc;
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.factory_list th {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.factory_list td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.flock_module th {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.flock_module td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.dmmview td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.dmm_list th {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.dmm_list td {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
table.dmm_list a img {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
}
table.multimeter_icon {
  position: relative;
  left: 20px;
}
table.multimeter_icon_L {
  position: relative;
  left: 40px;
}
table.multimeter_icon_M {
  position: relative;
  left: 20px;
}
table.multimeter_icon_S {
  position: relative;
  left: 20px;
}
table.multimeter_icon_Lyra24P {
  position: relative;
  left: 40px;
}
table.multimeter_icon_Lyra24P td {
  text-align: center;
}
table.ver_list th {
  font-size: 16px;
}
table.ver_list td {
  font-size: 16px;
}
#dl_label_p a img {
  width: 186px;
}
#dl_label_m {
  display: none;
}
#protek_contents_area a {
  text-decoration: none;
}
#protek_title {
  position: relative;
  left: 5px;
  top: -2px;
  color: #0080ff;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 30px;
}
#protek_subtitle {
  position: relative;
  left: 10px;
  top: -2px;
  color: #000000;
  font-size: 20px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#protek_menu {
  position: fixed;
  right: 10px;
  top: 15px;
  font-size: 14px;
}
#protek_menu img {
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
}
#protek_index {
  color: #666666;
  font-size: 24px;
}
#de5000_contents_area a {
  text-decoration: none;
}
#header_menu_area img {
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
}
#header_menu_area a:link{
  color:#0000cc;text-decoration:none;
}
#header_menu_area a:visited{
  color:#0000cc;text-decoration:none;
}
#header_menu_area a:active{
  color:#ff0000;text-decoration:none;
}
#header_menu_area a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}

#header_b_menu_area img {
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
}
#header_b_menu_area a:link{
  color:#bbbbbb;text-decoration:none;
}
#header_b_menu_area a:visited{
  color:#bbbbbb;text-decoration:none;
}
#header_b_menu_area a:active{
  color:#ff0000;text-decoration:none;
}
#header_b_menu_area a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}

#textmenu_area a:link{
  color:#0000cc;text-decoration:none;
}
#textmenu_area a:visited{
  color:#0000cc;text-decoration:none;
}
#textmenu_area a:active{
  color:#ff0000;text-decoration:none;
}
#textmenu_area a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}

#index_area a:link{
  color:#0000cc;text-decoration:none;
}
#index_area a:visited{
  color:#0000cc;text-decoration:none;
}
#index_area a:active{
  color:#ff0000;text-decoration:none;
}
#index_area a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}

#sightsmap_area a:link{
  color:#666666;text-decoration:none;
}
#sightsmap_area a:visited{
  color:#666666;text-decoration:none;
}
#sightsmap_area a:active{
  color:#ff0000;text-decoration:none;
}
#sightsmap_area a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}


#sightsmap_b_area a:link{
  color:#aaaaaa;text-decoration:none;
}
#sightsmap_b_area a:visited{
  color:#aaaaaa;text-decoration:none;
}
#sightsmap_b_area a:active{
  color:#ff0000;text-decoration:none;
}
#sightsmap_b_area a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}

.audio_link {
  color: #0000cc;
  cursor: pointer;
  text-decoration: underline
}
.rect {
  position: relative;
  top: 5px;
  width: 14px;
  height: 14px;
}
.wats_new_date {
  position: relative;
  top: 0px;
}
.wats_new_colon {
  position: relative;
  top: 0px;
}
.h28 {
  margin-left: 50px;
  margin-top: 5px;
  height: 28px;
}
.h32 {
  height: 32px;
}
.h58 {
  margin-left: 20px;
  height: 58px;
}
.h94 {
  height: 94px;
}
.h100 {
  margin-left: 25px;
  height: 100px;
}
.h130 {
  height: 130px;
}
.h135 {
  margin-left: 20px;
  height: 135px;
}
.h200 {
  height: 200px;
}
.w20 {
  width: 20px;
}
.w30 {
  margin-left: -20px;
}
.w40 {
  margin-left: 20px;
}
.w80 {
  margin-left: 20px;
}
.w500 {
  margin-left: 20px;
  width: 500px;
}
.w800 {
  margin-left: 0px;
  width: 800px;
}
.kakunin {
  position: relative;
  left: 30px;
}
.kakunin img {
  position: relative;
  top: 1px;
}
.new_icon {
  margin-left: 10px;
  margin-top: 6px;
  width: 28px;
  height: 11px;
}
.table_amazon_icon {
  font-size: 16px;
}
.table_amazon_icon img {
  margin-left: 20px;
  margin-top: 0px;
  height: 33px;
}
.bl_icon {
  position:relative;
  margin-left: 4px;
  margin-right: 4px;
  top:4px;
  height: 20px;
}
.bl_icon16 {
  position:relative;
  margin-left: 4px;
  margin-right: 4px;
  top:2px;
  height: 16px;
}
.vector_banner {
  width: 120px;
  height: 30px;
}
.tssw_banner {
  width: 88px;
  height: 32px;
}
.ul_indent {
  width: 20px;
}
.stat_icon {
  background-repeat:no-repeat;
  background-position:center center;
}
.indent2em {
  position: relative;
  top: 0.5em;
  left: 2em;
  width: calc( 100% - 4em );
}

/* ---------------------------------------------------- << Dock Menu >> ---- */
#mobile-dock2 {
  display: none;
}
.dock {
  position: relative; 
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100px; 
  text-align: center;
}
.dock-container {
  position: absolute;
  height: 50px;
  background: url();
  padding-left: 20px;
}
a.dock-item {
  display: block;
  width: 40px;
  color: #000;
  position: absolute;
  top: 0px;
  text-align: center;
  text-decoration: none;
  font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
  border: none; 
  margin: 5px 10px 0px; 
  width: 100%; 
}
.dock-item span {
  display: none; 
  padding-left: 20px;
}
#dock2 {
  position: absolute;
  width: 100%;
  bottom: 150px;
  left: 0px;
}
.dock-container2 {
  position: absolute;
  height: 50px;
  background: url(images/dock-bg.gif);
  padding-left: 20px;
}
a.dock-item2 {
  display: block; 
  font-size: 14px;
  font-weight: 700;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  width: 40px; 
  color: #000; 
  bottom: 0px; 
  position: absolute;
  text-align: center;
  text-decoration: none;
}
.dock-item2 span {
  display: none;
  padding-left: 20px;
}
.dock-item2 img {
  border: none; 
  margin: 5px 10px 0px; 
  width: 100%; 
}

/* --------------------------------------- << ハンバーガーメニュー用 >> ---- */
#menu-cb {
  display: none;
}
#menu-icon {
  display: none;
}
#menu-background {
  display: none;
}
#ham-menu {
  display: none;
}



}

/* ================================================= << スマホ用定義 >> ==== */

@media screen and (max-width:960px) {

/* -------------------------------------------- << Basic Information >> ---- */
body {
  -webkit-text-size-adjust: 100%;
  padding: 0;
  margin: 0;
  background: #ffffff;
  background-repeat:no-repeat;
  background-position: left top;
  font-family:Arial, sans-serif;
}
img {
  border: none;
}
h1 {
  display: inline;
  font-size: 3vw;
  font-family: Arial, sans-serif;
}
h2 {
  display: inline;
  font-size: 3vw;
  font-family: Arial, sans-serif;
}
h3 {
  display: inline;
  font-size: 3.5vw;
  color: #808000;
  font-family: Arial, sans-serif;
}
h4 {
  display: inline;
  color: #666666;
  font-size: 4.6vw;
  font-family: 'abril_fatfaceregular', 'rounded_mplus_1c_light', Arial, sans-serif;
}
blockquote {
  margin-left: 2vw;
  margin-right: 1vw;
}

/* -------------------------------------- << Area Information >> ---- */
#header_area {
  position: fixed;
  z-index: 40;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 10vw;
  background-color: #ffffff;
}
#header_b_area {
  position: fixed;
  z-index: 40;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 10vw;
  color: #bbbbbb;
  background-color: #333333;
}
#header_menu_area {
  display: none;
}
#header_b_menu_area {
  display: none;
}
#header_under_area {
  position: fixed;
  top: 8.5vw;
  left: 0vw;
  width: 100%;
  height: 0.6vw;
  border-top: solid 2px #dd0000;
}
#products_header_area {
  position: fixed;
  z-index: 40;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 10vw;
  background: #ffffff;
}
#subcontents_footer_area {
  position: fixed;
  z-index: 30;
  left:    0vw;
  bottom:  0vw;
  width:  100%;
  height: 4vw;
  background-color: #ffffff;
  border-top: solid 2px #dd0000;
}
#products_footer_area {
  position: fixed;
  z-index: 30;
  left:    0vw;
  bottom:  0vw;
  width:  100%;
  height: 4vw;
  background: #ffffff;
  border-top: solid 2px #dd0000;
}
#popup_footer_area {
  position: fixed;
  z-index: 30;
  left:    0vw;
  bottom:  0vw;
  width:  100%;
  height: 4vw;
  background: #ffffff;
  border-top: solid 2px #dd0000;
}

#contents_area {
  position: absolute;
  top: 10vw;
  width: 100%;
}
#products_contents_area {
  position: absolute;
  top:     12vw;
  width: 100%;
}
#protek_contents_area {
  position: relative;
  top: 10vw;
  left: 2%;
  width: 96%;
  font-size: 3vw;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#protek_table_area {
  position: relative;
  width: 100%;
}
#popup_contents_area {
  position: absolute;
  left: 2vw;
  top: 12vw;
  width: calc( 100% - 4vw );
  font-size: 2.5vw;
  font-family:Arial, sans-serif;
}
#sidemenu {
  display: none;
}

#tabmenu_area {
  display: none;
}
#sightsmap_area {
  display: none;
}
#sightsmap_b_area {
  display: none;
}


@media screen and (orientation: landscape) {     /* 横向き画面用 */

#title_area {
  position: absolute;
  left: 0vw;
  bottom: 18vw;
  width: 100%;
  color: #666666;
  text-align: center;
  font-size: 1.6vw;
  font-family: 'ralewayregular', Arial, sans-serif;
}
#index_area{
  position:absolute;
  right: 0vw;
  top: 3vw;
  text-align: center;
  line-height: 0.2em;
  font-family:Arial, sans-serif;
}
#textmenu_area {
  position:fixed;
  left: 0vw;
  bottom: 7.5vw;
  width: 100%;
  height: 3vw;
  text-align: center;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 1.8vw;
}
#footer_area {
  position:fixed;
  left: 0vw;
  bottom: 0vw;
  width: 100%;
  height: 7.5vw;
  background-color:#eeeeee;
}

}

@media screen and (orientation: portrait) {      /* 縦向き画面用 */

#title_area {
  position: absolute;
  left: 0vw;
  bottom: 35vw;
  width: 100%;
  color: #666666;
  text-align: center;
  font-size: 3vw;
  font-family: 'ralewayregular', Arial, sans-serif;
}
#index_area{
  position:absolute;
  right: 0vw;
  width: 70vw;
  top: 10vw;
  text-align: center;
  font-family: Arial, sans-serif;
}
#textmenu_area {
  position:fixed;
  left: 0vw;
  bottom: 11vw;
  width: 100%;
  height: 4vw;
  text-align: center;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 2.5vw;
}
#footer_area {
  position:fixed;
  left: 0vw;
  bottom: 0vw;
  width: 100%;
  height: 11vw;
  background-color:#eeeeee;
}

}


/* ------------------------------------- << Frame Information >> ---- */
#header_title {
  position: relative;
  left: 3vw;
  top: -0.4vw;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 5vw;
}
#footer_left{
  position:absolute;
  left: 0vw;
  bottom: 0vw;
}
#footer_right_text {
  position: absolute;
  right: 2vw;
  bottom: 0.6vw;
  color: #666666;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
  font-size: 2.4vw;
}
#footer_right_textp {
  position: absolute;
  right: 2vw;
  bottom: 0.6vw;
  color: #666666;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
  font-size: 2.4vw;
}
#popup_contents_frame {
  position: relative;
  left: 1vw;
}
#graph_frame {
  position: relative;
  width: 39vw;
  height: 20vw;
}
#nowrap_image_waku {
  position: relative;
  width: 100%;
  white-space: nowrap;
}
#protek_table_waku {
  position: relative;
  left: 2%;
  width: 96%;
  text-align: center;
  font-size: 1.8vw;
  font-family: 'ralewayregular', 'rounded_mplus_1c_light', helvetica, arial,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 3vw;
}
#protek_subcontents_frame {
  position: relative;
  left: 2%;
  width: 96%;
  font-size: 3vw;
  text-align: center;
}
#de5000_subcontents_frame {
  position: relative;
  left: 2%;
  width: 96%;
  font-size: 3vw;
  text-align: center;
}
#mailform_header {
  position: relative;
  left: 2%;
  top: 1vw;
  width: 96%;
  font-size: 2.2vw;
}
#mailform_version {
  position: absolute;
  top: 0vw;
  right: 0vw;
  text-align: center;
  font-size: 2vw;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#mailform_contents {
  position: relative;
  left: 2%;
  top: 1vw;
  width: 96%;
  font-size: 3vw;
}

@media screen and (orientation: landscape) {     /* 横向き画面用 */

#footer_right{
  position:absolute;
  right: 0.8vw;
  bottom: 0.8vw;
  width: 54vw;
  padding: 0.5vw;
  white-space: nowrap;
 -moz-border-radius: 6px;                 /* 古いFirefox */
 -webkit-border-radius: 6px;              /* 古いSafari,Chrome */
  border-radius: 6px;                     /* CSS3 */
  border: 1px #88ccff solid;              /* 枠線の装飾 */
  background-color: #ffffff;              /* 背景色 */
  font-size: 1.4vw;
  color:#888888;
  line-height: 1.1em;
}
#browser_site {
}

}
@media screen and (orientation: portrait) {      /* 縦向き画面用 */

#footer_right{
  position:absolute;
  right: 1vw;
  bottom: 1vw;
  width: 80vw;
  padding: 1vw;
  white-space: nowrap;
 -moz-border-radius: 6px;                 /* 古いFirefox */
 -webkit-border-radius: 6px;              /* 古いSafari,Chrome */
  border-radius: 6px;                     /* CSS3 */
  border: 1px #88ccff solid;              /* 枠線の装飾 */
  background-color: #ffffff;              /* 背景色 */
  font-size: 2.1vw;
  color: #888888;
  line-height: 1.1em;
}
#browser_site {
  display: none;
}

}

/* ------------------------------------- << Other Information >> ---- */
#wallpaper {
  position: fixed;
  top: 0vw;
  left: 0vw;
  width: 40vw;
}
#wallpaper_rb {
  display: none;
  position: fixed;
  z-index: 10;
  right: 0vw;
  bottom: 2vw;
}
#wallpaper_rb2 {
  display: none;
}
#bottom_space600 {
  height: 10vw;
}
#bottom_space200 {
  height: 20vw;
}
.t15 {
  position: relative;
  top: 2vw;
}
.header_logo {
  position: relative;
  top: 1vw;
  left: 1.5vw;
  width: 7vw;
}
.factory_logo {
  position: relative;
  left: 15vw;
  width: 60vw;
}
.flock_logo {
  position: relative;
  left: 15vw;
  width: 60vw;
}
.tsmenu_logo {
  width: 60vw;
  height: 40vw;
}
.tsmenu_prompt {
  width: 6vw;
  background-size: 6vw;
  background-repeat: repeat-y;
  background-position: left top;
  background-image: url("../images/tsmenu-prompt2.gif");
}
.header_hr {
  position: relative;
  top: -1vw;
  border-color: #dd0000;
}
.right_space180 {
  width: 1vw;
}
.table_width60 {
}
table.whats_new td {
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.information {
  position: relative;
  left: 2%;
  width: 96%;
  widtn: 100%;
}
table.information td {
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.information2 {
  margin: 0vw;
  padding: 0vw;
  border: 0vw;
}
table.information2 td {
  margin: 0vw;
  padding: 0vw;
  color: #666666;
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.link {
  position: relative;
  left: 3vw;
  top: 2.4vw;
  width: calc( 100% - 6vw );
}
table.link td {
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.link img {
  height: 6vw;
}
table.link span br {
  display: none;
}
table.products_info {
  position: relative;
  left: 2vw;
  top: 1vw;
  width: calc( 100% - 4vw );
}
table.products_info td {
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.products_info ul {
  padding-left: 5vw;
}
table.products_info_b {
  position: relative;
  left: 1vw;
  top: 1vw;
  width: calc( 100% - 6vw );
}
table.products_info_b td {
  color: #cccccc;
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.products_info_b ul {
  padding-left: 6vw;
}
table.factory_list th {
  font-size: 2.4vw;
  font-family:Arial, sans-serif;
}
table.factory_list td {
  font-size: 2.4vw;
  font-family:Arial, sans-serif;
}
table.flock_module th {
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.flock_module td {
  font-size: 3vw;
  font-family:Arial, sans-serif;
}
table.dmmview td {
  font-size: 2.4vw;
  font-family:Arial, sans-serif;
}
table.dmmview ul {
  padding-left: 5vw;
}
table.dmm_list {
  width: 100%;
}
table.dmm_list th {
  font-size: 2.4vw;
  font-family:Arial, sans-serif;
}
table.dmm_list td {
  font-size: 2.4vw;
  font-family:Arial, sans-serif;
}
table.dmm_list a img {
  position: relative;
  top: 0.3vw;
  width: 2.4vw;
  height: 2.4vw;
}
table.multimeter_icon {
  position: relative;
  left: 0.2vw;
  font-size: 1.5vw;
}
table.multimeter_icon img{
  height: 13vw;
}
table.multimeter_icon_L {
  position: relative;
  left: 4vw;
  font-size: 2vw;
}
table.multimeter_icon_L img{
  width: 8vw;
}
table.multimeter_icon_Lyra24P td{
  text-align: center;
}
table.multimeter_icon_M {
  position: relative;
  left: 4vw;
  font-size: 1.8vw;
}
table.multimeter_icon_M img{
  height: 16vw;
}
table.multimeter_icon_S {
  position: relative;
  left: 4vw;
  font-size: 1.8vw;
}
table.multimeter_icon_S img{
  height: 12vw;
}
table.ver_list th {
  font-size: 2.4vw;
}
table.ver_list td {
  font-size: 2.4vw;
}
table.ver_list a img {
  width: 2.4vw;
}
#dl_label_m a img {
  width: 20vw;
}
#dl_label_p {
  display: none;
}
#protek_contents_area a {
  text-decoration: none;
}
#protek_title {
  position: relative;
  left: 3vw;
  top: -0.4vw;
  color: #0080ff;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 5vw;
}
#protek_subtitle {
  position: relative;
  left: 5vw;
  top: -0.5vw;
  color: #000000;
  font-size: 4vw;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#protek_menu {
  display: none;
}
#protek_index {
  color: #666666;
  font-size: 4vw;
}

@media screen and (orientation: landscape) {     /* 横向き画面用 */

.index1_logo {
  width: 27vw;
}
.index2_logo {
  width: 31vw;
}
.index3_logo {
  width: 35vw;
}
.title_logo {
  width: 30vw;
}
.footer_note {
  position:absolute;
  left: 7vw;
}
.footer_logo {
  width: 35px;
}

}
@media screen and (orientation: portrait) {      /* 縦向き画面用 */

.index1_logo {
  width: 60vw;
}
.index2_logo {
  width: 65vw;
}
.index3_logo {
  width: 70vw;
}
.title_logo {
  width: 60vw;
}
.footer_note {
  position:absolute;
  left: 11vw;
}
.footer_logo {
  width: 9vw;
}

}

.tssoft_logo {
  height: 6vw;
}
.rect {
  position: relative;
  top: 0.1vw;
  width: 2vw;
  height: 2vw;
}
.h28 {
  margin-left: 13vw;
  margin-top: 0.5vw;
  height: 6vw;
}
.h32 {
  height: 3.2vw;
}
.h58 {
  margin-left: 8vw;
  height: 12vw;
}
.h94 {
  height: 9.4vw;
}
.h100 {
  margin-left: 6vw;
  height: 20vw;
}
.h130 {
  height: 13vw;
}
.h135 {
  margin-left: 2vw;
  height: 13.5vw;
}
.h200 {
  height: 20vw;
}
.w20 {
  width: 2vw;
}
.w30 {
  width: 20vw;
}
.w40 {
  margin-left: 5vw;
  width: 35vw;
}
.w80 {
  margin-left: 5vw;
  width: 80vw;
}
.w500 {
  margin-left: 0vw;
  width: 50vw;
}
.w800 {
  margin-left: 0vw;
  width: 80vw;
}
.kakunin {
  position: relative;
  left: 3vw;
}
.kakunin img {
  position: relative;
  top: 0.1vw;
  height: 2vw;
}
.new_icon {
  display: none;
  margin-left: 1vw;
  margin-top: 0.3vw;
  height: 2.5vw;
}
.table_amazon_icon {
  font-size: 2.5vw;
}
.table_amazon_icon img {
  margin-left: 2vw;
  margin-top: 0.5vw;
  height: 4vw;
}
.bl_icon {
  position:relative;
  margin-left: 0.4vw;
  margin-right: 0.4vw;
  top: 0.5vw;
  height: 3vw;
}
.bl_icon16 {
  position:relative;
  margin-left: 0.4vw;
  margin-right: 0.4vw;
  top: 0.5vw;
  height: 2.4vw;
}
.vector_banner {
  height: 4vw;
}
.tssw_banner {
  height: 4vw;
}
.ul_indent {
  width: 0vw;
}
.stat_icon {
  background-size: 2vw;
  background-repeat:no-repeat;
  background-position:center center;
}

.indent2em {
  position: relative;
  top: 0.5em;
  left: 2em;
  width: calc( 100% - 3em );
}

.caution_msg {
  display: none;
}

/* --------------------------------------------- << Dock Menu >> ---- */
#dock2 {
  display: none;
}

@media screen and (orientation: landscape) {     /* 横向き画面用 */
  #mobile-dock2 {
    position: absolute;
    bottom: 11vw;
    width: 100%;
    text-align: center;
  }
  .dock-item2 img {
    border: none; 
    margin: 0vw; 
    width: 5vw; 
  }
}
@media screen and (orientation: portrait) {      /* 縦向き画面用 */
  #mobile-dock2 {
    position: absolute;
    bottom: 17vw;
    width: 100%;
    text-align: center;
  }
  .dock-item2 img {
    border: none; 
    margin: 0vw; 
    width: 8vw; 
  }
}
.dock-item2 span {
  display: none;
}

/* ---------------------------------- << ハンバーガーメニュー用 >> ---- */
#ham-menu {
    position: fixed;
    z-index: 1000;
    top: 0vw;
    right: -80vw;                        /*メニュー横幅 width と合わせる*/
    width: 80vw;                         /*メニュー横幅*/
    height: 100%;
    padding: 0.5vw 3vw 0vw 0vw;           /*メニュー内上右下左余白*/
    background-color: #efefef;            /*メニュー背景色*/
    box-sizing: border-box;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
}
#ham-menu ul {
  padding-left: 5vw;
}
#ham-menu ul li{
  list-style:none;
  margin-bottom: 0.5vw;
  text-decoration: none;
  color: #aaaaaa;
  font-size: 4vw;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  border-bottom: 2px dashed #444444; /* 下側の1本線 */
}
#ham-menu li a{
  text-decoration: none;
  color: #444444;
  font-size: 4vw;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
#menu-background {
    position: fixed;
    display: block;
    z-index: -1;
    right: 0vw;
    top: 0vw;
    width: 100%;
    height: 100%;
    background-color: #333;               /*黒背景*/
    opacity: 0;
    transition: all 0.3s linear 0s;       /*0.3s はアニメーションにかかる時間*/
}

#menu-icon {
    position: fixed;
    display: block;
    z-index: 1000;
    right: 0vw;
    top: 0.5vw;
    width: 7.5vw;                         /*アイコン横幅*/
    height: 7.5vw;                        /*アイコン縦高さ*/
    background-color: #efefef;            /*アイコン部分背景色*/
    color: #333;                          /*アイコン（フォント）色*/
    cursor: pointer;
    font-size: 8vw;                       /*アイコン（フォント）サイズ*/
    line-height: 8.5vw;                   /*縦位置中央化*/
    text-align: center;
    border-radius: 1vw 0px 0px 1vw;     /*左上、右上、右下、左下、角丸*/
    transition: all 0.3s linear 0s;       /*0.3s はアニメーションにかかる時間*/
}
#menu-icon img {
    width: 6.5vw;
}
#menu-cb {
    display: none;                        /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate( -80vw );         /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}
.ham_list_icon {
  position: relative;
  margin-left: 0vw;
  margin-right: 2vw;
  top: 1vw;
  width: 4.8vw;
  height: 4.8vw;
}


}