@charset "UTF-8";



/*-----------------------------------------------
レイアウト
-----------------------------------------------*/
.base_bg { width:958px; margin-left:auto; margin-right:auto;}
.base { width:950px; text-align:left; margin-left:4px; background-color:#fff;}
.lay01 { width:926px; margin-left:12px;margin-bottom:35px;}
.lay02 { width:178px; float:left;}
.lay03 { margin-left:13px; width:582px; float:left;}
.lay03b { margin-left:15px; width:560px; line-height:1.5em;}
.lay04 { margin-left:13px; width:137px; float:left;}
.contents01, .contents02 { margin-top:20px; margin-left:15px; line-height:1.5em;}

/*-----------------------------------------------
パンくずリスト
-----------------------------------------------*/
a.pan { background:url(../img/base/pan01.gif) right center no-repeat; padding-right:15px;}
.pan01{ background-image:url(../img/base/pan02.gif); clear:both; height:28px; padding-top:10px;}

/*-----------------------------------------------
リスト
-----------------------------------------------*/
.list01a { list-style:square; list-style-position:inside;}
.list01b { list-style:none;}
.list01a li, .list01b li { margin-top:15px; margin-left:0; border-bottom:solid 1px #ccc;}
.list01b li.bdn { margin-top:15px; margin-left:0; border:none;}
.list01c { list-style:disc;}
.noborder { border-bottom:none !important;}

/*-----------------------------------------------
定義リスト
-----------------------------------------------*/
/* 01 */
.dddt01 { width:540px;}
.dddt01 dt { font-weight:bold; border-bottom:1px solid #ccc; margin-top:20px;}
.dddt01 dd { margin-top:5px;}

/* 02 */
.dddt02 { width:380px;}
.dddt02 dt { font-weight:bold; border-bottom:1px solid #ccc;}
.dddt02 dd { padding-top:10px; padding-bottom:5px;}



/*-----------------------------------------------
テーブル
-----------------------------------------------*/
/* 01 */
.table01 td { border-bottom:1px solid #ccc; vertical-align:top; padding-top:15px;}
.table01 th { border-bottom:1px solid #ccc; vertical-align:top; padding-top:15px;}
.table01 th span { margin-left: -12px; padding: 0 5px 0 0; }

/* 01b */
.table01b { margin-top:5px; border:1px solid #ccc;}
.table01b td { padding:4px;}

/* 02a */
.table02a td { border-bottom:1px solid #ccc; vertical-align:top;}
.table02a th { border-bottom:1px solid #ccc; vertical-align:top;}

/* 03 ---200901追加--- */
.table03 td {border:1px solid #ccc; vertical-align: middle; padding: 4px;}
.table03 th {border:1px solid #ccc; vertical-align: middle; padding: 4px; background: #d9d9d9;}

/*-----------------------------------------------
文字色
-----------------------------------------------*/
.color01 { color:#2842a8;}
.color02 { color:#2a6346;}
.color03 { color:#900;}
.color04 { color:#FD0004;}
.color05 { color:#ff0000;}

/*-----------------------------------------------
テキストリンク装飾
-----------------------------------------------*/
.link01 { height:27px; padding-top:5px; padding-left:4px; margin-left:3px; margin-right:3px;
  vertical-align:middle;
  text-decoration:none;
  background-image:url(../img/base/head_menu01b.gif); display:block; float:left;}
.link01 img { margin-right:2px;}

/*-----------------------------------------------
ヘッダー
-----------------------------------------------*/
.head_title { float:left;}
.head_title10 { margin-top:75px; float:left; background-image:url(../img/base/head_menu10.gif);}
.head_title10b { background-image:url(../img/base/head_menu10.gif);}
.head_title11 { float:left; background-color:#cf6;}
.head_title2 { float:left; width:225px; margin-left:152px; text-align:right;}
.head_title3 { width:612px; clear:left; text-align:right; margin-top:0; padding-top:5px; padding-bottom:5px;}
.head_title4 { margin-left:100px; float:left;}
.head_menu01 { margin-top:5px; height:27px; padding-top:4px; padding-left:7px; float:left; background-image:url(../img/base/head_menu01d.gif); width:160px;}
.head_menu01 input { font-size:12px; height:12px; width:150px; margin-top:1px;}
.head_menu02 { margin-top:5px; height:27px; margin-right:10px; float:left;}
.head_menu03 { margin-bottom:7px; height:27px; float:left; width:225px;}

/*-----------------------------------------------
フッター
-----------------------------------------------*/
ul#footer01 { float:left; margin:0; padding:0; width:810px; height:31px; background-image:url(../img/base/footer01.gif); margin-top:20px;}
ul#footer01 li { margin-top:8px; padding-right:10px; padding-left:10px; list-style-type:none; float:left; border-right:solid 1px; text-align:center;}
ul#footer01 li.last { border-right:none;}
#copyright { padding-top:20px; clear:both; text-align:center;}

/*-----------------------------------------------
ページトップへ戻る
-----------------------------------------------*/
a.gototop { display:block; width:149px; height:21px; background-image:url(../img/base/bt_gototop.gif); text-indent:-9999px; margin-top:20px; margin-left:411px;}
a.gototop:hover { background-position:0 -21px;}

/*-----------------------------------------------
グローバルメニュー
-----------------------------------------------*/
ul#menu { margin:0; padding:0;}
ul#menu li { list-style-type:none; padding:0; float:left; margin-right:1px; text-align:center; height:32px;}
ul#menu li a { font-size:90%; display:block; text-decoration:none; width:189px; height:32px; text-indent:-9999px;}
ul#menu li a:hover { background-position:0 -32px}
ul#menu li a.gm00 { background-image:url(../img/base/menu_g00.gif);}
ul#menu li a.gm01 { background-image:url(../img/base/menu_g01.gif);}
ul#menu li a.gm02 { background-image:url(../img/base/menu_g02.gif);}
ul#menu li a.gm03 { background-image:url(../img/base/menu_g03.gif);}
ul#menu li a.gm04 { background-image:url(../img/base/menu_g04.gif);}
ul#menu li a.gm05 { background-image:url(../img/base/menu_g05.gif);}
ul#menu li a.gm06 { background-image:url(../img/base/menu_g06.gif);}

/*-----------------------------------------------
ページメニュー枠
-----------------------------------------------*/
.pagemenu01{ margin-top:10px; background-image:url(../img/base/pagemenu_b.gif);}
.pagemenu02{ margin-top:30px; background-image:url(../img/base/pagemenu_b.gif);}

/*-----------------------------------------------
ページメニュー
-----------------------------------------------*/
ul#pagemenu{ }
ul#pagemenu li { margin-top:25px; list-style-type:none;}
ul#pagemenu li.top { margin-top:0;}
ul#pagemenu li a { display:block; width:173px;}
ul#pagemenu li#menu_a a { height:20px;}
ul#pagemenu li#menu_a a:hover { background-position:0 -20px;}
ul#pagemenu li#menu_a a#menucolor1 { background-position:0 -20px;}
ul#pagemenu li#menu_b a { height:38px;}
ul#pagemenu li#menu_b a:hover { background-position:0 -38px;}
ul#pagemenu li#menu_b a#menucolor1 { background-position:0 -38px;}

ul#pagemenu li#menu_a a.pm01 { background-image:url(../img/base/pagemenu_01.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm02 { background-image:url(../img/base/pagemenu_02.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm03 { background-image:url(../img/base/pagemenu_03.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm04 { background-image:url(../img/base/pagemenu_04.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm05 { background-image:url(../img/base/pagemenu_05.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm08 { background-image:url(../img/base/pagemenu_08.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm11 { background-image:url(../img/base/pagemenu_11.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm12 { background-image:url(../img/base/pagemenu_12.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm13 { background-image:url(../img/base/pagemenu_13.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm14 { background-image:url(../img/base/pagemenu_14.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm14over1 { background-image:url(../img/base/pagemenu_19.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm14over2 { background-image:url(../img/base/pagemenu_20.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm15 { background-image:url(../img/base/pagemenu_15.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm16 { background-image:url(../img/base/pagemenu_16.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm17 { background-image:url(../img/base/pagemenu_17.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm18 { background-image:url(../img/base/pagemenu_18.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm19 { background-image:url(../img/base/pagemenu_07.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm21 { background-image:url(../img/base/pagemenu_21.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm22 { background-image:url(../img/base/pagemenu_22.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm23 { background-image:url(../img/base/pagemenu_23.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm24 { background-image:url(../img/base/pagemenu_24.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm31 { background-image:url(../img/base/pagemenu_31.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm32 { background-image:url(../img/base/pagemenu_32.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm41 { background-image:url(../img/base/pagemenu_41.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm42 { background-image:url(../img/base/pagemenu_42.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm43 { background-image:url(../img/base/pagemenu_43.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm51 { background-image:url(../img/base/pagemenu_51.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm52 { background-image:url(../img/base/pagemenu_52.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm53 { background-image:url(../img/base/pagemenu_53.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm54 { background-image:url(../img/base/pagemenu_54.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm61 { background-image:url(../img/base/pagemenu_61.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm62 { background-image:url(../img/base/pagemenu_62.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm63 { background-image:url(../img/base/pagemenu_63.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm64 { background-image:url(../img/base/pagemenu_64.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm65 { background-image:url(../img/base/pagemenu_65.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm66 { background-image:url(../img/base/pagemenu_66.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm71 { background-image:url(../img/base/pagemenu_71.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm72 { background-image:url(../img/base/pagemenu_72.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm73 { background-image:url(../img/base/pagemenu_73.gif); text-indent:-9999px;}

ul#pagemenu li#menu_a a.pm85 { background-image:url(../img/base/pagemenu_85.gif); text-indent:-9999px;}
ul#pagemenu li#menu_a a.pm100 { background-image:url(../img/base/pagemenu_100.gif); text-indent:-9999px;}

/* 2 */
ul#pagemenu2{ list-style:none; margin-left:17px; margin-top:10px;}
ul#pagemenu2 li { width:145px; margin-top:5px; margin-bottom:13px; border-bottom:1px solid #e48e80;}
ul#pagemenu2 li a { text-decoration:none; color:#111; width:145px;}
ul#pagemenu2 li a:hover { color:#e42000;}
ul#pagemenu2 li a#menucolor1 { color:#e42000;}

/* 3 */
ul#pagemenu3 { list-style:none; margin-left:30px; width:132px;}
ul#pagemenu3 li { width:131px; margin-top:0; margin-bottom:6px; height:1.2em; font-size:0.85em; border-bottom:1px solid #e48e80;}
ul#pagemenu3 li a { width:131px; text-decoration:none; color:#111;}
ul#pagemenu3 li a:hover {color:#e42000;}

/*-----------------------------------------------
左カラム
-----------------------------------------------*/
ul#banner1 { margin:0; padding:0;}
ul#banner1 li { list-style-type:none; padding:0; float:left; margin-top:10px; text-align:center;}
ul#banner1 li a { text-indent:-9999px; font-size:90%; display:block; text-decoration:none; width:177px; height:100px;}
ul#banner1 li#bn1 a { height:100px;}
ul#banner1 li#bn1 a:hover { background-position:0 -100px;}
ul#banner1 li#bn2 a { height:100px;}
ul#banner1 li#bn2 a:hover { background-position:0 -100px;}
ul#banner1 li#bn2 a.bn01 { background-image:url(../img/banner/museum2.jpg);}
ul#banner1 li#bn1 a.bn02 { background-image:url(../img/banner/zatugaku2.gif);}
ul#banner1 li#bn1 a.bn03 { background-image:url(../img/banner/netshop3.jpg);}

/*-----------------------------------------------
右カラム
-----------------------------------------------*/
ul#banner2 { margin:0; padding:0;}
ul#banner2 li { list-style-type:none; padding:0; margin-top:10px; text-align:center;}
ul#banner2 li a { text-indent:-9999px; font-size:90%; display:block; text-decoration:none; width:139px; height:81px;}
ul#banner2 li a:hover { background-position:0 -81px}
ul#banner2 li#normal { list-style-type:none; padding:0; margin-top:10px; text-align:center;}
ul#banner2 li#normal a { width:139px;height:81px;}

/* 2 */
ul#banner3 { margin:0; padding:0;}

/* 3 */
.sidelink00 { width:135px; margin-top:55px; font-size:90%;}
.sidelink00 a { text-decoration:none;}
.sidelink01 { background-image:url(../img/base/bn_01.gif); width:135px;
  /*margin-top:100px;*/
  margin-top:30px;
  font-size:90%;
}
.sidelink01 a { text-decoration:none;}
.sidelink02 { background-image:url(../img/base/bn_01.gif); width:135px; margin-top:30px; font-size:90%;}
.sidelink02 a { text-decoration:none;}
.sidelink03 { background-image:url(../img/base/bn_01.gif); width:135px; margin-top:30px;
  /*margin-top:55px;*/
  font-size:90%;
}
.sidelink03 a { text-decoration:none;}

/*-----------------------------------------------
よくいただくご質問（カーソル形状）
-----------------------------------------------*/
#Acc7b dl dt { cursor:pointer;}

/*-----------------------------------------------
カテゴリーインデックス
-----------------------------------------------*/
.index_menu { margin-left:286px;}
.index_menu, x:-moz-read-only { margin-left:20px;}
.index_menu, x:-moz-broken { margin-left:286px;}
.index_menu, x:x { margin-left:286px;}

/*-----------------------------------------------
ニュース
-----------------------------------------------*/
#news span { display:block; float:left; width:32px; text-align:right;}
#news span.inline { display:inline; float:none; text-align:left;}

/*-----------------------------------------------
製品紹介
-----------------------------------------------*/
ul#products01 { margin:0; margin-left:382px; padding:0;}
ul#products01 li { list-style-type:none; padding:0; margin-top:10px; float:left;}
ul#products01 li a { text-indent:-9999px; font-size:90%; display:block; text-decoration:none; width:86px; height:25px;}
ul#products01 li a:hover { background-position:0px -25px;}
ul#products01 li a.bn01 { background-image:url(../products/img/bt_01.gif);}
ul#products01 li a.bn02 { background-image:url(../products/img/bt_02.gif);}
ul#products01 li a.bn03 { background-image:url(../products/img/bt_03.gif);}
ul#products01 li a.bn01b { background-image:url(../products/img/bt_01.gif); background-position:0 -25px;}
ul#products01 li a.bn02b { background-image:url(../products/img/bt_02.gif); background-position:0 -25px;}
ul#products01 li a.bn03b { background-image:url(../products/img/bt_03.gif); background-position:0 -25px;}

.engine01 { width:266px; float:left; margin-bottom:50px;}
.engine01 a { color:#333; text-decoration:none;}
.engine01 a:hover { color:#900; text-decoration:underline;}

.spec01 { width:295px; font-size:85%;}
.spec01 td { border-bottom:1px solid #ccc; vertical-align:top; padding-top:15px; padding-left:5px;}
.spec01 td.bdn { border:none;}
.spec01 td.add { padding-top:0;}
.spec01 th { border-bottom:1px solid #ccc; vertical-align:top; padding-top:15px;}
.spec01 th.bdn { border:none;}
.spec01b { font-size:85%;}
.spec11 { width:263px; float:left;}
.spec01b td { border-bottom:1px solid #ccc; vertical-align:top; padding-top:15px; padding-left:5px;}
.spec01b th { border-bottom:1px solid #ccc; vertical-align:top; padding-top:15px;}
.spec02 { width:228px; word-break: break-all;}



/*-----------------------------------------------
ヘッダー 2011.02.03
-----------------------------------------------*/
.head_title { float:left;}
.head_title10 { margin-top:75px; float:left; background-image:url(../img/base/head_menu10.gif);}
.head_title10b { background-image:url(../img/base/head_menu10.gif);}
.head_title11 { float:left; background-color:#cf6;}
.head_title2 { float:left; width:225px; margin-left:152px; text-align:right;}
.head_title3 { width:612px; clear:left; text-align:right; margin-top:0px; padding-top:5px; padding-bottom:5px;}
.head_title4 { margin-left:100px; float:left;}
.head_menu01 { margin-top:5px; height:27px; padding-top:4px; padding-left:7px; float:left; background-image:url(../img/base/head_menu01d.gif); width:160px;}
.head_menu01 input { font-size:12px; height:12px; width:150px; margin-top:1px;}
.head_menu02 { margin-top:5px; height:27px; margin-right:10px; float:left;}
.head_menu03 { margin-bottom:7px; height:27px; float:left; width:225px;}

/*10/13追加*/

#header{
  width:100%;
  height:150px;
  background:url(../img/header/bg-header.gif) repeat-x;
}

.index #header{
  width:100%;
  height:140px;
  background:url(../img/header/bg-header2.gif) repeat-x;
}

#header_contents{
  width:1024px;
  margin:0 auto
}

#header #header_main{
  width:906px;
  margin:0 auto;
  padding:0 29px;
  overflow:hidden;
  zoom:1;
  position:relative;
}

#header #header_main:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#header #header_main #title_logo {
  padding-top:10px;
  float:left;
  width:175px;
}

#header #header_main #title_logo h1 {
  position:absolute;
  font-size:76%;
  font-weight:normal;
  width:175px;
  text-align:center;
  top:3px;
}

#header #header_main ul#nav_top{
  overflow:hidden;
  zoom:1;
  padding-left:10px;
}

#header #header_main ul#nav_top li{
  float:left;
  font-size:12px;
}

#header #header_main ul#nav_top li form.btn_search{
  padding:10px 0 0 15px;
}

form.btn_search input[type=text] {
  width:150px;
}

#header #header_main ul#nav_top:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#header #header_main div.logo{
  position:absolute;
  top:26px;
  left:855px;
}

#header div#global_nav{
  width:940px;
  margin:0 auto;
  overflow:hidden;
}

/*-----------------------------------------------
フッター 2011.02.03
-----------------------------------------------*/
ul#footer01 { float:left; margin:0; padding:0; width:810px; height:31px; background-image:url(../img/base/footer01.gif); margin-top:20px;}
ul#footer01 li { margin-top:8px; padding-right:10px; padding-left:10px; list-style-type: none; float:left; border-right:solid 1px; text-align:center;}
ul#footer01 li.last { border-right:none;}
#footer02 { width:950px; height:31px; background-image:url(../img/base/footer01.gif);}
#copyright { padding-top:20px; clear:both; text-align:center;}

/*10/13追加*/

#footer{
  width:100%;
  background:#333333;
}

#footer_contents{
  width:1024px;
  margin:0 auto
}

#footer #footer_main{
  width:884px;
  padding:15px 0 25px;
  position:relative;
  margin:0 auto;
}

#footer #footer_main p.gototop{
  position:absolute;
  top:-15px;
  left:750px;
}

#footer ul#footer_nav{
  color:#ffffff;
  margin-bottom:40px;
}

#footer ul#footer_nav li{
  display:inline;
}

#footer ul#footer_nav li a{
  color:#ffffff;
  text-decoration:none;
}

#footer ul#footer_nav li a:hover{
  color:#ffffff;
  text-decoration:underline;
}

#footer div.copy{
  text-align:right;
}



/*-----------------------------------------------
製品紹介 2011.5.31
-----------------------------------------------*/
#productsTab {
  position: relative;
  height: 40px;
  margin: 50px 0 25px;
  background: url(../fire_engine/img/common/tab_bg.gif) repeat-x bottom;
  zoom: 1;
}
#productsTab:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#productsTab li {
  position: absolute;
  top: 0;
}
#productsTab li img {
  vertical-align: bottom;
}
#productsTab li.tab01 {
  left: 5px;
  z-index: 5;
}
#productsTab li.tab02 {
  left: 115px;
  z-index: 4;
}
#productsTab li.tab03 {
  left: 225px;
  z-index: 3;
}
#productsTab li.tab04 {
  left: 335px;
  z-index: 2;
}
#productsTab li.tab05 {
  left: 445px;
  z-index: 1;
}

