@charset "utf-8";


/**** fonts ****/
.lang-en,.lang-ja { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif; }
.lang-zh,.lang-ce,.lang-hj { font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑","MS PGothic",Helvetica,Arial,sans-serif; }
.lang-tw { font-family:"Hiragino Sans GB","Microsoft JhengHei","微軟正黑體","MS PGothic",Helvetica,Arial,sans-serif; }
.lang-pt { font-family:Helvetica,Arial,sans-serif; }
.lang-ko { font-family:Helvetica,Arial,sans-serif; }
.lang-it { font-family:Helvetica,Arial,sans-serif; }
.lang-ru { font-family:Helvetica,Arial,sans-serif; }
.lang-fa { font-family:Helvetica,Arial,sans-serif; }
.lang-mm { font-family:Myanmar3,Arial,Tahoma,Georgia,serif; }


/**** form ****/
input { line-height:normal; }
/*input[type="text"],input[type="password"],textarea { height:32px; padding:5px 8px 5px 8px; font-size:13px; line-height:1.53846153; vertical-align:middle; color:#000000; background:#ffffff; border:1px solid #c7cad3; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }*/
input[type="text"],input[type="password"],textarea { height:32px; padding:7px 8px 4px 8px; font-size:13px; line-height:19px; vertical-align:middle; color:#000000; background:#ffffff; border:1px solid #c7cad3; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
input[type="text"]:focus,input[type="password"]:focus,textarea:focus { background-color:#fdfdfd; /*background-color:#faffba;*/ }
input[type="text"]:disabled,input[type="password"]:disabled,textarea:disabled { background-color:#f6f6f6; }
/*input[type="text"]::-webkit-input-placeholder,input[type="password"].input::-webkit-input-placeholder { padding-top:2px; }*/
textarea { height:auto; }
input::-ms-clear { visibility:hidden; }
::-moz-placeholder { color:#cccccc !important; opacity:1 !important; }
:-ms-input-placeholder { color:#cccccc !important; }
::-webkit-input-placeholder { color:#cccccc !important; }
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0; }
input[type="text"].warning,input[type="password"].warning,textarea.warning { border-color:#ee0000; }

/* default checkbox,radio,select */
label { line-height:32px; vertical-align:middle; }
label+label { margin-left:10px; }
input[type="checkbox"],input[type="radio"] { display:inline; height:32px; line-height:32px; vertical-align:middle; margin:0 6px 0 0; }
input[type="checkbox"] { position:relative; top:-1px; }
select { height:32px; font-size:13px; line-height:32px; vertical-align:middle; border:1px solid #c7cad3; background:#ffffff; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }


/**** display,position ****/
.block { display:block !important; } .inline { display:inline !important; } .inline-block { display:inline-block !important; }
.table { display:table; } .table-cell { display:table-cell; }
.tl { text-align:left !important; } .tr { text-align:right !important; } .tc { text-align:center !important; }
.vt { vertical-align:top !important; } .vb { vertical-align:bottom !important; } .vm,.vc { vertical-align:middle !important; } .vbase { vertical-align:baseline !important; }
.fl { float:left !important; } .fr { float:right !important; }
.nr { white-space:nowrap !important; }
.wp { white-space:wrap !important; }
.nr-force { white-space:nowrap !important; overflow:hidden !important; }
.absolute { position:absolute !important; } .relative { position:relative !important; } .fixed { position:fixed !important; }
.absolute-top-left { position:absolute !important; top:0 !important; left:0 !important; }
.absolute-top-right { position:absolute !important; top:0 !important; right:0 !important; }
.absolute-bottom-right { position:absolute !important; bottom:0 !important; right:0 !important; }
.absolute-left-50p { position:absolute !important; left:50% !important; }
.absolute-top-50p { position:absolute !important; top:50% !important; }
.absolute-top-left-50p { position:absolute !important; left:50% !important; top:50% !important; }
.fixed-bottom-left { position:fixed !important; bottom:0; left:0; }
.top1px { position:relative; top:1px; } .top2px { position:relative; top:2px; } .top3px { position:relative; top:3px; } .top4px { position:relative; top:4px; } .top5px { position:relative; top:5px; }
.top-1px { position:relative; top:-1px; } .top-2px { position:relative; top:-2px; } .top-3px { position:relative; top:-3px; } .top-4px { position:relative; top:-4px; } .top-5px { position:relative; top:-5px; }
.left1px { position:relative; left:1px; } .left2px { position:relative; left:2px; } .left3px { position:relative; left:3px; }
.left-1px { position:relative; left:-1px; } .left-2px { position:relative; left:-2px; } .left-3px { position:relative; left:-3px; }
.hide { display:none !important; }
.hidden { overflow:hidden; }
.disable-selection { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.break-all { word-break:break-all; }

/**** font,color ****/
.f7px { font-size:7px !important; } .f8px { font-size:8px !important; } .f9px { font-size:9px !important; } .f10px { font-size:10px !important; } .f11px { font-size:11px !important; } .f12px { font-size:12px !important; } .f13px { font-size:13px !important; } .f14px { font-size:14px !important; } .f15px { font-size:15px !important; } .f16px { font-size:16px !important; } .f17px { font-size:17px !important; } .f18px { font-size:18px !important; } .f19px { font-size:19px !important; } .f20px { font-size:20px !important; } .f21px { font-size:21px !important; } .f22px { font-size:22px !important; } .f23px { font-size:23px !important; } .f24px { font-size:24px !important; } .f25px { font-size:25px !important; } .f30px { font-size:30px !important; }
div.small,p.small,span.small,strong.small,em.small,i.small,ul.small,li.small { font-size:12px !important; }
div.xsmall,p.xsmall,span.xsmall,strong.xsmall,em.xsmall,i.xsmall,ul.xsmall,li.xsmall { font-size:11px !important; }
div.xxsmall,p.xxsmall,span.xxsmall,strong.xxsmall,em.xxsmall,i.xxsmall,ul.xxsmall,li.xxsmall { font-size:10px !important; }
div.xxxsmall,p.xxxsmall,span.xxxsmall,strong.xxxsmall,em.xxxsmall,i.xxxsmall,ul.xxxsmall,li.xxxsmall { font-size:9px !important; }
div.small,p.small { line-height:17px; } div.xsmall,p.xsmall { line-height:16px; }
div.bold,p.bold,span.bold,strong.bold,em.bold,i.bold,a.bold { font-weight:bold !important; } div.normal,p.normal,span.normal,strong.normal,em.normal,i.normal,a.normal { font-weight:normal !important; }
div.italic,p.italic,span.italic,strong.italic,em.italic,i.italic,a.italic { font-style:italic !important; }
.line-through { text-decoration:line-through; }
.rating { font-size:16px; color:#777777; font-weight:bold; }
.black { color:#333333; }
.blue { color:#418abb; }
.red { color:#ee0000; }
.gray { color:#999999; }
.lightgray { color:#bbbbbb; }
.bordergray { color:#c7cad3; }
.bluegray { color:#858da3; }
.blackgray { color:#555555; }
.orange { color:#d94d38; }
.green { color:#11aa11; }
.purple { color:#d82974; }

/**** border ****/
.r0 { border-radius:0 !important; } .r1 { border-radius:1px !important; } .r2 { border-radius:2px !important; } .r3 { border-radius:3px !important; } .r4 { border-radius:4px !important; } .r5 { border-radius:5px !important; } .r6 { border-radius:6px !important; } .r7 { border-radius:7px !important; } .r8 { border-radius:8px !important; } .r9 { border-radius:9px !important; } .r10 { border-radius:10px !important; }

/**** opacity ****/
.op50 { opacity:0.5 !important; } .op75 { opacity:0.75 !important; }

/**** width,height,margin,padding ****/
.wauto { width:auto !important; }
.w1 { width:1px !important; } .w5 { width:5px !important; }
.w10 { width:10px !important; } .w20 { width:20px !important; } .w30 { width:30px !important; } .w40 { width:40px !important; } .w50 { width:50px !important; } .w60 { width:60px !important; } .w70 { width:70px !important; } .w80 { width:80px !important; } .w90 { width:90px !important; }
.w100 { width:100px !important; } .w110 { width:110px !important; } .w120 { width:120px !important; } .w130 { width:130px !important; } .w140 { width:140px !important; } .w150 { width:150px !important; } .w160 { width:160px !important; } .w170 { width:170px !important; } .w180 { width:180px !important; } .w190 { width:190px !important; }
.w200 { width:200px !important; } .w210 { width:210px !important; } .w220 { width:220px !important; } .w230 { width:230px !important; } .w240 { width:240px !important; } .w250 { width:250px !important; } .w260 { width:260px !important; } .w270 { width:270px !important; } .w280 { width:280px !important; } .w290 { width:290px !important; }
.w300 { width:300px !important; } .w350 { width:350px !important; } .w400 { width:400px !important; } .w450 { width:450px !important; } .w500 { width:500px !important; } .w600 { width:600px !important; } .w700 { width:700px !important; } .w800 { width:800px !important; } .w900 { width:900px !important; } .w1000 { width:1000px !important; }
.w225 { width:225px !important; } .w255 { width:255px !important; } .w320 { width:320px !important; } .w720 { width:720px !important; }
.w1p { width:1% !important; } .w10p { width:10% !important; } .w14p { width:14% !important; } .w16p { width:16% !important; } .w17p { width:17% !important; } .w20p { width:20% !important; } .w25p { width:25% !important; } .w30p { width:30% !important; } .w33p { width:33% !important; } .w40p { width:40% !important; } .w45p { width:45% !important; } .w49p { width:49% !important; } .w50p { width:50% !important; } .w60p { width:60% !important; } .w70p { width:70% !important; } .w80p { width:80% !important; } .w90p { width:90% !important; } .w100p { width:100% !important; }
.minw20 { min-width:20px; } .minw50 { min-width:50px; } .minw100 { min-width:100px; } .minw150 { min-width:150px; } .minw200 { min-width:200px; } .minw300 { min-width:300px; }
.minh100 { min-height:100px; } .minh150 { min-height:150px; } .minh200 { min-height:200px; }
.hauto { height:auto !important; }
.h10 { height:10px !important; } .h20 { height:20px !important; } .h25 { height:25px !important; } .h30 { height:30px !important; } .h40 { height:40px !important; } .h50 { height:50px !important; } .h60 { height:60px !important; } .h70 { height:70px !important; } .h80 { height:80px !important; } .h90 { height:90px !important; }
.h100 { height:100px !important; } .h110 { height:110px !important; } .h120 { height:120px !important; } .h130 { height:130px !important; } .h140 { height:140px !important; } .h150 { height:150px !important; } .h160 { height:160px !important; } .h170 { height:170px !important; } .h180 { height:180px !important; } .h190 { height:190px !important; }
.h200 { height:200px !important; } .h210 { height:210px !important; } .h220 { height:220px !important; } .h230 { height:230px !important; } .h240 { height:240px !important; } .h250 { height:250px !important; } .h260 { height:260px !important; } .h270 { height:270px !important; } .h280 { height:280px !important; } .h290 { height:290px !important; }
.h300 { height:300px !important; } .h350 { height:300px !important; } .h400 { height:400px !important; } .h450 { height:450px !important; } .h500 { height:500px !important; } .h600 { height:600px !important; } .h700 { height:700px !important; } .h800 { height:800px !important; } .h900 { height:900px !important; } .h1000 { height:1000px !important; }
.h165 { height:165px !important; }
.h1p { height:1% !important; } .h50p { height:50% !important; } .h100p { height:100% !important; }
.mauto { margin-left:auto !important; margin-right:auto !important; } .mrauto { margin-right:auto !important; } .mlauto { margin-left:auto !important; }
.m0 { margin:0px !important; } .m1 { margin:1px !important; } .m2 { margin:2px !important; } .m3 { margin:3px !important; } .m4 { margin:4px !important; } .m5 { margin:5px !important; } .m6 { margin:6px !important; } .m7 { margin:7px !important; } .m8 { margin:8px !important; } .m9 { margin:9px !important; }
.m10 { margin:10px !important; } .m15 { margin:15px !important; } .m20 { margin:20px !important; } .m30 { margin:30px !important; } .m40 { margin:40px !important; } .m50 { margin:50px !important; }
.mb0 { margin-bottom:0px !important; } .mb1 { margin-bottom:1px !important; } .mb2 { margin-bottom:2px !important; } .mb3 { margin-bottom:3px !important; } .mb4 { margin-bottom:4px !important; } .mb5 { margin-bottom:5px !important; } .mb6 { margin-bottom:6px !important; } .mb7 { margin-bottom:7px !important; } .mb8 { margin-bottom:8px !important; } .mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb40 { margin-bottom:40px !important; } .mb50 { margin-bottom:50px !important; } .mb60 { margin-bottom:60px !important; } .mb70 { margin-bottom:70px !important; } .mb80 { margin-bottom:80px !important; } .mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; } .mb110 { margin-bottom:110px !important; } .mb120 { margin-bottom:120px !important; } .mb130 { margin-bottom:130px !important; } .mb140 { margin-bottom:140px !important; } .mb150 { margin-bottom:150px !important; } .mb160 { margin-bottom:160px !important; } .mb170 { margin-bottom:170px !important; } .mb180 { margin-bottom:180px !important; } .mb190 { margin-bottom:190px !important; }
.mb200 { margin-bottom:200px !important; } .mb300 { margin-bottom:300px !important; }
.mt0 { margin-top:0px !important; } .mt1 { margin-top:1px !important; } .mt2 { margin-top:2px !important; } .mt3 { margin-top:3px !important; } .mt4 { margin-top:4px !important; } .mt5 { margin-top:5px !important; } .mt6 { margin-top:6px !important; } .mt7 { margin-top:7px !important; } .mt8 { margin-top:8px !important; } .mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; } .mt11 { margin-top:11px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt40 { margin-top:40px !important; } .mt50 { margin-top:50px !important; } .mt60 { margin-top:60px !important; } .mt70 { margin-top:70px !important; } .mt80 { margin-top:80px !important; } .mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; } .mt110 { margin-top:110px !important; } .mt120 { margin-top:120px !important; } .mt130 { margin-top:130px !important; } .mt140 { margin-top:140px !important; } .mt150 { margin-top:150px !important; } .mt160 { margin-top:160px !important; } .mt170 { margin-top:170px !important; } .mt180 { margin-top:180px !important; } .mt190 { margin-top:190px !important; }
.mt200 { margin-top:200px !important; } .mt300 { margin-top:300px !important; }
.mr0 { margin-right:0px !important; } .mr1 { margin-right:1px !important; } .mr2 { margin-right:2px !important; } .mr3 { margin-right:3px !important; } .mr4 { margin-right:4px !important; } .mr5 { margin-right:5px !important; } .mr6 { margin-right:6px !important; } .mr7 { margin-right:7px !important; } .mr8 { margin-right:8px !important; } .mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mr30 { margin-right:30px !important; } .mr40 { margin-right:40px !important; } .mr50 { margin-right:50px !important; }
.ml0 { margin-left:0px !important; } .ml1 { margin-left:1px !important; } .ml2 { margin-left:2px !important; } .ml3 { margin-left:3px !important; } .ml4 { margin-left:4px !important; } .ml5 { margin-left:5px !important; } .ml6 { margin-left:6px !important; } .ml7 { margin-left:7px !important; } .ml8 { margin-left:8px !important; } .ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml25 { margin-left:25px !important; } .ml30 { margin-left:30px !important; } .ml40 { margin-left:40px !important; } .ml50 { margin-left:50px !important; }
.pauto { padding-left:auto !important; padding-right:auto !important; } .prauto { padding-right:auto !important; } .plauto { padding-left:auto !important; }
.p0 { padding:0px !important; } .p1 { padding:1px !important; } .p2 { padding:2px !important; } .p3 { padding:3px !important; } .p4 { padding:4px !important; } .p5 { padding:5px !important; } .p6 { padding:6px !important; } .p7 { padding:7px !important; } .p8 { padding:8px !important; } .p9 { padding:9px !important; }
.p10 { padding:10px !important; } .p15 { padding:15px !important; } .p20 { padding:20px !important; } .p30 { padding:30px !important; } .p40 { padding:40px !important; } .p50 { padding:50px !important; }
.pb0 { padding-bottom:0px !important; } .pb1 { padding-bottom:1px !important; } .pb2 { padding-bottom:2px !important; } .pb3 { padding-bottom:3px !important; } .pb4 { padding-bottom:4px !important; } .pb5 { padding-bottom:5px !important; } .pb6 { padding-bottom:6px !important; } .pb7 { padding-bottom:7px !important; } .pb8 { padding-bottom:8px !important; } .pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; } .pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; } .pb30 { padding-bottom:30px !important; } .pb40 { padding-bottom:40px !important; } .pb50 { padding-bottom:50px !important; } .pb60 { padding-bottom:60px !important; } .pb70 { padding-bottom:70px !important; } .pb80 { padding-bottom:80px !important; } .pb90 { padding-bottom:90px !important; }
.pb100 { padding-bottom:100px !important; } .pb110 { padding-bottom:110px !important; } .pb120 { padding-bottom:120px !important; } .pb130 { padding-bottom:130px !important; } .pb140 { padding-bottom:140px !important; } .pb150 { padding-bottom:150px !important; } .pb160 { padding-bottom:160px !important; } .pb170 { padding-bottom:170px !important; } .pb180 { padding-bottom:180px !important; } .pb190 { padding-bottom:190px !important; }
.pb200 { padding-bottom:200px !important; } .pb300 { padding-bottom:300px !important; }
.pt0 { padding-top:0px !important; } .pt1 { padding-top:1px !important; } .pt2 { padding-top:2px !important; } .pt3 { padding-top:3px !important; } .pt4 { padding-top:4px !important; } .pt5 { padding-top:5px !important; } .pt6 { padding-top:6px !important; } .pt7 { padding-top:7px !important; } .pt8 { padding-top:8px !important; } .pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pt25 { padding-top:25px !important; } .pt30 { padding-top:30px !important; } .pt40 { padding-top:40px !important; } .pt50 { padding-top:50px !important; } .pt60 { padding-top:60px !important; } .pt70 { padding-top:70px !important; } .pt80 { padding-top:80px !important; } .pt90 { padding-top:90px !important; }
.pt100 { padding-top:100px !important; } .pt110 { padding-top:110px !important; } .pt120 { padding-top:120px !important; } .pt130 { padding-top:130px !important; } .pt140 { padding-top:140px !important; } .pt150 { padding-top:150px !important; } .pt160 { padding-top:160px !important; } .pt170 { padding-top:170px !important; } .pt180 { padding-top:180px !important; } .pt190 { padding-top:190px !important; }
.pt200 { padding-top:200px !important; } .pt300 { padding-top:300px !important; }
.pr0 { padding-right:0px !important; } .pr1 { padding-right:1px !important; } .pr2 { padding-right:2px !important; } .pr3 { padding-right:3px !important; } .pr4 { padding-right:4px !important; } .pr5 { padding-right:5px !important; } .pr6 { padding-right:6px !important; } .pr7 { padding-right:7px !important; } .pr8 { padding-right:8px !important; } .pr9 { padding-right:9px !important; }
.pr10 { padding-right:10px !important; } .pr15 { padding-right:15px !important; } .pr20 { padding-right:20px !important; } .pr25 { padding-right:25px !important; } .pr30 { padding-right:30px !important; } .pr35 { padding-right:35px !important; } .pr40 { padding-right:40px !important; } .pr45 { padding-right:45px !important; } .pr50 { padding-right:50px !important; }
.pl0 { padding-left:0px !important; } .pl1 { padding-left:1px !important; } .pl2 { padding-left:2px !important; } .pl3 { padding-left:3px !important; } .pl4 { padding-left:4px !important; } .pl5 { padding-left:5px !important; } .pl6 { padding-left:6px !important; } .pl7 { padding-left:7px !important; } .pl8 { padding-left:8px !important; } .pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; } .pl15 { padding-left:15px !important; } .pl20 { padding-left:20px !important; } .pl25 { padding-left:25px !important; } .pl30 { padding-left:30px !important; } .pl35 { padding-left:35px !important; } .pl40 { padding-left:40px !important; } .pl45 { padding-left:45px !important; } .pl50 { padding-left:50px !important; }

/**** icon ****/
.icon, [class^="icon-"], [class*=" icon-"] { font-family:"icon"; speak:none; font-size:inherit; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:inherit; vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.icon-info-fill:before { content:"\e6f8"; }
.icon-schedules:before { content:"\e64e"; }
.icon-students:before { content:"\e671"; }
.icon-teachers:before { content:"\e95f"; }
.icon-teacher:before { content:"\e95f"; }
.icon-staffs:before { content:"\e801"; }
.icon-sites:before { content:"\e6c1"; }
.icon-curriculums:before { content:"\e61f"; }
.icon-lessons:before { content:"\e611"; }
.icon-ftl:before { content:"\e611"; }
.icon-corporations:before { content:"\e603"; }
.icon-schools:before { content:"\e603"; }
.icon-coupons:before { content:"\e88e"; }
.icon-tickets:before { content:"\e890"; }
.icon-payments:before { content:"\e638"; }
.icon-messages:before { content:"\e66c"; }
.icon-reviews:before { content:"\e6d0"; }
.icon-star-fill:before { content:"\e6d0"; }
.icon-star-half:before { content:"\e6cf"; }
.icon-star-empty:before { content:"\e6ce"; }
.icon-pager-prev:before { content:"\e8bd"; }
.icon-pager-next:before { content:"\e8c0"; }
.icon-status-on:before { content:""; display:inline-block; width:10px; height:10px; background-color:#9fdf7b; border-radius:6px; border:1px solid #9fdf7b; }
.icon-status-off:before { content:""; display:inline-block; width:10px; height:10px; background-color:transparent; border-radius:6px; border:1px solid #9fdf7b; }
.icon-error:before { content:"\e87b"; }
.icon-sns:before { content:"\e6c1"; }
.icon-sns-teacher:before { content:"\e95f"; margin-left:4px; }
.icon-sns-staff:before { content:"\e611"; margin-left:5px; position:relative; top:-1px; }
.icon-sns-student { display:none; }
.icon-sns-student:before { content:""; display:none; }
.icon-entry-public:before { content:"\e8c2"; }
.icon-entry-required_approval:before { content:"\e831"; color:#d94d38; }
.icon-entry-rejected:before { content:"\e6f9"; color:#ee0000; }
.icon-appearin:before { content:"\e611"; }


/**** grid system ****/
body{padding:0 0 0 0;}
.contents{clear:both; width:980px; margin:30px auto 0 auto;}
.contents:after{content:''; display:block; clear:both;}
.contents > .layout-full{}
.contents > .layout-single{width:720px; margin:0 auto 0 auto;}
.contents > .layout-menu-right{display:table; width:100%; text-align:left; vertical-align:top;}
.contents > .layout-menu-right > .main{display:table-cell; width:720px;}
.contents > .layout-menu-right > .menu{display:table-cell; width:220px; padding:0 0 0 40px;}
.contents > .layout-menu-left{width:980px; text-align:left; vertical-align:top;}
.contents > .layout-menu-left > .main{width:720px; float:right;}
.contents > .layout-menu-left > .menu{width:220px; float:left;}
.contents > .layout-two-columns{display:table; width:100%; text-align:left; vertical-align:top;}
.contents > .layout-two-columns > .left{display:table-cell; width:480px; padding:0 10px 0 0;}
.contents > .layout-two-columns > .right{display:table-cell; width:480px; padding:0 0 0 10px;}
.contents > .layout-three-columns{display:table; width:100%; text-align:left; vertical-align:top;}
.contents > .layout-three-columns > .left{display:table-cell; width:310px; padding:0 10px 0 0;}
.contents > .layout-three-columns > .center{display:table-cell; width:320px; padding:0 10px 0 10px;}
.contents > .layout-three-columns > .right{display:table-cell; width:310px; padding:0 0 0 10px;}
header + .contents{padding-top:40px;}
#caution + .contents{padding-top:40px;}
#ribbon + .contents{padding-top:40px;}
#information + .contents{padding-top:40px;}
.contents > .layout-menu-right > .main .slider,
.contents > .layout-menu-left > .main .slider{width:720px !important;}



/**** error ****/
.error { color:#ee0000; }

/**** label ****/
.label { display:inline-block; color:#ffffff; font-size:10px; line-height:16px; vertical-align:middle; padding:0 2px 0 2px;  }
.label.blue { background:#418abb; }
.label.gray { background:#999999; }


.tag { display:inline-block; padding:3px 4px 0 4px; font-size:13px; font-weight:normal; line-height:17px; vertical-align:middle; color:#333333; background:transparent; border:1px solid #333333; border-radius:2px; }
.tag.no-border{ border:none; }
.tag.black { border-color:#000000; color:#000000; }
.tag.blue { border-color:#418abb; color:#418abb; }
.tag.red { border-color:#ee0000; color:#ee0000; }
.tag.gray { border-color:#999999; color:#999999; }
.tag.lightgray { border-color:#bbbbbb; color:#bbbbbb; }
.tag.bluegray { border-color:#858da3; color:#858da3; }
.tag.blackgray { border-color:#555555; color:#555555; }
.tag.orange { border-color:#d94d38; color:#d94d38; }
.tag.green { border-color:#11aa11; color:#11aa11; }
.tag.black a { color:#000000; }
.tag.blue a { color:#418abb; }
.tag.red a { color:#ee0000; }
.tag.gray a { color:#999999; }
.tag.lightgray a { color:#bbbbbb; }
.tag.bluegray a { color:#858da3; }
.tag.blackgray a { color:#555555; }
.tag.orange a { color:#d94d38; }
.tag.green a { color:#11aa11; }

.tag.staff-type-master_admin { border-color:#418abb; color:#418abb; }
.tag.staff-type-admin { border-color:#418abb; color:#418abb; }
.tag.staff-type-ftl { border-color:#d94d38; color:#d94d38; }
.tag.staff-type-boncre { border-color:#11aa11; color:#11aa11; }
.tag.staff-type-kappe { border-color:#11aa11; color:#11aa11; }
.tag.staff-type-root { border-color:#11aa11; color:#11aa11; }







/**** box ****/
.box { border:1px solid #c7cad3; background-color:#ffffff; text-align:left; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.box.no-border { border:none; }
.box.border-top { border:none; border-top:1px solid #c7cad3; }
.box.border-bottom { border:none; border-bottom:1px solid #c7cad3; }
.box.border-light { border-color:#e1e1e1; }
.box.border-blue { border-color:#418abb; }
.box.border-red { border-color:#ee0000; }
.box.border-purple { border-color:#d82974; }
.box.border-orange { border-color:#d94d38; }
.box.border-green { border-color:#11aa11; }
.box.clickable { cursor:pointer; }
.box.clickable:hover { background-color:#f9f9f9; }
.box.clickable:hover .thumb { opacity:0.75; }
.box.hover:hover { background:#fcfcfc; }
.box.hover_with_op75:hover { opacity:0.75; }
.box.error { border-color:#ee0000; }
.box.bg-transparent { background:transparent; }
.box.bg-gray { background:#fcfcfc; }
.box.bg-gray.hover:hover { background:#f9f9f9; }
.box.bg-darkgray { background:#f3f3f3; }
.box.bg-dotted { background:#f9f9f9 url("../images/common/bg.dotted.png") top left repeat; }

/* balloon */
.box.balloon { position:relative; }
.box.balloon:after { content:''; position:absolute; bottom:-12px; left:49%; border-top:14px solid #ffffff; border-right:7px solid transparent; border-left:7px solid transparent; }
.box.balloon:before { content:''; position:absolute; bottom:-14px; left:49%; border-top:14px solid #c7cad3; border-right:7px solid transparent; border-left:7px solid transparent; }
.box.balloon.error:before { border-top-color:#ee0000; }
.box.balloon.left-side:after { left:40px; }
.box.balloon.left-side:before { left:40px; }
/* inner */
.box .box-inner { border-top:1px solid #e1e1e1; }
.box .box-inner.border-top { border-top:1px solid #e1e1e1; }
.box .box-inner.border-bottom { border-bottom:1px solid #e1e1e1; }
.box .box-inner.border-left { border-left:1px solid #e1e1e1; }
.box .box-inner.border-right { border-right:1px solid #e1e1e1; }
.box .box-inner.border-none { border:none; }
.box .box-inner.bg-white { background:#ffffff; }
.box .box-inner.bg-gray { background:#fcfcfc; }
.box .box-inner.bg-darkgray { background:#f3f3f3; }
.box .box-inner.bg-dotted { background:#f9f9f9 url("../images/common/bg.dotted.png") top left repeat; }
/* with-thumb */
.box dl.box-inner.with-thumb { display:table; width:100%; }
.box dl.box-inner.with-thumb > dt { display:table-cell; width:102px; height:102px; text-align:left; vertical-align:top; }
.box dl.box-inner.with-thumb > dt img.thumb { width:102px; height:102px; }
.box dl.box-inner.with-thumb > dd { display:table-cell; text-align:left; vertical-align:top; }
.box dl.box-inner.with-thumb > dd.min { width:1%; white-space:nowrap; }
.box dl.box-inner.with-thumb.half > dt { width:72px; height:72px; }
.box dl.box-inner.with-thumb.half > dt img.thumb { width:72px; height:72px; }
.box dl.box-inner.with-thumb.micro > dt { width:50px; height:50px; }
.box dl.box-inner.with-thumb.micro > dt img.thumb { width:50px; height:50px; }
.box dl.box-inner.with-thumb.xmicro > dt { width:30px; height:30px; }
.box dl.box-inner.with-thumb.xmicro > dt img.thumb { width:30px; height:30px; }

/**** thumb, etc ****/
.thumb { border:1px solid #c7cad3; background-color:#e0e0e0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.thumb.no-border { border:none; }
.thumb.border-blue { border-color:#418abb; }
.star { color:#d94d38; }


/**** list ****/
ul.inline { display:block !important; }
ul.inline > li { display:inline; }



/**** btn ****/
.btn { display:inline-block; margin:0; padding:0 8px 0 8px; font-size:13px; font-weight:normal; line-height:1; cursor:pointer; outline:0; text-decoration:none; text-align:center; vertical-align:middle; white-space:nowrap; overflow:hidden; border-radius:5px; position:relative; -moz-appearance:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.btn:hover { text-decoration:none; }
.btn { font-size:13px; line-height:30px; }
.btn.fill { width:100%; }
.btn.small { font-size:12px; line-height:26px; }
.btn.xsmall { font-size:11px; line-height:22px; }
.btn.disabled { cursor:default; opacity:0.5; }
.btn.prev { padding-left:20px; }
.btn.prev:after { content:"\e8c8"; font-family:"icon"; position:absolute; top:0; left:0; opacity:0.75; height:100%; vertical-align:middle; padding:0 10px 0 10px; border-right:1px solid #cccccc; box-shadow:rgba(255,255,255,0.3) -1px 0 0 0 inset; -webkit-box-shadow:rgba(255,255,255,0.3) -1px 0 0 0 inset; -moz-box-shadow:rgba(255,255,255,0.3) -1px 0 0 0 inset; }
.btn.next { padding-right:20px; }
.btn.next:after { content:"\e8cb"; font-family:"icon"; position:absolute; top:0; right:0; opacity:0.75; height:100%; vertical-align:middle; padding:0 10px 0 10px; border-left:1px solid #cccccc; box-shadow:rgba(255,255,255,0.3) 1px 0 0 0 inset; -webkit-box-shadow:rgba(255,255,255,0.3) 1px 0 0 0 inset; -moz-box-shadow:rgba(255,255,255,0.3) 1px 0 0 0 inset; }
.btn.submit.prev:after,.btn.submit.next:after, .btn.blue.prev:after,.btn.prev.next:after { border-color:#1f98c6; }
.btn.alert.prev:after,.btn.alert.next:after, .btn.red.prev:after,.btn.red.next:after, .btn.orange.prev:after,.btn.orange.next:after { border-color:#d94d38; }
.btn.default.prev:after,.btn.default.next:after, .btn.gray.prev:after,.btn.gray.next:after { border-color:#c7cad3; }
.btn > [class^="icon-"]:before { color:#ffffff; }
.btn.gray > [class^="icon-"]:before { color:#868c9f; }
.btn.default > [class^="icon-"]:before { color:#666666; }

.btn.submit,.btn.submit.disabled,.btn.submit.disabled:hover,
.btn.blue,.btn.blue.disabled,.btn.blue.disabled:hover {
    color:#ffffff; border:1px solid #1f98c6;
    background:#3cb6e3;
    background:-moz-linear-gradient(top,#3cb6e3 0%,#1fa9db 30%,#1c97c6 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3cb6e3),color-stop(30%,#1fa9db),color-stop(100%,#1c97c6));
    background:-webkit-linear-gradient(top,#3cb6e3 0%,#1fa9db 30%,#1c97c6 100%);
    background:-o-linear-gradient(top,#3cb6e3 0%,#1fa9db 30%,#1c97c6 100%);
    background:-ms-linear-gradient(top,#3cb6e3 0%,#1fa9db 30%,#1c97c6 100%);
    background:linear-gradient(to bottom,#3cb6e3 0%,#1fa9db 30%,#1c97c6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cb6e3',endColorstr='#1c97c6',GradientType=0);
    box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
    -webkit-box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
    -moz-box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
}
.btn.submit:hover, .btn.blue:hover {
    background:#2dafe1;
    background:-moz-linear-gradient(top,#2dafe1 0%,#1fa9db 30%,#1c97c6 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2dafe1),color-stop(30%,#1fa9db),color-stop(100%,#1c97c6));
    background:-webkit-linear-gradient(top,#2dafe1 0%,#1fa9db 30%,#1c97c6 100%);
    background:-o-linear-gradient(top,#2dafe1 0%,#1fa9db 30%,#1c97c6 100%);
    background:-ms-linear-gradient(top,#2dafe1 0%,#1fa9db 30%,#1c97c6 100%);
    background:linear-gradient(to bottom,#2dafe1 0%,#1fa9db 30%,#1c97c6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dafe1',endColorstr='#1c97c6',GradientType=0);
    box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;
}
.btn.alert,.btn.alert.disabled,.btn.alert.disabled:hover,
.btn.red,.btn.red.disabled,.btn.red.disabled:hover,
.btn.orange,.btn.orange.disabled,.btn.orange.disabled:hover {
    color:#ffffff; border:1px solid #d94d38;
    background: #d87568;
    background: -moz-linear-gradient(top,  #d87568 0%, #d94d38 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d87568), color-stop(100%,#d94d38));
    background: -webkit-linear-gradient(top,  #d87568 0%,#d94d38 100%);
    background: -o-linear-gradient(top,  #d87568 0%,#d94d38 100%);
    background: -ms-linear-gradient(top,  #d87568 0%,#d94d38 100%);
    background: linear-gradient(to bottom,  #d87568 0%,#d94d38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d87568', endColorstr='#d94d38',GradientType=0 );
    box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
    -webkit-box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
    -moz-box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
}
.btn.alert:hover, .btn.red:hover, .btn.orange:hover {
    background: #d6685c;
    background: -moz-linear-gradient(top,  #d6685c 0%, #d94d38 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6685c), color-stop(100%,#d94d38));
    background: -webkit-linear-gradient(top,  #d6685c 0%,#d94d38 100%);
    background: -o-linear-gradient(top,  #d6685c 0%,#d94d38 100%);
    background: -ms-linear-gradient(top,  #d6685c 0%,#d94d38 100%);
    background: linear-gradient(to bottom,  #d6685c 0%,#d94d38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6685c', endColorstr='#d94d38',GradientType=0 );
    box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;
}
.btn.default,.btn.default.disabled,.btn.default.disabled:hover,
.btn.gray,.btn.gray.disabled,.btn.gray.disabled:hover {
    color:#666666; border:1px solid #c7cad3;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6, #e6e6e6);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#e6e6e6));
    background: -webkit-linear-gradient(top, #f6f6f6, #e6e6e6);
    background: -o-linear-gradient(top, #f6f6f6, #e6e6e6);
    background: -ms-linear-gradient(top, #f6f6f6, #e6e6e6);
    background: linear-gradient(to bottom, #f6f6f6, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 );
    box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
    -webkit-box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
    -moz-box-shadow:rgba(255,255,255,0.2) 0px 0px 1px 1px inset;
}
.btn.default:hover, .btn.gray:hover {
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #eeeeee, #e6e6e6);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e6e6e6));
    background: -webkit-linear-gradient(top, #eeeeee, #e6e6e6);
    background: -o-linear-gradient(top, #eeeeee, #e6e6e6);
    background: -ms-linear-gradient(top, #eeeeee, #e6e6e6);
    background: linear-gradient(to bottom, #eeeeee, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e6e6e6',GradientType=0 );
    box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;
}


/**** emoji ****/
img[class^="emoji-"], img[class*=" emoji-"] { margin:-3px 2px 0 2px; width:25px; height:25px; background:transparent url("../images/emoji/emoji.png") center center no-repeat; background-size:125px 200px; vertical-align:middle; }
img.emoji-smile { background-position:0 0; } img.emoji-happy { background-position:-25px 0; } img.emoji-sad { background-position:-50px 0; } img.emoji-suprised { background-position:-75px 0; } img.emoji-cry { background-position:-100px 0; }
img.emoji-why { background-position:0 -25px; } img.emoji-why2 { background-position:-25px -25px; } img.emoji-joke { background-position:-50px -25px; } img.emoji-joke2 { background-position:-75px -25px; } img.emoji-fever { background-position:-100px -25px; }
img.emoji-sick { background-position:0 -50px; } img.emoji-sleepy { background-position:-25px -50px; } img.emoji-heart { background-position:-50px -50px; } img.emoji-hearts { background-position:-75px -50px; } img.emoji-angry { background-position:-100px -50px; }
img.emoji-water { background-position:0 -75px; } img.emoji-zzzz { background-position:-25px -75px; } img.emoji-explosion { background-position:-50px -75px; } img.emoji-like { background-position:-75px -75px; } img.emoji-dislike { background-position:-100px -75px; }
img.emoji-aloha { background-position:0 -100px; } img.emoji-aloha2 { background-position:-25px -100px; } img.emoji-qqe { background-position:-50px -100px; } img.emoji-d-smile { background-position:-75px -100px; } img.emoji-d-laugh { background-position:-100px -100px; }
img.emoji-d-angry { background-position:0 -125px; } img.emoji-d-serious { background-position:-25px -125px; } img.emoji-d-sad { background-position:-50px -125px; } img.emoji-r-smile { background-position:-75px -125px; } img.emoji-r-laugh { background-position:-100px -125px; }
img.emoji-r-angry { background-position:0 -150px; } img.emoji-r-joke { background-position:-25px -150px; } img.emoji-r-surprised { background-position:-50px -150px; } img.emoji-r-why { background-position:-75px -150px; } img.emoji-r-shout { background-position:-100px -150px; }
img.emoji-r-tamori { background-position:0 -175px; } img.emoji-r-beard { background-position:-25px -175px; } img.emoji-quick { background-position:-50px -175px; }



/**** popup ****/
.popup { position:absolute; z-index:2000; background:#ffffff; border:1px solid #c7cad3; box-shadow:rgba(0,0,0,0.25) 0 0 5px 0; }
.popup .shadow { box-shadow:rgba(0,0,0,0.25) 0 0 5px 0; }
.popup .close { position:absolute; top:-7px; right:-7px; width:18px; height:18px; border-radius:9px; background:#565656; box-shadow:0 0 0 2px rgba(255,255,255,1),0 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 0 0 2px rgba(255,255,255,1),0 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 0 2px rgba(255,255,255,1),0 0 2px 2px rgba(0,0,0,0.2); }
.popup .close:before { content:"\e6fd"; font-family:"icon"; display:block; position:absolute; top:0; left:0; width:18px; height:18px; line-height:18px; font-size:10px; color:#ffffff; text-align:center; vertical-align:middle; }
.popup .close:hover { background:#777777; }
.popup > .progress { width:40px; height:40px; }
.popup > .progress .indicator { position:absolute; top:50%; left:50%; }
.popup > .popup-help { padding:0 8px 0 8px; line-height:24px; font-size:11px; color:#858da3; vertical-align:middle; text-align:left; white-space:nowrap; }
.popup > .popup-tooltip { padding:0 16px 0 16px; line-height:32px; vertical-align:middle; text-align:left; white-space:nowrap; }
.popup > .popup-tooltip-multi { width:300px; padding:8px 16px 8px 16px; line-height:20px; vertical-align:middle; text-align:left; }
.popup > .popup-image { padding:2px; }
.popup > .popup-error { padding:0 16px 0 16px; line-height:32px; vertical-align:middle; text-align:left; color:#ee0000; white-space:nowrap; }
.popup > .popup-student { position:relative; min-width:400px; }
.popup > .popup-student dl.form-field > dt { width:120px; min-width:120px !important;}
.popup > .popup-student dl.form-field > dd + dd.w80 { width:80px !important; min-width:80px !important;}
.popup > .popup-student .form-thumb { border-top:none; }
.popup > .popup-teacher { position:relative; min-width:400px; }
.popup > .popup-teacher dl.form-field > dt { width:120px; min-width:120px !important;}
.popup > .popup-teacher dl.form-field > dd + dd.w80 { width:80px !important; min-width:80px !important;}
.popup > .popup-teacher .form-thumb { border-top:none; }
.popup > .popup-staff { position:relative; min-width:400px; }
.popup > .popup-staff dl.form-field > dt { width:120px; min-width:120px !important;}
.popup > .popup-staff dl.form-field > dd + dd.w80 { width:80px !important; min-width:80px !important;}
.popup > .popup-staff .form-thumb { border-top:none; }
.popup > .popup-lesson { position:relative; min-width:500px; }
.popup > .popup-lesson dl.form-field > dt { width:120px; min-width:120px !important;}
.popup > .popup-lesson dl.form-field > dd + dd.w80 { width:80px !important; min-width:80px !important;}


@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.btn-primary {
    color: #fff;
    background-color:#1da0d0;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.duty-btn-primary{
    padding: 1px 4px;
    font-size: 12px;
    margin: 0 2px;
}
.btn-primary-addSuit {
    position: absolute;
    bottom: -50px;
    left: 10px;
}
.btn-primary-edit {
    position: absolute;
    left: 10px;
    bottom: 8px;
    padding: 1px 5px;
    font-size: 10px;
}
.btn-primary-Hierarchy-edit {
    position: absolute;
    right: 100px;
    top: 10px;
    background-color: #f3f3f3;
    color: #414756;
    border:1px solid #c7cad3;
}
.btn-primary-Hierarchy-enabled {
    position: absolute;
    right:36px;
    top: 10px;
    background-color: #f3f3f3;
    color: #414756;
    border:1px solid #c7cad3;
}
.btn-primary-enabled {
    position: absolute;
    left: 46px;
    bottom: 8px;
    padding: 1px 5px;
    font-size: 10px;
}
.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;outline:0
}
.modal.fade .modal-dialog{
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%)
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content{
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade{
    filter:alpha(opacity=0);
    opacity:0
}
.modal-backdrop.in{
    filter:alpha(opacity=50);
    opacity:.5
}
.modal-header{
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:15px
}
.modal-footer{
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn{
    margin-bottom:0;
    margin-left:5px
}
.modal-footer .btn-group .btn+.btn{
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
    margin-left:0
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
.modal-header .close-suit-modal {
    margin-top: -2px;
}
button.close-suit-modal {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close-suit-modal {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.form-control-suit {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-suit-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
textarea.form-control-suit {
    height: auto;
}
@media (min-width:768px){
    .modal-dialog{
        width:500px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm{
        width:300px
    }
}
@media (min-width:992px){
    .modal-lg{
        width:900px
    }
}

@media (min-width:768px){
    .form-horizontal .control-label{
        padding-top:7px;
        margin-bottom:0;
        text-align:right;
        width: 20%;
    }
}

/*structure-duty-member*/
.structure-suite .accordion .panel-body ul li .duty-name-two {
    width: 105px;
}
.search-part{
    width: 90%;
    max-width: 960px;
    margin: 2em auto;
    text-align: left;
}
table.dutyMemberList {
    margin-right: 15px;
    margin-bottom: 10px;
    border: none;
}
.dutyMemberListContent{
    max-width: 960px;
    margin: 2em auto;
    width: 90%;
    margin-top: 10px;
}

.break_word {
    max-width: 600px;
    word-wrap: break-word;
    word-break: break-all;
}


#addSubject .radiotc:before,#addSubject2 .radiotc:before,#addSubject3 .radiotc:before,#addSubject4 .radiotc:before,#addSubject5 .radiotc:before{
    left:  10px;
}
#addSubject .radiotc:after,#addSubject2 .radiotc:after,#addSubject3 .radiotc:after,#addSubject4 .radiotc:after,#addSubject5 .radiotc:after{
    left:  15px;
}
.cd-tabs-navigation .changeHeight {
    height:60px;
}
.tableList {
    margin-bottom: 15px;
}
.readBorder {
    border-color: red!important;
}
.error-suite-msg {
    color:red;
}
#subjectStructure div div:first-child dl {
    border-top: 1px solid #e1e1e1;
}
#subjectAnswer div div:first-child dl {
    border-top: 1px solid #e1e1e1;
}