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

	CONTENTS CSS
	
*****************************************************************************/


/*  dl dt dd
----------------------------------------------------------------------------*/

/*  newsStyle  */

.newsStyle	{
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	margin-bottom: 1em;
	width: 620px;
}

.newsStyle dt {
	float: left;
	width: 8.5em;
	padding-left: 2em;
	clear: both;
	line-height: 2;
	margin: 0 0 0.3em;
}

.newsStyle dd {
	line-height: 2;
	margin: 0 0 0.3em;
	padding-left: 10.5em;
}


/*  menuBox  */

.menuBox {
	width: 280px;
	float: left;
	padding-bottom: 60px;
}

.menudec {
	padding: 15px;
	border:#A08772 1px solid;
	margin-top: 10px;
	font-size: 0.9em;
	background-color: #FEFFF7;
}


.menuStyle {
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	width: 280px;
	font-size: 0.9em;
}

.menuStyle dt {
	float: left;
	width: 18em;
	padding-left: 1em;
	clear: both;
	line-height: 2;
	margin: 0 0 0.3em;
	font-size: 0.9em;
}

.menuStyle dd {
	line-height: 2;
	margin: 0 0 0.3em;
	padding-left: 18em;
}


.menuStyleB {
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	width: 280px;
	font-size: 0.9em;
}

.menuStyleB dt {
	float: left;
	width: 15em;
	padding-left: 1em;
	clear: both;
	line-height: 2;
	margin: 0 0 0.3em;
	font-size: 0.9em;
}

.menuStyleB dd {
	line-height: 2;
	margin: 0 0 0.3em;
	padding-left: 15em;
}


.menuBoxC {
	float:left;
	border: 1px solid #A08772;
	width: 228px;
	padding: 25px;
	margin-bottom: 10px;
}

.menuStyleC {
	padding-top: 0.2em;
	width: 228px;
	font-size: 0.9em;
}

.menuStyleC dt {
	float: left;
	width: 12em;
	clear: both;
	line-height: 2;
	margin: 0 0 0.3em;
	font-size: 0.9em;
}

.menuStyleC dd {
	line-height: 2;
	margin: 0 0 0.3em;
	padding-left: 12em;
}


.menuBoxR {
	padding-left: 60px;
}

.menuBoxCR {
	float:left;
	border: 1px solid #A08772;
	width: 228px;
	padding: 25px;
	margin-bottom: 20px;
	margin-left: 60px;
}


/*  faqBtn  */

#faqBtn {
	width: 620px;
	height: 108px;
	padding-bottom: 70px;
}
#faqBtn ul {
	list-style: none;
}
#faqBtn li {
	float: left;
	padding-bottom: 10px;

}
.faqBoxR {
	padding-right: 10px;
}

#questionA,#questionB,#questionC,#questionD{
	padding-bottom:80px;
}

.ansBox {
	width: 572px;
	padding: 23px;
	border: #CBB39A 1px solid ;
	background-color: #FFF;
	margin-bottom: 25px;
	font-size: 0.9em;
}

#faqTop {
	width: 620px;
	text-align: right;
}


/*  styleArea  */

#styleArea {
	width: 620px;
	padding-bottom: 20px;
}

#styleBtnArea {
	width: 620px;
	padding-bottom: 80px;
}

#styleBtnArea ul {
	list-style: none;
}

#styleBtnArea li {
	float: left;
	margin: 0 10px 10px 0;
}

#styleBtnArea li a img{
	border: #e5ded6 5px solid;	
}
	
#styleBtnArea li a:hover img{
	border: #FFF 5px solid;	
}

/*  corseStyle  */

.corseStyle	{
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	margin-bottom: 1em;
}

.corseStyle dt {
	float: left;
	width: 7.5em;
	clear: both;
	margin: 0 0 0.3em 0.3em;
	font-weight: bold;
}

.corseStyle dd {
	margin: 0 0 0.3em;
}

/*  lessonStyle  */

.lessonStyle	{
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	margin-bottom: 1em;
}

.lessonStyle dt {
	float: left;
	width: 20.5em;
	clear: both;
	margin: 0 0 0.3em 0.3em;
	font-weight: bold;
}