.product_contents {
  margin-bottom: 40px;
  line-height: 1.6;
}
.product_contents h3 {
  margin: 0 0 20px;
  padding: 0 10px 10px;
  border: 0;
  background: url(../fire_engine/img/common/h3_line.gif) repeat-x bottom;
  font-size: 109%;
  line-height: 1.2;
}
.product_contents h3 strong {
  display: block;
  padding: 3px 0 1px 14px;
  background: url(../fire_engine/img/common/title_bg.gif) no-repeat;
  color: #c30302;
}

.product_contents2 {
  margin-bottom: 40px;
  line-height: 1.6;
}
.product_contents2 #productSpec_area{
  margin:40px 0 0 0;
}
.product_contents2 h3 {
  margin: 40px 0 20px;
  padding: 0 10px 10px;
  border: 0;
  background: url(../fire_engine/img/common/h3_line.gif) repeat-x bottom;
  font-size: 109%;
  line-height: 1.2;
}
.product_contents2 h3 strong {
  display: block;
  padding: 3px 0 1px 14px;
  background: url(../fire_engine/img/common/title_bg.gif) no-repeat;
  color: #c30302;
}

.product_contents .title {
  margin: 0 12px 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e42f00;
  font-size: 109%;
  line-height: 1.2;
  color: #c30302;
}
.product_contents .title1 {
  margin: 0 auto 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e42f00;
  font-size: 109%;
  line-height: 1.2;
  color: #c30302;
}
.product_contents .sub_title {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  font-size: 109%;
  line-height: 1.2;
}
.product_contents .sub_title strong {
  display: block;
  padding: 2px 0 0 14px;
  background: url(../fire_engine/img/common/title_bg.gif) no-repeat;
}

