@charset "UTF-8";

/*
-----------------------------------------------
screenメディア用スタイル
----------------------------------------------- */

body {
margin:0;
padding:0;
color:#fff;
background:#000;
}

body.lang_jp {
}

/* IE7 を除くモダンブラウザにのみ適用 */
html>/**/body.lang_jp {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


body.lang_en {
font-size:110%;
font-family:Arial, Helvetica, sans-serif;
}

body.lang_cn {
font-size:110%;
font-family :Arial, SimSun, 'MS UI Gothic', sans-serif;
}



body * {
margin:0;
padding:0;
}

#wrap {
width:900px;
margin:0 auto;
padding:0;
text-align:left;
position:relative;
color:#000;
background:#fff;
}

a {
color:#000;
}

a:visited {
color:#000;
}

img {
border:none;
}

a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

table {
border-spacing: 0px;
border-collapse:collapse;
margin-bottom:1em;
}

blockquote {
margin-left:2em;
}

input, textarea {
font-family:auto;
font-size:100%;
}

/*
-----------------------------------------------
ヘッダ
----------------------------------------------- */

#header {background:transparent url(./img/header_jp.gif) no-repeat 0px 0px;}
.lang_en #header {background:transparent url(./img/header_en.gif) no-repeat 0px 0px;}
.lang_cn #header {background:transparent url(./img/header_cn.gif) no-repeat 0px 0px;}

#header li {
list-style:none;
}

#header a {
text-decoration:none;
}

#logo {
width:260px;
height:70px;
overflow:hidden;
}

#logo a {
display:block;
width:260px;
height:70px;
text-indent:-10000px;
}

#navi_global {
position:absolute;
width:250px;
height:70px;
left:637px;
top:0;
background:transparent url(./img/hoge.gif);
}

#navi_global li {
float:left;
text-indent:-10000px;
background:transparent url(./img/hoge.gif);
}

#navi_global a {
display:block;
height:30px;
text-decoration:none;
}

#navi_global #navi_home a {width:73px;}
#navi_global #navi_sitemap a {width:86px;}
#navi_global #navi_enq a {width:90px;}

#navi_global #search_box {
border:none;
width:154px;
height:18px;
background:transparent;
padding:2px;
cursor:text;
color:#333;
margin-left:15px;
font-size:12px;
}

#navi_global #search_btn {
width:60px;
height:19px;
background:transparent url(ie7_bag.gif);
border:none;
position:absolute;
left:179px;
top:30px;
cursor:pointer;
}

#navi_global #search_btn:hover {
border:solid 2px #666;
}

#navi_request a {
display:block;
width:150px;
height:25px;
position:absolute;
left:-210px;
top:43px;
background:transparent url(ie7_bag.gif);
}


#navi_catalog {
width:100%;
height:25px;
overflow:hidden;
margin-bottom:1px;
}

#navi_catalog li {
float:left;
text-indent:-10000px;
}

#navi_catalog a {
display:block;
height:26px;
}

/* ナビ（カタログ：日本語） */

.lang_jp #navi_catalogtop a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat 0px 0px;}
.lang_jp #navi_catalogtop a:hover {background:transparent url(./img/navi_jp.gif) no-repeat 0px -26px;}

.lang_jp #navi_application a {width:250px; background:transparent url(./img/navi_jp.gif) no-repeat -150px 0px;}
.lang_jp #navi_application a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -150px -26px;}

.lang_jp #navi_optics a {width:250px; background:transparent url(./img/navi_jp.gif) no-repeat -400px 0px;}
.lang_jp #navi_optics a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -400px -26px;}

.lang_jp #navi_hardware a {width:250px; background:transparent url(./img/navi_jp.gif) no-repeat -650px 0px;}
.lang_jp #navi_hardware a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -650px -26px;}


/* ナビ（カタログ：英語） */

.lang_en #navi_catalogtop a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat 0px 0px;}
.lang_en #navi_catalogtop a:hover {background:transparent url(./img/navi_en.gif) no-repeat 0px -26px;}

.lang_en #navi_application a {width:250px; background:transparent url(./img/navi_en.gif) no-repeat -150px 0px;}
.lang_en #navi_application a:hover {background:transparent url(./img/navi_en.gif) no-repeat -150px -26px;}

.lang_en #navi_optics a {width:250px; background:transparent url(./img/navi_en.gif) no-repeat -400px 0px;}
.lang_en #navi_optics a:hover {background:transparent url(./img/navi_en.gif) no-repeat -400px -26px;}

.lang_en #navi_hardware a {width:250px; background:transparent url(./img/navi_en.gif) no-repeat -650px 0px;}
.lang_en #navi_hardware a:hover {background:transparent url(./img/navi_en.gif) no-repeat -650px -26px;}


