/* HTML Tag Redefinition */
@media print {
	#mainContent {page-break-after:avoid;display:none;}
	#section,#article{page-break-before:avoid;}
	#mainTopics{page-break-after:always;}
	#bannerArea{page-break-after:always;}
	#page #header .headerInner,#page #contentWrap,#page #central{width:1060px;padding-right:30px;padding-left:30px;}
	.central-left #body{width:66% !important;}
	
}
html, body {height: 100%;  }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ padding: 0px; margin: 0px; background:#f5f5f5;}
img {border: 0px;vertical-align: text-bottom;}
a { cursor:pointer}

fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{width: 100%;
     position: relative;
     height:auto !important;
     height: 100%;
     min-height: 100%;}
#page #headerSpacer{ height:5px;background:#f29600; }
#page #header{background:#fff;margin-top: -5px;} 
#page #header .headerInner{width:1000px;margin:auto; position:relative; } 
#page #header #logo{ color:#999; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height: auto; 
	margin-bottom: 8px; padding: 0px; cursor:pointer;  left:0px ; z-index:1; width:auto; float:left; position: relative ;height:60px;}
#page #header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}
#page #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }


#page #header #headerNav{border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;width:100%;z-index:2; overflow:visible;clear:both;}
#page #header ul.nav, #page #header ul.ccm-manual-nav{margin:0 auto;width:1000px;z-index:2; overflow:visible;display: flex;display:-webkit-box;-webkit-box-pack: justify; /* Android 2~4 */display:-ms-flexbox;text-align:center;}
#page #header ul.nav li, #page #header ul.ccm-manual-nav li{height:55px;padding:auto;-webkit-box-flex: 1; flex: auto;border-left:1px solid #e1e1e1;}
#page #header ul.nav li:last-child, #page #header ul.ccm-manual-nav li:last-child{border-right:1px solid #e1e1e1;}
#page #header ul.nav li a,#page #header ul.nav li a:hover,#page #header ul.ccm-manual-nav li a,#page #header ul.ccm-manual-nav li a:hover{display:block;line-height:50px;text-decoration:none; color:#000;}
#page #header ul.nav li a,#page #header ul.ccm-manual-nav li a{height:55px;border-bottom:0 solid #f29600;transition:all .15s ease-in-out;}
#page #header ul.nav li a:hover,#page #header ul.ccm-manual-nav li a:hover{border-bottom-width:4px;}
#page #header ul.nav li.nav-selected a:hover,#page #header ul.nav li.nav-path-selected a:hover,#page #header ul.ccm-manual-nav li.nav-selected a:hover,#page #header ul.ccm-manual-nav li.nav-path-selected a:hover{border-bottom:none;}
#page #header ul.nav li.nav-selected,#page #header ul.nav li.nav-path-selected,#page #header ul.ccm-manual-nav li.nav-selected,#page #header ul.ccm-manual-nav li.nav-path-selected{ border-bottom:4px solid #f29600;}
#page #header #header-area{margin:5px 0; }
#page #header #header-area #header-area-inside{margin-bottom: 12px;}
#page #header #header-area #header-area-inside p span{font-family: Meiryo, メイリオ;}
#page #header #header-area img { display: block}
#page #header #headerInfo{margin-top:-25px;position:relative;}
#page #header #headerInfo #headerInfo_link{font-size:12px;position:absolute;right:0;} 
#page #header #headerInfo #headerInfo_link a{color:#444;text-decoration:none;}
#page #header #headerInfo #headerInfo_link a:hover{color:#F1B41F;}
#page #header #headerInfo #headerInfo_link img{width:15px;height:15px;margin:0 5px -2px 0;}
#page #header #headerInfo #mail{position:absolute;top:35px;right:0;}
#page #header #headerInfo #mail a{padding:8px 20px;display:block;background:#f29600;color:#fff;text-decoration:none;text-align:center;position:;}
#page #header #headerInfo #mail a img{margin-right:10px;width:20px;height:20px;}
#page #header #headerInfo #phone-area{position:absolute;top:28px;right:170px;width: 260px;}
#page #header #headerInfo .phoneIcon{background:#f29600;width:40px;height:40px;border-radius:20px;display:block;text-align:center;float: left;margin-right:5px;}
#page #header #headerInfo .phoneIcon img{width:25px;margin-top:8px;}
#page #header #headerInfo .number{color:#f29600;display:block;font-family: 'Lato', sans-serif;font-size:30px;margin:5px 0 8px 0;}
#page #header #headerInfo .contactInfo{font-size:10px;display:block;}

