@charset "utf-8";
/* CSS Document */
/*  layout(main)
=============================*/
h2#title { margin-top: 15px; font-size: 20px; font-weight: bold;/*
	border-bottom: 1px solid #69C;
*/
}
#main h2 { width: 700px; font-size: 18px; font-weight: bold; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A3C1E0; }
#main .h-double { /*	width: 700px;*/
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A3C1E0; }
#main .h-double h2 { width: 350px; font-size: 18px; font-weight: bold; border: none; text-align: left; float: left; }
.h-double .title-anc { margin-top: 5px; width: 220px; font-weight: bold; text-align: right; float: right; }
#main h3 { margin: 20px 0 0; height: 14px; line-height: 14px; font-size: 14px; font-weight: bold; text-align: left; text-indent: 5px; border-left: 4px solid #69C; }
#list-wrap { margin: 2em 2em 2em 3em;/*
	margin: 10px auto 0;
	width: 700px;
	height: 400px;
	overflow-y: scroll;
	border: 1px solid #CCC;
*/
}
/*  table(diagram-list)
=============================*/
.list { margin: 10px auto; width: 700px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
.list th { padding: 5px; font-size: 0.8em; font-weight: normal; text-align: center; background: #CCCCFF; border-bottom: 1px solid #D6E0F5; }
.list .bronze th { background: #C28585; }
.list .bronze td { background: #E5CCCC; }
.list .silver th { background: #E0E0E0; }
.list .silver td { background: #F2F2F2; }
.list .gold th { background: #E0C285; }
.list .gold td { background: #F2E5CC; }
.list .all-pass th { background: #6C6; }
.list td { padding: 5px; font-size: 12px; text-align: left; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.list .all-pass td { background: #CF9; }
.list .current-bg { background: #CF9; }
.list .th-num { font-size: 12px!important; background: #DAE3F8; }
.list .num, .list .condition { width: 8%; }
.list .d-type { width: 30%; }
.list .thumbnail { width: 59%; }
.list .edit-button { width: 10%; }
.list .thumb-s { width: 60px; }
.list .thumb-s img { width: 30px; height: 30px; border: 1px solid #F90; }
.list .thumb01, .list .thumb02, .list .thumb03, .list .thumb04, .list .thumb05, .list .thumb06 { width: 40px; }
.list .thumb01 img, .list .thumb02 img, .list .thumb03 img, .list .thumb04 img, .list .thumb05 img, .list .thumb06 img { width: 30px; height: 30px; border: 1px solid #66C; }
.list .dia-l { width: 45%; background-image: url(/zulpa/common/images/ten/sample_bk.gif); background-repeat: repeat; }
.list .dia-r { width: 50%; }
.list .dia-img { margin: 0 auto; background: url(/zulpa/common/images/dia-bg.jpg) no-repeat; }
.list .d-select { font-size: 12px; }
#fix-box { margin: 10px auto 0; padding: 5px 0; width: 346px; text-align: center; background: #E7EDFA; border: 1px solid #7380C4; }
#fix-box #fix-check { margin-right: 10px; font-weight: bold; }
.list #delete-th { width: 40px; }
.list-attention { margin: 0 auto; width: 700px; color: #900; font-size: 12px; text-align: left; }
.list .p-title { width: 25%; }
.exam td { color: white; background: #333; }
.exam td a { color: white; }
.exam td a:hover { text-decoration: none; }
/*  table(jr-exam)
=============================*/
.jtable-wrap { width: 80%; margin: 0 auto 20px auto; }
.jr-table01 { width: 100%; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #999; }
.jr-table01 th { padding: 3px; font-weight: bold; text-align: center; background: #CF6; border-bottom: 1px solid #D6E0F5; }
.jr-table01 td { padding: 3px; font-size: 12px; text-align: left; background: #FFD; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.jr-table02 { width: 340px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
.jr-table02 th { padding: 3px; font-size: 0.8em; font-weight: normal; text-align: center; background: #F99; border-bottom: 1px solid #D6E0F5; }
.jr-table02 td { padding: 3px; font-size: 12px; text-align: left; background: #FFD; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.jr-table03 { color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
.jr-table03 th { padding: 5px; color: #FFF; font-size: 0.8em; font-weight: normal; text-align: center; background: #330; border-bottom: 1px solid #D6E0F5; }
.jr-table03 td { padding: 5px; font-size: 12px; text-align: left; background: #FFF; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.jr-table04 { color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
.jr-table04 th { padding: 5px; color: #FFF; font-size: 0.8em; font-weight: normal; text-align: center; background: #C69; border-bottom: 1px solid #D6E0F5; }
.jr-table04 td { padding: 5px; font-size: 12px; text-align: center; background: #FFF; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.jr-table05 { color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
.jr-table05 th { padding: 5px; color: #FFF; font-size: 0.8em; font-weight: normal; text-align: center; background: #696; border-bottom: 1px solid #D6E0F5; }
.jr-table05 td { padding: 5px; font-size: 12px; text-align: center; background: #FFF; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.jr-table06 { color: #333333; border-collapse: separate; border-spacing: 1px; border: 2px solid #666; }
.jr-table06 th { padding: 5px; color: #333; font-size: 0.8em; font-weight: normal; text-align: center; background: #FC0; border-bottom: 1px solid #FC0; }
.jr-table06 td { padding: 5px; font-size: 12px; text-align: center; background: #FFF; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
.pt-attention { margin-top: 5px; font-size: 12px; }
.changed th, .changed td { background: #EDEDED; }
/*  table(image-list)
=============================*/
#image-list td { text-align: center; }
/*  table(diagram-l-list)
=============================*/
#main #diagram-l-list { margin: 10px auto; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
#diagram-l-list th { padding: 5px; font-size: 0.8em; font-weight: normal; text-align: center; background: #CCCCFF; border-bottom: 1px solid #D6E0F5; }
#diagram-l-list td { padding: 5px; font-size: 12px; text-align: center; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
#diagram-l-list .th-num { font-size: 12px!important; background: #DAE3F8; }
#diagram-l-list .num, .list .condition { width: 8%; }
#diagram-l-list .d-type { width: 30%; }
#diagram-l-list .thumbnail { width: 59%; }
#diagram-l-list .edit-button { width: 10%; }
#diagram-l-list .thumb-s { width: 60px; }
#diagram-l-list .thumb-s img { width: 100px; height: 100px; border: 1px solid #F90; }
#diagram-l-list .thumb01, #diagram-l-list .thumb02, #diagram-l-list .thumb03, #diagram-l-list .thumb04 { width: 40px; }
#diagram-l-list .thumb01 img, #diagram-l-list .thumb02 img, #diagram-l-list .thumb03 img, #diagram-l-list .thumb04 img, #diagram-l-list .thumb05 img, #diagram-l-list .thumb06 img { width: 100px; height: 100px; border: 1px solid #66C; }
#diagram-l-list .dia-l { width: 45%; background-image: url(/zulpa/common/images/ten/sample_bk.gif); background-repeat: repeat; }
#diagram-l-list .dia-r { width: 50%; }
#diagram-l-list .dia-img { margin: 0 auto; width: 180px; height: 180px; background: url(/zulpa/common/images/dia-bg.jpg) no-repeat; }
#diagram-l-list .d-select { font-size: 12px; }
/*  table(level-list)
=============================*/
#main #level-list { margin: 10px auto; width: 670px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
#level-list th { padding: 5px; font-size: 0.8em; font-weight: normal; text-align: center; background: #CCCCFF; border-bottom: 1px solid #D6E0F5; }
#level-list td { padding: 5px; font-size: 12px; text-align: center; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
#level-list tr._active td { background-color: #ACC1EE; }
#level-list .th-num { font-size: 12px!important; background: #DAE3F8; }
/*  table(renew-level)
=============================*/
#main #renew-level { margin: 10px auto 0; width: 300px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
#renew-level th { padding: 5px 10px; width: 35%; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; background: #DAE3F8; border-bottom: 1px solid #D6E0F5; }
#renew-level td { padding: 5px 10px; font-size: 12px; text-align: left; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
#renew-level .d-select { padding-right: 10px; font-size: 12px; }
/*  table(renew-diagram)
=============================*/
#main #renew-diagram { margin: 10px auto 0; width: 550px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
#renew-diagram th { padding: 5px 10px; width: 20%; font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; background: #DAE3F8; border-bottom: 1px solid #D6E0F5; }
#renew-diagram td { padding: 5px 10px; font-size: 12px; text-align: left; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
#renew-diagram .d-select { padding-right: 10px; line-height: 1!important; font-size: 12px; }
/*  table(qa-list)
=============================*/
#main #qa-list { margin: 10px 0 0; width: 400px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
#qa-list th { padding: 5px; font-size: 0.8em; font-weight: normal; text-align: center; background: #CCCCFF; border-bottom: 1px solid #D6E0F5; }
#qa-list td { padding: 5px; font-size: 12px; text-align: center; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
#qa-list .th-num { font-size: 12px!important; background: #DAE3F8; }
/*  prgrams
=============================*/
.prg-how { width: 150px; height: 16px; font-size: 12px; text-align: right; float: right; vertical-align: top; }
.prg-how a { /*vertical-align: top;*/
}
.list .prg-title-line th { color: #FFF; background: #669; }
.list .prg-title-line2 th { line-height: 1; color: #FFF; background: #333; }
.list .prg-title-line th a { color: #FFF; }
.list .prg-title-line th a:hover { color: #F90; }
.list .prg-wrap { margin: 0 auto; width: 660px; }
.list .prg-title { width: 170px; font-weight: bold; text-align: left; float: left; }
.list .prg-step { width: 340px; font-size: 12px; text-align: left; float: left; }
.list .prg-step-detail { width: 140px; font-size: 20px; font-weight: bold; text-align: right; float: left; }
.list .current-step { color: #F90; font-weight: bold; }
/*  general-table
=============================*/
#general-table th, #general-table td { color: #FFF; background: #333; }
#general-table a { color: #FC0; }
#general-table a:hover { color: #9F0; }
/*  table(common)
=============================*/
input.s { width: 100px; }
input.m { width: 200px; }
input.l { width: 300px; }
.cts-msg { margin: 10px auto 0; width: 700px; font-size: 12px; text-align: left; }
.list label { margin-right: 20px; }
.list #member, .list #member-quit, .list #sex-m, .list #sex-w, .list #receive-on, .list #receive-off { vertical-align: middle; }
.list #name, .list #com-name, .list #com-chrg, .list #com-position, .list #com-address2, .list #com-address3, .list #com-school { width: 300px; ime-mode: active; }
.list #roma, .list #mail, .list #com-mail { width: 300px; ime-mode: disabled; }
.list #login-id, .list #login-password, .list #com-id, .list #com-post, .list #com-tel, .list #com-fax, .list #com-login-id, .list #com-login-pw { width: 100px; ime-mode: disabled; }
.list #C-code { width: 400px; ime-mode: disabled; }
.line2 th { background: #E2EAFA!important; }
.line2 td { background: #F2F5FD!important; }
.line3 th { background: #AAAAAA!important; }
.line3 td { background: #CCCCCC!important; }
#main .attention-msg { margin: 10px auto 0; width: 700px; color: #999999; font-size: 12px; }
#main .attention-msg2 { margin: 10px auto 0; width: 500px; color: #999999; font-size: 12px; }
#main .btnSubmit { margin-top: 10px; text-align: center; }
#main .explain { margin-top: 30px; margin-bottom: 30px; text-align: center; }
#main .explain span { width: 600px; border: 1px solid #F6F; margin-top: 15px; padding: 10px; font-size: 12px; color: #F6F; }
#program-box { width: 550px; overflow: hidden; border: 1px solid #7380C4; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; }
#program-box ul.programs li { float: left; margin-right: 120px; margin-left: 70px; padding: 0; list-style-type: square; }
/*  records
======================================*/
.records-wrap { width: 128px; }
.records-img { width: 128px; text-align: center; }
.records-wrap .record-rank { color: #900; font-weight: bold; float: left; }
.records-wrap .record-date { float: right; }
/*  letter
======================================*/
.list .letter-th { width: 60px; }
.list #letter-date { width: 200px; ime-mode: disabled; }
.list #letter-title { width: 400px; ime-mode: active; }
.list .prg-width { width: 140px; }
.list .unused th { background: #F69; }
.list .unused td { background: #FCC; }
/*  coupon
======================================*/
#coupon-code { font-size: 24px; font-weight: bold; }
/*  table(sales-list)
=============================*/
#sales-total { margin: 10px auto 0; width: 700px; font-size: 12px; }
#sales-total #sales-title { margin-top: 8px; width: 140px; font-size: 14px; font-weight: bold; float: left; }
#sales-total #sales-r { width: 560px; float: right; }
#sales-total .sales-income { width: 180px; text-align: center; float: left; }
#sales-total .income { color: #900; font-size: 20px; font-weight: bold; }
.sales-list { margin: 10px auto 0; width: 700px; color: #333333; border-collapse: separate; border-spacing: 1px; border: 1px solid #7380C4; }
.sales-list th { padding: 5px; width: 16%; font-size: 0.8em; font-weight: normal; text-align: center; background: #CCCCFF; border-bottom: 1px solid #D6E0F5; }
.sales-list .sales-subtotal { padding: 5px; width: 16%; font-size: 0.8em; font-weight: normal; text-align: center; background: #CCCCFF; border-bottom: 1px solid #D6E0F5; }
.sales-list td { padding: 5px; font-size: 12px; text-align: center; background: #E7EDFA; border-bottom: 1px solid #D6E0F5; border-left: 1px solid #C1D1F0; }
/*  ranking
======================================*/
.list .best3 td { color: #F60; font-size: 14px; font-weight: bold; background: #CF9; }
/*  btn
======================================*/
#btn-area { margin: 10px auto 0; width: 168px; }
#three-btn-area { margin: 10px auto 0; width: 524px; }
#btn-print a { width: 168px; height: 42px; font-size: 0; display: block; text-indent: -9999px; overflow: hidden; background: url(../img/btn-print.jpg) no-repeat; }
#btn-print a:hover { background-position: left bottom; }
#btn-mail a { width: 168px; height: 42px; font-size: 0; display: block; text-indent: -9999px; overflow: hidden; background: url(../img/btn-mail.jpg) no-repeat; }
#btn-mail a:hover { background-position: left bottom; }
#btn-top a { width: 168px; height: 42px; font-size: 0; display: block; text-indent: -9999px; overflow: hidden; background: url(../img/btn-top.jpg) no-repeat; }
#btn-top a:hover { background-position: left bottom; }
/*トレーニング　現在級背景*/
.training-current-grade { /*background: url(../img/bg-training-current-grade.png) repeat-x!important;*/
background: #CCFF99!important; border: 1px solid #6C0!important; }
/*トレーニング　登録なし背景*/
.training-noregist { /*background: url(../img/bg-training-current-grade.png) repeat-x!important;*/
background: #CCC!important; border: 1px solid #CCC!important; color: #AAA!important; }
#prg-table .prg-line01 td { background: #F5F5F5; }
#prg-table .prg-line02 td { background: #FFFFEB; }
#prg-table .prg-line03 td { background: #FFF5EB; }
#prg-table a, #prg-table span { font-size: 18px; font-weight: bold; }
#prg-table span { color: #ccc; }
.s-cate .category { padding-top: 5px; color: #DA2F4A; font-size: 14px; font-weight: bold; }
.s-cate .description { font-size: 12px; margin-top: 5px; margin-bottom: 5px; }
.s-cate .content { margin-top: 10px; margin-bottom: 10px; color: #999; font-size: 14px; font-weight: bold; text-indent: 20px; background: url(../img/s-icon-list.jpg) left no-repeat; }
.s-cate h3 { color: #5A54A2; font-size: 16px; font-weight: bold; }
.s-cate .block { padding-left: 10px; padding-right: 10px; }
/* ==========================================================================
   rules.php 
   ========================================================================== */
ul.rules { line-height: 20px; margin: 1em 1em 1em 3em; }
.rules01 { width: 100%; color: #333333; border-collapse: collapse; border-spacing: 1px; border: 1px solid #999; }
.rules01 th { color: #fff; padding: 3px; font-weight: bold; text-align: center; background: #666; border-bottom: 1px solid #999; border-left: 1px solid #eee; }
.rules01 th:first-child { border-left: none; }
.rules01 td { padding: 3px; font-size: 12px; text-align: left; border-bottom: 1px solid #999; border-left: 1px solid #999; }
#main h3.center { text-align: center; border-left: none; margin: 2.5em auto 1em auto; }
/* ==========================================================================
   jr-download.php
   ========================================================================== */

.features-table { width: 100%; text-align: center;  margin: 2em auto 0 auto; border-collapse: separate; border-spacing: 0; text-shadow: 0 1px 0 #fff; color: #2a2a2a; background: #fafafa; background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */ background-image: -webkit-gradient(linear, center bottom, center top, from(#fff), color-stop(0.5, #eaeaea), to(#fff)); }
.features-table td { height: 50px; /*line-height: 50px;*/ padding: 10px;/*padding: 0 20px;*/ border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; /*white-space: nowrap;*/ font-weight: bold; }
.no-border td { border-bottom: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.col-cell { text-align: center; width: 150px; font-weight:normal;}
.col-cell1, .col-cell2 { background: #efefef; background: rgba(144,144,144,0.1); border-right: 1px solid white; }
.col-cell3 { font-weight: bold; font-size: 16px; background: #e7f3d4; background: rgba(184,243,85,0.3); }
.col-cellh { font-weight: bold; font-size: 16px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 1px solid #eaeaea !important; }
.col-cellf { font: bold 1.4em Georgia; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #dadada !important; }
.col-cell:hover { background:#eee;}
.features-table a { font-weight:bold;}