.product_contents .main_ph {
  margin-bottom: 18px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}

.product_contents .main_ph1 {
  margin-bottom: 18px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  font-size: 80%;
}

.product_contents .main_ph span.attention {
  display:block;
  margin:30px auto 20px;
  text-align:left;
}
.product_contents .main_ph .main_ph_notice {
  clear: left;
  text-align:left;
  padding: 0 12px;
}
.product_contents .main_ph .main_ph_notice .main_ph_notice_list_item {
  font-size: 11px;
}

.product_contents2 .main_ph {
  margin-bottom: 18px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.product_contents .section {
  margin: 0 12px 25px;
  zoom: 1;
}
.product_contents .section span.displace{
  padding-left:1em;
}

.product_contents p.btspace{
  margin-bottom:25px;
}

.product_contents .layout{
  margin: 25px 12px 25px;
  zoom: 1;
}
.product_contents .section:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.product_contents .border {
  border: 1px solid #cccccc;
}

/* 特徴・詳細 */
#productFeature {

}
#productFeature h3 {
  margin-top: 40px;
}
#productFeature .column2_wrap {
  margin: 0 0 25px 2px;
  zoom: 1;
}
#productFeature .column2_wrap:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#productFeature .column2_wrap .column {
  float: left;
  width: 270px;
  padding: 0 10px;
}
#productFeature .column2_wrap .column h4.sub_title{
  width:270px;
}

