@charset "utf-8";

/* ---緊急、お見舞い及び暫定掲載するメッセージ的な文章で使用------------------ */
p.hbn-tppge-side { font-size: 1em/*16px*/; line-height: 1.2; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; margin-top:1em; margin-bottom:1em; text-align:left ; line-break: strict; font-feature-settings:"palt" }
p.hbn-tppge-side_i1em { font-size: 1em/*16px*/; line-height: 1.2; padding-left:1em; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; margin-top:1em; margin-bottom:1em; text-align:left ; line-break: strict; font-feature-settings:"palt" }
/* ---緊急、お見舞い及び暫定掲載するメッセージ的な文章で使用ここまで------------------ */

p.hbn-tppge-side_kjy-i1em { font-size: 1em/*16px*/; line-height: 1.2; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; margin-top:1em; margin-bottom:1em; padding-left:1.5em; text-indent:-1.2em; text-align:left ; line-break: strict; font-feature-settings:"palt" }
p.hbn-tppge-side_kjy-i2em { font-size: 1em/*16px*/; line-height: 1.2; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; margin-top:1em; margin-bottom:1em; padding-left:2.5em; text-indent:-1.2em; text-align:left ; line-break: strict; font-feature-settings:"palt" }
/* オリジナル追加の段落設定@end */

/* ---colm01はトップページのサブインデックスタブ------------------ */
#colm01 { width: 100%; float:right; margin : 0; text-align: left; }
#colm01 ul { text-align: left; } 
#colm01 li { display: inline-block; margin: -0.5em -0.1em;}
#colm01 a  { display: block; width: 12em; background-color: #efefef; text-align: center; padding: 0.5em 0em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm01 li a:hover { background-color: #999999; }
#colm01 p { margin-bottom : 1.5em; /*(20170407追記：colm01だけ下マージンを1.5emにするため)*/}
/* --------------------- */

/* ---colm02は「ニュース・更新履歴」用のサブインデックスタブ------------------ */
#colm02 { width: 100%; float:right; margin : 1em 0 -1em; text-align: left; }
#colm02 ul { text-align: left; } 
#colm02 li { display: inline-block; margin: 0em -0.1em;}
#colm02 a  { display: block; width: 18em; background-color: #efefef; text-align: center; padding: 0.5em 0em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm02 li a:hover { background-color: #999999; }
#colm02 p { margin-bottom : 1.2em; /*(20170407追記：colm02だけ下マージンを1.2emにするため)*/}
/* --------------------- */

/* ---colm3-tppgは、ニュース・更新履歴の最新分の一時掲載箇所------------------ */
#colm3-tppg { width:90%; float:left; margin-top: 0; }

/* ---colm04は、ページ下部の「富士インパルス」「富士インパルス販売」へのリンク用タブ------------------ */
#colm04 { width: 100%; float:right; margin : 1em 0 -1em; text-align: left; padding-top: 1em; border-top: 2px solid #0080ff;}
#colm04 ul { text-align: left; } 
#colm04 li { display: inline-block; margin: 0em 2em;}
#colm04 a  { display: block; width: 18em; background-color: #efefef; text-align: center; padding: 0.5em 0em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm04 li a:hover { background-color: #999999; }
#colm04 p { margin-bottom : 1.8em; /*(20170407追記：colm04だけ下マージンを1.8emにするため)*/}
/* --------------------- */

/* ---緊急、お見舞い及び暫定掲載するメッセージ的な文章------------------ */
#colm050 { width:100%; background-color: #eaeff9;  margin: 0.5em 0.5em 1em -0.5em; padding: 0.1em 0.5em 0.1em 0.5em; line-break: strict; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 1px 2px 2px 1px; }
/* --------------------- */

/* ---緊急、お見舞い及び暫定掲載するメッセージ的な文章の画像版（流用、盗用防止策）------------------ */
#colm051 { width:100%; margin: 0.5em 0.5em 1em -0.5em; padding: 0.1em 0.5em 0.1em 0.5em; line-break: strict; }
/* --------------------- */


/* ---外部サイトなどへのリンクアイコンスパーン>>〜768px、〜1024px以上で設定変更------------------ */
#colm_link { width:30%; float:right; background-color: #ffffff;  margin:0 0 1em 0; padding: -0.5em; }
/* --------------------- */

/* ---サイト内検索スパーン用>>〜768px、〜1024px以上で設定変更------------------ */
#colm_srch { width:60%; float:left; background-color: #ffffff;  margin:0; padding: -0.5em; }
/* --------------------- */

/* ---他言語サイトスパーン用>>〜768px、〜1024px以上で設定変更------------------ */
#colm_othrlngs { width:40%; float:right; background-color: #ffffff; font-size:0.7em; }
/* --------------------- */

/* 文章をコピー不可  IE以外への対策 */
body{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;

-webkit-touch-callout: none; 
/* ↑スマホ対策　リンクの長押しでメニューを出さないようにする */
/* -webkit-user-select: none;
↑スマホ対策　文字列や画像を選択してコピーなどのメニューを出さないように、選択不可にする */
}
/* 文章をコピー不可ここまで */