/* ナビ（カタログ：英語） */

.lang_cn #navi_catalogtop a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat 0px 0px;}
.lang_cn #navi_catalogtop a:hover {background:transparent url(./img/navi_cn.gif) no-repeat 0px -26px;}

.lang_cn #navi_application a {width:250px; background:transparent url(./img/navi_cn.gif) no-repeat -150px 0px;}
.lang_cn #navi_application a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -150px -26px;}

.lang_cn #navi_optics a {width:250px; background:transparent url(./img/navi_cn.gif) no-repeat -400px 0px;}
.lang_cn #navi_optics a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -400px -26px;}

.lang_cn #navi_hardware a {width:250px; background:transparent url(./img/navi_cn.gif) no-repeat -650px 0px;}
.lang_cn #navi_hardware a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -650px -26px;}



#navi_pages {
width:100%;
height:24px;
overflow:hidden;
background:#000;
border-bottom:solid 1px #fff;
}

#navi_pages li {
float:left;
text-indent:-10000px;
}

#navi_pages a {
display:block;
height:25px;
}

/* ナビ（カタログ以外：日本語） */

.lang_jp #navi_about a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat 0px -53px;}
.lang_jp #navi_about a:hover {background:transparent url(./img/navi_jp.gif) no-repeat 0px -79px;}

.lang_jp #navi_business a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat -150px -53px;}
.lang_jp #navi_business a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -150px -79px;}

.lang_jp #navi_support a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat -300px -53px;}
.lang_jp #navi_support a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -300px -79px;}

.lang_jp #navi_community a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat -450px -53px;}
.lang_jp #navi_community a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -450px -79px;}

.lang_jp #navi_ir a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat -600px -53px;}
.lang_jp #navi_ir a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -600px -79px;}

.lang_jp #navi_recruit a {width:150px; background:transparent url(./img/navi_jp.gif) no-repeat -750px -53px;}
.lang_jp #navi_recruit a:hover {background:transparent url(./img/navi_jp.gif) no-repeat -750px -79px;}

/* ナビ（カタログ以外：英語） */

.lang_en #navi_about a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat 0px -53px;}
.lang_en #navi_about a:hover {background:transparent url(./img/navi_en.gif) no-repeat 0px -79px;}

.lang_en #navi_business a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat -150px -53px;}
.lang_en #navi_business a:hover {background:transparent url(./img/navi_en.gif) no-repeat -150px -79px;}

.lang_en #navi_support a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat -300px -53px;}
.lang_en #navi_support a:hover {background:transparent url(./img/navi_en.gif) no-repeat -300px -79px;}

.lang_en #navi_community a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat -450px -53px;}
.lang_en #navi_community a:hover {background:transparent url(./img/navi_en.gif) no-repeat -450px -79px;}

.lang_en #navi_ir a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat -600px -53px;}
.lang_en #navi_ir a:hover {background:transparent url(./img/navi_en.gif) no-repeat -600px -79px;}

.lang_en #navi_recruit a {width:150px; background:transparent url(./img/navi_en.gif) no-repeat -750px -53px;}
.lang_en #navi_recruit a:hover {background:transparent url(./img/navi_en.gif) no-repeat -750px -79px;}

/* ナビ（カタログ以外：中国語） */

.lang_cn #navi_about a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat 0px -53px;}
.lang_cn #navi_about a:hover {background:transparent url(./img/navi_cn.gif) no-repeat 0px -79px;}

.lang_cn #navi_business a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat -150px -53px;}
.lang_cn #navi_business a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -150px -79px;}

.lang_cn #navi_support a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat -300px -53px;}
.lang_cn #navi_support a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -300px -79px;}

.lang_cn #navi_community a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat -450px -53px;}
.lang_cn #navi_community a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -450px -79px;}

.lang_cn #navi_ir a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat -600px -53px;}
.lang_cn #navi_ir a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -600px -79px;}

.lang_cn #navi_recruit a {width:150px; background:transparent url(./img/navi_cn.gif) no-repeat -750px -53px;}
.lang_cn #navi_recruit a:hover {background:transparent url(./img/navi_cn.gif) no-repeat -750px -79px;}


/* パンくず */

#crumb {
background:transparent url(./img/crumb_bg.jpg) repeat-y;
font-size:65%;
padding:0.5em 1.5em;
}



/* 言語 */

#navi_language {
width:25px;
height:260px;
position:absolute;
left:900px;
top:150px;
}

