@charset "UTF-8";

/*///////////////////////////////
オンラインマニュアル 印刷用 print.css
////////////////////////////////*/

@page {
	size: A4;
	margin: 5mm 5mm;
}
@pront {
	size: A4
	margin: 5mm 5mm;
}


/*■■■■■ Print ■■■■■*/
.noprint {/*印刷に不要な部分を非表示にする場合*/
    display: none;
}
.pagebreak {/*長いページなど、改ページの位置を指定したい場合*/
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    page-break-after: always !important;
}

.manual-whapper-top.printout {
    width: auto;
    max-width: 1000px;
    margin: 50px auto;
    text-align: left;
    line-height: 1.4;
    font-size: 14px;
    color: #646464;
}

.manual-whapper-top main {
    text-align: left;
}
.manual-whapper-top.printout .h2 {
    font-weight: bold;
    line-height: 1.2;
    border-bottom: solid 1px #646464;
    padding: 0 20px 15px 0;
    margin: 0 -20px 10px;
    font-size: 36px;
}
.manual-whapper-top.printout .page .h3 {
    background-color: #FBE4EB;
    color: #ED7A9B;
    padding: 15px 20px;
    /*margin: 100px -20px 50px;*/
    margin: 10px -20px 30px;
    font-weight: bold;
    font-size: 30px;
}
.manual-whapper-top.printout .page .h4 {
    border-bottom: solid 1px #ccc;
    border-left: solid 5px #ed7a9b;
    font-size: 26px;
    margin: 0 0 20px;
    padding: 0 0 10px 15px;
    line-height: 1;
}

.manual-whapper-top.printout .page .h4 br {
    display: none;
}

/*目次*/
.manual-whapper-top.printout .info {
    margin: 0 0 30px;
    line-height: 2.0;
}
.manual-whapper-top.printout .info nav > h3 {
    font-size: 30px;
    font-weight: bold;
}
.manual-whapper-top.printout .info nav div > h3 {
    font-size: 20px;
}
.manual-whapper-top.printout .info nav div nav {
    margin-left: 20px;
}
.manual-whapper-top.printout .info a {
    display: block;
}
.manual-whapper-top.printout .info a br {
    display: none;
}


.manual-whapper-top.printout .page > section {
    margin: 20px 0 50px;
}

.manual-whapper-top.printout .page > section div h3 {
	font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
}


.manual-whapper-top {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.manual-whapper-top main {
    margin: 0;
    padding: 0;
}

header {
    display: none !important;
}
footer {
    display: none !important;
}
img {
    width: 70% !important;
}
.manual-whapper-top.printout #manage05 .sec01 p img,
.manual-whapper-top.printout #manage06 .sec01 p img {
    width: auto !important;
}
.btn-print {
	display: none !important;
}

.manual-whapper-top.printout .sec01,
.manual-whapper-top.printout .sec02,
.manual-whapper-top.printout .sec03,
.manual-whapper-top.printout .sec04,
.manual-whapper-top.printout .sec05,
.manual-whapper-top.printout .sec06,
.manual-whapper-top.printout .sec07,
.manual-whapper-top.printout .sec08,
.manual-whapper-top.printout .sec09 {
	padding: 10px;
}

.pc { display: block !important;}

.manual-whapper-top.printout p.lead {
    padding-bottom: 10px;
}

/* customer */
.manual-whapper-top.printout.customer #setting01 img {
	width: 50% !important;
}
.manual-whapper-top.printout.customer .attend-tabs-list div.inner {
}
.manual-whapper-top.printout.customer .attend-tabs-list div.inner .one {
	padding: 10px;
	margin: 10px;
}

