@charset "utf-8";
/* CSS Document */

#membership {
	margin-bottom:45px;
}

/*--------------------------------------------------
			mamber-box
----------------------------------------------------*/

#membership .mamber-box p.main-ttl {
	padding-bottom:10px;
}


#membership .mamber-box {
	padding-top:10px;
	padding-bottom:30px;
}

#membership .mamber-box h3 {
	padding-bottom:20px;
	font-weight:bold;
}

#membership .mamber-box p.about-tubu {
	font-weight:bold;
	color:#00cbbb;
	font-size:117%;
}

/*history*/

#membership .mamber-box dl.history {
	padding-top:20px;
}

#membership .mamber-box dl.history dt {
	font-weight:bold;
	color:#ff823f;
	padding-bottom:10px;
	font-size:117%;
}

#membership .mamber-box dl.history ul li {
	margin-bottom:10px;
	font-weight:bold;
	font-size:117%;
}

#membership .mamber-box dl.history ul li.history01 {
	background:url(../img/icon-mamber01.gif) no-repeat left center;
	padding-left:25px;
}

#membership .mamber-box dl.history ul li.history02 {
	background:url(../img/icon-mamber02.gif) no-repeat left center;
	padding-left:25px;
}

#membership .mamber-box dl.history ul li.history03 {
	background:url(../img/icon-mamber03.gif) no-repeat left center;
	padding-left:25px;
}

#membership .mamber-box dl.history ul li.history04 {
	background:url(../img/icon-mamber04.gif) no-repeat left center;
	padding-left:25px;
}

#membership .mamber-box dl.history ul li.history05 {
	background:url(../img/icon-mamber05.gif) no-repeat left center;
	padding-left:25px;
}

/*---table.tu-ayumi---*/
#membership table.tu-ayumi {
	width:100%;
}

#membership table.tu-ayumi th {
	width:135px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	background-color:#f7f7f7;
	border:1px solid #e8e8e8;
	border-collapse:collapse;
}

#membership table.tu-ayumi td {
	border:1px solid #e8e8e8;
	border-collapse:collapse;
	padding:10px 15px;
}





/*tokuten-tex*/

#membership .mamber-box .tokuten-text {
	float:left;
	width:470px;
}

#membership .mamber-box .tokuten-text ul li.tokuten-list {
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #b4b4b4;
}

#membership .mamber-box .tokuten-text a {
	text-decoration:underline;
}

/*span*/

span.toku01 {
	font-weight:bold;
	color:#00cbbb;
}

span.toku02 {
	font-weight:bold;
	color:#ee0606;
}


/*//span*/


#membership .mamber-box .tokuten-text ul li dt.tokuten01 {
	background:url(../img/icon-mamber01.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten02 {
	background:url(../img/icon-mamber02.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten03 {
	background:url(../img/icon-mamber03.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten04 {
	background:url(../img/icon-mamber04.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten05 {
	background:url(../img/icon-mamber05.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten06 {
	background:url(../img/icon-mamber06.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten07 {
	background:url(../img/icon-mamber07.gif) no-repeat left 3px;
	padding-left:25px;
}

#membership .mamber-box .tokuten-text ul li dt.tokuten08 {
	background:url(../img/icon-mamber08.gif) no-repeat left 3px;
	padding-left:25px;
}


#membership .mamber-box .tokuten-text li dl dt {
	font-weight:bold;
	font-size:117%;
}

#membership .mamber-box .tokuten-text li dl dd {
	padding-left:25px;
}

#membership .mamber-box .tokuten-text li dl dd.font-small {
	font-size:84%;
}

#membership .mamber-box .tokuten-text li dl dd ul.seminar-link {
	padding-top:10px;
}

#membership .mamber-box .tokuten-text li span.font-small {
	font-size:84%;
}


#membership .mamber-box img.tokuten-img {
	float:right;
}

#membership .mamber-box p.rule {
	font-weight:bold;
	font-size:117%;
	color:#ff823f;
	padding-bottom:20px;
}


#membership .mamber-box .rule-box {
}

#membership .mamber-box .rule-box ul li {
	background:url(../../common/img/icon-22.gif) no-repeat left center;
	padding-left:15px;
	font-weight:bold;
	margin-bottom:10px;
}





/*--------------------------------------------------
			mamber-box
----------------------------------------------------*/


#membership .mamber-box02 {
	padding-top:20px;
	padding-bottom:30px;
	margin-bottom:10px;
	border-bottom:1px dotted #b4b4b4;
	border-top:1px dotted #b4b4b4;
}


#membership .mamber-box02 h3.Msystem01 {
	background:url(../../common/img/icon-18.gif) no-repeat left 5px;
	padding-left:25px;
	font-weight:bold;
	font-size:134%;
	margin-bottom:20px;
}

#membership .mamber-box02 dl dt {
	font-weight:bold;
	font-size:117%;
}

#membership .mamber-box02 dl dd {
	font-size:84%;
	padding-bottom:15px;
}

#membership .mamber-box02 dl.Msystem-text dt {
	font-size:84%;
}



/*--------------------------------------------------
			会員登録
----------------------------------------------------*/

#membership .form-area {
	padding-bottom:30px;
}

#membership .form-area h3.form-ttl {
	background:url(../../common/img/icon-19.gif) no-repeat left 5px;
	padding-left:25px;
	font-weight:bold;
	font-size:134%;
	margin-bottom:20px;
}

.A-form {
	background:transparent url(../img/bg-form01.gif) no-repeat scroll left top;
	padding-top:10px;
	width:615px;
}

.A-form table {
	margin-bottom:30px;
}

.A-form table th {
	font-weight:bold;
	padding:5px 15px;
	vertical-align:top;
	width:130px;
}

.A-form table td {
	padding:5px 15px;
	vertical-align:top;
}

.A-form table p.mini {
	color:#FE0002;
	font-size:75%;
}

.A-form .btn-area {
	background:transparent url(../img/bg-form02.gif) no-repeat scroll left bottom;
	padding-bottom:25px;
	text-align:center;
}

.A-form table .m-B-15 {
	margin-bottom:15px;
}

.A-form table .box300 {
	margin:5px 0 0;
	padding:2px;
	width:380px;
}

.A-form p.form-attention-text span.attention {
	color:#FE0002;
}

#membership .form-area span.attention {
	color:#FE0002;
}

#membership .form-area p.form-attention-text {
	font-size:84%;
}

/*   会員登録
----------------------------------------------------*/

.form-area-end {
	padding-top:30px;
	text-align:center;
}

p.end-text {
	padding-bottom:20px;
}



/*--------------------------------------------------
			mamber-link
----------------------------------------------------*/

.mamber-link {
	padding-top:20px;
	border-top:1px dotted #b4b4b4;
}

.mamber-link ul li {
	background:url(../../common/img/icon-03.gif) no-repeat left center;
	padding-left:15px;
}