@charset "UTF-8";
* html body { behavior: url("/click/v-erp/css/csshover3.htc"); }
.nav-categories, .contentsLeft { color: #000; /* ----------------------------------------------------
reset
---------------------------------------------------- */ /*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/ /* change colours to suit your needs */ /* change colours to suit your needs */ /* change border colour to suit your needs */ /* ----------------------------------------------------
common
---------------------------------------------------- */ /** flow contents */ }
.nav-categories html, .nav-categories body, .nav-categories div, .nav-categories span, .nav-categories object, .nav-categories iframe, .nav-categories h1, .nav-categories h2, .nav-categories h3, .nav-categories h4, .nav-categories h5, .nav-categories h6, .nav-categories p, .nav-categories blockquote, .nav-categories pre, .nav-categories abbr, .nav-categories address, .nav-categories cite, .nav-categories code, .nav-categories del, .nav-categories dfn, .nav-categories em, .nav-categories img, .nav-categories ins, .nav-categories kbd, .nav-categories q, .nav-categories samp, .nav-categories small, .nav-categories strong, .nav-categories sub, .nav-categories sup, .nav-categories var, .nav-categories b, .nav-categories i, .nav-categories dl, .nav-categories dt, .nav-categories dd, .nav-categories ol, .nav-categories ul, .nav-categories li, .nav-categories fieldset, .nav-categories form, .nav-categories label, .nav-categories legend, .nav-categories table, .nav-categories caption, .nav-categories tbody, .nav-categories tfoot, .nav-categories thead, .nav-categories tr, .nav-categories th, .nav-categories td, .nav-categories article, .nav-categories aside, .nav-categories canvas, .nav-categories details, .nav-categories figcaption, .nav-categories figure, .nav-categories footer, .nav-categories header, .nav-categories hgroup, .nav-categories menu, .nav-categories nav, .nav-categories section, .nav-categories summary, .nav-categories time, .nav-categories mark, .nav-categories audio, .nav-categories video, .contentsLeft html, .contentsLeft body, .contentsLeft div, .contentsLeft span, .contentsLeft object, .contentsLeft iframe, .contentsLeft h1, .contentsLeft h2, .contentsLeft h3, .contentsLeft h4, .contentsLeft h5, .contentsLeft h6, .contentsLeft p, .contentsLeft blockquote, .contentsLeft pre, .contentsLeft abbr, .contentsLeft address, .contentsLeft cite, .contentsLeft code, .contentsLeft del, .contentsLeft dfn, .contentsLeft em, .contentsLeft img, .contentsLeft ins, .contentsLeft kbd, .contentsLeft q, .contentsLeft samp, .contentsLeft small, .contentsLeft strong, .contentsLeft sub, .contentsLeft sup, .contentsLeft var, .contentsLeft b, .contentsLeft i, .contentsLeft dl, .contentsLeft dt, .contentsLeft dd, .contentsLeft ol, .contentsLeft ul, .contentsLeft li, .contentsLeft fieldset, .contentsLeft form, .contentsLeft label, .contentsLeft legend, .contentsLeft table, .contentsLeft caption, .contentsLeft tbody, .contentsLeft tfoot, .contentsLeft thead, .contentsLeft tr, .contentsLeft th, .contentsLeft td, .contentsLeft article, .contentsLeft aside, .contentsLeft canvas, .contentsLeft details, .contentsLeft figcaption, .contentsLeft figure, .contentsLeft footer, .contentsLeft header, .contentsLeft hgroup, .contentsLeft menu, .contentsLeft nav, .contentsLeft section, .contentsLeft summary, .contentsLeft time, .contentsLeft mark, .contentsLeft audio, .contentsLeft video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.nav-categories body, .contentsLeft body { line-height: 1; }
.nav-categories article, .nav-categories aside, .nav-categories details, .nav-categories figcaption, .nav-categories figure, .nav-categories footer, .nav-categories header, .nav-categories hgroup, .nav-categories menu, .nav-categories nav, .nav-categories section, .contentsLeft article, .contentsLeft aside, .contentsLeft details, .contentsLeft figcaption, .contentsLeft figure, .contentsLeft footer, .contentsLeft header, .contentsLeft hgroup, .contentsLeft menu, .contentsLeft nav, .contentsLeft section { display: block; }
.nav-categories nav ul, .contentsLeft nav ul { list-style: none; }
.nav-categories blockquote, .nav-categories q, .contentsLeft blockquote, .contentsLeft q { quotes: none; }
.nav-categories blockquote:before, .nav-categories blockquote:after, .nav-categories q:before, .nav-categories q:after, .contentsLeft blockquote:before, .contentsLeft blockquote:after, .contentsLeft q:before, .contentsLeft q:after { content: ''; content: none; }
.nav-categories a, .contentsLeft a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.nav-categories ins, .contentsLeft ins { background-color: #ff9; color: #000; text-decoration: none; }
.nav-categories mark, .contentsLeft mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
.nav-categories del, .contentsLeft del { text-decoration: line-through; }
.nav-categories abbr[title], .nav-categories dfn[title], .contentsLeft abbr[title], .contentsLeft dfn[title] { border-bottom: 1px dotted; cursor: help; }
.nav-categories table, .contentsLeft table { border-collapse: collapse; border-spacing: 0; }
.nav-categories hr, .contentsLeft hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
.nav-categories input, .nav-categories select, .contentsLeft input, .contentsLeft select { vertical-align: middle; }
.nav-categories html, .contentsLeft html { height: 100%; overflow-y: scroll; }
.nav-categories body, .contentsLeft body { min-height: 100%; height: 100%; font-family: Meiryo, "繝｡繧､繝ｪ繧ｪ", Helvetica, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic", Osaka, sans-serif; font-size: 12px; *font-size: 75%; line-height: 1.5; }
.nav-categories h1, .nav-categories h2, .nav-categories h3, .nav-categories h4, .nav-categories h5, .nav-categories h6, .contentsLeft h1, .contentsLeft h2, .contentsLeft h3, .contentsLeft h4, .contentsLeft h5, .contentsLeft h6 { font-weight: normal; }
.nav-categories li, .contentsLeft li { list-style-type: none; }
.nav-categories img, .nav-categories object, .nav-categories embed, .contentsLeft img, .contentsLeft object, .contentsLeft embed { border: 0; vertical-align: bottom; }
.nav-categories a:link, .nav-categories a:visited, .contentsLeft a:link, .contentsLeft a:visited { color: #000; text-decoration: none; }
.nav-categories a:hover, .nav-categories a:focus, .nav-categories a:active, .contentsLeft a:hover, .contentsLeft a:focus, .contentsLeft a:active { text-decoration: underline; }
.nav-categories em, .contentsLeft em { font-style: normal; }
.nav-categories th, .contentsLeft th { font-weight: normal; text-align: left; }
.nav-categories textarea, .contentsLeft textarea { font-size: 100%; }
.nav-categories button, .nav-categories input[type="submit"], .contentsLeft button, .contentsLeft input[type="submit"] { cursor: pointer; }
.nav-categories ul { *zoom: 1; width: 960px; }
.nav-categories ul:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
.nav-categories ul li { float: left; width: 137px; }
.nav-categories ul { padding-bottom: 15px; }
.nav-categories ul li { width: 140px; height: 50px; overflow: hidden; }
.nav-categories ul li img { display: block; zoom: 1; }
.nav-categories ul li a { display: block; height: 50px; zoom: 1; }
.nav-categories ul li a img:hover { margin-top: -50px; }
.nav-categories ul li.top { width: 120px; }
#area-header .mod-tab-list { position: absolute; bottom: 0; }
#area-header .mod-tab-list ul { *zoom: 1; width: 610px; }
#area-header .mod-tab-list ul:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-header .mod-tab-list ul li { float: left; width: 87px; }
#area-header .mod-tab-list ul li { height: 31px; overflow: hidden; margin-right: 1px; }
#area-header .mod-tab-list ul li img { margin-left: -1px; display: block; }
#area-header .mod-tab-list ul li:hover { background: #fff; }
#area-header .mod-tab-list ul li:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }
#area-header .mod-tab-list ul li.feature { width: 66px; }
#area-header .mod-tab-list ul li.account { width: 84px; }
#area-header .mod-tab-list ul li.fixed { width: 93px; }
#area-header .mod-tab-list ul li.personnel { width: 78px; }
#area-header .mod-tab-list ul li.distribution { width: 78px; }
#area-header .mod-tab-list ul li.management { width: 88px; }
#area-header .mod-tab-list ul li.solution { width: 116px; }
/*----------------------------------------------------------------------------------
ナビゲーションの読み込み
----------------------------------------------------------------------------------*/
body.top .nav-categories ul li.top img { margin-top: -50px; }
body.concept .nav-categories ul li.concept img { margin-top: -50px; }
body.feature .nav-categories ul li.feature img { margin-top: -50px; }
body.service .nav-categories ul li.service img { margin-top: -50px; }
body.group .nav-categories ul li.group img { margin-top: -50px; }
body.casestudy .nav-categories ul li.casestudy img { margin-top: -50px; }
body.special .nav-categories ul li.special img { margin-top: -50px; }
/*----------------------------------------------------------------------------------
製品紹介（各ページ）のフッターナビ
----------------------------------------------------------------------------------*/
#area-footer { clear: both; }
#area-footer .mod-tab-list { width: 690px; background: #f2f2f2; padding: 10px; margin-bottom: 55px; }
#area-footer .mod-tab-list ul { *zoom: 1; }
#area-footer .mod-tab-list ul:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-footer .mod-tab-list ul .row { *zoom: 1; display: block; *zoom: 1; margin-bottom: 8px; }
#area-footer .mod-tab-list ul .row:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-footer .mod-tab-list ul li { float: left; padding: 0 5px 0 24px; border-left: dotted 1px #797979; background: url(/click/v-erp/img/common/content-list-bottom-icon.png) no-repeat 8px; }
#area-footer .mod-tab-list ul li.last { border-right: dotted 1px #797979; }
#area-footer .mod-tab-list ul li a { display: block; font-size: 1em; line-height: 1.667em; vertical-align: middle; text-decoration: underline; }
#area-footer .mod-tab-list ul li.active { padding-left: 5px; }
#area-footer .mod-tab-list ul li.active a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
メイン
----------------------------------------------------------------------------------*/
.contentsBox .footstepBox { padding-bottom: 10px; }
#area-main { width: 710px; }
.contentsBox .button-pagetop { text-align: right; padding-top: 10px; padding-bottom: 30px; }
.contentsBox small { font-size: 0.833em; line-height: 1.6em; display: block; }
/*----------------------------------------------------------------------------------
「奉行V ERP製品紹介」「奉行V ERP導入支援・サポートサービス」テキストボタン
----------------------------------------------------------------------------------*/
#area-main .link-button { display: inline-block; letter-spacing: normal; vertical-align: top; line-height: normal; background: black url(/click/v-erp/img/common/button-icon.png) no-repeat 10px 50%; font-weight: bold; color: #fff; padding: 10px 18px 9px 28px; text-decoration: none; vertical-align: bottom; }
#area-main .link-button:hover { background-color: #666; }
#area-main .link-icon-arrow { display: inline-block; letter-spacing: normal; vertical-align: top; line-height: normal; padding-left: 18px; text-decoration: underline; background: url(/click/v-erp/img/common/link-icon-arrow.png) no-repeat 0 50%; }
#area-main .link-icon-arrow a { color: #482e07; font-weight: bold; }
#area-header { position: relative; padding: 30px 50px 0; width: 610px; height: 117px; background: url(/click/v-erp/feature/img/header-bg.png) no-repeat; border-bottom: solid 2px #edba1c; }
#area-header.no-tab-list { background: url(/click/v-erp/feature/img/header-bg.png) no-repeat 0 -22px; height: 95px; }
#area-header h1 { margin: 0 0 10px 0; }
#area-header p { font-size: 1em; line-height: 1.667em; margin-bottom: 20px; color: #fff; }
#area-main { margin-bottom: 15px; }
#area-main .area-summary { padding: 20px 0; margin-bottom: 25px; background: #f2f2f2 url(/click/v-erp/img/common/summary-bg.png) no-repeat; }
#area-main .area-summary h2 { padding: 0 50px 20px; font-size: 1.333em; line-height: 1.375em; font-weight: bold; }
#area-main .area-summary h2.visual { padding-left: 0; padding-right: 0; }
#area-main .area-summary p { font-size: 1em; line-height: 1.667em; padding: 0 50px 20px; }
#area-main .area-summary .caption { padding: 0; margin: 0; letter-spacing: normal; word-spacing: normal; background: none; font-size: 1em; line-height: 1em; font-size: 0.917em; line-height: 1.364em; padding: 4px 0 3px 13px; color: #fff; background: url(/click/v-erp/img/common/button-icon.png) no-repeat 0 6px; }
#area-main .area-summary.visual { padding-top: 0; padding-bottom: 0; background: #000; }
#area-main .area-summary.visual h2 { padding-left: 0; padding-right: 0; }
#area-main .area-summary.visual .area-buttons { padding: 0; margin: 0; letter-spacing: normal; word-spacing: normal; background: none; font-size: 1em; line-height: 1em; margin: 0 20px; padding-bottom: 10px; *zoom: 1; width: 670px; }
#area-main .area-summary.visual .area-buttons:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-main .area-summary.visual .area-buttons .left, #area-main .area-summary.visual .area-buttons .right { float: left; width: 335px; margin-left: 0; }
#area-main .area-summary.visual .area-buttons .last { margin-right: 0 !important; }
#area-main .area-summary.visual .area-buttons .left { width: 425px; margin-right: 15px; }
#area-main .area-summary.visual .area-buttons .right { width: 230px; padding-top: 2px; }
#area-main .area-summary.text-only p { padding-bottom: 0; }
#area-main .area-figure { padding-bottom: 30px; }
#area-main .area-figure .area-buttons { padding-top: 0; }
#area-main .area-buttons { letter-spacing: -0.4em; padding: 35px 5px 5px; }
#area-main .area-buttons .link-button { margin-right: 10px; }
#area-main .area-buttons .button-contact, #area-main .area-buttons .button-request { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; vertical-align: top; line-height: normal; margin-right: 10px; vertical-align: bottom; }
#area-main .area-buttons .button-contact img, #area-main .area-buttons .button-request img { vertical-align: bottom; }
#area-main .area-buttons .button-contact:hover img, #area-main .area-buttons .button-request:hover img { opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; zoom: 1; }
#area-main .mod-tab-list ul { *zoom: 1; letter-spacing: -0.4em; margin-bottom: 25px; text-align: center; }
#area-main .mod-tab-list ul:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-main .mod-tab-list ul li { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; vertical-align: top; line-height: normal; }
#area-main .mod-tab-list ul li a { filter: expression(document.execCommand("BackgroundImageCache", false, true)); overflow: hidden; display: block; background: none; }
#area-main .mod-tab-list ul li a:hover img { opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; zoom: 1; }
#area-main .mod-tab-list-text ul { padding: 0 50px; margin-bottom: 25px; }
#area-main .mod-tab-list-text ul li { font-size: 1em; line-height: 1.833em; background: url(/click/v-erp/img/common/list-icon.png) no-repeat 0 50%; padding-left: 20px; font-weight: bold; }
#area-main .mod-tab-list-text ul li a { color: #522e02; text-decoration: underline; }
#area-main .mod-tab-list-text ul li a:hover { text-decoration: none; color: #965b12; }
#area-main .tab-content { border: solid 1px #e6e6e6; padding: 6px 5px 0; }
#area-main .tab-content p { font-size: 1em; line-height: 1.75em; }
#area-main .tab-content h3.min { padding: 40px 0 24px; }
#area-main .tab-content .block { background: #f2f2f2; padding: 0 40px 35px; margin-bottom: 6px; }
#area-main .tab-content .block .intro { padding: 0 4px; margin-bottom: 20px; }
#area-main .tab-content .block .last { padding-bottom: 0; }
#area-main .tab-content .block .button-pagetop { padding: 10px 5px 0 0; }
#area-main .tab-content .block .texts p { padding-bottom: 1.4em; }
#area-main .tab-content .block .texts p.last { padding-bottom: 0; }
#area-main .tab-content div.no-title { padding-top: 20px; }
#area-main .tab-content div.no-header { padding-top: 35px; }
#area-main .tab-content h4 { padding-bottom: 15px; }
#area-main .area-column { *zoom: 1; width: 618px; }
#area-main .area-column:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-main .area-column .column { float: left; width: 309px; margin-left: 0; }
#area-main .area-column .last { margin-right: 0 !important; }
#area-main .area-column p { font-size: 1em; line-height: 1.667em; padding: 0 0 20px; }
#area-main .area-column .column { width: 388px; margin-right: 30px; }
#area-main .area-column div.last { width: 200px; }
#area-main .end { padding-bottom: 40px; }
#area-main .mod-feature-list { width: 618px; }
#area-main .mod-feature-list .link-button { zoom: 1; }
#area-main .mod-feature-list li { background: url(/click/v-erp/img/common/feature-list/bg.png) repeat-y; zoom: 1; overflow: hidden; }
#area-main .mod-feature-list li .bg { font-size: 0; line-height: 0; zoom: 1; }
#area-main .mod-feature-list li .inner { *zoom: 1; min-height: 35px; height: auto!important; height: 35px; margin: 0 5px; background: url(/click/v-erp/img/common/feature-list/inner-bg.png) no-repeat; }
#area-main .mod-feature-list li .inner:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-main .mod-feature-list li .inner h4 { margin: 14px 0 8px; vertical-align: text-top; font-size: 1.167em; line-height: 1.5em; color: #222222; font-weight: bold; float: left; width: 196px; padding-left: 24px; background: url(/click/v-erp/img/common/feature-list/title-icon.png) no-repeat 12px 3px; }
#area-main .mod-feature-list li .inner h4 .wide { letter-spacing: 0.3em; }
#area-main .mod-feature-list li .inner .desc { margin: 14px 0 8px; padding: 0 20px 0 18px; float: left; border-left: solid 1px #e2e2e2; width: 348px; }
#area-main .mod-feature-list li .inner .desc .area-buttons { padding: 0; margin: 0; letter-spacing: normal; word-spacing: normal; background: none; font-size: 1em; line-height: 1em; margin: 10px 0 5px; }
#area-main .mod-feature-list li .inner .desc .column-list { padding-top: 20px; *zoom: 1; width: 328px; }
#area-main .mod-feature-list li .inner .desc .column-list:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-main .mod-feature-list li .inner .desc .column-list .title, #area-main .mod-feature-list li .inner .desc .column-list ul { float: left; width: 164px; margin-left: 0; }
#area-main .mod-feature-list li .inner .desc .column-list .last { margin-right: 0 !important; }
#area-main .mod-feature-list li .inner .desc .column-list .title { width: 70px; }
#area-main .mod-feature-list li .inner .desc .column-list ul { width: 278px; }
#area-main .mod-feature-list li .inner .desc .column-list ul li { padding: 0; margin: 0; letter-spacing: normal; word-spacing: normal; background: none; font-size: 1em; line-height: 1em; font-size: 1.083em; line-height: 1.538em; }
#area-main .mod-feature-list li .inner .desc .link-icon-arrow { margin-top: 1em; margin-bottom: 6px; }
#area-main .mod-feature-list li .inner p { font-size: 1em; line-height: 1.667em; }
#area-main .mod-feature-list li.opt { background: url(/click/v-erp/img/common/feature-list/opt-bg.png) repeat-y; }
#area-main .mod-feature-list li.opt .inner { background: url(/click/v-erp/img/common/feature-list/opt-inner-bg.png) no-repeat; }
#area-main .mod-feature-list li.opt .inner h4 { color: #ffffff; }
#area-main .mod-feature-list li.opt .inner .desc { border: none; }
#area-main .mod-feature-list li.notes { background: url(/click/v-erp/img/common/feature-list/notes-bg.png) repeat-y; }
#area-main .mod-feature-list li.notes .inner { background: url(/click/v-erp/img/common/feature-list/notes-inner-bg.png) no-repeat; }
#area-main .mod-feature-list li.notes .inner h4 { background: url(/click/v-erp/img/common/feature-list/notes-icon.png) no-repeat 12px 3px; }
#area-main .mod-feature-list li.notes .inner .desc { border: none; }
#area-main .mod-feature-list li.concept .inner { background: url(/click/v-erp/img/common/feature-list/concept-inner-bg.png) repeat-x 0 50%; }
#area-main .mod-feature-list li.concept .inner h4 { width: 150px; padding: 5px 0 5px 5px; margin: 0; background: none; }
#area-main .mod-feature-list li.concept .inner .desc { border-left: none; margin-top: 5px; margin-bottom: 5px; width: 415px; }
#area-main .mod-feature-list li.concept .inner .desc h5 { font-size: 1.167em; line-height: 1.571em; color: #553548; font-weight: bold; padding: 5px 0; }
#area-main .mod-feature-list li.more { background: url(/click/v-erp/img/common/feature-list/more-bg.png) repeat-y; }
#area-main .mod-feature-list li.more .inner { background: #fff; }
#area-main .mod-feature-list li.more .inner h4 { background: none; color: #888888; width: 125px; }
#area-main .mod-feature-list li.more .inner .desc { width: 414px; padding-left: 24px; }
#area-main .mod-feature-list li.more .inner .desc h5 { padding: 0 20px; margin-bottom: 5px; font-weight: bold; background: url(/click/v-erp/img/common/desc-icon.png) no-repeat 0 50%; }
#area-main .mod-feature-list li.more .inner .desc p.des { font-size: 1em; line-height: 1.833em; }
#area-main .mod-feature-list li.more .inner .desc .desc-content, #area-main .mod-feature-list li.more .inner .desc .desc-content-last { *zoom: 1; padding: 0 0 25px 20px; }
#area-main .mod-feature-list li.more .inner .desc .desc-content:after, #area-main .mod-feature-list li.more .inner .desc .desc-content-last:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#area-main .mod-feature-list li.more .inner .desc .desc-content .left, #area-main .mod-feature-list li.more .inner .desc .desc-content-last .left { float: left; width: 177px; }
#area-main .mod-feature-list li.more .inner .desc .desc-content .right, #area-main .mod-feature-list li.more .inner .desc .desc-content-last .right { float: right; width: 177px; }
#area-main .mod-feature-list li.more .inner .desc .desc-content-last { padding-bottom: 0; }
#area-main .mod-feature-list li.point .inner h4 { background: #fff; width: 94px; }
#area-main .mod-feature-list li.point .inner .desc { width: 445px; padding-left: 24px; }
#area-main .mod-feature-list li.num .inner { background: #fff; }
#area-main .mod-feature-list li.num .inner h4 { background: none; width: 65px; padding-bottom: 0; }
#area-main .mod-feature-list li.num .inner .desc { width: 480px; }
#area-main .mod-feature-list li.num .inner .desc h5 { font-size: 1.333em; line-height: 1.75em; margin-bottom: 5px; font-weight: bold; }
.contentsRight { margin-top: 0; }
.contentsRight .box { padding: 12px; background: #333; margin-bottom: 15px; }
.contentsRight .box a { display: block; }
.contentsRight .box .button { margin-bottom: 8px; }
.contentsRight .box .button:hover { background: #fff; }
.contentsRight .box .button:hover img { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; zoom: 1; }
.contentsRight .box .label { margin-bottom: 8px; }
.contentsRight .box h4 { margin-bottom: 8px; }
.contentsRight .box .last { margin-bottom: 0; }
.contentsRight #side-box3 { padding: 10px; }
/*----------------------------------------------------------------------------------
ケーススタディ
----------------------------------------------------------------------------------*/
#casestudy #area-header { margin-bottom: 20px; }
#casestudy .mod-multi-list .row { *zoom: 1; margin: 0 0 20px 0; }
#casestudy .mod-multi-list .row:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#casestudy .mod-multi-list .row .last { margin-right: 0; }
#casestudy .mod-multi-list .section { *zoom: 1; display: inline; float: left; width: 313px; margin-right: 20px; padding: 15px; border: #cccccc 1px solid; background-color: #f2f2f2; position: relative; }
#casestudy .mod-multi-list .section:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
#casestudy .mod-multi-list .section h2 { margin-bottom: 12px; }
#casestudy .mod-multi-list .section .img { display: inline; float: left; width: 108px; margin-right: 18px; text-align: center; }
#casestudy .mod-multi-list .section .img img { margin-bottom: 5px; }
#casestudy .mod-multi-list .section .img .link-button { display: block; float: left; background: black url(/click/v-erp/img/common/button-icon.png) no-repeat 16px 50%; font-weight: bold; color: #fff; padding: 8px 0 8px; width: 100px; }
#casestudy .mod-multi-list .section .img .link-button:hover { background-color: #555; text-decoration: none; }
#casestudy .mod-multi-list .section .detail { float: left; width: 180px; padding-bottom: 2em; }
#casestudy .mod-multi-list .section .detail .lead { margin-bottom: 12px; }
#casestudy .mod-multi-list .section .detail .txt { margin-left: 4px; line-height: 1.64; }
/*----------------------------------------------------------------------------------
導入支援・サポートサービス
----------------------------------------------------------------------------------*/
#service #area-header .mod-tab-list .area-content1 { width: 180px; margin-right: 1px; }
#service #area-header .mod-tab-list .area-content2 { width: 180px; }
#service #area-header .mod-tab-list a.active img { margin-top: -31px; }
#service .no-list .area-figure { padding-bottom: 0; }
#service .area-figure { padding-bottom: 50px; }
#service #block-content1 .left { width: 221px; }
#service #block-content1 .right { width: 153px; }
#service #block-content2 .left { width: 173px; }
#service #block-content2 .right { width: 201px; }
#service #block-content3 .left { width: 197px; }
#service #block-content3 .right { width: 177px; }
/*----------------------------------------------------------------------------------
製品（特長）
----------------------------------------------------------------------------------*/
body#feature .area-tab-content { padding-bottom: 15px; }
body#feature .area-tab-content.last { padding-bottom: 0; }
body#feature .button-pagetop { padding-top: 0; }
body#feature .area-summary .mod-tab-list-text ul { margin-bottom: 0; }
body#feature #area-header .mod-tab-list ul li.feature img { margin-top: -31px; }
body#feature #area-footer .mod-tab-list ul li.feature { padding-left: 5px; }
body#feature #area-footer .mod-tab-list ul li.feature a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
製品（会計）
----------------------------------------------------------------------------------*/
body#account #area-header .mod-tab-list ul li.account img { margin-top: -31px; }
body#account #area-footer .mod-tab-list ul li.account { padding-left: 5px; }
body#account #area-footer .mod-tab-list ul li.account a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
製品（固定資産）
----------------------------------------------------------------------------------*/
body#fixed #area-header .mod-tab-list ul li.fixed img { margin-top: -31px; }
body#fixed #area-footer .mod-tab-list ul li.fixed { padding-left: 5px; }
body#fixed #area-footer .mod-tab-list ul li.fixed a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
製品（人事労務）
----------------------------------------------------------------------------------*/
body#personnel #area-header .mod-tab-list ul li.personnel img { margin-top: -31px; }
body#personnel #area-footer .mod-tab-list ul li.personnel { padding-left: 5px; }
body#personnel #area-footer .mod-tab-list ul li.personnel a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
製品（販売管理）
----------------------------------------------------------------------------------*/
body#distribution #area-header .mod-tab-list ul li.distribution img { margin-top: -31px; }
body#distribution #area-footer .mod-tab-list ul li.distribution { padding-left: 5px; }
body#distribution #area-footer .mod-tab-list ul li.distribution a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
製品（ミドルウェア）
----------------------------------------------------------------------------------*/
body#management #area-header .mod-tab-list ul li.management img { margin-top: -31px; }
body#management #area-footer .mod-tab-list ul li.management { padding-left: 5px; }
body#management #area-footer .mod-tab-list ul li.management a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
製品（連携ソリューション）
----------------------------------------------------------------------------------*/
body#solution #area-header .mod-tab-list ul li.solution img { margin-top: -31px; }
body#solution #area-footer .mod-tab-list ul li.solution { padding-left: 5px; }
body#solution #area-footer .mod-tab-list ul li.solution a { background: #edba1c; padding: 0 5px; text-decoration: none; }
/*----------------------------------------------------------------------------------
グループ導入
----------------------------------------------------------------------------------*/
body#group #area-header .mod-tab-list { position: absolute; bottom: 0; }
body#group #area-header .mod-tab-list ul { *zoom: 1; width: 610px; }
body#group #area-header .mod-tab-list ul:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
body#group #area-header .mod-tab-list ul li { float: left; width: 87px; }
body#group #area-header .mod-tab-list ul li { height: 31px; overflow: hidden; }
body#group #area-header .mod-tab-list ul li img { display: block; }
body#group #area-header .mod-tab-list ul li img:hover { margin-top: -31px; }
body#group #area-header .mod-tab-list ul li.feature { width: 67px; }
body#group #area-header .mod-tab-list ul li.account { width: 85px; }
body#group #area-header .mod-tab-list ul li.fixed { width: 94px; }
body#group #area-header .mod-tab-list ul li.personnel { width: 79px; }
body#group #area-header .mod-tab-list ul li.distribution { width: 79px; }
body#group #area-header .mod-tab-list ul li.management { width: 89px; }
body#group #area-header .mod-tab-list ul li.solution { width: 117px; }
body#group #area-main .text { padding: 0 6px; }
body#group #area-main .area-summary h2 { padding-bottom: 0; }
body#group #area-main .area-summary .area-buttons { padding: 0; margin: 0; letter-spacing: normal; word-spacing: normal; background: none; font-size: 1em; line-height: 1em; padding: 0 50px; width: 610px; background: url(/click/v-erp/group/img/summary-bg.png) no-repeat; }
body#group #area-main .area-summary .area-buttons .left { width: 300px; margin-right: 10px; }
body#group #area-main .area-summary .area-buttons .right { padding-top: 0; width: 300px; }
body#group #area-main .mod-tab-list li { height: 78px; overflow: hidden; }
body#group #area-main .mod-tab-list li a.active img, body#group #area-main .mod-tab-list li a:hover img { margin-top: -78px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; zoom: 1; }
body#group #area-main .tabbox-num { position: relative; }
body#group #area-main .tabbox-num ul { position: relative; z-index: 5; *zoom: 1; width: 580px; margin: 0 17px -20px; }
body#group #area-main .tabbox-num ul:after { content: ""; display: block; clear: both; font-size: 0; overflow: hidden; visibility: hidden; }
body#group #area-main .tabbox-num ul li { float: left; width: 193.333px; margin-left: 0; }
body#group #area-main .tabbox-num ul .last { margin-right: 0 !important; }
body#group #area-main .tabbox-num ul li { cursor: pointer; width: 180px; margin-right: 20px; height: 120px; overflow: hidden; z-index: 1; }
body#group #area-main .tabbox-num ul li:hover img { margin-top: -120px; }
body#group #area-main .tabbox-num ul li.active img { margin-top: -240px; }
body#group #area-main .tabbox-num .boxs { position: relative; z-index: 10; }
body#group #area-main .tabbox { padding-bottom: 7px; background: url(/click/v-erp/group/img/tabbox-bottom.png) no-repeat 0 100%; }
body#group #area-main .tabbox .nav { letter-spacing: -0.4em; width: 618px; }
body#group #area-main .tabbox .nav li { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; vertical-align: top; line-height: normal; height: 54px; overflow: hidden; }
body#group #area-main .tabbox .nav li img { margin-top: -54px; }
body#group #area-main .tabbox .nav li a.active img, body#group #area-main .tabbox .nav li img:hover { margin-top: 0; }
body#group #area-main .tabbox .box { padding: 28px; width: 562px; background: url(/click/v-erp/group/img/tabbox-bg.png) repeat-y; }
body#group #area-main .box-exsample { background: url(/click/v-erp/group/img/exsample-bottom.png) no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 15px; }
body#group #area-main .box-exsample h4 { background: url(/click/v-erp/group/img/exsample-top.png) no-repeat; height: 26px; width: 573px; padding: 20px 10px 10px 35px; }
body#group #area-main .box-exsample h4 span { font-size: 1.667em; line-height: 1.1em; display: block; border-left: solid 4px #fff; padding-left: 10px; color: #412435; font-weight: bold; }
body#group #area-main .box-exsample .content { padding: 25px 30px; background: url(/click/v-erp/group/img/exsample-bg.png) repeat-y; }
body#group #area-main .box-exsample .content h5 { font-size: 1.333em; line-height: 1.375em; font-weight: bold; padding-bottom: 1em; }
body#group #area-main .box-exsample .area-buttons { padding-top: 15px; }