@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;}
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;}
img {border: 0;}
.clear:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.disnone {display: none;}
/*------------------------------------------------------------------------------------------------------------------------*/

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

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

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

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

/*フロートクリア*/
div.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;}
/*オレンジ文字*/.navy {color: #04162C;}
/*赤字*/.red {color: red;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* トップページ　---------------------------------------------------------------------------------------------------------*/
div#wrapper {width: 980px; height: auto; margin-bottom: 15px; margin-left: auto; margin-right: auto; 
             background-color: #ffffff; border: solid 1px #D4D4D4;}
div#header {width: auto; height: 51px;}
div#header_l {width: auto; height: auto; margin-top: 10px; padding-left: 20px; float: left;}
div#header_r {width: auto; height: 26px; text-align: right; float: right; font-size: 0.8em; margin-top: 25px; margin-right: 10px;}
/*ログイン*/
select.login {font-size: 10px;}
select.login option {height: 16px;}
/*------------------------------------------------------------------------------------------------------------------------*/
/* トップメッセージ ----------------------------------------------*/
.mes {font-size: 14px; margin-left: auto; margin-right: auto; padding: 40px 120px 70px 120px;}
/*----------------------------------------------------------------*/
div#main_image {width: 980px; height: 111px; border-top: solid 1px #666666; border-bottom: solid 1px #666666;}
div.sitepass {text-align: right; padding-right: 15px; margin-bottom: -10px;}
div.sitepass a {text-decoration: underline;}
/*firefox*/:root div.sitepass {text-align: right; padding-right: 15px; margin-top: 5px; margin-bottom: -10px;}
div.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;}
div#content_wrap {width: auto; height: auto; padding: 20px 25px 0px 15px; clear: both;}
div#content_wrap1 {width: auto; height: auto; padding: 0px 25px 0px 15px; margin-top: 10px; clear: both;}
/*firefox*/:root div#content_wrap1 {width: auto; height: auto; padding: 0px 25px 0px 15px; clear: both;}
/*ie6*/* html div#content_wrap {width: auto; height: auto; padding: 15px 15px 0px 15px; clear: both;}
div#bottom_menu {width: auto; height: auto; clear: both; text-align: center; font-size: 0.8em;}
div#footer {width: auto; height: 20px; font-size: 0.8em; text-align: center; background-color: #000000; padding-right: 5px; color: #ffffff; 
            clear: both;}
/* プルダウンメニュー --------------------------------------------*/
#button_menu {width: auto; height: 45px;}
/* メインメニュー */#p_menu ul {display: block; list-style-type: none; float: left; background-color: #000000;}
/* サブメニュー1段目 */#p_menu ul ul{display: none; position: absolute; top: 100%; left:0;}
/* サブメニュー2段目以降 */p_#menu ul ul ul {top: 0; left: 100%;}
/* リスト */#p_menu li {float: left;}
#p_menu li li {clear: both;}
#p_menu li:hover {position: relative ;}
#p_menu li:hover > ul {display: block}
/* IE6用 */* html #p_menu li {behavior: expression( this.onmouseover=new Function("this.className='column1'"), 
                              this.onmouseout=new Function("this.className=''"),
                              this.style.behavior = 'none'   );}
* html #p_menu li li { behavior: expression(      this.onmouseover=new Function("this.className='column2'"),
                       this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html #p_menu li li li {behavior: expression(      this.onmouseover=new Function("this.className='column3'"),
                       this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
