@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	夢教室DreamAdvance - 料金案内

	/fees/css/fees.css

	contents:
		1. color
		2. main
			2-1. fee_cases

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	1. color

------------------------------------------------------------------------------*/

.fee_cases h3,
.fee_cases h4 {
	color: #2259BF;
}

.fee_cases h4,
.fee_cases dt,
.fee_cases .example th {
	background-color: #B3D8FE;
}

.fee_cases {
	border-color: #2259BF;
}

.fee_cases table th {
	background-color: #EEEEEE;
}

.fee_cases .example .total {
	padding: 2px 0;
	border-radius: 0;
	font-weight: bold;
	color: #2259BF;
}


/* more_deals */
.more_deals {
	background-color: #EFEFEF;
	border-color: #CCC;
	color: #333;
}


/*------------------------------------------------------------------------------

	2. main

------------------------------------------------------------------------------*/

.page_heading h1 {
	width: 164px;
	background-image: url(../img/title.png);
}

main h2 {
	line-height: 1;
	font-weight: bold;
	font-size: 40px;
}

main .note {
	margin-top: 10px;
	font-size: 14px;
}

main .course {
	border: 5px solid;
	margin-bottom: 20px;
	padding: 25px 15px 15px;
}

main .course_description {
	margin-top: 15px;
	line-height: 1.8;
}

/* page_nav */
.page_nav  .english a {
	width: 239px;
}

.page_nav  .description {
	font-size: 15px;
}


/*	2-1. fee_cases
------------------------------------------------------------------------------*/

.course_fee1 {
	width: 82px;
}

.course_fee2 {
	width: 401px;
}

.fee_cases {
	padding: 20px;
	border-width: 5px;
	border-style: solid;
}

.fee_cases h3,
.fee_cases h4 {
	font-weight: bold;
	font-size: 20px;
}

.fee_cases h4 {
	padding: 5px 10px;
}

.fee_cases p {
	margin-top: 10px;
}

.fee_cases table th {
	text-align: center;
}

.fee_cases table td {
	text-align: left;
}

/* example */
.fee_cases .example td span {
	display: inline;
	font-size: 16px;
}

.fee_cases .example th,
.fee_cases .example td {
	font-size: 14px;
}

.fee_cases .example td {
	line-height: 40px;
}

.fee_cases .example span {
	padding: 2px 10px;
	border-radius: 4px;
	font-weight: bold;
}

.fee_cases .example .total {
	padding: 2px 0;
	border-radius: 0;
	font-weight: bold;
}


/* more_deals */
.more_deals {
	display: block;
	margin-top: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 125%;/* =20px */
}