/* ---colm-stmpは20161214までの「サイト内検索」スパーン用css、完成時に削除すること------------------ */
#colm-stmp { width: 100%; /* float:right */ margin : 1em 0 -1em; text-align: left; }
#colm-stmp ul { text-align: left; } 
#colm-stmp li { display: inline-block; margin: 0em -0.1em;}
#colm-stmp a  { display: block; width: 8em; font-size: 0.85em; color: #ffffff; background-color: #3399ff/*efefef*/; text-align: center; padding: 0.75em 1em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm-stmp li a:hover { background-color: #ccff66; }
/* --------------------- */


/* ------------------------------------------------------------------ */
/*768px*/
@media screen and (min-width : 768px){
/* ここから768〜1023pxまでのcssを記述*/

html{ font-size : 87.5%} /*レスポンシブタイプセッティングの指定*/
#contents { text-align : left}

/* ---外部サイトなどへのリンクアイコンスパーン>>〜768px、〜1024px以上で設定変更------------------ */
#colm_link { width:30%; float:right; background-color: #ffffff;  margin:0 0 1em 0; padding: -0.5em; }
/* --------------------- */

/* ---サイト内検索スパーン用>>〜768px以下、〜1024px以上で設定変更------------------ */
#colm_srch { width:60%; float:left; background-color: #ffffff;  margin:0; padding: -0.5em; }
/* --------------------- */

/* ---他言語サイトスパーン用>>〜768px以下、〜1024px以上で設定変更------------------ */
#colm_othrlngs { width:40%; float:right; background-color: #ffffff;  margin:0; padding: -0.5em 0.5em -0.5em -0.5em; font-size:0.8em; }

}


/* ------------------------------------------------------------------ */
/*1024px*/
@media screen and (min-width : 1024px) {
/* ここから1024px以上のcssを記述*/

html{ font-size : 100%} /*レスポンシブタイプセッティングの指定*/

p.hbn-tppge-side { font-size: 1em/*16px*/; line-height: 1.2; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; margin-top:1em; margin-bottom:1em; text-align:left ; line-break: strict; }
p.hbn-tppge-side_kjy-i1em { font-size: 1em/*16px*/; line-height: 1.2; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; margin-top:1em; margin-bottom:1em; padding-left:1.2em; text-indent:-1.2em; text-align:left ; line-break: strict; }
/* オリジナル追加の段落設定@end */

/* ---colm01はトップページのサブインデックスタブ------------------ */
#colm01 { width: 100%; /* float:right */ margin : 0; text-align: left; }
#colm01 ul { text-align: left; } 
#colm01 li { display: inline-block; margin: -0.5em -0.1em;}
#colm01 a  { display: block; width: 14em/*22em*/; background-color: #efefef; text-align: center; padding: 0.5em 0em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm01 li a:hover { background-color: #999999; }
#colm01 p { margin-bottom : 1.5em; /*(20170407追記：colm01だけ下マージンを1.5emにするため)*/}
/* --------------------- */

/* ---colm02は「ニュース・更新履歴」用のサブインデックスタブ------------------ */
#colm02 { width: 100%; /* float:right */ margin : 1em 0 -1em; text-align: left; }
#colm02 ul { text-align: left; } 
#colm02 li { display: inline-block; margin: 0em -0.1em;}
#colm02 a  { display: block; width: 22em; background-color: #efefef; text-align: center; padding: 0.5em 0em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm02 li a:hover { background-color: #999999; }
#colm02 p { margin-bottom : 1.2em; /*(20170407追記：colm02だけ下マージンを1.2emにするため)*/}
/* --------------------- */

/* ---外部サイトなどへのリンクアイコンスパーン>>〜768px、〜1024px以上で設定変更------------------ */
#colm_link { width:30%; float:right; background-color: #ffffff;  margin:0 0 1em 0; padding: -0.5em; }
/* --------------------- */

/* ---サイト内検索スパーン用>>〜768px、〜1024px以下で設定変更------------------ */
#colm_srch { width:60%; float:left; background-color: #ffffff;  margin:0; padding: -0.5em; }
/* --------------------- */

/* ---他言語サイトスパーン用>>〜768px、〜1024px以下で設定変更------------------ */
#colm_othrlngs { width:40%; float:right; background-color: #ffffff;  margin:0; padding: -0.5em 0.5em -0.5em -0.5em; font-size:1em; }
/* --------------------- */

/* ---colm-stmpは20161214までの「サイト内検索」スパーン用css、完成時に削除すること------------------ */
#colm-stmp { width: 100%; /* float:right */ margin : 1em 0 -1em; text-align: left; }
#colm-stmp ul { text-align: left; } 
#colm-stmp li { display: inline-block; margin: 0em -0.1em;}
#colm-stmp a  { display: block; width: 8em; font-size: 0.85em; color: #ffffff; background-color: #3399ff/*efefef*/; text-align: center; padding: 0.75em 1em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px; }
#colm-stmp li a:hover { background-color: #ccff66; }
/* --------------------- */

}