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

/* リセット＆調整　-------------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldest, input, textarea, p, blockquote, th, td
{margin: 0; padding: 0; list-style: none;}
/*------------------------------------------------------------------------------------------------------------------------*/

body {color: #666666; background-color: #ffffff; background-color: #EBEBEC;}

/* 共通　-----------------------------------------------------------------------------------------------------------------*/
.atten {width: 570px; font-size: 10px; text-align: right; margin-bottom: 20px;}
img {border: 0px;}
.clear{clear: both;}
a {text-decoration: none;}
a:link {color: #666666;}
a:visited {color: #666666;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* トップ画面　-----------------------------------------------------------------------------------------------------------*/
#frame {width: 780px; height: auto; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 18px 28px 3px 28px; border: solid 3px #497285;}
#header {width: auto; height: auto; clear: both;}
#header_l {width: 165px; height: 40px; float: left;}
#header_r {width: 615px; height: 40px; float: left;}
#main_img {width: 780px; height: 200px; float: left; background-color: #d3d3d3; background-image: url(../image/top/main.jpg); background-repeat: no-repeat; margin-bottom: 20px;}
.main_img2 {width: 780px; height: 200px; float: left; background-color: #d3d3d3; background-image: url(../image/top/sub2.jpg); background-repeat: no-repeat; margin-bottom: 20px;}
.main_img3 {width: 780px; height: 200px; float: left; background-color: #d3d3d3; background-image: url(../image/top/sub3.jpg); background-repeat: no-repeat; margin-bottom: 20px;}
.main_img4 {width: 780px; height: 200px; float: left; background-color: #d3d3d3; background-image: url(../image/top/sub4.jpg); background-repeat: no-repeat; margin-bottom: 20px;}
.test {width: 780px; height: 170px; float: left; background-color: #d3d3d3; background-image: url(../image/top/sub4.jpg); background-repeat: no-repeat; margin-bottom: 20px; padding-bottom: 15px;}
#main_cnt {width: auto; height: auto; float: left;}
#contents {width: 600px; height: auto; float: left; font-size: 13px; line-height: 1.8em; border: solid 1px #497285; padding: 12px 0px 30px 8px;
           background-image: url(../image/css/cnt_bg.jpg); background-repeat: repeat-x; background-position: bottom;}
#news {width: 555px; height: 120px; font-size: 13px; background-image: url(../image/css/news_bg.jpg); background-repeat: no-repeat; background-position: bottom;
       border-left: solid 1px #497285; border-top: solid 1px #497285; border-bottom: solid 3px #497285; border-right: solid 3px #497285; margin-bottom: 15px;}
.news_tit {width: 450px; height: 18px; font-size: 15px; border-bottom: dotted 1px #D3D3D4; margin: 10px 0px 10px 20px;}
.news_box {padding-left: 20px; width: auto; line-height: 1.8em;}
.info_tro {width: 555px; height: 80px; font-size: 13px; background-color: #EEECEB; background-image: url(../image/css/info_bg.jpg); background-repeat: no-repeat; background-position: top;
       border-left: solid 1px #497285; border-top: solid 1px #497285; border-bottom: solid 2px #497285; border-right: solid 2px #497285; margin-bottom: 6px;}
#right_menu {width: 206px; height: auto; float: right; margin-left: 5px;}
#right_menu img {border: solid 1px #d3d3d3; margin-bottom: 2px;}
#submenu {width: 154px; height: 90px; background-image: url(../image/css/sub_bg.jpg); background-repeat: no-repeat; background-position: bottom;
          border-top: solid 6px #497285; border-left: solid 1px #497285; border-right: solid 1px #497285; border-bottom: solid 1px #497285; float: right;}
.subin {width: 95px; height: 11px; font-size: 13px; text-align: left; border-bottom: dotted 1px #2d2d2d; padding-bottom: 5px; padding-left: 13px; background-image: 5px;
        margin-bottom: 15px; margin-left: 20px; background-image: url(../image/css/arrow_icon.gif); background-repeat: no-repeat;}
#footer {width: auto; height: auto; font-size: 14px; line-height: 2.2em; text-align: right; margin-top: 30px;}
#footer_menu {width: auto; height: auto; font-size: 12px; border-bottom: dotted 1px #d3d3d3;}
#footer_copy {width: auto; height: auto; font-size: 11px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* プルダウンメニュー　---------------------------------------------------------------------------------------------------*/
ul#menu_down a {color: #333333; text-decoration: none; font-size: 0.8em;}
ul#menu_down a:link,ul#menu_down a:visited {width: 101px; height: 26px; color: #333333;}
ul#menu_down a:hover,ul#menu_down a:active {width: 101px; height: 26px; color: #666666;}
ul#menu_down li {position: relative; width: 101px; height: 26px; line-height: 2.0em; float: left; text-align: center; border-right: solid 1px #d3d3d3; display: block;}
ul#menu_down li a {display: block; width: 101px; height: auto; text-align: center;}
ul#menu_down ul {display: none;}
ul#menu_down li:hover ul {margin-top: 18px; display: block; position: absolute; z-index: 100;}
ul#menu_down li ul li {margin-top: 18px; float: none; display:inline; height:auto;}
/* 文字under_line　-------------------------------------------------------------------------------------------------------*/
ul#menu_down li.pattern1 a:hover,ul#menu_down li.pattern1 a:active {width: 101px; height: 26px; color: #333333; text-align: center; background-image: url(../image/css/underbar1.gif); background-repeat: no-repeat;}
ul#menu_down li.pattern2 a:hover,ul#menu_down li.pattern2 a:active {width: 101px; height: 26px; color: #333333; text-align: center; background-image: url(../image/css/underbar2.gif); background-repeat: no-repeat;}
ul#menu_down li.pattern3 a:hover,ul#menu_down li.pattern3 a:active {width: 101px; height: 26px; color: #333333; text-align: center; background-image: url(../image/css/underbar3.gif); background-repeat: no-repeat;}
ul#menu_down li.pattern4 a:hover,ul#menu_down li.pattern4 a:active {width: 101px; height: 26px; color: #333333; text-align: center; background-image: url(../image/css/underbar4.gif); background-repeat: no-repeat;}
ul#menu_down li.pattern5 a:hover,ul#menu_down li.pattern5 a:active {width: 101px; height: 26px; color: #333333; text-align: center; background-image: url(../image/css/underbar5.gif); background-repeat: no-repeat;}
ul#menu_down li.pattern6 a:hover,ul#menu_down li.pattern6 a:active {width: 101px; height: 26px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 共通　-----------------------------------------------------------------------------------------------------------------*/
.intro {line-height: 1.6em; margin-bottom: 15px; font-size: 12px;}
.deco_title{width: 570px; height: 25px; font-size: 15px; font-weight: bold; color: #ffffff; background-color: #497285; margin-bottom: 15px; padding-top: 2px; padding-left: 15px; background-image: url(../image/css/deco_title.gif); background-repeat: no-repeat;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 製品紹介　-------------------------------------------------------------------------------------------------------------*/
.tab {width: auto; height: 23px; margin-left: 20px;}
/*ie6*/* html .tab {width: 370px; height: auto; margin-left: 20px; margin-bottom: -3px;}
.box {width: 580px; border-bottom: dotted 1px #d3d3d3; margin-bottom: 15px; padding-bottom: 5px;}
.ic_box {width: 42px; height: 42px; float: left; margin-left: 15px;}
/*ie6*/* html .ic_box {width: 42px; height: 42px; float: left; margin-left: 3px;}
.catch {margin-left: 6px; float: left;}
.str_tit {width: 515px; height: 20px; font-size: 15px; font-weight: bold; color: #666666;}
.str_tit1 {width: 515px; height: 20px; font-size: 15px; font-weight: bold; color: #E60012;}
.com_txt {width: 515px; height: 22px; font-size: 11px;}
/*ie6*/* html .com_txt {width: 500px; height: 22px; font-size: 10px;}
.com_txt1 {width: 515px; height: 32px; line-height: 1.3em; margin-top: 2px;}
.case {width: 76px; height: 38px; font-size: 18px; color: #ffffff; margin-bottom: 3px; padding-top: 11px; padding-left: 3px; background-image: url(../image/contents/case_bg.gif); background-repeat: no-repeat; margin-left: 30px;}
.threat_box {width: 539px; height: 80px; border: solid 1px #8FA1AA; margin-left: 30px; margin-bottom: 10px;}
.threat_tit {width: 531px; background-color: #d3d3d3; color: #000000; padding-left: 8px;}
.threat_txt {width: auto; padding: 5px; color: #000000;}
.sol_box1 {width: 518px; height: 109px; display: block; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/sol1.jpg); background-repeat: no-repeat;}
.sol_box2 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/sol2.jpg); background-repeat: no-repeat;}
.sol_box3 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/sol3.jpg); background-repeat: no-repeat;}
.mail_box1 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/m_sol1.jpg); background-repeat: no-repeat;}
.mail_box2 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/m_sol2.jpg); background-repeat: no-repeat;}
.mail_box3 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/m_sol3.jpg); background-repeat: no-repeat;}
.ac_box1 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/a_sol1.jpg); background-repeat: no-repeat;}
.ac_box2 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/a_sol2.jpg); background-repeat: no-repeat;}
.ac_box3 {width: 518px; height: 109px; border: solid 3px #8FA1AA; margin-left: 30px; padding: 8px; background-image: url(../image/contents/a_sol3.jpg); background-repeat: no-repeat;}
.sol_tit {width: 540; height: 26px; margin-left: 30px; background-image: url(../image/contents/sol_tit.gif); background-repeat: no-repeat;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 製品特徴　-------------------------------------------------------------------------------------------------------------*/
.main_box {width: 253px; height: auto; border: solid 1px #666666; float: left; margin-left: 30px; margin-bottom: 15px;}
/*ie6*/* html .main_box {width: 253px; height: auto; border: solid 1px #666666; float: right; margin-right: 12px; margin-bottom: 15px;}
.title_bar {font-weight: bold; background-color: #666666; color: #ffffff; text-align: center;}
.i_txt {font-size: 10px; margin: 3px; padding: 1px 5px; border: solid 1px #d3d3d3; line-height: 1.3em; background-color: #F7F8F8;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 製品仕様　-------------------------------------------------------------------------------------------------------------*/
table.spec {width: 550px; border: solid 1px #d3d3d3; border-collapse: collapse; text-align: center; margin-left: 20px;}
table.spec td {border: solid 1px #d3d3d3; padding: 5px;}
table.spec td.title {border: solid 1px #d3d3d3; padding: 5px; background-color: #F7F8F8;}
/*------------------------------------------------------------------------------------------------------------------------*/
table.fbs {width: 550px; border: solid 1px #d3d3d3; border-collapse: collapse; margin-left: 20px;}
table.fbs td {border: solid 1px #d3d3d3; padding: 5px;}
table.fbs td.l {border: solid 1px #d3d3d3; padding: 5px; width: 80px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 画像の奥行きを指定　---------------------------------------------------------------------------------------------------*/
.disnone {display: none;}
.disblock {display: block;}
/*------------------------------------------------------------------------------------------------------------------------*/