/* 仕様・スペック */
#productSpec table {
  width: 100%;
  font-size: 84%;
  line-height: 1.4;
}
#productSpec table th,
#productSpec table td {
  padding: 1.2em 0 0.8em;
  border-bottom: 1px solid #cccccc;
  vertical-align: top;
}
#productSpec table .first th,
#productSpec table .first td {
  padding-top: 0;
}
#productSpec table th{
  text-align:left;
}
#productSpec table th strong {
  display: block;
  padding-left: 25px;
  background: url(../fire_engine/img/common/title_bg.gif) no-repeat 10px 0;
}
.product_deta {
  margin-top: 30px;
}
/* フォトギャラリー */
#productPhotoGallery {
  margin: 0 0 0 20px;
}
#productPhotoGallery p {
  font-size: 84%;
}
#productPhotoGallery ul {
  margin-top: 20px;
  zoom: 1;
}
#productPhotoGallery ul:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#productPhotoGallery ul li {
  float: left;
  padding: 0 14px 12px 0;
}
#productPhotoGallery ul li img {
  border: 1px solid #cccccc;
  vertical-align: bottom;
}

/* ムービー */
#productMovie {
  text-align: center;
}

/*-----------------------------------------------
屈折はしご付消防車　MSC25 2011.5.31
-----------------------------------------------*/
#work001feature01 {
  min-height: 242px;
  margin-bottom: 10px;
  padding-right: 130px;
  background: url(../fire_engine/work/img/001/feature_img03.gif) no-repeat right bottom;
}
* html #work001feature01 {
  height: 242px;
}
#work001feature02 {
  min-height: 254px;
  margin-bottom: 10px;
  padding-right: 130px;
  background: url(../fire_engine/work/img/001/feature_img05.gif) no-repeat right bottom;
}
* html #work001feature02 {
  height: 254px;
}


