@charset "UTF-8";

/* ========== COMMON ========== */

html { font-size: 62.5%; }

body
{
font-family: Arial, Helvetica, "sans-serif";
color: #333333;
font-size: 1.5em;
line-height: 1.5;
word-wrap: break-word;
}

a { color: #111111; text-decoration: underline; }
a:visited { color: #111111; text-decoration: underline; }
a:hover { color: #111111; text-decoration: none; }

br.clear-both, div.clear-both { clear:both; font: 1px/1px monospace; display: block; }
.left { float: left; }
.right { float: right; }

/* clearfix */
.clearfix:after {
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1%; }

/* iepng */
* html .iepng { behavior: expression(IEPNGFIX.fix(this)); }

/* margin */
.marginB0 	{margin-bottom:0;}
.marginB5 	{margin-bottom:5px;}
.marginB8 	{margin-bottom:8px;}
.marginB10 	{margin-bottom:10px;}
.marginB12 	{margin-bottom:12px;}
.marginB15 	{margin-bottom:15px;}
.marginB20 	{margin-bottom:20px;}
.marginB30 	{margin-bottom:30px;}
.marginB40 	{margin-bottom:40px;}
.marginB50 	{margin-bottom:50px;}
.marginB60 	{margin-bottom:60px;}
.marginL3 	{margin-left:3px;}
.marginL5 	{margin-left:5px;}
.marginL8 	{margin-left:8px;}
.marginL10 	{margin-left:10px;}
.marginL15 	{margin-left:15px;}
.marginL20 	{margin-left:20px;}
.marginL25 	{margin-left:25px;}
.marginL30 	{margin-left:30px;}
.marginL35 	{margin-left:35px;}
.marginT5 	{margin-top:5px;}
.marginT8 	{margin-top:8px;}
.marginT10 	{margin-top:10px;}
.marginT50 	{margin-top:50px;}
.marginLR5  {margin:0 5px;}
.marginR15 	{margin-right:15px;}
.marginR30 	{margin-right:30px;}
.marginR50 	{margin-right:50px;}


/* ========== CONTENTS ========== */
/* ----- COMMON ----- */
/* IMG LINK */
img { display:block; }
a img { background:none!important; }
a:hover img { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none!important; }

.inner { display:block; width:980px; margin: 0 auto 0 auto; position:relative; }
.center { text-align:center; }
.strong { font-weight:bold; }

sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.2em; }


/* ========== HEADER ========== */
header { display: block; height: 180px; padding-bottom: 10px; padding-top: 20px; position: relative; }
header p.tagline {/* font-size: 1.5rem; */}
header h1 a { background: url(../images/logo.png) no-repeat; display: block; text-indent: -9999px; width: 230px; height: 68px; position: absolute; top: 47px; left: 0; }
header h1 a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
header .foreign { display: block; position: absolute; top: 25px; right: 0; }
header .foreign li { display: block; float: left; }
header .foreign li a { font-size: 1.2rem; font-weight: bold; background: url(../images/icn.png) no-repeat 0 center; padding-left: 15px; margin-left: 20px; }
header .bn_resale { display: block; position: absolute; top: 63px; left: 275px; }
header .bn_contact { display: block; position: absolute; top: 50px; right: 0; }
header .img_daspen { display: block; position: absolute; top: 38px; right: 280px; }

/* ----- GLOBAL MENU ----- */
#g_menu { position:absolute; top:130px; left:0; width:980px; margin:0; padding:0; }
#jsddm { margin: 0; padding: 0; position:relative; z-index:200; }
#jsddm li { float:left; display:block; list-style: none; }
#jsddm li a.gm { font-size:1.6rem; font-weight:bold; line-height:1.8rem; text-decoration: none; display: block; text-align:center; width: 194px; height:43px; padding:25px 0 0 0; border:1px solid #c8c9ca; }
#jsddm li#g01 a.gm {height:50px; padding:18px 0 0 0;}
#jsddm li a:visited.gm { text-decoration: none; }
#jsddm li a.gm span { color: #0079c0; font-size: 1.1rem; font-weight:bold; }
.fixed { position:fixed; top:0; width:980px; z-index:10000; }
#jsddm li a.gm:hover { text-decoration:none; height:39px; border-bottom:5px solid #0079c0; }
#jsddm li#g01 a.gm:hover { height:46px; }
#jsddm li#g01-sltd a.gm { height:46px; padding:18px 0 0 0; border-bottom:5px solid #0079c0; }
#jsddm li#g02-sltd a.gm, #jsddm li#g03-sltd a.gm, #jsddm li#g04-sltd a.gm, #jsddm li#g05-sltd a.gm { height:39px; border-bottom:5px solid #0079c0; }

#jsddm li .firstdir { margin: 0; visibility: hidden; width:880px; position: absolute; top:70px; left:0; }
#jsddm li#g02 .firstdir, #jsddm li#g02-sltd .firstdir { width:720px; }
#jsddm li#g03 .firstdir, #jsddm li#g03-sltd .firstdir, #jsddm li#g04 .firstdir, #jsddm li#g04-sltd .firstdir { left:100px; }
#jsddm li .firstdir .fd_inner { position: relative; padding: 15px 20px 0; }
#jsddm li#g01 .firstdir, #jsddm li#g01-sltd .firstdir { background: url(../images/g_menu/arrow_products.png) no-repeat 90px 0; }
#jsddm li#g01 .firstdir .fd_inner, #jsddm li#g01-sltd .firstdir .fd_inner { background: #419fce; margin-top: 15px; }
#jsddm li#g02 .firstdir, #jsddm li#g02-sltd .firstdir { background: url(../images/g_menu/arrow_example.png) no-repeat 284px 0; }
#jsddm li#g02 .firstdir .fd_inner, #jsddm li#g02-sltd .firstdir .fd_inner { background: #26B593; margin-top: 15px; }
#jsddm li#g03 .firstdir, #jsddm li#g03-sltd .firstdir { background: url(../images/g_menu/arrow_support.png) no-repeat 374px 0; }
#jsddm li#g03 .firstdir .fd_inner, #jsddm li#g03-sltd .firstdir .fd_inner { background: #E28556; margin-top: 15px; }
#jsddm li#g04 .firstdir, #jsddm li#g04-sltd .firstdir { background: url(../images/g_menu/arrow_company.png) no-repeat 568px 0; }
#jsddm li#g04 .firstdir .fd_inner, #jsddm li#g04-sltd .firstdir .fd_inner { background: #419FCE; margin-top: 15px; }

#jsddm li .firstdir .fd_inner .btn_index a { font-size: 1.2rem; background: url(../images/g_menu/bg_btn.png) no-repeat; display: block; width: 170px; height: 22px; padding: 8px 0 0 25px; margin-bottom: 15px; }
#jsddm li .firstdir .fd_inner .btn_dl a { font-size: 1.2rem; background: url(../images/g_menu/bg_btn.png) no-repeat; display: block; width: 170px; height: 22px; padding: 8px 0 0 25px; /*margin-bottom: 15px;*/ position: absolute; top:15px; left: 235px; }
#jsddm li#g02 .firstdir .fd_inner .btn_index a, #jsddm li#g02-sltd .firstdir .fd_inner .btn_index a { width: 285px; }

#jsddm li .firstdir .fd_inner div { background: #fff; display: block; float: left; width: 195px; min-height:145px; height:auto !important; height:145px; margin: 0 20px 15px 0; position: relative; }
#jsddm li#g02 .firstdir .fd_inner div, #jsddm li#g02-sltd .firstdir .fd_inner div { width: 310px; min-height:185px; height:auto !important; height:185px; }
#jsddm li#g02 .firstdir .fd_inner div.last, #jsddm li#g02-sltd .firstdir .fd_inner div.last { width: 350px; }
#jsddm li#g03 .firstdir .fd_inner div, #jsddm li#g03-sltd .firstdir .fd_inner div, #jsddm li#g04 .firstdir .fd_inner div, #jsddm li#g04-sltd .firstdir .fd_inner div { min-height:185px; height:auto !important; height:185px; }

#jsddm li .firstdir .fd_inner .th_p { display: block; position: absolute; bottom: 15px; right: 40px; }
#jsddm li .firstdir .fd_inner div .th_e { position: absolute; bottom: 15px; right: 15px; }
#jsddm li .firstdir .fd_inner div .th_s, #jsddm li .firstdir .fd_inner div .th_c { position: absolute; bottom: 10px; left: 10px; }

#jsddm li .firstdir .fd_inner div.last { margin: 0 0 15px 0; }
#jsddm li .firstdir .fd_inner div p.hd { font-size: 1.2rem; font-weight: bold; background: url(../images/g_menu/bg_hd.png) repeat-x; display: block; height: 22px; padding: 8px 0 0; }
#jsddm li#g01 .firstdir .fd_inner div p.hd, #jsddm li#g01-sltd .firstdir .fd_inner div p.hd { text-align: center; color: #0079c0; }
#jsddm li#g02 .firstdir .fd_inner div p.hd, #jsddm li#g02-sltd .firstdir .fd_inner div p.hd { text-align: center; color: #00AA87; }
#jsddm li#g02 .firstdir .fd_inner div p.hd span, #jsddm li#g02-sltd .firstdir .fd_inner div p.hd span { color: #333333; font-weight: normal; }
#jsddm li .firstdir .fd_inner div p.hd a { background: url(../images/icn_ftsitemap.png) no-repeat 0 3px; display: block; padding-left: 15px; margin-left: 10px; }

#jsddm li .firstdir .fd_inner div p.tx { font-size: 1.2rem; display: block; padding: 10px; }
#jsddm li .firstdir .fd_inner div ul { display: block; padding: 10px; }
#jsddm li .firstdir .fd_inner div ul li { font-size: 1.2rem; float: none; margin-bottom: 5px; }
#jsddm li .firstdir .fd_inner div ul li a { background: url(../images/icn_ftsitemap.png) no-repeat 0 3px; display: block; padding-left: 15px; }

/* ========== FOOTER ========== */
.btn_pagetop {}
.btn_pagetop a { background: url(../images/btn_pagetop.png) no-repeat; display: block; text-indent: -9999px; width: 42px; height: 42px; position: fixed; bottom: 10px; right: 10px; }

#ft_sitemap { display: block; padding: 25px 0 20px 0; border-top: 1px solid #999999; }
#ft_sitemap ul { display: block; float: left; width: 245px; }
#ft_sitemap ul.fs02 { width: 305px; }
#ft_sitemap ul.fs03, #ft_sitemap ul.fs04 { width: 215px; }
#ft_sitemap > ul > li { margin-bottom: 15px; }
#ft_sitemap > ul > li > a { font-size: 1.4rem; font-weight: bold; background: url(../images/icn.png) no-repeat 0 center; padding-left: 15px; }
#ft_sitemap ul li ul { margin: 5px 0 20px 15px; }
#ft_sitemap ul li ul li { font-size: 1.2rem; margin-bottom: 5px; }
#ft_sitemap ul li ul li a { background: url(../images/icn_ftsitemap.png) no-repeat 0 3px; display: block; padding-left: 12px; }
#ft_sitemap ul.fs03 li ul li a, #ft_sitemap ul.fs04 li ul li a { width: 190px; }

#ft_banner { display: block; height: 80px; position: relative; }
#home #ft_banner { height: 200px; }
#ft_banner p { display: block; position: absolute; }
#ft_banner .resale { top: 0; right: 0; }
#ft_banner .resale_top { top: 95px; left: 0; }
#ft_banner .iti { top: 0; left: 320px; }
#ft_banner .used { top: 0; left: 0; }
#ft_banner .jgoodtech { top: 0; right: 0; }
#ft_banner .navi { top: 50px; right: 0; }
#ft_banner .iso { top: 0; left: 590px; }

#ft_copyrights { background: #EEEEEF; }
#ft_copyrights .inner { padding: 15px 0; position: relative; }
#ft_copyrights .inner .name a { font-size: 1.6rem; font-weight: bold; }
#ft_copyrights .inner .name a span { font-size: 1.4rem; font-weight: bold; }
#ft_copyrights .inner .address { font-size: 1.2rem; }
#ft_copyrights .inner .copy { font-size: 1.1rem; position: absolute; bottom: 15px; right: 0; }

/* ========== ARTICLE ========== */
#breadcrumb { font-size: 1.1rem; margin-bottom: 15px; }
#contents { width: 730px; float: left; }

#contents h1 { font-size: 2.2rem; font-weight: bold; display: block; width: 710px; height: 55px; padding: 25px 0 0 20px; margin-bottom: 40px; }

#contents #hd2 { display: block; width: 710px; height: 75px; padding: 50px 10px 0 10px; position: relative; }
#contents #hd2 h2 { font-weight: bold; }
#contents #hd2 h2 span { color: #333333; font-family: Arial, Helvetica," sans-serif"; font-size: 2.0rem; font-weight: bold; line-height: 2.0rem; position: absolute; top: 20px; left: 10px; }
#contents #hd2.index { margin-bottom: 30px; }
#contents #hd2.index h2 { font-family: Georgia, Times New Roman, Times, serif; font-size: 2.4rem; /*margin-bottom: 30px;*/ border-bottom: none; }

/* ========== NAV ========== */
nav { width: 210px; float: right; }

nav .category { font-size: 1.6rem; font-weight: bold; display: block; height: 39px; padding: 11px 0 0 20px; }
#s_menu { margin-bottom:50px; }
#s_menu > li { display:block; position:relative; }
#s_menu > li > a { font-weight:bold; background: #F7F7F7;  text-decoration: none; display: block; width: 200px; height:50px; padding: 0 0 0 10px; border-bottom: 1px dotted #B4B4B5; }
#s_menu > li > a:hover { border-bottom: 1px solid #B4B4B5; }
#s_menu > li > a span { font-weight:bold; display:block; padding: 15px 0 0 20px;  }
#s_menu > li > a span.line2 { line-height: 2.0rem; padding: 5px 0 0 20px; }

nav #fixingNav {}
nav #fixingNav li { display: block; margin-bottom: 20px; }

/* ========== CONTENTS ========== */
/* ----- COMMON ----- */
#contents_banner { margin: 50px 0; padding-top: 10px; border-top: 1px solid #848484; }
#contents_banner .title { font-weight: bold; margin-bottom: 10px; }
#contents_banner ul { display: block; }
#contents_banner ul li { display: block; float: left; margin-right: 20px; }
#contents_banner ul li.last { margin-right: 0; }