.lessonStyle dd {
	margin: 0 0 0.3em;
}

/*  lessonStyle  */

.tableStyle	{
	margin-bottom: 1em;
}

.tableStyle dt {
	float: left;
	width: 14.5em;
	clear: both;
	margin: 0 0 0.3em 0.3em;
	font-weight: bold;
}

.tableStyle dd {
	margin: 0 0 0.3em;
	color: #C03;
	font-weight: bold;
}


/*  LIST
----------------------------------------------------------------------------*/

.contentListA {
	line-height: 1.3;
	list-style-type: disc;
	margin: 0 5px 60px 15px;
}

.contentListA li {
	padding-bottom: 5px;
}

.contentListB {
	line-height: 1.6;
	list-style-type: disc;
	margin: 0 20px 5px 40px;
}

.contentListB li {
	padding-bottom: 5px;
}

.contentListC {
	line-height: 1.5;
	list-style-type: disc;
	margin: 0 0 30px 25px;
}

.contentListC li {
	padding-bottom: 5px;
}




/*	Box
----------------------------------------------------------------------------*/


/*  contentBox  */

.contentBoxA {
	width: 600px;
	margin: 0 0 30px 0;
}

.contentBoxB {
	width: 600px;
	margin: 0 0 75px 0;
}

/*  imageBox  */

.imageBox {
	width: 620px;
	margin: 0 0 35px 0;
}

.imageBoxImg {
	float: left;
	padding: 0 0 50px 0;
}

.imageBox p {
	margin-left: 185px;
}


/*  flowBox  */

.flowBox {
	width: 600px;
	margin: 0 0 5px 0;
}

.flowBox img {
	float: left;
	padding: 0 0 0 3px;
}

.flowBox p {
	margin-left: 120px;
}

/*  flowColorBox  */

.flowColorBox {
	display: block;
	width: 427px;
	height: 83px;
	line-height: 83px;
	padding: 0 24px 0;
	margin-left: 120px;
	background-color: #FFFFFF;
	border: 1px solid #C7B299;
}


/*  colorBox  */

.colorBoxA {
	width: 548px;
	padding: 25px 25px 0;
	margin: 0 0 40px 0;
	background-color: #FFFFE8;
	border: 1px solid #C7B299;
}

.colorBoxB {
	width: 558px;
	padding: 20px;
	margin: 0 0 40px 0;
	background-color: #FFFFE8;
	border: 1px solid #C7B299;
}

.colorBoxC {
	width: 578px;
	padding: 10px;
	background-color: #FFFFE8;
	border: 1px solid #C7B299;
}


/*  serviceBox  */

.serviceBox {
	width: 562px;
	margin-bottom: 50px;
}

.serviceBox img {
	float: left;
	padding: 0 0 50px 3px;
}

.serviceBox p {
	margin-bottom: 15px;
	margin-left: 118px;
}

.serviceBox ul {
	line-height: 1.6;
	list-style-type: disc;
	margin-bottom: 15px;
	margin-left: 135px;
}

.serviceBox li {
	padding-bottom: 5px;
}



/*	Table
----------------------------------------------------------------------------*/

.corseTable {
	border: 5px solid #C7B299;
	margin-bottom: 40px;
}

.corseTable td{
	color:#775435;
	padding: 13px;
	border-bottom: solid 5px #C7B299;
	border-right: solid 5px #C7B299;
	white-space: nowrap;
	text-align: left;
}

#recTable {
	margin-bottom: 80px;
}

#recTable th{
	background-color:#F4F0EB;
	text-align: center;
	vertical-align: top;
	padding:7px 0;
	line-height: 1.7;
}

#recTable td{
	padding:7px 0;
	line-height: 1.7;
}