.lang_jp #navi_language {background:transparent url(./img/lang_bg.gif) no-repeat 0px 0px;}
.lang_en #navi_language {background:transparent url(./img/lang_bg.gif) no-repeat -25px 0px;}
.lang_cn #navi_language {background:transparent url(./img/lang_bg.gif) no-repeat -50px 0px;}

#navi_language li {
width:25px;
height:86px;
text-indent:-10000px;
}

#navi_language a {
display:block;
width:25px;
height:86px;
}


/* コンテンツ */

#contents {
padding:20px 20px 20px 20px;
width:860px;
font-size:75%;
/* hack */
min-height:500px;
height:auto !important;
/* hack */
overflow:visible;
}


#sidecontents {
width:165px;
float:left;
padding-top:120px;
margin-bottom:20px;
}

.lang_jp .category_A #sidecontents {background:transparent url(./img/side_catalog_jp.gif) no-repeat 0px 0px;}
.lang_jp .category_B #sidecontents {background:transparent url(./img/side_catalog_jp.gif) no-repeat -165px 0px;}
.lang_jp .category_C #sidecontents {background:transparent url(./img/side_catalog_jp.gif) no-repeat -330px 0px;}
.lang_jp .pages_catalog #sidecontents {background:transparent url(./img/side_catalog_jp.gif) no-repeat -495px 0px;}

.lang_jp .pages_global #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat 0px 0px;}
.lang_jp .pages_about #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -165px 0px;}
.lang_jp .pages_business #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -330px 0px;}
.lang_jp .pages_support #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -495px 0px;}
.lang_jp .pages_important #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -495px 0px;}
.lang_jp .pages_motorize #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -495px 0px;}
.lang_jp .pages_software #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -495px 0px;}
.lang_jp .pages_community #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -660px 0px;}
.lang_jp .pages_knowledge #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -660px 0px;}
.lang_jp .pages_code #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -660px 0px;}
.lang_jp .pages_explorer #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -660px 0px;}
.lang_jp .pages_funny #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -660px 0px;}
.lang_jp .pages_face #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -660px 0px;}
.lang_jp .pages_ir #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -825px 0px;}
.lang_jp .pages_recruit #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -990px 0px;}
.lang_jp .pages_staff #sidecontents {background:transparent url(./img/side_pages_jp.gif) no-repeat -990px 0px;}

.lang_en .category_A #sidecontents {background:transparent url(./img/side_catalog_en.gif) no-repeat 0px 0px;}
.lang_en .category_B #sidecontents {background:transparent url(./img/side_catalog_en.gif) no-repeat -165px 0px;}
.lang_en .category_C #sidecontents {background:transparent url(./img/side_catalog_en.gif) no-repeat -330px 0px;}
.lang_en .pages_catalog #sidecontents {background:transparent url(./img/side_catalog_en.gif) no-repeat -495px 0px;}

.lang_en .pages_global #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat 0px 0px;}
.lang_en .pages_about #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -165px 0px;}
.lang_en .pages_business #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -330px 0px;}
.lang_en .pages_support #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -495px 0px;}
.lang_en .pages_important #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -495px 0px;}
.lang_en .pages_motorize #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -495px 0px;}
.lang_en .pages_software #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -495px 0px;}
.lang_en .pages_community #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -660px 0px;}
.lang_en .pages_ir #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -825px 0px;}
.lang_en .pages_recruit #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -990px 0px;}
.lang_en .pages_staff #sidecontents {background:transparent url(./img/side_pages_en.gif) no-repeat -990px 0px;}


.lang_cn .category_A #sidecontents {background:transparent url(./img/side_catalog_cn.gif) no-repeat 0px 0px;}
.lang_cn .category_B #sidecontents {background:transparent url(./img/side_catalog_cn.gif) no-repeat -165px 0px;}
.lang_cn .category_C #sidecontents {background:transparent url(./img/side_catalog_cn.gif) no-repeat -330px 0px;}
.lang_cn .pages_catalog #sidecontents {background:transparent url(./img/side_catalog_cn.gif) no-repeat -495px 0px;}

.lang_cn .pages_global #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat 0px 0px;}
.lang_cn .pages_about #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -165px 0px;}
.lang_cn .pages_business #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -330px 0px;}
.lang_cn .pages_support #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -495px 0px;}
.lang_cn .pages_important #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -495px 0px;}
.lang_cn .pages_motorize #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -495px 0px;}
.lang_cn .pages_software #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -495px 0px;}
.lang_cn .pages_community #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -660px 0px;}
.lang_cn .pages_ir #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -825px 0px;}
.lang_cn .pages_recruit #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -990px 0px;}
.lang_cn .pages_staff #sidecontents {background:transparent url(./img/side_pages_cn.gif) no-repeat -990px 0px;}


#navi_side1 {
background:#fff;
padding:1em 0;
}

