/* リセット＆調整　-------------------------------------------------------------------------------------------------------*/
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;}
fieldset, img {border: 0;}
abbr, acronym {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
h1,h2 {display: none;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*　共通　----------------------------------------------------------------------------------------------------------------*/
body {background-image: url(../image/top/main_bg.jpg); background-repeat: repeat-x; line-height: 1.6em; font-size: 13px; 
      background-color: #ffffff; color: #333333;}
/*リンク*/
a:link {color: #333333; text-decoration: none;}
a:active {color: #009ADA;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #009ADA;}

/*画像垂直中央*/
img.tel {vertical-align: middle;}
/*中央寄せ*/
.center {text-align: center;}
/*右寄せ*/
.right {text-align: right; clear: both;}
/*画像左配置*/
img.left {float: left;}
/*画像右配置*/
img.right {float: right;}

/*グレーボックス*/
.gl_box {padding: 20px; background-color: #dddddd; background-image: url(../image/under/corner.jpg);  background-repeat: no-repeat;
            background-position: right bottom;}
/*グレーボックス_機能ページ用*/
.gl_box_f {padding: 15px; margin-top: 10px; background-color: #dddddd; background-image: url(../image/under/corner.jpg);  background-repeat: no-repeat;
            background-position: right bottom; clear: both; font-size: 11px; line-height: 1.6em;
            font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}

/*リンクカーソル*/
img.link_csr {cursor: pointer;}

/*フロートクリア*/
.clear:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.clear {clear: both;}

/*小文字*/.small {font-size: 0.8em; line-height: 1.2em;}
/*中文字*/.font9 {font-size: 0.9em; line-height: 1.8em;}
/*黄緑文字*/.green {color: #669900; font-weight: bold; font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}
/*グレー文字*/.glay {color: #666666;}
/*オレンジ文字*/.orange {color: #F39800;}
/*赤字*/.red {color: red; border-bottom: 1px dotted #C8161E;}

/*見出し*/
.middletit {font-size: 16px; font-weight: bold; text-align: center;}
.middletit_l {font-size: 13px; font-weight: bold; margin: 10px 0px 10px 20px;}
.strongtit {font-size: 24px; font-weight: bold; color: #F08300; text-align: center;}
.strongtit_l {font-size: 24px; font-weight: bold; color: #F08300;}
.f_box {width: 280px; font-size: 1.4em; font-weight: bold; border-left: 8px solid #008DCB; padding-left: 8px; border-bottom: 1px solid #008DCB; float: left; margin: 0px 0px 15px 30px;}
/*枠*/
.commonbox {width: auto; height: auto;  float: left; margin: 10px 0px 5px 20px;}
.commontit {font-size: 1.1em; font-weight: bold;}
.commonin {background-image: url(../image/top/product_l.gif); background-repeat: repeat; padding: 10px; line-height: 1.8em; border: solid 1px #666666;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* トップページ　---------------------------------------------------------------------------------------------------------*/
#wrapper {width: 980px; height: auto; margin-top: 15px; margin-left: auto; margin-right: auto; 
             background-color: #ffffff; border: solid 1px #000000;}
#header {width: auto; height: 45px; font-size: 10px; background-color: #ffffff; background-image: url(../image/top/grd1.jpg); background-position: bottom; background-repeat: repeat-x; padding: 13px 0; clear: both;}
#header_l {width: auto; height: 45px; float: left;}
#header_r {width: auto; height: 22px; float: right; margin-top: 8px; margin-right: 15px;}
#submenu {width: auto; height: auto; float: right; font-size: 0.8em; margin-top: 15px;}
/* トップメッセージ ----------------------------------------------*/
.mes {font-size: 14px; margin-left: auto; margin-right: auto; padding: 40px 120px 70px 120px;}
/*----------------------------------------------------------------*/
#main_image {width: auto; height: 111px; background-image: url(../image/top/main_new.jpg); background-repeat: no-repeat; border-bottom: solid 1px #a0d8ef;}
.main_fla {float: right; margin-top: 20px; margin-right: 25px; border: solid 1px #F39800;}
/*ie6*/* html div.main_fla {float: right; margin-top: 20px; margin-right: 10px; border: solid 1px #F39800;}
#content_wrap {width: auto; height: auto; padding: 0px 25px 0px 15px; clear: both;}
#content_wrap1 {width: auto; height: auto; padding: 0px 25px 0px 15px; clear: both;}
/*firefox*/:root #content_wrap1 {width: auto; height: auto; padding: 20px 25px 0px 15px; clear: both;}
/*ie6*/* html #content_wrap {width: auto; height: auto; padding: 15px 15px 0px 15px; clear: both;}
#bottom_menu {width: auto; height: auto; clear: both; text-align: center; font-size: 0.8em;}
#footer {width: auto; height: 20px; text-align: right;  padding-right: 5px; color: #ffffff; clear: both; background-color: #41a8e5;}
/*メニュー  --------------------------------------------------------------------------------------------------------------*/
#main_menu {width: auto; height: 44px; border-bottom: solid 1px #9FA0A0; border-top: solid 1px #9FA0A0; background-image: url(../image/top/menu_grd.jpg);
               background-repeat: repeat-x;}
.menu {width: 196px; height: 44px; float: left; text-align: center;}
/* プルダウンメニュー-----------------------------------------------------------------------------------------------------*/
ul#menu_down a {color: #333333; text-decoration: none; font-size: 0.9em;}
ul#menu_down a:link,ul#menu_down a:visited {background-image: url(../image/top/menu_up.gif); 
                                            background-repeat: no-repeat; width: 196px; height: 44px; color: #333333;}
ul#menu_down a:hover,ul#menu_down a:active {background-image: url(../image/top/menu_over.gif); 
                                            background-repeat: no-repeat; width: 196px; height: 44px; color: #ffffff;}
ul#menu_down li {position: relative; height: auto; line-height: 2.2em;
}
ul#menu_down li a {display: block; width: auto; 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;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*左側メニュー -----------------------------------------------------------------------------------------------------------*/
#left_navi {width: 220px; height: auto; float: left; margin-bottom: 20px;}
/*firefox*/:root #left_navi {width: 220px; height: auto; float: left; margin-bottom: 20px; margin-top: 15px;}
.left_title {width: 200px; height: 25px; background-color: #F7F8F8;
                border: solid 1px #666666; border-bottom: none;
                color: #666666; font-size: 0.9em; font-weight: bold; padding-left: 30px; line-height: 25px; background-image: url(../image/top/circle.gif); background-repeat: no-repeat;}
.left_title1 {width: 230px; height: 25px; background-color: #F7F8F8;
                border: solid 1px #666666; border-bottom: none;
                color: #666666; font-size: 0.9em; font-weight: bold; text-align: center; padding-top: 3px;}
.left_contents {width: 210px; height: auto; border: solid 1px #666666; background-color: #ffffff; padding: 0px 10px; 
                   margin-bottom: 10px;}
.left_contents1 {width: 210px; height: auto; border: solid 1px #666666; background-color: #ffffff; padding: 0px 10px; 
                   margin-bottom: 10px; font-size: 10px; line-height: 1.4em;}
.left_contents2 {width: 210px; height: auto; border: solid 1px #666666; background-color: #ffffff; padding: 0px 10px; 
                   margin-bottom: 10px; font-size: 10px; line-height: 1.4em;}
.left_contents2_1 {width: 210px; height: auto; border: solid 1px #666666; background-color: #ffffff; padding: 0px 10px; 
                   margin-bottom: 10px; font-size: 10px; line-height: 1.4em; visibility: hidden;}                    
img.link {border: solid 1px #666666;}
.banner {width: 210px; height: auto; font-size: 0.8em; border: solid 1px #666666; padding: 10px; margin-top: 10px; 
          background-image: url(../image/top/grd1.jpg); background-repeat: repeat-x; background-position: bottom; line-height: 1.2em;}
/*右側*/
#contents_right {width: 695px; height: auto; float: right; margin-bottom: 10px;}
/*ie6*/* html div#contents_right {width: 695px; height: auto; float: right; margin-bottom: 10px; margin-left: 10px;}
#contents_right hr {border: sorid 1px #999999; border-top: none; border-left: none; border-right: none;}
.news {width: auto; height: auto; border: solid 1px #d3d3d3; padding: 10px;}
/*ie6*/* html div.news {width: 683px; height: auto; background-image: url(../image/top/grd1.jpg); background-repeat: repeat-x; 
                        background-position: bottom; border: solid 1px #666666; padding: 5px;}
.news_txt {height: auto; font-size: 1.1em; line-height: 1.5em; margin-left: 20px; overflow: auto;}
/*ie6*/* html div.news_txt {height: auto; font-size: 1.1em; line-height: 1.5em; overflow: auto;}
.news_txt a {color: blue; text-decoration: underline;}
/* ニュースリリース　-----------------------------------------------------------------------------------------------------*/
.news_rls {width: auto; height: auto; border: solid 1px #999999; padding: 20px 0px 20px 20px; background-image: url(../image/top/grd1.jpg); 
           background-repeat: repeat-x; background-position: bottom; overflow: auto;}
/*------------------------------------------------------------------------------------------------------------------------*/
#contents {width: auto; height: auto;}
/*firefox*/:root #contents {width: auto; height: auto; margin-top: 15px;}
.config_tit {width: auto; height: 16px; background-image: url(../image/top/config_tit.jpg); background-repeat: no-repeat; padding: 5px 5px 5px 25px; 
             margin: 15px 0px; color: #ffffff; font-size: 14px; font-weight: bold;}
.config_txt {width: auto; height: auto; padding: 25px; font-size: 9pt; line-height: 1.7em;}             
#middle {font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;
            font-size: 11px; line-height: 1.5em;}
.probtit {height: 23px; border-left: solid 8px #168EB7; font-size: 19px; font-weight: bold; margin-bottom: 10px; padding-top: 7px; padding-left: 8px; color: #168EB7;}           
.title {width: auto; height: auto;}
.titbox {width: auto; height: auto; padding: 0px 0px 3px 15px; background-image: url(../image/top/silhouette.jpg); background-repeat: no-repeat; background-position: right;}
.titbox1 {width: auto; height: auto; background-color: #EAF6FD; padding: 15px 0px 3px 15px;}
.title1 {width: auto; height: 60px; margin: 10px 0px; text-align: center;}
.undertit {border-bottom: dotted 1px #6DB2D2; font-size: 16px; font-weight: bold;}
.undertit1 {font-size: 16px; font-weight: bold; padding-left: 4px;}
.undertit2 {font-size: 19px; font-weight: bold; line-height: 60px;}
#middle b {font-size: 13px; line-height: 1.5em;}
.top_title {width: 705px; height: 64px; background-image: url(../image/top/title_bg.jpg); background-repeat: no-repeat; font-size: 16px; font-weight: bold;}
.bss_title {width: 695px; height: 20px; background-image: url(../image/top/bsstitle_bg.jpg); background-repeat: no-repeat; font-size: 16px; 
            padding: 5px; font-weight: bold; color: #ffffff; margin-bottom: 10px;}
.icon_box {width: 705px; height: auto; margin: 5px 0px;}
.icon_sub {width: 229px; height: 70px; border: dotted 1px #d3d3d3; float: left; background-color: #F7F8F8; margin-left: 3px; margin-bottom: 5px;}
.icon_l {width: 43px; height: auto; margin: 5px; float: left; font-size: 11px;}
.icon_r {width: 163px; height: auto; float: left; margin: 5px 0px; font-size: 11px; line-height: 1.7em;}
img.btn {margin-top: 5px;}
#page_back {margin-top: 10px;}
#page_back img {float: right; margin-left: 5px;}
html>body div.top_badge {height: 0px; width: 0px; position: relative; top: -135px; left: 10px; float: left;}
/*ie6*/* html div.top_badge {height: 0px; width: 0px; position: relative; top: -135px; left: 10px; float: left;}
/*ie6*/* html img.badge {position: absolute; overflow: visible;}
select.login {font-size: 10px;}
select.login option {height: 16px;}
.catch_box {width: 345px; height: 50px; font-size: 12px; font-weight: bold; background-image: url(../image/top/topbar.gif); background-repeat: no-repeat; float: left;}
.catch_box1 {width: 345px; height: 50px; font-size: 12px; font-weight: bold; float: left;}
.catch_l {width: 54px; height: 50px; margin-left: 3px; float: left;}
.catch_r {width: auto; height: 33px; float: left; padding-top: 17px;}
.dot {width: 705px; height: 15px; color: #153B44; border-bottom: dotted 1px #297F96; font-size: 13px; font-weight: bold; margin: 15px 0;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* サイトマップ　---------------------------------------------------------------------------------------------------------*/
.sitemap {font-size: 1.1em; line-height: 2.2em;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 共通　-----------------------------------------------------------------------------------------------------------------*/
div.title_bk {width: auto; height: auto; background-image: url(../image/top/left_title.jpg); background-repeat: repeat-x;
              color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 3px 0px 3px 10px;}
div.feature {width: auto; height: auto; border: solid 1px #999999; padding: 15px; background-image: url(../image/top/grd1.jpg);
             background-repeat: repeat-x; background-position: bottom;}
/*------------------------------------------------------------------------------------------------------------------------*/ 

/* 製品案内　-------------------------------------------------------------------------------------------------------------*/
table#product {width: 550px; height: auto; margin-left: 20px; border-collapse: collapse;  margin-bottom: 5px;}
table#product tr.strong {background-color: #00B9EF; color: #ffffff; text-align: center; font-weight: bold;}
table#product tr.strong1 {background-color: #EAF6FD;}
table#product td {border: solid 1px #00A0E9; padding: 5px;} 
table#product td.center {text-align: center;}
table#product td.left {width: 250px; height: 40px; padding-left: 10px;}
table#product td.right {width: 155px; height: 40px; font-weight: bold; text-align: center;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* お客様の声　-----------------------------------------------------------------------------------------------------------*/
.voicebox {width: auto; height: auto; margin-bottom: 10px; border-bottom: dotted 1px #d3d3d3; padding-bottom: 4px;}
.voicetit {width: 500px; height: 40px; float: left; font-size: 9pt; padding-top: 12px; line-height: 1.7em;}
.voicetit1 {width: 500px; height: 34px; float: left; font-size: 9pt; padding-top: 18px; line-height: 1.7em;}
.v_paper {width: auto; height: 52px; float: left;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* ライセンス提供　-------------------------------------------------------------------------------------------------------*/
.pur_cnt {margin-top: 20px;}
.pur_txt {font-size: 14px; width: 420px; font-weight: bold; color: #C7000B; float: left;}
.pur_img {float: left;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* プライバシーポリシー　-------------------------------------------------------------------------------------------------*/
/*ie*/*+html body .font_s {font-size: 0.9em;}
/*ie6*/* html body .font_s {font-size: 0.9em;}
.privacy {width: auto; height: auto; padding: 10px 0px 10px 45px; font-size: 1.1em; line-height: 1.6em;}
/*ie6*/* .privacy {width: 625px; height: auto; padding: 10px 0px 10px 45px; font-size: 1.1em; line-height: 1.6em;}
.privacy_txt {width: 50em; height: auto;}
.indent {text-indent: 1em;}
div#privacy_in {width: 45em; margin-left: 25px;}
.privacy_mark {width: 595px; height: 210px;}
.mark_left {width: 260px; height: 204px; float: left; margin-left: 30px; margin-top: 5px; font-size: 10px;}
.mark_right {width: 250px; height: 210px; float: right;}
div.midasi {width: auto; height: 20px; padding-left: 10px; padding-top: 3px; color: #000000; font-weight: bold; margin-bottom: 5px; 
            background-image: url(../image/top/bg_title.jpg); background-repeat: no-repeat;}
div.naiyou {padding: 0px 10px; margin-bottom: 10px;}
/*ie*/*+html body div.naiyou {padding: 0px 10px; margin-bottom: 10px; font-size: 0.9em;}
/*ie6*/* html body div.naiyou {padding: 0px 10px; margin-bottom: 10px; font-size: 0.9em;}
.uline {/*text-decoration: underline;*/border-bottom: solid 1px #1ba2d0;}
div.privacy b {color: #1ba2d0;}
div.hr {border: dotted 1px #1ba2d0; border-top: none; border-left: none; border-right: none;}
div.hr1 {width: 20px; border: dotted 1px #1ba2d0; border-top: none; border-left: none; border-right: none;}
div#privacy_in2 {width: 46em; margin-left: 10px;}
table.privacy_list {width: auto;}
table.privacy_list td.dot {padding-left: 20px; padding-right: 5px; vertical-align: top; font-weight: bold;}
/*別ウィンドウ*/
div.privacy_ow hr {border: dotted 1px #1ba2d0; border-top: none; border-left: none; border-right: none;}
.privacy_ow {width: 618px; height: auto; padding: 10px 0px 10px 45px; font-size: 0.9em; line-height: 1.6em; background-color: #ffffff;}
div.privacy_ow b {color: #1ba2d0;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 問い合わせ　-----------------------------------------------------------------------------------------------------------*/
div.inq {width: auto; height: auto; border: solid 1px #999999; padding: 30px; background-image: url(../image/top/grd1.jpg); 
         background-repeat: repeat-x; background-position: bottom;}
.privacy_inq {width: 600px; height: 350px; padding: 15px; overflow: auto; font-size: 1.1em; 
              border: solid 1px #999999; line-height: 1.8em; margin-bottom: 20px;}
.privacy_inq_txt {width: auto; height: auto; padding-bottom: 20px;}
div.privacy_inq b {color: #1ba2d0;}
table#privacy_inq {width: 40em;}
table#privacy_inq td.midasi {font-weight: bold;}
table#privacy_inq td.naiyou {padding-left: 20px;}
table#privacy_inq td.dot {padding-left: 20px; vertical-align: top;}
div#inquiry_form {width: 500px; height: auto; margin: auto; padding: auto; font-size: 1.0em; color: #666666;}
table#form {width: 500px; height: auto;}
td.koumoku_form {width: 140px; height: 70px; vertical-align: top; padding-top: 2.6em;}
td.naiyou_form {width: auto; height: auto; vertical-align: top; padding-top: 2.6em;}
/*欄外文章*/
.inqtxt {font-size: 1.0em; line-height: 1.6em;}
/*注釈*/
.annotation2 {font-size: 0.9em;}
/*注釈赤*/
.annotation_red {font-size: 0.9em; color: red;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* FAQ　------------------------------------------------------------------------------------------------------------------*/
.question_tit {width: 534px; height: 30px; background-image: url(../image/top/faq_icon.jpg); 
         background-repeat: no-repeat; padding-left: 44px; font-size: 1.2em; font-weight: bold; padding-top: 16px; margin-left: 20px;}
.answer_tit {width: 550px; height: auto; background-image: url(../image/top/a_icon.gif); 
         background-repeat: no-repeat; padding-left: 40px; font-size: 9pt; line-height: 1.7em; padding-top: 8px; margin: 7px 0px 3px 20px;}         
/*------------------------------------------------------------------------------------------------------------------------*/

.disnone {display: none;}