#page #central{ clear:both;padding-bottom:60px; width:1000px;margin:0 auto;}
#page .no-sidebar { background-image: none !important}
#page #central.central-left { }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {margin-left: 30px !important; padding-right: 0px !important; float:right}
 
#page #central #body{ float:left; width:67%;padding-bottom:30px; padding-left: 0px !important; padding-right: 0px !important;margin-bottom:70px;overflow:hidden; background:#fff;border:1px solid #e1e1e1; margin-top:15px;font-size:14px;}
#page #central #body p{margin:10px 3em 0 3em;line-height:1.8em;}
#page #central #body ul,#page #central #body ol{margin:10px 23px 0 50px;line-height:1.8em;}
#page #central #body ul li, #page #central #body ol li { margin-bottom: 1em; }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:30%; overflow:hidden; background:#fff;border:1px solid #e1e1e1;margin-top:15px; }
#page #central #sidebar p{ line-height:24px;background:#FBF5E5;color:#f29600;padding:13px 25px;border-bottom:1px solid #e1e1e1;font-weight:bold;border-left:1px solid #f29600;}
#page #central #sidebar ul.nav:last-child li:last-child,#page #central #sidebar ul.ccm-manual-nav:last-child li:last-child{border-bottom:0; }
#page #central #sidebar ul.nav li,#page #central #sidebar ul.ccm-manual-nav li{border-bottom:1px solid #e1e1e1;}
#page #central #sidebar ul.nav a,#page #central #sidebar ul.ccm-manual-nav a{ text-decoration:none; color:#333; padding:13px 25px;display:block;}
#page #central #sidebar ul.nav a.nav-selected,#page #central #sidebar ul.nav a.nav-path-selected,#page #central #sidebar ul.ccm-manual-nav a.nav-selected {font-weight: bold; color: #f29600; pointer-events: none;display:block;position: relative;}
#page #central #sidebar ul.nav a.nav-selected:after,#page #central #sidebar ul.nav a.nav-path-selected:after,#page #central #sidebar ul.ccm-manual-nav a.nav-selected:after{ border-right: 4px solid #9E9E9E;
 border-top: 4px solid #9E9E9E;
 border-radius: 2px;
 content: "";
 margin: 0 0 0 10px;
 height: 10px;
 right: 20px;
 position: absolute;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 top: 16px;
 width: 10px;} 

#page #central #sidebar ul.nav a:hover,#page #central #sidebar ul.ccm-manual-nav a:hover{background:#f29600;color:#fff;}
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central.navLeft{}
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{clear:both;width:100%;color:#999; font-size:10px; line-height:60px;background:#282a2b;position:absolute;bottom:0;}
#page #footer .footerInner{width:1000px;margin:auto;position:relative; text-align:center;}
#page #footer .footerInner .c-mark{font-size:2em;vertical-align:bottom;}
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }

/* customize_miscellaneous */ /* customize_miscellaneous */
.no-sidebar table,#body table{border-top:1px solid #bbb;border-left:1px solid #bbb;margin: 20px;font-size: 13px;}
.no-sidebar table caption,#body table caption {margin:10px 0;padding:0 0 0 10px;border-left:5px solid #f29600;}
.no-sidebar table td,#body table td{border-bottom:1px solid #bbb;border-right:1px solid #bbb;text-align:center;padding:10px .5em;vertical-align:middle;}
.no-sidebar table tr:first-child,#body table tr:first-child {background:#FBF5E5;color:#f29600;}
/*.no-sidebar table tr:first-child td,#body table tr:first-child  td{font-weight:bold;}*/
.no-sidebar table tr:nth-child(2n+3),#body table tr:nth-child(2n+3){background:#efefef;}
.no-sidebar ul,#body ul{  list-style: disc !important;  padding-left: 1em;}
.no-sidebar ol,#body ol{  list-style: decimal !important;  padding-left: 1em;}
.no-sidebar ol,#body ol{list-style-type:decimal;}
.no-sidebar ul>li>ul,#body ul>li>ul{list-style: circle;line-height:1.5em;}
.no-sidebar ul>li>ul,#body ul>li>ul{list-style: circle;margin-bottom:5px !important;}