#navi_side1 a {
display:block;
width:135px;
background:transparent url(./img/listmark_2.gif) no-repeat 5px 7px;
padding:0.3em 10px 0.3em 20px;
text-decoration:none;
}

#navi_side1 li {
list-style:none;
}

#navi_side1 a:hover {
text-decoration:underline;
}

#navi_side2 {
}

#navi_side2 li {
list-style:none;
margin-bottom:1px;
border-bottom:solid 1px #ccc;
}

#navi_side2 li a {
display:block;
padding:0.5em 10px 0.5em 20px;
color:#333;
text-decoration:none;
}

.category_A #navi_side2 li a {background:#fff url(./img/listmark_a.gif) no-repeat 5px 9px;}
.category_B #navi_side2 li a {background:#fff url(./img/listmark_b.gif) no-repeat 5px 9px;}
.category_C #navi_side2 li a {background:#fff url(./img/listmark_c.gif) no-repeat 5px 9px;}


#navi_side2 li a:hover {
color:#fff;
}

.category_A #navi_side2 li a:hover {background:#900 url(./img/listmark_2.gif) no-repeat 5px 9px}
.category_B #navi_side2 li a:hover {background:#039 url(./img/listmark_2.gif) no-repeat 5px 9px}
.category_C #navi_side2 li a:hover {background:#393 url(./img/listmark_2.gif) no-repeat 5px 9px}



/* サイドメニュー（会社案内ほか） */

#navi_side3 {
padding-top:10px;
}


#navi_side3 li {
border-bottom:solid 1px #ccc;
list-style:none;
}


#navi_side3 li ul {
margin-left:1.5em;
font-size:85%;
margin-bottom:-1px;
}


#navi_side3 a {
display:block;
background:transparent url(./img/listmark.gif) no-repeat 5px 9px;
padding:0.5em 10px 0.5em 20px;
text-decoration:none;
}

#navi_side3 a:hover {
background:#000 url(./img/listmark_2.gif) no-repeat 5px 9px;
color:#fff;
}





/*
-----------------------------------------------
製品ページ
----------------------------------------------- */


#maincontents {
width:680px;
float:right;
line-height:150%;
padding-bottom:2em;
}

/* IE7 を除くモダンブラウザにのみ適用 */
html>/**/body #maincontents {
line-height:150%;
}

#maincontents h1 {
border:solid 1px #000;
padding:1em;
font-size:150%;
margin-bottom:20px;
font-weight:bold;
}

#maincontents h1.h1_img {
border:none;
padding:0;
margin-bottom:20px;
}

/* IE6以下に適用 */
* html body #maincontents h1 {
font-size:180%;
}

#maincontents h2 {
clear:both;
font-size:120%;
padding:0.25em 0.5em;
margin:2em 0 1em 0;
color:#000;
background:#eee;
}

.category_A #maincontents h2 {background:#b00; color:#fff;}
.category_B #maincontents h2 {background:#039; color:#fff;}
.category_C #maincontents h2 {background:#393; color:#fff;}

#maincontents h3 {
font-size:120%;
clear:both;
margin:1.5em 0 1em 0;
border-bottom:dotted 1px #000;
padding-bottom:0.25em;
}

#maincontents h4 {
font-size:110%;
margin:1em 0;
}

#maincontents h5 {
font-size:100%;
margin:1em 0;
}

#maincontents h6 {
font-size:100%;
margin:0.5em 0;
}

#maincontents p {
margin-bottom:0.75em;
}

#maincontents ul {
padding-left:1.5em;
}

#maincontents ol {
padding-left:1.75em;
}

#maincontents li {
margin-bottom:0.5em;
line-height:125%;
}

#maincontents table {
background:#fff;
}



/* 区切り線 */

hr {
height:1px;
color:#fff;
margin:1.5em 0;
}

/* IE7およびIE6以下に適用 */
* html body hr,
*:first-child+html hr {
color:#999;
}


hr.clear {
clear:both;
margin:0;
visibility:hidden;
}


.enq_check {
color:#c00;
font-weight:bold;
}









/* 画像整形 */

#maincontents .img_left {
float:left;
line-height:100%;
padding:0 1.5em 1.5em 0;
}

#maincontents .img_right {
float:right;
line-height:100%;
padding:0 0 1.5em 1.5em;
}

.img_left img,
.img_right img {
padding-bottom:0.25em;
}


/* テキスト整形 */

#maincontents .txt_center {
text-align:center;
}

#maincontents .txt_right {
text-align:right;
}


/* テーブル整形 */

caption {
text-align:right;
}

.tbl {
}

.tbl_left,
.tbl_center,
.tbl_right {
clear:both;
width:99.5%;
margin-left:0.25%;
margin-right:0.25%;
}