/*-----------------------------------------------
Miracle CAFS Car 2013.6.27
-----------------------------------------------*/
.pickupimg {
  margin: 10px 0;
}
.ie7_01{
  padding-top:20px !important;
  margin-top:0 !important;
}
*+html .ie7_01 {  padding-top: 0 !important; }

/*-----------------------------------------------
13mブーム付多目的消防ポンプ自動車 MVF 2014.03.12
-----------------------------------------------*/

.productsTab {
  position: relative;
  height: 40px;
  margin: 50px 0 25px;
  background: url(../fire_engine/img/common/tab_bg.gif) repeat-x bottom;
  zoom: 1;
}
.productsTab:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.productsTab li {
  position: absolute;
  top: 0;
}
.productsTab li img {
  vertical-align: bottom;
}
.productsTab li.tab01 {
  left: 5px;
  z-index: 5;
}
.productsTab li.tab02 {
  left: 115px;
  z-index: 4;
}
.productsTab li.tab03 {
  left: 225px;
  z-index: 3;
}
.productsTab li.tab04 {
  left: 335px;
  z-index: 2;
}
.productsTab li.tab05 {
  left: 445px;
  z-index: 1;
}
/*---------------------------------------------------------
20140327追加　モリタグループについて ＞ グループ会社一覧
---------------------------------------------------------*/
ul.company_mark{
  overflow:hidden;
}

/*---------------------------------------------------------
20140620追加　消防関連商品＞地区積載品＞赤外線サーモグラフィ
---------------------------------------------------------*/

p.bt_border{
  border-bottom:#cccccc 1px solid;
  padding-bottom:5px;
}
span.notes_font{
  font-size:11px;
}
table.spec03{
  border-collapse: collapse;
  font-size: 84%;
}

table.spec03 .type01{

}

table.spec03 .type02{

   font-weight:bold;
}

