@charset "UTF-8";
/* CSS Document */

#prdct-top_nav2  { width : 100%; margin : 0; padding: 0.5em 0.3em; text-align: center; background-color: #E5E5E5 }

/* --右サイドに移動していない状態の「スパーン"prdct-slg_nav"」------------------- */
#prdct-slg_nav { width: 90%; /* float:right */ margin : 1em 0}
#prdct-slg_nav ul { text-align: left } 
#prdct-slg_nav li { display: inline-block; vertical-align: top; margin: -0.5em -0.1em}
#prdct-slg_nav a  { display: block; width: 12em/* 20150213まで10em */; background-color: #f7f8f8; text-align: center; padding: 0.5em 0em; margin-bottom: 0; border-color: #eaedef #cbd4db #0068b7; border-style: solid; border-width: 2px 2px 2px 2px }
#prdct-slg_nav li a:hover { background-color: #999999 }
#prdct-slg_nav p { margin-bottom : 1.5em /*(20170407追記：prdct-slg_navだけ下マージンを1.5emにするため)*/}
/* 右サイドに移動していない状態の「スパーン"prdct-slg_nav"」　ここまで */

p.prdct-slg_nav { font-size: 1.4em; font-family: sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; font-feature-settings:"palt"} 



/* --1024px以下：右サイドに移動していない状態の「"div-su-prdct-indxb"」------------------- */
#contents #sub-prdct-indx { width: 90%; /* float:right */ margin : 2em 0} /* 2em 0 0 2em */
#contents #sub-prdct-indx ul { text-align: left } 
#contents #sub-prdct-indx li { display: inline-block; vertical-align: top; margin: -0.5em -0.1em}
#contents #sub-prdct-indx a  { display: block; width: 18em/* 20150213まで10em */; background-color: #efefef; text-align: left; padding: 0.5em 0em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px }
#contents #sub-prdct-indx li a:hover { background-color: #999999 }
#contents #sub-prdct-indx p { margin-bottom : 1.5em /*(20170407追記：subだけ下マージンを1.5emにするため)*/}
/* 1024px以下：右サイドに移動していない状態の「"div-sub-prdct-indx"」　ここまで */


/* --1024px以下：右サイドに移動していない状態の「"div-sub2"（設定内容はdiv-subと同じ）20200916追記：css23移行対応」------------------- */
#contents #sub2 { width: 96%; /* float:right */ margin : 2em 0} /* 2em 0 0 2em */
#contents #sub2 ul { text-align: left } 
#contents #sub2 li { display: inline-block; vertical-align: top; margin: -0.5em -0.1em}
#contents #sub2 a  { display: block; width: 18em/* 20150213まで10em */; background-color: #eaeff9; text-align: left/*center*/; padding: 0.5em 0.5em 0.5em 1em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px }
#contents #sub2 li a:hover { background-color: #999999; }
#contents #sub2 p { margin-bottom : 1.5em /*(20170407追記：subだけ下マージンを1.5emにするため)*/}
/* 1024px以下：右サイドに移動していない状態の「"div-sub2"」　ここまで　1024px以上も設定が同じのため追記する必要なし */

/* ---colm03-prdct-tppgは、製品情報トップページのニュース・更新履歴の最新分の一時掲載箇所------------------ */
#colm03-prdct-tppg { width:100%; /*float:left;*/ margin-top: 0; }

/* --------------------- */


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

/* ---右サイドに移動した状態の「"div-sub-prdct-indx"」------------------ */
#contents #sub-prdct-indx { position:relative; top:-5em; right : 0% ;/*  1024px以上ではsub-prdct-indxを一定の高さ(-5em)に設置、スクロールに連動する"relative"を採用、sub-prdct-indxの縦が長く、想定するブラウザ；ページウインドサイズではsub-prdct-indxが収まりきらないことが想定されるため*/
float : right;
width : 31.25% /* >>margin追加 margin : 2em 0em*/
}

/* #contents #sub { width: 29.296875% ; float:right; margin : 2em 0 0 2em;} */
#contents #sub-prdct-indx ul { text-align: left} 
#contents #sub-prdct-indx li { display: inline-block; margin: -0.6em -0.1em}
#contents #sub-prdct-indx a  { display: block; width: 18em/* 20150213まで8em 300px */; background-color: #efefef; text-align: left; padding: 3px; margin-bottom: 0px; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px }
#contents #sub-prdct-indx li a:hover { background-color: #999999; }
#contents #sub-prdct-indx p { margin-bottom : 1.5em /*(20170407追記：sub-prdct-indxだけ下マージンを1.5emにするため)*/}
/* ---右サイドに移動した状態の「"div-sub-prdct-indx"」ここまで------------------ */

/* --1024px以下：右サイドに移動していない状態の"div-sub2"------------------- */
#contents #sub2 ul { text-align: left } 
#contents #sub2 li { display: inline-block; vertical-align: top; margin: -0.5em -0.1em}
#contents #sub2 a  { display: block; width: 18em/* 20150213まで10em */; background-color: #eaeff9; text-align: left/*center*/; padding: 0.5em 0.5em 0.5em 1em; margin-bottom: 0; border-color: #e6e6e6 #d6d3d3 #a4a4a4; border-style: solid; border-width: 2px 2px 4px 2px }
#contents #sub2 li a:hover { background-color: #999999; }
#contents #sub2 p { margin-bottom : 1.5em /*(20170407追記：subだけ下マージンを1.5emにするため)*/}
/* --1024px以下：右サイドに移動していない状態の"div-sub2"ここまで------------------- */

/* ここまで1024px以上のcssを記述*/
} /*<<この｝は消さない！*/


/*更新履歴
20240912：　“colm05forprdcts”の使用を終了*/