.tbl th, .tbl td,
.tbl_left th, .tbl_left td,
.tbl_center th, .tbl_center td,
.tbl_right th, .tbl_right td {
border:solid 1px #ccc;
padding:0.25em 0.5em;
line-height:125%;
}

.tbl th,
.tbl_left th,
.tbl_center th,
.tbl_right th {
background:#eee;
font-weight:normal;
}

.tbl th,
.tbl_left th,
.tbl_center th,
.tbl_center td,
.tbl_right th {
text-align:center;
}

.tbl_right td {
text-align:right;
}

.tbl_left_right {
width:auto;
}

.pages_global form .tbl_left th,
.pages_catalog form .tbl_left th {
text-align:left;
}


/* リンク整形 */

#maincontents ul.link {
margin-left:0.25em;
padding-left:0.25em;
}

#maincontents ul.link li {
padding-left:15px;
list-style:none;
background:transparent url(./img/listmark.gif) no-repeat 0px 7px;
}

#maincontents ul.link li.new {
list-style:none;
background:transparent url(./img/new.gif) no-repeat;
padding-left:40px;
margin-left:-25px;
}

#maincontents td.new {
background:transparent url(./img/new.gif) no-repeat 5px center;
padding-left:45px;
}


a.ico_acrobat, a.ico_word, a.ico_web, a.ico_link {
padding-right:0.25em;
}


/* メモ */

.memo {
background:#FFFFEA;
padding:1em 1em 0.5em;
margin-bottom:2em;
border:solid 1px #ccc;
clear:both;
}

#maincontents .memo h3 {
margin-top:0em;
}


span#kigou {
display:block;
float:right;
font-size:80%;
font-weight:bold;
}

.category_A span#kigou {color:#b00;}
.category_B span#kigou {color:#039;}
.category_C span#kigou {color:#393;}




#maincontents h1.top {
border:none;
padding:0;
}




/* 画像と概要 */

#photo {
width:240px;
float:left;
height:auto;
overflow:hidden;
margin:0 0 1.5em 0;
}

#outline {
width:420px;
margin-bottom:2em;
margin-left:250px;
}

#outline ul {
list-style-position:outside;
}

#outline strong {
}

#outline em {
font-style:normal;
}


/* PDF */

#pdf {
clear:both;
width:100%;
}

#pdf img {
}


/* ご案内・参考・ポイント・注意 */

#notes {
clear:both;
margin:1em 0 2em;
}

#notes ul {
margin-left:1.25em;
padding-left:1em;
}

#notes li {
font-size:90%;
}


#maincontents #notes h2 {
color:#000;
background:#fff;
font-size:100%;
font-weight:normal;
margin:0;
padding:0;
}


#maincontents #notes h2 span {
display:block;
padding:0.25em 1em 0.25em 3.25em;
margin:1.5em 0 1em 0;
border:solid 1px #ccc;
}

.notes_annai span {background:transparent url(./img/g_annai.gif) no-repeat 1em center;}
.notes_sankou span {background:transparent url(./img/g_sankou.gif) no-repeat 1em center;}
.notes_point span {background:transparent url(./img/g_point.gif) no-repeat 1em center;}
.notes_tyuui span {background:transparent url(./img/g_tyuui.gif) no-repeat 1em center;}
.notes_kanren span {background:transparent url(./img/g_kanren.gif) no-repeat 1em center;}





/* 表 */

#common,
#matrix {
clear:both;
width:100%;
}

p.cart_submit {
text-align:right;
margin:0.5em 0;
}

#common table {
margin:0 1px;
}


#matrix table {
width:100%;
margin:0 1px;
background:#fff;
}

#common th, #common td,
#matrix th, #matrix td {
border:solid 1px #ccc;
line-height:125%;
}

#common th, #common td {
padding:0.5em 0.5em;
}

#common th {
white-space:nowrap;
}

#matrix th, #matrix td {
padding:0.5em 0.2em;
text-align:center;
font-size:90%;
word-break:keep-all;
}


/* IE6以下に適用 */
* html body #matrix th, * html body #matrix td {
font-size:100%;
}

/* 英語だけ若干小さく */

.lang_en #matrix th {
font-size:70%;
}

.lang_en #matrix td {
font-size:75%;
}



#common th,
#matrix th {
background:#eee;
font-weight:normal;
}

tr.even td {
	background: #F2F0EE;
}

#matrix td input {
}

#matrix img {
display:block;
padding-bottom:1px;
}

td.hinmei {
text-align:left;
}

td.hinban {
text-align:left;
font-weight:bold;
color:#000;
}