#breadcrumb{padding:15px 0 0;font-size:13px;color: #000;}
#breadcrumb .ccm-manual-nav{padding-left: 0;}
#breadcrumb .ccm-manual-nav li{display:inline-block;}
#breadcrumb .ccm-manual-nav li:after{content:">";margin-right:.5em;}
#breadcrumb .ccm-manual-nav li:last-child:after{content:none;}
#breadcrumb .ccm-manual-nav li:last-child a{pointer-events: none;color:#000;text-decoration:none;}
#breadcrumb .ccm-manual-nav li a{margin-right:.7em;}
.ccm-autonav-breadcrumb-sep{margin:0 5px;font-size:15px;}
/*.ccm-layout-wrapper{background:#fff;border:1px solid #e5e5e5;}*/
#page-top {margin-left:879.516px;} 
#page-top a {padding:0 15px;line-height:40px; background: #282a2b; text-decoration: none; color: #fff;text-align: center; display: block; } 
#page-top a:hover { color: #F1B41F; }
#page-top a  img{margin:6px 10px 0 0;float:left;}


#body  .nav li,#body .ccm-manual-nav  li,.sitemapNav2>li{list-style:none;position: relative;}
#body  .nav li:after,#body  .nav li:before,#body .ccm-manual-nav li:after,#body .ccm-manual-nav li:before,.sitemapNav2>li:before,.sitemapNav2>li:after{display: block;content: '';position: absolute;}
#body  .nav li:after,#body .ccm-manual-nav li:after,.sitemapNav2>li:after{top: 1.1em; left: -25px; width: 14px; height: 14px; background-color: #f29600; border-radius: 100%;}
#body  .nav li:hover:after,#body .ccm-manual-nav li:hover:after,.sitemapNav2>li:hover:after{background-color: #F1B41F;}
#body  .nav li:before,#body .ccm-manual-nav li:before,.sitemapNav2>li:before{z-index: 2; top: 1.4em; left: -21px; width: 4px; height: 4px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#body  .nav a,#body .ccm-manual-nav a,.sitemapNav2>li a{padding:10px 0;display:inline-block;}

/*TOP page*/
#appealArea {width:100%;background:#f3f3f2;}
#appealArea #mainPhoto {width:1000px;margin:0 auto;position:relative;}
#appealArea #mainPhoto p {position:absolute;bottom:40px;}
#appealArea #mainPhoto p a {display:block;text-decoration:none;background:#007ef2;color:#fff;padding:15px 40px;border-radius:5px;font-size:22px;box-shadow: 0 8px 0 #0056a5;}
@media all and (-ms-high-contrast:none){/* IE11 */
  *::-ms-backdrop, #appealArea #mainPhoto p a  { padding-bottom:10px; padding-top:15px;} 
  *::-ms-backdrop, #appealArea #mainPhoto p a img.rightDLarrow  {padding-bottom:6px;} 
}

#appealArea #mainPhoto p a:hover{background:#0097F2;box-shadow: 0 8px 0 #2067A9;}
#appealArea #mainPhoto p a:active{margin-bottom:-7px;box-shadow:0 1px 0 #2067A9;;}
#appealArea #mainPhoto p a img.rightDLarrow{margin-bottom:-2px;margin-left:1em;}
#appealArea #features {background:#fff;}
#appealArea #features .featuresInner {width:1000px;margin:0 auto;padding-bottom:40px;}
#appealArea #features .featuresInner h2 {color:#000;font-size:25px;padding:40px 0 20px 0;border-bottom:0;font-weight:bold;}
#appealArea #features .featuresInner h3 {padding:0 0 0 55px;background:#fff;color:#000;font-size:24px;margin:26px 0 20px 0;border-bottom:0;font-weight:bold;}
#appealArea #features .featuresInner li:first-child h3{padding:0 0 0 40px;}
#appealArea #features .featuresInner h3 span{font-size:25px;padding:13px 13px 0;left:0;top:0;display:block;background:#f29600;border:0;position:absolute;color:#fff !important;    margin: 0;}
@media all and (-ms-high-contrast:none){
#appealArea #features .featuresInner h3 span{padding:20px 13px 0 !important;}
#appealArea #features .featuresInner ul li:nth-child(4) h3 span{padding:20px 12px 0 !important;}
}
#appealArea #features .featuresInner ul li:nth-child(4) h3 span{padding:13px 12px 0 13px;}
#appealArea #features .featuresInner h3 span:after{
    content: " ";
    position: absolute;
    top: 38px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 10px 21px;
    border-style: solid;
    border-color: #f29600;
    border-bottom-color: transparent;
	}