/*
table.spec03 .type01 th,
table.spec03 .type01 td,
table.spec03 .type02 th,
table.spec03 .type02 td{
  padding:5px !important;
}
*/

table.spec03 th.last{
  border-right:none;
}

table.spec03 tr.type02 td{
  text-align:left !important;
}
 table.spec03 th, table.spec03 td{
  text-align:center;
  padding: 15px 5px 0;
  border-bottom: solid 1px #cccccc;
  }
 table.spec03 th, table.spec03 td.bdri{
   border-right: solid 1px #cccccc;
}
table.spec03 .fast_spec{
  width:100px;
}
table.spec03 .spec_bo{
  font-weight:bold;
  border-right: solid 1px #cccccc;

}

/*---------------------------------------------------------
20140704追加　消防関連商品＞消防部門＞e-モニタ
---------------------------------------------------------*/

ul.e_moni_phbox{
  width:420px;
  margin:0 auto 20px;
  text-align:center;
  overflow:hidden;

}
ul.e_moni_phbox li{
  float:left;
}
ul.e_moni_phbox li.ri_ph{
  margin-right:20px;
}
dl.e_moni_tph dd{
  overflow:hidden;
}
dl.e_moni_tph dd .fl_emoni{
  float:left;
}
dl.e_moni_tph dd .fr_emoni{
  float:right;
}
ul.narabi li{
  float:left;
}

/*---------------------------------------------------------
20140804追加　消防関連商品＞積載品＞化学防護服
---------------------------------------------------------*/

span.color_orange {
  color: #e1711a;
}
span.color_khaki {
  color: #a79a3f;
}
p.font_note {
  font-size: 11px;
}
h3.clear_fl{
  clear:both;
}
.block_area{
  overflow:hidden;
}
.mzi_contents{
  margin-top:0 !important;
}

.breating th{
  width:90px;
}

/*---------------------------------------------------------
20150330追加　経営理念
---------------------------------------------------------*/

.contents01 p.cycle{
  width:384px;
  margin:0 auto 30px;
}

/*---------------------------------------------------------
20150618追加　企業データ修正
---------------------------------------------------------*/
.sign{
  margin-top:15px;
  text-align:right;
}

/*---------------------------------------------------------
20150807追加　水槽付消防車MTX
---------------------------------------------------------*/

.product_contents .main_mff{
    margin-bottom: 18px;
    padding-bottom: 6px;
    border-bottom: 1px solid #cccccc;
    text-align: center;
 }
.product_contents .each{
  width:560px;
  margin:0 auto 30px;
  overflow:hidden;
  float:none;
  clear:both;
}
.tank_mtx h4,
.miracle_cafs h4{
  width:560px;
  margin:0 auto 15px;
  padding-bottom:7px;
  display: block;
  color: #c30302;
  line-height: 1.2;
  border-bottom:1px solid #c30302;
}
.product_contents .each .two_col{
  overflow:hidden;
}
.product_contents .each .two_col span.cap{
  display:block;
}
.product_contents .each .two_col .side_l,
.product_contents .each .two_col .side_r{
  float:left;
  overflow:hidden;
}
.product_contents .each .type_a .side_l{
  width:210px;
  margin-right:13px;
 }
.product_contents .each .type_a .side_r{
   width:337px;
 }
.product_contents .each .type_b .side_l{
  width:136px;
 }
.product_contents .each .type_b .side_r{
   width:424px;
 }
.product_contents .each .type_c .side_l{
  width:135px;
 }
.product_contents .each .type_c .side_r{
   width:425px;
 }
.product_contents .each .type_c .side_r dl.pomp dt{
  width:162px;
  float:left;
  margin-right:13px;
}
.product_contents .each .type_c .side_r dl.pomp dd{
  width:250px;
  float:left;
}
.product_contents .each .type_d .side_l{
  width:301px;
 }
.product_contents .each .type_d .side_r{
   width:258px;
 }
.product_contents .each .type_e .side_l{
  width:270px;
  margin-right:20px;
 }
.product_contents .each .type_e .side_r{
  width:270px;
 }
.product_contents .each .type_f .side_l{
  width:210px;
  margin-right:18px;
 }
.product_contents .each .type_f .side_r{
  width:330px;
 }
 .product_contents .each .type_g .side_l{
  width:176px;
  margin-right:16px;
 }
.product_contents .each .type_g .side_r{
  width:176px;
 }
.product_contents .each .type_h .side_l{
  width:348px;
  margin-right:12px;
 }
.product_contents .each .type_h .side_r{
  width:196px;
 }
.product_contents .each .type_i .side_l{
  width:275px;
  margin-right:10px;
 }
.product_contents .each .type_i .side_r{
  width:275px;
 }
.product_contents .each .pattern{
  width:470px;
  height:124px;
  padding:40px 47px 26px 43px;
}
.product_contents .each .pattern_black{
  background:url(../fire_engine/tank/img/bg-body_black.gif) left top no-repeat;
  margin-bottom:17px;
}
.product_contents .each .pattern_red{
  background:url(../fire_engine/tank/img/bg-body_red.gif) left top no-repeat;
  }
.product_contents .each .pattern .silver,
.product_contents .each .pattern .red{
  width:218px;
  height:125px;
  float:left;
}
.product_contents .each .pattern .silver{
  margin-right:33px;
}
.product_contents .each p.roof{
  font-weight:bold;
  margin-bottom:5px;
}
table.mff_spec td{
  text-align:center;
}
table.mff_spec th.two_list{
  padding:20px 0 0.8em !important;
 }
