@charset "UTF-8";

/* ----- INDEX ----- */
#contents h1 { background: url(images/hd1.png) no-repeat; }
#contents #hd2 { background: url(images/hd2.png) no-repeat; }
#contents #hd2 h2 { color: #0079c0; font-size: 3.9rem; font-weight: bold; border-bottom: 2px solid #a7d2e8; }
#contents #hd2 h2 font { font-size: 2.9rem; }
#contents #hd2.index h2 span { letter-spacing: 0rem; left: 5px; }
#contents #hd2.index h2 { color: #0079c0; letter-spacing: -0.1rem; padding-left:-0.5em; text-indent:0.5em; }

#contents h3 { color: #0079c0; font-size: 1.7rem; font-weight: bold; background: url(images/hd3.png) repeat-x; display: block; height: 30px; padding: 5px 0 0 10px; margin-bottom: 20px; }

#contents .lead { display: block; margin-bottom: 25px; }
#contents .lead p { font-size: 1.5rem; margin-bottom: 15px; }
#contents .indexnav { font-size: 1.5rem; font-weight: bold; display: block; margin-bottom: 40px; }
#contents .indexnav a { font-weight: bold; background: url(images/arrow_l.png) no-repeat 0 1px; padding-left: 17px; margin-right: 20px;}

#contents .lineup { display: block; }
#contents .lineup li { display: block; float: left; width: 220px; margin-right: 35px; }
#contents .lineup li.last { margin-right: 0; }
#contents .lineup h4 a { color: #fff; font-weight: bold; background: #0079c0 url(images/hd4.png) no-repeat 0 center; display: block; width: 180px; height: 37px; padding:13px 0 0 40px; margin-bottom: 15px;}
#contents .lineup h4.line2 a { height: 47px; padding:3px 0 0 40px; }
#contents .lineup h4.line3 a { height: 67px; padding:3px 0 0 40px; }
#contents .lineup h4 a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

#contents .lineup .overview { font-size: 1.4rem; display: block; /*height: 90px; */ margin-bottom: 5px; }
#contents .lineup .supported { color: #0079C0; font-size: 1.3rem; font-weight: bold; }
/*#contents .lineup .right { display: block; width: 110px; height: 150px; }
#contents .lineup .right img { display: block; margin: auto; }*/
#contents .lineup .list { font-size: 1.3rem; display: block; margin-bottom: 10px; /*width: 115px; height: 150px; */ }
#contents .lineup .list p { padding-left:1em; text-indent:-1em; }

#contents .lineup .center { display: block; width: 110px; height: 150px; margin: 0 auto; }
#contents .lineup .center img { /*display: block; margin: auto; */}

/* ----- NAV ----- */
nav .category { background: url(images/bg_nav_hd1.png) no-repeat; }

#s_menu > li > a:hover { background: #CBE3EF; }
#s_menu > li > a span { background:url('images/icn_rotate.png') no-repeat 0 18px;  }
#s_menu > li > a span.open { background:url('images/icn_rotate.png') no-repeat 0 -32px; }
#s_menu li ul { background:#f7f7f7; display: block; padding: 10px 0 5px 30px; border-bottom: 1px solid #b4b4b5; }
#s_menu li ul li a { font-size:1.3rem; font-weight:normal; background: url(images/arrow_s.png) no-repeat 0 3px; display:block; padding: 0 0 5px 15px; }
#s_menu li ul li a:hover {}
#s_menu .sub_menu { display:none; }

/* ----- CONTENTS ----- */
#contents .inside_nav { display: block; margin-bottom: 35px; }
#contents .inside_nav li { display: block; float: left; }
#contents .inside_nav li a { background: url(../common/images/icn.png) no-repeat 0 5px; display: block; padding-left: 12px; margin: 0 35px 0 10px; }