/* manager */
.manual-whapper-top.printout.manager #setting01 img,
.manual-whapper-top.printout.manager #setting02 img,
.manual-whapper-top.printout.manager #setting03 img,
.manual-whapper-top.printout.manager #setting04 img,
.manual-whapper-top.printout.manager #setting05 img,
.manual-whapper-top.printout.manager #manage01 img,
.manual-whapper-top.printout.manager #manage02 img,
.manual-whapper-top.printout.manager #manage03 img,
.manual-whapper-top.printout.manager #manage04 img,
.manual-whapper-top.printout.manager #manage05 img,
.manual-whapper-top.printout.manager #manage06 img,
.manual-whapper-top.printout.manager #shift01 img,
.manual-whapper-top.printout.manager #shift02 img,
.manual-whapper-top.printout.manager #shift03 img,
.manual-whapper-top.printout.manager #shift04 img,
.manual-whapper-top.printout.manager #shift05 img,
.manual-whapper-top.printout.manager #update01 img,
.manual-whapper-top.printout.manager #update02 img,
.manual-whapper-top.printout.manager #update03 img,
.manual-whapper-top.printout.manager #update04 img,
.manual-whapper-top.printout.manager #update05 img {
	width: 50% !important;
}
.manual-whapper-top.printout.manager #setting02 .sec01 img {
	width: 60% !important;
}
.manual-whapper-top.printout.manager #setting05 .sec01 img,
.manual-whapper-top.printout.manager #setting05 .sec02 img,
.manual-whapper-top.printout.manager #setting05 .sec03 img,
.manual-whapper-top.printout.manager #setting05 .sec04 img,
.manual-whapper-top.printout.manager #manage01 .sec01 img,
.manual-whapper-top.printout.manager #manage01 .sec02 img,
.manual-whapper-top.printout.manager #manage05 .sec02 img,
.manual-whapper-top.printout.manager #manage05 .sec03 img,
.manual-whapper-top.printout.manager #manage06 .sec03 img,
.manual-whapper-top.printout.manager #manage06 .sec04 img,
.manual-whapper-top.printout.manager #shift02 .sec02 img,
.manual-whapper-top.printout.manager #shift02 .sec03 img,
.manual-whapper-top.printout.manager #update02 .sec03 img,
.manual-whapper-top.printout.manager #update02 .sec04 img,
.manual-whapper-top.printout.manager #update03 .sec06 img,
.manual-whapper-top.printout.manager #update03 .sec07 img,
.manual-whapper-top.printout.manager #shift04 .sec01 img,
.manual-whapper-top.printout.manager #shift04 .sec02 img {
    width: 50% !important;
}

.manual-whapper-top.printout.manager #update05 img {
	width: 40% !important;
}

.manual-whapper-top.printout.manager #manage04 img {
	width: 40% !important;
}

.manual-whapper-top.printout.manager #manage02 img {
	width: 35% !important;
}

.manual-whapper-top.printout.manager #manage06 img,
.manual-whapper-top.printout.manager #manage06 .sec03 img,
.manual-whapper-top.printout.manager #manage06 .sec04 img {
	width: 40% !important;
}


.manual-whapper-top.printout.manager #shift01 img {
	width: 40% !important;
}

.manual-whapper-top.printout.manager #shift05 img,
.manual-whapper-top.printout.manager #shift05 .sec02 img,
.manual-whapper-top.printout.manager #shift05 .sec03 img,
.manual-whapper-top.printout.manager #shift05 .sec04 img {
	width: 45% !important;
}
.manual-whapper-top.printout.manager #update02 img,
.manual-whapper-top.printout.manager #update02 .sec03 img,
.manual-whapper-top.printout.manager #update02 .sec04 img {
	width: 45% !important;
}

.manual-whapper-top.printout.manager #setting05 img
.manual-whapper-top.printout.manager #setting05 .sec01 img,
.manual-whapper-top.printout.manager #setting05 .sec02 img,
.manual-whapper-top.printout.manager #setting05 .sec03 img,
.manual-whapper-top.printout.manager #setting05 .sec04 img,
.manual-whapper-top.printout.manager #setting05 .sec05 img,
.manual-whapper-top.printout.manager #setting05 .sec06 img {
	width: 40% !important;
}

.manual-whapper-top.printout.manager #manage01 img,
.manual-whapper-top.printout.manager #manage01 .sec01 img,
.manual-whapper-top.printout.manager #manage01 .sec02 img,
.manual-whapper-top.printout.manager #manage01 .sec03 img {
	width: 25% !important;
}
.manual-whapper-top.printout.manager #manage03 img {
	width: 30% !important;
}
.manual-whapper-top.printout.manager #shift04 img,
.manual-whapper-top.printout.manager #shift04 .sec01 img,
.manual-whapper-top.printout.manager #shift04 .sec02 img,
.manual-whapper-top.printout.manager #shift04 .sec03 img {
    width: 28% !important;
}

.manual-whapper-top.printout.manager #update03 .sec04 img {
	width: 35% !important;
}
.manual-whapper-top.printout #update03 .sec05 .cont_wrap .left_box img,
.manual-whapper-top.printout #update03 .sec05 .cont_wrap .right_box img {
	width: 25% !important;
}