#p_menu .column1 {position: relative;}
#p_menu .column1 ul {display: block;}
#p_menu .column1 * ul {display: none;}
#p_menu .column2 {position: relative;}
#p_menu .column2 ul {display: block;}
#p_menu .column2 * ul {display: none;}
#p_menu .column3 {position: relative;}
#p_menu .column3 ul {display: block;}
#p_menu .column3 * ul {display: none;}
#p_menu li {line-height: 1.6em; text-align: center; width: 140px; border-top: solid 1px #004264;}
#p_menu li li {text-align: left; width: 140px;}
#p_menu li a{display: block; width: 140px; color: #ffffff; text-align: center; text-decoration: none;}
#p_menu li:hover {background-color: #00324F; color:#ffffff;}
#p_menu .column1, #menu .column2, #menu .column3 {color: #333; background: #7BBA10;} 
/*----------------------------------------------------------------*/
/*左側*/
div#left_navi {width: 220px; height: auto; float: left; margin-bottom: 20px;}
div.left_title {width: 220px; height: 25px; background-image: url(../image/top/left_title.jpg); background-repeat: no-repeat; 
                border: solid 1px #666666; border-bottom: none;
                color: #ffffff; font-size: 0.8em; padding-left: 10px; line-height: 25px;}
/*ie6*/* html div.left_title {width: 224px; height: 25px; background-image: url(../image/top/left_title.jpg); background-repeat: repeat-x; 
                border: solid 1px #666666; border-bottom: none;
                color: #ffffff; font-size: 0.8em; padding-left: 10px; line-height: 25px;}
div.left_contents {width: 210px; height: auto; border: solid 1px #666666; background-color: #ffffff; padding: 10px; 
                   margin-bottom: 10px;}
img.link {border: solid 1px #666666;}
div.banner {width: 210px; height: auto; font-size: 0.8em; border: solid 1px #666666; padding: 10px; margin-top: 10px; 
            line-height: 1.2em;}
/*ie6*/* html div.banner {width: 214px; height: auto; font-size: 0.8em; border: solid 1px #666666; padding: 10px; margin-top: 10px; 
            line-height: 1.2em;}
/*右側*/
div#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;}
div#contents_right hr {border: sorid 1px #999999; border-top: none; border-left: none; border-right: none;}
/*news*/
div.news {width: 685px; height: auto; border: solid 1px #666666; margin-bottom: 10px;}
/*ie6*/* html div.news {width: 685px; height: auto; background-image: url(../image/top/grd1.jpg); background-repeat: repeat-x; 
                        background-position: bottom; border: solid 1px #666666; padding: 10px;}                        
.news_tit {width: auto; height: 22px; color: #ffffff; background-image: url(../image/top/left_title.jpg); background-repeat: repeat-x; 
           border-bottom: none; padding-left: 10px; padding-top: 3px;}
.news_box {width: 693px; height: auto; border: solid 1px #666666; margin-bottom: 10px;}
.news_cnt {width: 683px; padding: 5px;}
.news_cnt1 {width: 683px; padding: 0 5px;}
/*コンテンツ*/    
div#contents {width: auto; height: auto; margin-top: 15px; text-align: center;}
div#middle {text-align: center; font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;
            font-size: 11px; line-height: 1.5em;}
div#middle b {font-size: 13px; line-height: 1.5em;}
div.top_main3_1 {width: 203px; height: 130px; float: left; background-image: url(../image/top/top_main3_1.jpg); background-repeat: no-repeat;
                 padding: 35px 5px 5px 135px; text-align: left;}
div.top_main3_2 {width: 203px; height: 130px; float: left; background-image: url(../image/top/top_main3_2.jpg); background-repeat: no-repeat;
                 padding: 35px 5px 5px 135px; text-align: left;}
div.top_main3_3 {width: 203px; height: 130px; float: left; background-image: url(../image/top/top_main3_3.jpg); background-repeat: no-repeat;
                 padding: 35px 5px 5px 135px; text-align: left;}
div.top_main3_4 {width: 203px; height: 130px; float: left; background-image: url(../image/top/top_main3_4.jpg); background-repeat: no-repeat;
                 padding: 35px 5px 5px 135px; text-align: left;}
img.btn {margin-top: 5px;}
div#page_back {margin-top: 10px; width: auto; height: auto;}
div#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;}
/*特徴*/
.main_feature {width: 223px; height: 223px; margin-right: 3px; float: left; border: solid 1px #898989;}
.main_cnt {height: 209px; margin: 2px; padding: 5px; background-color: #efefef;}

div#main_image1 {width: auto; height: 111px; background-image: url(../image/under/undedr_image.jpg); background-repeat: no-repeat;
                border-top: solid 1px #666666; border-bottom: solid 1px #666666;}

/*共通*/
div.title_bk {width: 695px; height: 23px; background-image: url(../image/top/left_title.jpg); background-repeat: repeat-x;
              color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 2px 0px 0px 10px;}    
div.feature_bar {width: 199px; height: 27px; font-weight: bold; padding-left: 10px; padding-top: 4px; margin-top: 5px; margin-right: 5px;
                 background-image: url(../image/feature/feature_bar.gif); background-repeat: repeat-x; border-top: solid 2px #d3d3d3;
                 border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; float: left;}              
div.feature {width: 673px; height: auto; border: solid 1px #999999; padding: 15px; margin-bottom: 20px;}
div.feature a {color: #10325B;}
.sf_menu1 {width: 185px; height: 24px; font-size: 0.9em; padding: 1px 0px 0px 25px; margin-bottom: 5px; background-image: url(../image/feature/s_menu_bg.png);
           background-repeat: no-repeat;}
.sf_menu_line {width: 220px; height: 22px; font-size: 0.9em; padding: 3px 0px 0px 10px; margin-bottom: 5px; border-bottom: dotted 1px #666666;
               border-left: solid 3px #666666;}
div.repo {width: 650px; height: auto; margin-left: 30px; margin-top: 10px;}
div.repo_txt {width: auto; height: auto; float: right; font-size: 0.9em;}
div.solve {width: 640px; height: 45px; border: solid 2px #07496B; color: #07496B; padding: 10px;
           margin-top: 10px; font-weight: bold; font-size: 0.9em; clear: both;}
div.solve2 {width: 420px; height: auto; border: solid 2px #07496B; padding: 10px; margin-top: 10px; float: right;}
div.solve_img {width: 435px; height: auto;  padding: 10px; float: right;}
img.kaiketu {position: relative; top: -30px; left: -20px; float: left;}
img.case {float: left;}
div.more {width: 650px; height: auto; padding: 10px; margin-top: 10px; clear: both;}
div.more strong {width: auto; display: block; height: auto; padding: 0px 0px 0px 10px; margin-top: 20px; border: solid 1px #666666;
           font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;
            background-image: url(../image/under/grd6.jpg); background-repeat: repeat-x; background-position: top; color: #ffffff; font-weight: bold;}
/*システム概要図*/
.sf_box {margin: 10px 0;}
.sf_box img {margin: 40px 0;}
.sf_title {font-size: 1em; font-weight: bold; background-color: #EBF0F3; padding: 5px 0 5px 8px; border-bottom: solid 1px #B2C8D4; border-top: solid 1px #F5FBFE;}
/*機能*/
div.feature_left {float: left;}
div.feature_right {width: 430px; height: auto; float: right; border: solid 1px #999999; padding: 10px; margin-bottom: 10px;}
div.feature_right p {color: #05182F; font-size: 11px; font-weight: bold; line-height: 1.4em; font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}
/*ソリューション事例*/
.example_com {width: auto; margin: 5px; border-bottom: solid 1px #d3d3d3; border-top: solid 1px #d3d3d3;}
.example_case {width: 96px; height: 42px; font-size: 0.8em; text-align: center; font-weight: bold;
               line-height: 1.3em; padding-top: 10px; float: left;
               background-image: url(../image/feature/case_btn.gif); background-repeat: no-repeat;}
.example_box {width: 207px; height: auto; border: solid 3px #9A1E23; padding: 0px; float: left;}
.example_tit {font-weight: bold; padding-left: 3px; color: #ffffff; background-color: #9A1E23;}
.example_txt {padding: 5px;}
.example_img {width: 207px; height: 101px;}
.example_sol {width: 663px; height: 27px; font-size: 1.2em; font-weight: bold; text-align: center;
              border-bottom: solid 1px #88A7B8; border-top: solid 1px #88A7B8; padding-top: 6px; margin-bottom: 10px;
              background-image: url(../image/feature/example_solbg.gif); background-repeat: no-repeat;}
/*レポートサンプル*/
div.repo_photo {display: none;}
/*SFリンク*/
a.white:link {color: #ffffff; text-decoration: none;}
a.white:active {color: #dadada;}
a.white:visited {color: #ffffff; text-decoration: none;}
a.white:hover {color: #dadada;}
/*------------------------------------------------------------------------------------------------------------------------*/

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

/* ニュースリリース　-----------------------------------------------------------------------------------------------------*/
.news_rls {width: 683px; height: auto; border: solid 1px #999999; padding: 20px 0px 20px 20px; overflow: auto;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* プライバシーポリシー　-------------------------------------------------------------------------------------------------*/
/*ie*/*+html body .font_s {font-size: 0.9em;}
/*ie6*/* html body .font_s {font-size: 0.9em;}
.privacy {width: 650px; height: auto; padding: 10px 0px 10px 45px; font-size: 0.9em; line-height: 1.6em;}
/*ie6*/* .privacy {width: 625px; height: auto; padding: 10px 0px 10px 45px; font-size: 0.9em; 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 {height: 2em; padding-left: 10px; border-bottom: dotted 1px #F39800; color: #F39800; font-weight: bold; margin-bottom: 5px; 
            background-image: url(../image/under/priv_grd.jpg); background-repeat: repeat-x; background-position: bottom;}
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 #F39800;}
div.privacy b {color: #F39800;}
div.hr {border: dotted 1px #F39800; border-top: none; border-left: none; border-right: none;}
div#privacy_in2 {width: 48em; 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 #F39800; 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: #F39800;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*仕様 プラン表*/
table#plan {width: 540px; height: auto; font-size: 0.9em; margin: 20px 0 10px 70px; border: solid 1px #999999; 
            border-collapse: collapse;}
table#plan tr{border: solid 1px #999999;}
table#plan td.l{border: solid 1px #999999; text-align: left; padding-left: 5px; background-image: url(../image/under/table_grd.jpg); background-repeat: repeat-x; background-position: bottom;}
table#plan td{border: solid 1px #999999; text-align: center; background-image: url(../image/under/table_grd.jpg); background-repeat: repeat-x; background-position: bottom;}
table#plan td.plan_name {width: 80px; font-size: 0.8em; line-height: 1.3em; padding: 8px 3px; color: #666666;}
table#plan td.plan_name b {font-weight: bold; font-size: 13px; color: #666666;}
table#plan td.koumoku1 {text-align: left; padding-left: 4px; background-color: #00283C; background-image: url(../image/under/table_grd2.jpg); 
                        background-repeat: repeat-x; background-position: bottom; color: #ffffff;}
table#plan td.koumoku2 {text-align: left; padding:5px 0px 5px 10px;/* background-color: #fdec78; background-image: url(../image/under/table_grd3.jpg); 
                        background-repeat: repeat-x; background-position: bottom;*/}
/* Valueプラン表*/
.valuetit {font-weight: bold; color: #F0831E; margin-top: 10px;}
table#valueplan {width: 540px; height: auto; border: solid 1px #999999;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 問い合わせ　-----------------------------------------------------------------------------------------------------------*/
div.inq {width: 643px; height: auto; border: solid 1px #999999; padding: 30px;}
.privacy_inq {width: 600px; height: 350px; padding: 15px; overflow: auto; font-size: 0.9em; 
              border: solid 1px #999999; line-height: 1.6em; margin-bottom: 20px;}
.privacy_inq_txt {width: auto; height: auto; padding-bottom: 20px;}
div.privacy_inq b {color: #F39800;}
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-left: 100px; font-size: 0.9em; 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;}
/*注釈*/
.annotation2 {font-size: 0.9em;}
/*注釈赤*/
.annotation_red {font-size: 0.9em; color: red;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* FAQ　------------------------------------------------------------------------------------------------------------------*/
div#faq {width: 500px; height: auto; margin-left: 80px; margin-top: 30px; font-size: 0.9em;}
div.faq_q {width: 471px; height: 27px; padding-left: 30px; padding-top: 5px; color: #000000; background-image: url(../image/under/faq_q.gif); background-repeat: no-repeat;}
div.faq_a_cnt {height: auto; margin: 10px 0;}
div.faq_a {width: 50px; height: 50px; float: left; background-image: url(../image/under/faq_a.gif); background-repeat: no-repeat;} 
div.faq_a_txt {width: 450px; float: left;} 
/*------------------------------------------------------------------------------------------------------------------------*/

/* ダウンロードページ　---------------------------------------------------------------------------------------------------*/
div.dl {width: 623px; height: auto; border: solid 1px #999999; padding: 40px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* パートナーページ　-----------------------------------------------------------------------------------------------------*/
.midasi_p {width: 550px; height: auto; padding: 5px 10px 5px 5px; margin: 20px 0px 0px 50px; border: solid 1px #666666;
           font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;
            background-image: url(../image/under/grd6.jpg); background-repeat: repeat-x; background-position: top; color: #ffffff; font-weight: bold;}
.naiyou_p {width: 525px; height: auto; background-image: url(../image/under/grd5.jpg); background-repeat: repeat-x; background-position: bottom;
           padding: 20px; margin: 0px 0px 20px 50px; border: solid 1px #999999; font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;
           border-top: none;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* パートナー一覧ページ　-------------------------------------------------------------------------------------------------*/
.ptnr_cont {width: auto; height: auto; margin-bottom: 20px; border-bottom: dotted 1px #d3d3d3; padding-bottom: 10px;}
.ptnr_list_l {width: 300px; height: auto; float: left; margin-left: 30px;}
/*ie6*/* html .ptnr_list_l {width: 300px; height: auto; margin-left: 10px;}
.ptnr_list_l a {color: blue; text-decoration: underline;}
.ptnr_img {width: 300px; height: 100px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 導入の流れページ　-----------------------------------------------------------------------------------------------------*/
.flow_box {margin-top: 10px; border: solid 1px #d3d3d3;}
.flow_title {width: 195px; height: 32px; font-weight: bold; font-size: 1.2em; padding-top: 12px; padding-left: 5px;
             float: left; border-left: solid 7px #0A486A; border-right: solid 1px #0A486A;
             background-image: url(../image/feature/flow_title.gif); background-repeat: repeat-x;}
.flow_txt {width: 450px; height: 41px; float: left; padding: 1px 0 0 5px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 導入事例一覧ページ　---------------------------------------------------------------------------------------------------*/
.case_list {width: 600px; height: auto; border-bottom: solid 1px #999999; margin-top: 10px; margin-left: 40px;}
.case_list a {color: blue; text-decoration: underline;}
.case_list_l {width: 200px; height: auto; vertical-align: middle;}
.case_list_r {width: 360px; height: auto; padding: 10px 0px 10px 20px; float: left;}
.case_tit {width: 340px; height: 25px; font-weight: bold; color: #000000; font-size: 11pt; margin-bottom: 7pt; padding-left: 10px;
           background-image: url(../image/casestudy/case_tit.gif); background-repeat: no-repeat;}
/*------------------------------------------------------------------------------------------------------------------------*/

div.casestudy1 {width: 653px; height: auto; border: solid 1px #999999; padding: 15px 20px 15px 30px; font-size: 0.9em; line-height: 1.6em; text-align: justify; text-justify: distribute;
               font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}

/* 導入事例　-------------------------------------------------------------------------------------------------------------*/
div.casestudy {width: 593px; height: auto; border: solid 1px #999999; padding: 15px 0px 15px 110px; 
               font-size: 0.9em; line-height: 1.6em; text-align: justify; text-justify: distribute;
               font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}
div.case_1 {width: 480px;}
div.case_midasi {width: 100%; background-color: #cccccc; border: solid 2px #cccccc; padding-left: 5px;}
span.case_q {color: #003366;}
div.case_foot {width: 480px; border-top: double 3px #999999; padding: 10px 5px 20px 0px;}
a.case_link {color: #ff6600; text-decoration: underline;}
img.case_right {float: right; margin: 0px 0px 10px 10px;}
img.case_left {float: left; margin: 0px 10px 10px 0px;}
div.case_mokuji {width: 470px; border: solid 1px #666666; padding: 5px 0px 0px 10px;}
div.case_mokuji_in {width: 440px; border: solid 1px #666666; border-top: none; padding: 20px; line-height: 1.8em;}
.case_strong {color: #006699; font-weight: bold;}
.case_strong1 {color: #ff0033; font-weight: bold;}
/*------------------------------------------------------------------------------------------------------------------------*/

/* 記事　---------------------------------------------------------*/
.topic {width: 650px; font-size: 0.9em; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 30px 50px; background-color: #ffffff;}
.topic_title {text-align: center; font-size: 1.4em; font-weight: bold;}
.topic_txt {width: 340px; float: left;}
.topic_img {width: 300px; margin-left: 10px; float: left;}
.topic_img img {border: solid 1px #000000;}
.topic_subtitle {font-weight: bold; border-bottom: solid 3px #000000;}
.topic_crm {border: solid 3px #F49E00; padding: 5px; margin-bottom: 10px;}
/*----------------------------------------------------------------*/