.recTablePic {
	background-image:url(../staff/media/rec_img03.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

/****************************************************************************
	TOP
*****************************************************************************/

.pickup {
	float:left;
	padding: 0 12px 50px 0;
}



/****************************************************************************
	CONCEPT
*****************************************************************************/


.conceptStyle	{
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	margin-bottom: 1em;
	width: 565px;
}

.conceptStyle dt {
	float: left;
	width: 2em;
	padding-left: 6.5em;
	clear: both;
	padding-bottom: 18px;	
	margin: 0 0 0.3em;
}

.conceptStyle dd {
	padding-bottom: 18px;
	margin: 0 0 0.3em 7.5em;
}

.conceptNext{
	text-align:center;
	padding:10px;
	border: 3px solid #999999;
	margin-bottom:25px;
}


/****************************************************************************
	RSS
*****************************************************************************/

.rsstable td{
	padding:5px;
}





/****************************************************************************
	FORM
*****************************************************************************/


.complete {
	font-size: 16px;
	font-weight: bold;
}

.completer {
	font-size: 16px;
}

.appnum {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}

.appnuml {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.appnumR {
	color: #BF0000;
	font-size: 19px;
	font-weight: bold;
}

.right {
	text-align: right;
}

.must {
	color:#f3bd01;
}

#confirm {
	margin:10px;
}

.caption {
	width:98%;
	text-align:right;
}

.checkBox	{
	width: 560px;
	padding: 20px;
	margin: 20px 0;
	background-color: #FDFFDD;
}


/*	FORM input
----------------------------------------------------------------------------*/

.radio-must835,
.radio-sex {
	margin:4px 0 0 0;
	border:none;
}
	
select.select84,
select.select86,
select.select87 {
	border:#7F9DB9 solid 1px;
	width:95%;
}

.input-text {
	width:95%;
}

div.check-radio {
	text-align:center;
}

.submit-btn {
	text-align:center;
}



/*	FORM table
----------------------------------------------------------------------------*/

.form-body {
	width: 600px;
	margin-bottom: 80px;
}

table.form-tbl,
table.check-tbl {
	margin-bottom: 20px;
	width: 600px;
	border-collapse: separate;
	border-spacing: 3px;
}

table.form-tbl th,
table.check-tbl th {
  	border-width: 0 1px 1px 0;
	padding: 7px 10px;
	vertical-align: top;
	color:#775435;
}

table.form-tbl td,
table.check-tbl td {
  	border-width: 0 1px 1px 0;
	padding: 6px;
	vertical-align: top;
	color:#775435;
	border-bottom: solid 1px #E2E2E2;
	border-right: solid 1px #E2E2E2;
	text-align: left;	
}

table.form-tbl th,
table.check-tbl th {
	border-bottom: solid 1px #E2E2E2;
	border-right: solid 1px #E2E2E2;
	background: #F8F8F8;
	text-align: left;
	white-space: nowrap;
}

table.form-tbl th.title,
table.check-tbl th.title {
	border-bottom: solid 1px #E2E2E2;
	border-right: solid 1px #E2E2E2;
	background: #F8F8F8;
	text-align: center;
	white-space: nowrap;
	width:100%;
}

table.must835 td,
table.select84 td,
table.select86 td,
table.select87 td,
table.check-tbl td {
	background: #FFFFFF;
	border-bottom:none;
	border-right:none;
	white-space: nowrap;
	text-align: left;
}



/*	privacyPolicy
----------------------------------------------------------------------------*/

table.form-tbl th.titlePP,
table.check-tbl th.titlePP {
	border-bottom: solid 1px #E2E2E2;
	border-right: solid 1px #E2E2E2;
	background: #FFFFCC;
	text-align: center;
	white-space: nowrap;
	width:100%;
}

#privacyPolicy {
	font-size: 0.9em;
	width: 500px;
	height: 120px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	margin: 13px auto;
	white-space: normal;
}

#privacyPolicy ol {
	margin: 0 0 0 25px;
}

#privacyPolicy ol li {
	list-style-type: decimal;
	color: #000D40;
}



/*	err-msg
----------------------------------------------------------------------------*/

div#err-msg ul {
	margin: 20px auto;
	border:#FF0000 solid 1px;
	background-color:#FDFFDD;
	padding:10px 0 10px 20px;
	width:90%;
	font-weight:bold;
	color:#FF0000;
}

div#err-msg li{
	list-style:none;
	font-weight:normal;
	padding:2px 0 1px 30px;
}