table.mff_spec td span.fication{
  font-weight:bold;
}
.mini_type{
  font-size:84%;
}


/*---------------------------------------------------------
20150910追加　レスキューTRX
---------------------------------------------------------*/

.spec_rescue_trx .lst_ph {
  width:500px;
  margin:0 auto;
  zoom:1;
}
.spec_rescue_trx .lst_ph:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.spec_rescue_trx .lst_ph li{
  width: 250px;
  float:left; 
  text-align:center;
}
.spec_rescue_trx .spec01 { 
  width: 100% !important;
  margin: 20px 10px 20px 15px;
}
.spec_rescue_trx .tbl_rescue_trx {
  width:500px;
  margin:0 auto;
  zoom: 1; 
}
.spec_rescue_trx .tbl_rescue_trx .tbl_title {
  border-right:none;
}

/*---------------------------------------------------------
20170526追加　CAFS用消泡剤
---------------------------------------------------------*/
#cafs_removal table {
  width: 100%;
}
#cafs_removal table th,
#cafs_removal table td {
  border: solid 1px #cccccc;
  padding: 10px 0;
  text-align: center;
}
#cafs_removal table th {
  background-color: #f4f4f4;
  font-weight: normal;
}

/*---------------------------------------------------------
20180312追加 工場紹介
---------------------------------------------------------*/
#factory {
  margin: 0;
  line-height: 1.5;
}
#factory .h22 {
  line-height: 1;
}
#factory .factory_tour_anchor:hover {
  opacity: 0.7;
}

.factory_name {
  margin-top: 18px;
  font-size: 21px;
  border-left: none;
  margin-left: 5px;
}
.factory_name:before {
  content: "■";
  color: #a40c00;
  font-size: 10px;
  position: relative;
  top: -3px;
  left: -5px;
}
.factory_photo {
  margin-top: 10px;
}

/* page_nav */
.factory_contents_nav{
  margin-top: 30px;
  display: table;
  width: 100%;
  border-right: 1px solid #9c9c9c;
}
.factory_contents_nav li {
  display: table-cell;
  width: 33.33%;
  padding: 3px 0;
  border-left: 1px solid #9c9c9c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.factory_contents_nav li a.page_anchor {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

/* products */
#factory .products_list:after {
  content:"";display:block;clear:both;
}
#factory .products_list_item {
  width: 283px;
  float: left;
  margin: 0 0 22px 14px;
}
#factory .products_list_item:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
#factory .products_list_item a {
  text-decoration: none;
}
#factory .products_list_item a .products_photo,
#factory .products_list_item a .products_name {
  display: block;
}
#factory .products_list_item a .products_name {
  margin-top: 5px;
  margin-left: 3px;
  position: relative;
}
#factory .products_list_item a .products_name:before {
  content: url(/img/base/ico-arrow_red.gif);
  position: relative;
  top: 1px;
  margin-right: 5px;
}

/* facility */
.factory_contents#facility {
  margin-top: -22px;
}
#facility .facility_list:after {
  content:"";display:block;clear:both;
}
#facility .facility_list_item {
  width: 283px;
  float: left;
  margin: 0 0 22px 14px;
}
#facility .facility_list_item:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.factory_sub {
  border-left: none;
  background: #e6e6e6;
  padding: 3px 0 3px 10px;
}

.factory_sub_list_item {
  margin-top: 10px;
}
.factory_sub_list_item:after {
  content:"";display:block;clear:both;
}
.factory_sub_list_item:first-child {
  margin-top: 0;
}
.factory_sub_list_photo {
  float: left;
}
.factory_sub_list_text {
  width: 337px;
  float: right;
}
.factory_sub_list_text dt {
  font-size: 16px;
  font-weight: bold;
}
.factory_sub_list_text dt:before {
  content: "■";
  font-size: 10px;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.factory_sub_list_text dd {
  margin-top: 5px;
}

.flow .factory_sub_list_text dt {
  padding-left: 1.6em;
  text-indent: -1.6em;
}
.flow .factory_sub_list_text dt:before {
  content: none;
}

/* information */
#factory_info .factory_map {
  text-align: center;
}
#factory_info .factory_info_table {
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
}
#factory_info .factory_info_table th,
#factory_info .factory_info_table td {
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 5px 0;
}

#factory_info .factory_info_table th {
  width: 22%;
  text-align: center;
  font-weight: normal;
  background: #ececec;
}
#factory_info .factory_info_table td {
  padding-left: 15px;
}

/*---------------------------------------------------------
20201221追加 見出しデザイン（その他装備品、積載品）
---------------------------------------------------------*/
h2.product_category {
	background: #a40c00;
	padding: 10px;
	color: #fff;
}

/*---------------------------------------------------------
20240327追加　scut
---------------------------------------------------------*/

.scut .accesary_list {
	padding: 20px 0 0 10px;
}

.scut .inner_block {
	padding-bottom: 50px;
}

.scut .accesary_list li:after {
	content:"";display:block;clear:both;
}

.scut .accesary_list li {
	margin-bottom: 36px;
}

.scut .accesary_list li div.photo_area {
	float: left;
	width: 170px;
}

.scut .accesary_list li div.txt_area {
	float: left;
	width: 300px;
	padding: 26px 0 0 30px;
	line-height: 1.5;
}

.scut .accesary_list li div.txt_area .item_name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}


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

