@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: 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: 700px;
}
.jr-table01 {
	width: 340px;
	color: #333333;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #7380C4;
}
.jr-table01 th {
	padding: 3px;
	font-size: 0.8em;
	font-weight: normal;
	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;
}