td.price {
text-align:right;
font-weight:bold;
color:#039;
}

td.nouki {
text-align:center;
font-weight:normal;
color:#c00;
}


#matrix {
position:relative;
}

#matrix .new {
text-indent:-10000px;
width:35px;
height:15px;
background:transparent url(./img/new.gif) no-repeat;
position:absolute;
/* left:865px; */
left:-35px;
}




/*
-----------------------------------------------
フッタ
----------------------------------------------- */

#getacro {
clear:both;
color:#666;
padding:1em 20px;
font-size:65%;
}

#getacro img {
margin-right:1em;
vertical-align:middle;
}

#footer {
clear:both;
color:#999;
font-size:65%;
padding-bottom:2em;
background:#000;
text-align:center;
}

/* IE7 を除くモダンブラウザにのみ適用 */
html>/**/body #footer {
font-size:60%;
}


#footer div {
padding:0.5em 0;
width:100%;
height:auto;
overflow:hidden;
}

#footer li {
list-style:none;
}

#footer a {
color:#ccc;
}

#navi_extra {
background:#666;
}

#navi_extra li {
display:inline;
list-style:none;
padding:0.5em 0;
}

#signature {
color:#ccc;
background:#333;
text-align:left;
}

#signature li {
padding-left:2.5em;
padding-right:2.5em;
}

#signature em {
font-style:normal;
font-weight:bold;
padding-right:1em;
}

#copyright {
background:#000;
}



/*
-----------------------------------------------
ホーム（トップページ）専用
----------------------------------------------- */


#home h1 {
display:none;
}

#home #contents {
background:transparent url(./img/homecopy_jp.jpg) no-repeat 0px 0px;
padding-top:270px;
}

.lang_en#home #contents {background:transparent url(./img/homecopy_en.jpg) no-repeat 0px 0px;}
.lang_cn#home #contents {background:transparent url(./img/homecopy_cn.jpg) no-repeat 0px 0px;}

#home_right {
width:290px;
float:right;
}

#home_left {
width:550px;
float:left;
}

#home_information {
margin-bottom:1.5em;
}

#home_topics {
}

#home #view_list {
margin-top:1.5em;
margin-bottom:1.5em;
}

.pages_catalog #view_list {
width:100%;
}

.pages_catalog #maincontents {
padding-bottom:2em;
}

#home_information h2,
#home_topics h2,
#view_list h2,
#home_products h2 {
margin-bottom:0.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:140%;
}

#home_information p {
text-align:center;
padding:1em 0;
border:solid 1px #333;
width:100%;
}

#home_topics ul {
margin-bottom:1em;
}


#home_topics li {
list-style:none;
background:transparent url(./img/listmark.gif) no-repeat 0px 5px;
padding-left:15px;
margin-bottom:0.25em;
line-height:150%;
}

#home_topics a {
}

#view_list div {
float:left;
}

#view_list h3 {
margin-bottom:1em;
text-indent:-10000px;
border:none;
}

#view_list ul {
margin:0;
padding:0;
}

#view_list li {
list-style:none;
margin-bottom:0.2em;
padding-left:15px;
}

#view_list h3 a {
text-decoration:none;
height:20px;
overflow:hidden;
display:block;
}

.lang_en #view_list h3 a {
height:40px;
}

#list_application h3 a {color:#b00;}
#list_optics h3 a {color:#039;}
#list_hardware h3 a {color:#393;}

#home #list_application {width:178px;}
#home #list_optics {width:178px; margin-left:8px;}
#home #list_hardware {width:178px; margin-left:8px;}

.lang_jp #list_application h3 {background:#b00 url(img/list_A_jp.gif) no-repeat center center;}
.lang_jp #list_optics h3 {background:#039 url(img/list_B_jp.gif) no-repeat center center;}
.lang_jp #list_hardware h3 {background:#393 url(img/list_C_jp.gif) no-repeat center center;}
.lang_en #list_application h3 {background:#b00 url(img/list_A_en.gif) no-repeat center center;}
.lang_en #list_optics h3 {background:#039 url(img/list_B_en.gif) no-repeat center center;}
.lang_en #list_hardware h3 {background:#393 url(img/list_C_en.gif) no-repeat center center;}
.lang_cn #list_application h3 {background:#b00 url(img/list_A_cn.gif) no-repeat center center;}
.lang_cn #list_optics h3 {background:#039 url(img/list_B_cn.gif) no-repeat center center;}
.lang_cn #list_hardware h3 {background:#393 url(img/list_C_cn.gif) no-repeat center center;}

.pages_catalog #list_application,
.pages_global #list_application {width:210px;}
.pages_catalog #list_optics,
.pages_global #list_optics {width:210px; margin-left:15px;}
.pages_catalog #list_hardware,
.pages_global #list_hardware {width:210px; margin-left:15px;}