.p-companyData dl {
  display: flex;
  padding: 19px 0 18px;
  border-bottom: 1px dashed #c1c1c1;
}

@media screen and (max-width: 767px) {
  .p-companyData dl {
    display: block;
  }
}

.p-companyData dl:first-child {
  border-top: 1px dashed #c1c1c1;
}

.p-companyData dl dt {
  width: 120px;
  padding-right: 15px;
  font-weight: bold;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .p-companyData dl dt {
    width: 100%;
    padding: 0;
  }
}

.p-companyData dl dd {
  width: calc(100% - 120px);
}

@media screen and (max-width: 767px) {
  .p-companyData dl dd {
    width: 100%;
    margin-top: 8px;
  }
}

* + .p-companyData {
  margin-top: 10px;
}

.p-companyData + * {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .p-companyData + * {
    margin-top: 45px;
  }
}

.p-companyData p + p {
  margin-top: 9px;
}

/*** tksadd250822 start ***/
.c-underPageTitle--h3 {
  margin-top: 10px;
  cursor: pointer;
}

.c-underPageTitle--h3 span::before, .c-underPageTitle--h3 span::after {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 2px;
  height: 15px;
  background-color: #ccc;
  content: "";
}

.c-underPageTitle--h3 span::before {
  transform: translateY(-50%);
  transition: transform .4s linear;
}

.c-underPageTitle--h3 span::after {
  transform: translateY(-50%) rotate(90deg);
}

.c-underPageTitle--h3.is-open span::before {
  transform: translateY(-50%) rotate(270deg);
  transition: transform .4s linear;
}

@media screen and (max-width: 900px) {
  .p-infoListWrap {
    padding: 0 10px;
  }
}

.p-infoListWrap__item {
  margin-top: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 900px) {
  .p-infoList {
    padding: 0;
  }
}

.p-infoList__item__heading {
  max-width: calc(100% - 214px);
}
@media screen and (max-width: 900px) {
  .p-infoList__item__heading {
    width: 100%;
    max-width: 100%;
  }
}

:not([class^=p-infoList__item__label]) + .p-infoList__item__heading {
  margin-left: 104px;
}
@media screen and (max-width: 900px) {
  :not([class^=p-infoList__item__label]) + .p-infoList__item__heading {
    margin-left: 0;
  }
}

.js-accordion + .p-infoList {
  display: none;
  margin-top: 8px;
  margin-bottom: 40px;
}

.c-underPageTitle--h3 {
  margin: 20px;
  font-size: 15px;
  line-height: 120%;
}

@media screen and (max-width: 767px) {
  .c-underPageTitle--h3 {
    margin-top: 8px;
    font-size: 20px;
    line-height: 150%;
  }
}

.c-underPageTitle--h3:before {
  height: 11px;
}

@media screen and (max-width: 767px) {
  .c-underPageTitle--h3:before {
    height: 11px;
  }
}

.l_clear {
  text-decoration: none;
}

.g_anchor {
  margin: 10px;
  vertical-align: top;
}

.p-infoList {
  width: 100%;
  box-sizing: border-box;
}

.p-companyData dl {
  display: flex;
  padding: 19px 0 18px;
  border-bottom: 1px dashed #c1c1c1;
}

.c-underPageTitle--h3 span {
  position: relative;
  display: block;
}

.p-businessIcon {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}

.p-businessIcon__item {
  margin-top: 0;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 5px;
  
  /*** tksadd250822 start ***/
  /* display: flex;
  align-items: center;
  margin: 0 0 8px;
  padding: 0 8px 0 0; */
  /*** tksadd250822 end ***/
}

.p-businessIcon__item:before {
  content: none;
}

.p-businessIcon__image {
  max-width: 100%;
  height: auto;
}

.p-businessIcon__text {
  width: 50px;
  margin: 0 0 0 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
}
/*** tksadd250822 end ***/

/*---------------------------------------------------------
20250916追加　牽引式ビーチクリーナー　修正
---------------------------------------------------------*/
.inner_block_b h4{
	color:#c30302;
	border-bottom:1px #c30302 solid;
}
.inner_block_b .cycle{
	width:545px;
	height:520px;
	background:url(/fire_engine/special/img/beachcleaner/bg-cycle.jpg) left top no-repeat;
	position:relative;
}
.inner_block_b .cycle p.characteristic01,
.inner_block_b .cycle p.characteristic02{
	position:absolute;
}
.inner_block_b .cycle p.characteristic01{
	top:385px;
	left:17px;
	border:1px #231815 solid;
	padding:20px;
}
.inner_block_b .cycle p.characteristic02{
	top:457px;
	left:275px;
}

/*---------------------------------------------------------
20251128追加　画像ホバーアクション
---------------------------------------------------------*/
.map-container {
  position: relative;
  display: inline-block;
}

.highlight {
  position: absolute;
  background: rgba(255, 255, 100, 0.35); /* ←明るくなる色 */
  pointer-events: none; /* クリックを邪魔しない */
  opacity: 0;
  transition: opacity 0.2s;
}

/* coords → highlight の位置とサイズに変換 */
#hl1 { left: 5px; top: 3px; width: 99px; height: 230px; }
#hl2 { left: 106px; top: 3px; width: 139px; height: 230px; }
#hl3 { left: 246px; top: 4px; width: 144px; height: 230px; }
#hl4 { left: 391px; top: 3px; width: 142px; height: 230px; }