#contents .catch { font-size: 2.3rem; font-weight: bold; display: block; margin-bottom: 25px; }
#contents .feature { display: block; width: 730px; margin-bottom: 30px; position: relative; }
#contents .feature img { float: right; }
#contents .feature ul { display: block; position: absolute; top: 0; left: 0; }
#contents .feature ul li { color: #0079c0; font-size: 2.0rem; font-weight: bold; margin-bottom: 10px; padding-left:1.1em; text-indent:-1.1em; }
#contents .feature ul li span { font-size: 1.5rem; font-weight: bold; }

#contents .worksize { font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; }
#contents .worksize span { color: #0070F2; }
#contents .work { display: block; }
#contents .work dt, #contents .work dd { display: block; float: left; }
#contents .work dt { color: #fff; font-size: 1.5rem; font-weight: bold; text-align: center; width: 55px; height: 38px; padding-top: 17px;  }
#contents .work dt.shape { background: url(images/bg_work_shape.png) no-repeat 0 2px; }
#contents .work dt.products { font-size: 1.1rem; background: url(images/bg_work_products.png) no-repeat 0 2px; height: 43px; padding-top: 12px; }
#contents .work dt.type { background: url(images/bg_work_type.png) no-repeat 0 2px; }
#contents .work dd { padding: 0 0 0 10px; }
#contents .work dd.w240 { width: 240px; }
#contents .work dd.products { color: #00529D; font-size: 1.3rem; font-weight: bold; }
#contents .work dd.type { font-size: 1.3rem; }

#contents .construction {}
#contents .construction .left, #contents .construction .right { display: block; width: 350px; margin-bottom: 50px; position: relative;  }
#contents .construction h4 { color: #0079C0; font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; }
#contents .construction dl, #contents .construction dd, #contents .construction dt { display: block; }
#contents .construction dd { float: left; }
#contents .construction dt { font-size: 1.5rem; /*float: right; */ width: 190px; position: absolute; right: 0; }

#contents .construction2 { margin-bottom: 50px; }
#contents .construction2 dl { display: block; }
#contents .construction2 dl dd { display: block; float: left; }
#contents .construction2 dl dd.tx { width: 410px; margin-left: 10px; }
#contents .construction2 dl dd.tx .hd { color: #0079c0; font-size: 1.8rem; font-weight: bold; margin-bottom: 5px; }
#contents .construction2 dl dt { display: block; float: right; }

#contents .speccategory { font-size: 1.8rem; font-weight: bold; }
#contents .specproducts { font-size: 2.5rem; font-weight: bold; margin-bottom: 10px; }
#contents .specproducts span { font-size: 2.0rem; font-weight: bold; }

#contents .spec { font-size: 1.2rem; width: 100%; margin-bottom: 10px; border-top: 4px solid #9E9E9F; }
#contents .spec tr { border-bottom: 1px solid #231815;}
#contents .spec .g { background: #F4F3F1; }
#contents .spec th, #contents .spec td { vertical-align: top; padding: 5px; }
#contents .spec th { color: #0079C0; width: 100px; }
#contents .spec .unit { text-align: center; width: 65px; }
#contents .spec .item { width: 150px; }
#contents .spec .precision { width: 130px; }
#contents .specnote { font-size: 1.2rem; margin-bottom: 50px; }

#contents .spec td table { width: 100%; }
#contents .spec td table tr { border-bottom: none; }
#contents .spec td table th, #contents .spec td table td { text-align: center; width: 50%; padding: 0; }
#contents .spec td table th { font-size: 2.2rem; }

#contents .catalog_dl, #contents .catalog_dl dd, #contents .catalog_dl dt { display: block; }
#contents .catalog_dl { margin-bottom: 25px; position: relative; }
#contents .catalog_dl dd, #contents .catalog_dl dt { float: left; }
#contents .catalog_dl dt { padding-left: 10px;　}
#contents .catalog_dl dt .comname { color: #0079C0; font-size: 1.6rem; font-weight: bold; }
#contents .catalog_dl dt .pname { font-size: 1.7rem; border-bottom: 1px solid #333333; }
#contents .catalog_dl dt .btn_dl { position: absolute; bottom: 0; left: 96px; }

#contents .btn_dllist { display: block; }
#contents .btn_dllist a { float: right; }