#appealArea #features .featuresInner ul{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;}
#appealArea #features .featuresInner ul li{height:270px;position:relative;vertical-align:top;display:inline-block;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:50%;}
#appealArea #features .featuresInner p{padding:10px 35px;margin-bottom:20px;line-height:1.8em;}
#contentWrap{padding-bottom: 140px;}
#section{width:1000px;margin:30px auto;}
#section li {display:inline-block;}
#section li#article{width:690px;margin-right:30px;line-height:2em;}
#section li#article h3{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin:0;background:#fff;color:#000;border-bottom:5px solid #e0dad4;    line-height: 42px;font-weight:bold;padding:0;}
#section li#article h3 img{width:20px;margin:-3px .5em 0 1em;vertical-align: middle;}
#section li#article h4{border-bottom:1px solid #000;font-size:24px;line-height:1.3em;font-weight:bold;    padding: 15px 15px;margin: 15px 23px;}
#section li#article p,#section li#article ul{padding:0 2em;}
#section li#article #wpTopNews{background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 0 30px;}
#section li#article #wpTopNews h4{margin:0 30px 20px!important;padding:20px;}
#section li#article #wpTopNews{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:15px 0;}
#section li#article #wpTopmoreLink{background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding-bottom:20px;margin-bottom:30px;}
#section li#article #mainTopics{background:#fff;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 0 30px;}
#section li#article #mainTopics h4{margin:0 30px 20px!important;padding:20px 1em;text-indent:-1em;color:#000;}
#section li#article #mainTopNews{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:15px 0;}

#section li#bannerArea{width:280px;vertical-align:top;}
#section li#bannerArea a{display:block;width:280px;height:100px;margin-bottom:20px;}
#section li#bannerArea a:hover img{opacity:.8;}
#section li#bannerArea .wpOfficeInfo{background:#fff;border:1px solid #e1e1e1;}
#section li#bannerArea .wpOfficeInfo a{height:auto !important;display:inline-block;width:auto;margin:0;}
#section li#bannerArea .wpOfficeInfo h3{margin:0 0 20px 0;}
#section li#bannerArea .wpOfficeInfo p{margin:0 1.5em 20px;font-size:13px;line-height:1.8em;}
#section li#bannerArea .wpOfficeInfo img{width:90%;margin:0 auto;}