#list_application li {background:transparent url(./img/listmark_a.gif) no-repeat 0px 5px;}
#list_optics li {background:transparent url(./img/listmark_b.gif) no-repeat 0px 5px;}
#list_hardware li {background:transparent url(./img/listmark_c.gif) no-repeat 0px 5px;}


#home_products ul,
#home_products li {
margin:0;
padding:0;
}

#home_products li {
cursor:pointer;
background:#ddd;
list-style:none;
margin-bottom:0.75em;
clear:right;
min-height:94px;
height:auto !important;
height:94px;
}

#home_products li img {
display:block;
width:110px;
height:94px;
float:right;
padding-left:0.25em;
}

#home_products li h3 {
font-size:100%;
padding:1em 0 0.5em 1em;
line-height:100%;
clear:none;
}

#home_products li a {
text-decoration:none;
}

#home_products li p {
font-size:90%;
padding:0 1em 0.5em 1em;
line-height:120%;
}

.lang_en #home_products li p {
font-size:85%;
}


#home_important div {
background:#FFF4FF;
padding:1em;
border:solid 1px #CE0002;
margin-bottom:1em;
}

#home_important h2 {
font-size:110%;
background:transparent url(./img/important.gif) no-repeat 0 0;
height:12px;
padding:2px 0 10px 30px;
margin-bottom:0.5em;
}

#home_important h2 a {
color:#000;
text-decoration:none;
}

#home_important ul {
margin-left:1.5em;
}


/*
-----------------------------------------------
コンテンツリスト
----------------------------------------------- */


#contentslist {
height:auto;
overflow:hidden;
}

#selector {
background:#eee;
padding:5px;
margin-bottom:20px;
}


/* index_b1 */

#contentslist.b1 div {
width:330px;
margin-bottom:1em;
float:left;
height:auto;
overflow:hidden;
margin-right:20px;
line-height:125%;
}


#contentslist.b1 h2 {
margin:0 0 1em 0;
padding:10px 10px 10px 46px;
background:#eee url(./img/ico.gif) no-repeat;
min-height:15px;
height:auto !important;
height:15px;
}

.category_A #contentslist.b1 h2,
.category_B #contentslist.b1 h2,
.category_C #contentslist.b1 h2 {
margin:0 0 1em 0;
padding:0;
background:#eee;
}


#contentslist.b1 h3 {
margin:0 0 0.5em 0;
padding:0;
font-size:100%;
font-weight:normal;
}

#contentslist.b1 h2 a {
display:block;
text-decoration:none;
color:#333;
}

#contentslist.b1 img {
padding-right:1em;
vertical-align:middle;
}

#contentslist.b1 ul {
margin:0.25em 0 1.25em;
padding-left:0px;
}

#contentslist.b1 li {
list-style:none;
padding-left:15px;
line-height:120%;
width:315px;
}

#contentslist.b1 li {background:transparent url(./img/listmark.gif) no-repeat 0px 5px;}

.category_A #contentslist.b1 li {background:transparent url(./img/listmark_a.gif) no-repeat 0px 5px;}
.category_B #contentslist.b1 li {background:transparent url(./img/listmark_b.gif) no-repeat 0px 5px;}
.category_C #contentslist.b1 li {background:transparent url(./img/listmark_c.gif) no-repeat 0px 5px;}


/* index_sm */

#contentslist.sm div {
width:164px;
margin-bottom:20px;
float:left;
margin-right:8px;
}

#contentslist.sm h2 {
font-size:100%;
font-weight:normal;
color:#000;
background:#fff;
margin:0;
padding:0;
line-height:125%;
}

#contentslist.sm span {
display:block;
}

#contentslist.sm img {
padding-bottom:0.5em;
display:block;
}

#maincontents #contentslist.sm p {
margin:1em 0;
line-height:130%;
}

.lang_en #maincontents #contentslist.sm p {
font-size:90%;
}

/* IE7 を除くモダンブラウザにのみ適用 */
html>/**/body #maincontents #contentslist p {
line-height:120%;
}





/*
-----------------------------------------------
個別ページ
----------------------------------------------- */

/* レイアウト */

.block_three,
.block two  {
height:auto;
overflow:hidden;
}

.block_three div {
width:210px;
float:left;
margin-right:24px;
margin-bottom:1em;
line-height:125%;
}

.block_two div {
width:328px;
float:left;
margin-right:24px;
margin-bottom:1em;
line-height:125%;
}



/* 資料請求 */

.page_request h4 {
font-weight:bold;
border:solid 1px #ccc;
margin:0;
padding:0.5em 1em;
background:#ffc;
}

