/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■初期設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body { margin: 0; padding: 0; color: #555555; line-height: 1.6; font-family: "Meiryo UI","Meiryo","MS PGothic","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 15px; background-image: url(/images/bg_shadow.png); background-position: top center; background-repeat: no-repeat; /*    -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;*/ }
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ラッパー類
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#wrapper { width: 100%; }
#header { width: 980px; margin: 0 auto; position: relative; padding: 0 10px 0 10px; }
#header_banner { width: 960px; height: 45px; margin: 5px auto; position: relative; }
#navi { width: 960px; margin: 0 auto; position: relative; }
#main { width: 980px; margin: 0 auto; position: relative; padding: 0 10px 0 10px; }
#container { width: 960px; margin: 0 auto; position: relative; z-index: 1; /*リンクのドロップメニューで次のレイヤーの順番を設定し、見えるようにするため*/ }
#footer { background-image: url(/images/footer_bg.png); background-repeat: repeat-x; height: 170px; margin-top: 40px; }
#pagetop { width: 960px; margin: 0 auto; position: relative; text-align: right; font-size: 14px; }
#reference_navi { width: 960px; margin: 15px auto; position: relative; }
#copyright { width: 960px; margin: 60px auto; position: relative; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■複数設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ◆基本テキスト */
h1, h2, h3 { font-weight: normal; }
.font_c_sindan { color: rgb(254,141,3); }
.font_c_sindanDeep { color: #DF7B01; }
.font_c_kensa { color: #4169e1; }
.font_c_kensaDeep { color: #0E98FB; }
.font_c_sekou { color: #a9e336; }
.font_c_sekouDeep { color: #86c20dee; }
.font_c_teian { color: #a184cb; }
.font_c_teianDeep { color: #8f6ec0; }
.font_c_haikin { color: #778899; }
.font_c_anzen { color: #31d531; }
.font_c_kouteinai { color: #2ea7fc; }
.font_c_nichijo { color: #ffd764; }
.font_c_nichijoDeep { color: #e5c15a; }
.font_c_suritto { color: #44adc1; }
.font_c_kui { color: #dca92b; }
/*◆背景カラー*/
.bg_c_kensa { background-color: #4169e1; }
/*.bg_c_kensa{background-color:rgb(46,167,252);}*/
.bg_c_sindan { background-color: rgb(254,141,3); }
.bg_c_sekou { background-color: #a9e336; }
/*.bg_c_sekou{background-color:rgb(49,213,49)}*/
.bg_c_teian { background-color: #a184cb; }
.bg_c_haikin { background-color: #778899; }
.bg_c_anzen { background-color: #31d531; }
.bg_c_kouteinai { background-color: #2ea7fc; }
.bg_c_nichijo { background-color: #ffd764; }
.bg_c_suritto { background-color: #44adc1; }
.bg_c_kui { background-color: #dca92b; }



/*◆フロートボックス*/
.box_productTitle { width: 960px; margin-bottom: 10px; }

.btn_productSqrTile { float: left; width: 220px; margin-bottom: 10px; text-align: center; }
.btn_productSqrTile5 { float: left; width: 180px; margin-bottom: 5px; text-align: center; }
.box_btn_productSqrTile { float: left; width: 220px; position: relative; margin: 10px 20px 0px 0px; }
.box_btn_productSqrTile5 { float: left; width: 180px; position: relative; margin: 10px 5px 0px 5px; }
.box_btn_productSqrTileR { float: left; width: 220px; position: relative; margin: 10px 0px 0px 0px; }
.box_btn_productSqrTile5R { float: left; width: 180px; position: relative; margin: 10px 0px 0px 0px; }

.btn_productRctTile { float: left; position: relative; width: 290px; height: 30px; }
.box_productOutline { float: left; position: relative; width: 640px; height: 30px; margin: 0 0 0 10px; }

.box_SeriesOutline { width: 680px; float: left; position: relative; margin: 0 50px 0 0; }

.box_productImgColL { float: left; position: relative; width: 360px; }
.box_productListColR { float: left; position: relative; width: 540px; }

.box_NewProduct { width: 860px; position: relative; margin: 20px 20px 0px 20px; background-color: #faffd6; border: 2px solid #cccccc; padding: 20px 20px 20px 20px; }

/*.box_product_idx {width:200px;float:left;position:relative; background-color:#eee;}*/
/*.box_productC1 {float: left; width:220px;position:relative;margin: 10px 20px 0px 0px;}
.box_productC2 {float: left; width:220px;position:relative;margin: 10px 20px 0px 0px;}*/
/*.box_productIcon {float: left; width:280px;height:280px; position:relative;margin: 10px 20px 0px 0px;}
.box_productTaisyo {float: left; width:440px;position:relative;margin: 10px 0px 0px 0px;}
.box_product_taisyo {float: left; width:620px;position:relative;margin: 10px 0px 0px 0px;}
.box_productPanf {float: left; width:180px;position:relative;margin: 10px 0px 0px 20px;}*/



/*◆リンクテキスト*/
a { color: #415F83; text-decoration: none; }
    a:hover { color: #415F83; text-decoration: underline; }

    a.tile_link { color: #ffffff; text-decoration: none; }
        a.tile_link:hover { color: #ffffff; text-decoration: none; }

    a.pagetop { color: #415F83; }

/*◆アンダーライン*/
hr.hr_std { border: 0; border-top: 2px solid #dcdcdc; }
/*hr.product {border: 0;border-top: 2px solid #dcdcdc;margin-top:50px}*/

/*◆パンクズメニュー*/
#pankuzu { height: 20px; margin: 20px 0 0 0; }
    #pankuzu li { display: inline; list-style-type: none; }
        #pankuzu li a { padding-right: 10px; background: url(/images/topicpath.gif) no-repeat right center; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■画像
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
img.product_icon_header { width: 40px; height: 40px; }
img.product_icon_link { width: 20px; height: 20px; vertical-align: -3px; padding: 0 5px 0 2px; }
img.product_icon_verup_link { width: 30px; height: 30px; vertical-align: -5px; padding: 0 5px 0 2px; }

img.series_icon_title { width: 40px; height: 40px; vertical-align: -5px; padding-right: 10px }

img.phone_banner { padding: 5px 0 5px 0; }
img.pdf_icon { vertical-align: -9px; }
img.mail_icon { vertical-align: -4px; padding: 0 5px 0 3px; }
img.link_icon { vertical-align: -3px; padding: 0 0 0 3px; }
img.link2_icon { vertical-align: -6px; padding: 0 0 0 5px; }

img.pagetop_icon { vertical-align: -4px; padding: 0 0 0 5px; }

img.tab1 { padding: 150px 0 0 0px; }
img.tab2 { padding: 185px 0 0 0px; }
img.tab3 { padding: 100px 0 0 20px; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■テーブル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#contact table { border-collapse: collapse; }
#contact td { border: 1px solid #ccc; padding: 5px; font-size: 90%; color: #666; }
    #contact td.l_Cel { width: 150px; }


#time table { border-collapse: collapse; width: 950px; margin: 15px auto 15px 20px; }
#time th { width: 150px; padding: 6px 10px 6px 20px; border-bottom: 1px solid #cccccc; font-weight: normal; color: #000000; text-align: left; }
#time th.gaiyo { width: 450px; padding: 6px 10px 6px 20px; border-bottom: 1px solid #cccccc; font-weight: normal; color: #000000; text-align: left; }
#time td { width: 200px; text-align: left; padding: 6px 20px; border: none; border-bottom: 1px solid #cccccc; }

#com_info table { border-collapse: collapse; width: 850px; margin: 15px auto 15px 20px; }
#com_info th { width: 10em; padding: 6px 10px 6px 24px; border-bottom: 1px solid #cccccc; font-weight: normal; color: #000000; text-align: left; vertical-align: top; }
#com_info td { text-align: left; padding: 6px 20px; border: none; border-bottom: 1px solid #cccccc; }

table.NewProduct { width: 840px; margin: 20px auto 0px 0px; border: none; }

    table.NewProduct th.col_a { width: 370px; font-size: 15px; font-weight: normal; padding: 6px 10px; border: 1px solid royalblue; text-align: center; color: #ffffff; background-color: royalblue; }
    table.NewProduct th.col_b { width: 370px; font-size: 15px; font-weight: normal; padding: 6px 10px; border: 1px solid mediumseagreen; text-align: center; color: #ffffff; background-color: mediumseagreen; }
    table.NewProduct th.row { width: 100px; font-size: 15px; font-weight: normal; padding: 6px 10px; border: 1px solid #cccccc; text-align: center; background-color: #efefef; }
    table.NewProduct td.row { width: 100px; font-size: 15px; font-weight: normal; padding: 6px 10px; border: 1px solid #cccccc; text-align: center; background-color: #efefef; }


    table.NewProduct td.cell_a { font-size: 15px; padding: 6px 10px; border: 1px solid royalblue; text-align: left; background-color: #ffffff; }
    table.NewProduct td.cell_b { font-size: 15px; padding: 6px 10px; border: 1px solid mediumseagreen; text-align: left; background-color: #ffffff; }







/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■コントロール
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
input:focus { background-color: #e5f2ff; }
input[type="text"] { font-size: 15px; height: 18px; }
input[type="submit"], input[type="reset"], input[type="button"] { font-size: 15px; height: 30px; width: 120px; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■定義語
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
dl.osirase dt { clear: left; float: left; width: 120px; padding: 0 10px 0 10px; }
dl.osirase dd { margin-left: 140px; width: 760px; }

dl.system_yoken { border-bottom: 1px solid #d5d5d5; }
    dl.system_yoken dt { clear: left; float: left; width: 200px; padding: 0 10px 0 10px; line-height: 2.4em; border-top: 1px solid #d5d5d5; }
    dl.system_yoken dd { margin: 0 0 0 220px; line-height: 2.4em; border-top: 1px solid #d5d5d5; }



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■リスト
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ul.taisyo {margin: 0 5px 0 10px;padding: 0; }
li.taisyo {margin:0 0 5px 20px;list-style:disc;}*/
ul.contact_img_list { padding: 0; }
li.contact_img_list { margin: 0 0 5px 0; list-style: none; }
/*ul.product_idx {margin: 0 0 10px 0;padding: 0;}
li.product_idx_t {margin:0 0 0 0;list-style:none; background-color:#415F83;color:#fff;padding:0 0 0 10px;}
li.product_idx {margin:5px 0 0 10px;list-style:url(/images/arrow_link.png);list-style-position:inside;}*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■その他
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*トップページ*/
dl.tab_solution { margin: 20px 0 0 0; }
    dl.tab_solution dt { font-weight: bold; color: #555555; font-size: 16px; margin-top: 50px; }
    dl.tab_solution dd { margin-left: 20px; }

/*導入事例*/
dl.tokucyo { margin: 20px 0 0 0; }
    dl.tokucyo dt { font-weight: bold; color: #555555; font-size: 17px; margin-top: 30px; }
    dl.tokucyo dd { margin-left: 30px; }

ul.case_decimal { margin: 20px 0 20px 20px; padding: 0; }
li.case_decimal { margin: 0 0 0 30px; list-style: decimal; }

ul.case_disc { margin: 20px 0 20px 20px; padding: 0; }
li.case_disc { margin: 0 0 0 30px; list-style: disc; }
ul.case_none { margin: 20px 0 20px 20px; padding: 0; }
li.case_none { margin: 0 0 0 30px; list-style: none; }
ul.case_noneB { margin: 20px 0 20px 20px; padding: 0; }
li.case_noneB { margin: 0 0 0 30px; list-style: none; font-weight: bold; }
ul.case_alpha { margin: 20px 0 20px 20px; padding: 0; }
li.case_alpha { margin: 0 0 10px 30px; list-style: upper-alpha; }

#donyu { margin: 20px auto; position: relative; }
    #donyu table { width: 600px; border-collapse: collapse; border: none; }
    #donyu th { width: 300px; border-bottom: 1px solid #cccccc; font-weight: normal }
    #donyu td { width: 300px; text-align: center; border-bottom: 1px solid #cccccc; }

#staff_voice { margin: 20px auto; position: relative; }
    #staff_voice table { border-collapse: collapse; border: none; }
    #staff_voice th { width: 100px; vertical-align: top; border-top: 10px solid #ffffff; }
    #staff_voice td { vertical-align: top; border-top: 10px solid #ffffff; }

/*バージョンアップ情報*/
dl.verup { margin: 20px 0 0 0; }
    dl.verup dt { font-weight: bold; font-size: 17px; margin-top: 30px; }
    dl.verup dd { margin-left: 30px; display: list-item; list-style-type: square; }
ul.verup_disc { margin: 5px 0 15px 20px; padding: 0; }
li.verup_disc { margin: 0 0 0 15px; list-style: disc; }



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■切替タブ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box_tabL { float: left; width: 549px; position: relative; margin: 40px 45px 40px 40px; }
.box_tabR { float: left; width: 300px; height: 550px; position: relative; margin: 0px 0px 0px 0px; background-image: url(/images/tab.png); background-repeat: no-repeat; }

#tab ul { height: 50px; }
#tab li { float: left; list-style: none; cursor: pointer; width: 310px; height: 50px; padding-top: 25px; text-align: center; background-color: #efefef; color: #555555; border-right: 2px solid #fff; border-bottom: 2px solid #dcdcdc; }

    #tab li.select { background-color: #fff; color: #555555; border-radius: 0 0 0px 0px; border-top: 2px solid #dcdcdc; border-right: 2px solid #dcdcdc; border-left: 2px solid #dcdcdc; border-bottom: 0px; }




.disnon { display: none; }
.content_wrap { clear: left; width: 934px; height: 725px; border-top: 0px; border-right: 2px solid #dcdcdc; border-left: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ナビゲーション
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*---http://weboook.blog22.fc2.com/blog-entry-359.html ---*/
#dropmenu { width: 100%; height: 40px; padding: 0; }
    #dropmenu li { position: relative; width: 13%; float: left; margin: 0; padding: 0; text-align: center; }

        #dropmenu li a { display: block; margin: 0; padding: 15px 0 11px; line-height: 1; text-decoration: none; color: #415F83; font-weight: normal; }
        #dropmenu li:hover > a { background: #eee; color: #415F83; }
    #dropmenu > li:hover > a { border-radius: 3px 3px 0 0; }
    #dropmenu li ul { z-index: 2; /*ドロップメニューのレイヤー順序はここで設定*/ position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 0 0 3px 3px; }
    #dropmenu li:last-child ul { left: -100%; width: 100% }
    #dropmenu li ul li { overflow: hidden; width: 200%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; }
        #dropmenu li ul li a { padding: 13px 15px; background: #eee; text-align: left; font-weight: normal; }
    #dropmenu li:hover ul li { overflow: visible; height: 38px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #d5d5d5; }
        #dropmenu li:hover ul li:first-child { border-top: 0; }
        #dropmenu li:hover ul li:last-child { border-bottom: 0; }
            #dropmenu li:hover ul li:last-child a { border-radius: 0 0 3px 3px; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*◆フッターナビゲーション*/
#footer ul { width: 940px; position: relative; /*left: 50%;*/ float: left; list-style: none; font-size: 14px; }
    #footer ul li { position: relative; float: left; /*left: -50%;*/ padding: 0 10px; line-height: 1; list-style: none; }
#footer li a { color: #fff; }
#footer ul li.Lline { border-left: #ccc solid 1px; color: #999999; }

/*◇Copyright部*/
#footer dl { width: 930px; }
#footer dt { float: left; width: 240px; }
#footer dd { float: right; width: 356px; color: #ffffff; font-size: 12px; }