/*hasSubmenu*/
.sitemapNav2{padding-bottom:20px;font-size: 15px;padding-left: 0;vertical-align:top;margin-left:20px;}
.sitemapNav2>li {list-style:none;vertical-align:top;margin-bottom:0 !important;}
.sitemapNav2 li.hasSubmenu{}
.sitemapNav2 li.hasSubmenu>ul{margin:0 0 15px 0 !important;padding-left:0 !important;}
.sitemapNav2 li.hasSubmenu>ul>li{color:#f29600;margin-bottom:0 !important ;list-style: decimal inside;vertical-align:middle;}
.sitemapNav2 li.hasSubmenu ul a{padding:5px !important ;}

.softBanner{position:relative;color:#fff;margin-bottom:60px !important;height:100px !important;display:block;text-decoration:none;}
.softBanner p{display:inline-block;}
.softBanner .softComment{height:36px;position:absolute;line-height:2em;top:100px;width:100%;font-size:13px;padding:5px 10px !important;}
.salarysoftLogo,.accountingsoftLogo{width:80px;height:80px;background:#fff;border-radius:40px;text-align:center;vertical-align:middle;display:table-cell;}
.logoArea{padding:10px;float:left;}
.salarysoftLogo img,.accountingsoftLogo img{vertical-align:middle;}
.bannerTitle{display:inline-block;font-size:25px;font-weight:bold;padding:22px 0;}
.accountingsoft{background:#1d92d1;}
.accountingsoft:hover{color:#79FEFF;}

.accountingsoft .softComment{background:#0354ab;padding:0 0 10px 0;}
.salarysoft{background:#33a16b;}
.salarysoft:hover {color:#81FF82;}
.salarysoft .softComment{background:#0a662d;padding:0 0 10px 0;}
.softComment {padding:5px 0 15px 0 !important;}
.softDL{width:30px;position:absolute;right:10px;top:20px;}
.ccm-next-previous-wrapper div{width:30%;}
.downroad_btn,.downroad_btn a{ color: #fff;margin:0 auto;text-align:left;position:relative; display: block; text-decoration: none; font-size: 20px;border-radius: 5px;padding: 15px 40px;}

#kaikei_DL_button,#kaikei_DL_button2 a{ background: #1d92d1;   box-shadow: 0 8px 0 #0354ab; }
#kaikei_DL_button:hover,#kaikei_DL_button2 a:hover{ background: #309FDA;   box-shadow: 0 8px 0 #2071C7; color:#79FEFF;}
#kaikei_DL_button:active{margin-bottom:-7px;margin-top:37px;box-shadow: 0 1px 0 #2071C7;}
#kaikei_DL_button2 a:active{margin-bottom:-7px;margin-top:17px;box-shadow: 0 1px 0 #2071C7;}
#kyuyo_DL_button,#kyuyo_DL_button2 a{ background: #33a16b; box-shadow: 0 8px 0 #0a662d; }
#kyuyo_DL_button:hover,#kyuyo_DL_button2 a:hover{ background: #48AD7B;   box-shadow: 0 8px 0 #218647;color:#81FF82;}
#kyuyo_DL_button:active{margin-bottom:-7px;margin-top:37px; box-shadow: 0 1px 0 #218647;}
#kyuyo_DL_button2 a:active{margin-bottom:-7px;margin-top:17px; box-shadow: 0 1px 0 #218647;}
.downroad_btn .softDL{right:40px;}
.faq{padding:5px 0 15px 15px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;margin:0 20px;position:relative;}
#body .faq:first-child{padding-top:50px;}
#body .faq:last-child{border-bottom:1px solid #e1e1e1;}

/*FAQ*/
.faq_index_button{display:block;border-radius:8px;color:#fff;text-decoration:none;margin:50px 20px 0;padding:20px 15px;}
.faq_index_button:after{display: block; width: 15px; height: 15px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotation(90deg); content: ""; transform: rotate(135deg); -webkit-transform: rotate(135deg); margin: auto;opacity:.5;}
.faq_index_button h3 {font-weight:bold;padding:20px 0 ;font-size:25px;text-align:center; background: transparent; border-bottom:nonr; margin:0 auto; border-bottom:1px #fff solid;}
.faq_index_button p{margin: 10px !important;}
.faq_index_button.software{background:#f29600;}
.faq_index_button.software:hover{color:#F5F26C;}
.faq_index_button.accountingsoft{}
.faq_index_button.salarysoft{}
.faq_index_button .wp_logo{position:relative;display:block;background:#fff;height:100px;width:100px;border-radius:50px;margin:0 auto;}
.faq_index_button .wp_logo img{width:80%;margin:auto;vertical-align:middle;position:absolute;position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.faq_Q{background:#efefef;}
.faq_Q p{font-weight:bold;}
.faq_Q p:before{font-size:22px;font-family: 'Cherry Cream Soda', cursive;content:"Q.";margin-left:-1.6em;margin-right: .5em;color:#f29600;}
.faq p{line-height:1.5em;}
.faq_A{font-size:14px;padding-left:4em !important;padding-bottom:2em;}
.faq_A:before{font-size:22px;font-family: 'Cherry Cream Soda', cursive;content:"A.";color:#006AF2;position:absolute;top:20px;left:60px;}

.dottedFrame{border:1px dashed #999;border-radius:10px;width:90%;margin:20px auto 0;padding:10px 20px;}
.dottedFrame .table_no_design{margin:0 !important;}
.dottedFrame>p{margin-left:0!important;margin-right:0!important;}
.doublelineFrame{border:4px double red;border-radius:10px;width:90%;margin:20px auto 0;padding:10px 20px;}
.doublelineFrame>p{margin-left:0!important;margin-right:0!important;}