.page_request em {
font-style:normal;
font-weight:bold;
color:#c00;
}

.page_request input {
vertical-align:middle;
}

/* 会社概要 */

.page_outline dt {
width:150px;
float:left;
clear:left;
text-align:right;
font-weight:bold;
}

.page_outline dd {
margin-left:150px;
padding-left:2em;
margin-bottom:1em;
}

.page_outline strong {
display:block;
}


/* 沿革 */

.page_history dt {
width:120px;
float:left;
clear:left;
text-align:right;
font-weight:bold;
}

.page_history dd {
margin-left:120px;
padding-left:2em;
margin-bottom:1em;
}


/* カレンダー */

.page_cal div {
}

.page_cal h4 {
border-bottom:dotted 1px #666;
padding-bottom:0.5em;
}

.page_cal h4 span.figure {
font-size:30px;
font-weight:normal;
display:block;
float:right;
padding:0.25em 0;
margin-top:-10px;
}

.page_cal h4 span.month {
font-size:100%;
font-weight:bold;
}

.page_cal table {
width:100%;
border-spacing:2px;
border-collapse:inherit;
}

.page_cal th, .page_cal td {
text-align:center;
padding:0.1em;
font-size:85%;
}

.page_cal .sat {color: red; background-color: #afeeee }
.page_cal .sun {color: red; background-color: #ffcccc }
.page_cal .work {color: black }
.page_cal .hol {color: red }


/* ダウンロード */

.page_download table p {
text-align:left;
margin:0;
}

.page_download th,
.page_download td {
border-top:none;
border-bottom:none;
vertical-align:top;
}

.page_product-download div.block {
clear:both;
}

.page_product-download div.div_left {
width:50px;
float:left;
}

.page_product-download div.div_right {
width:600px;
float:right;
}


/* プレスリリース */

.page_press th.docs {
width:85%;
}

.page_press th.date {
width:15%;
}


/* よくあるご質問 */

span.faq_q,
span.faq_a {
padding-right:0.5em;
font-weight:bold;
font-size:150%;
}

span.faq_q {
color:#b00;
}

span.faq_a {
color:#039;
}


/* まめ知識 */

ul#knowledge,
ul#code,
ul#explorer,
ul#face {
margin:0;
padding:0;
}

ul#knowledge_vol li,
ul#code_vol li {
margin:0;
padding:0.5em 0;
list-style:none;
width:45%;
float:left;
height:2em;
}

ul#explorer_vol li {
margin:0;
padding:0.5em 0;
list-style:none;
height:2em;
}


.vol {
font-size:200%;
margin-right:0.25em;
color:#ccc;
}

ul#face_vol li {
margin:0;
padding:0;
list-style:none;
width:120px;
float:left;
height:160px;
padding:5px;
}

ul#face_vol li a {
display:block;
height:160px;
width:120px;
overflow:hidden;
text-decoration:none;
}

ul#face_vol li img {
padding-bottom:5px;
}


#maincontents #face_main h3 {
clear:none;
}

.face_ico {
width:120px;
height:120px;
}

.face_sub {
margin-top:-1em;
text-align:right;
font-weight:bold;
}

.face_dotch {
width:290px;
height:150px;
padding:20px 0;
float:right;
text-align:center;
background:#fff;
border:solid 1px #999;
margin-top:1.5em;
}

.pages_support maincontents strong,
.pages_software maincontents strong {
color:#b00;
font-weight:bold;
font-style:normal;
}

.pages_support maincontents em,
.pages_software maincontents em {
color:#039;
font-weight:bold;
font-style:normal;
}

/* 製品版ソフトウェア ダウンロードの不具合で削除 */
table {
/* word-break:keep-all; */
}



/* サイトマップでサイドメニューを流用 */

.pages_global #maincontents h2 {
margin-bottom:0.5em;
}


.pages_global #maincontents #navi_side3 {
padding-top:10px;
}

.pages_global #maincontents #navi_side3 ul {
margin:0;
padding:0;
}


.pages_global #maincontents #navi_side3 li {
border-bottom:none;
list-style:none;
line-height:120%;
background:transparent url(./img/listmark.gif) no-repeat 5px 5px;
padding-left:20px;
}

.pages_global #maincontents #navi_side3 a {
display:inline;
background:none;
padding:0;
text-decoration:underline;
}

.pages_global #maincontents #navi_side3 a:hover {
display:inline;
background:none;
color:#000;
}


/* 新製品情報 */

.pages_business #maincontents ul.link {
margin-left:1em;
padding-left:1em;
}

.pages_recruit form em {
color:#CC0000;
font-style:normal;
}
