@charset "utf-8";

#course {
	margin: 0px 2px;
}

#course .box {
	width: 352px;
}

#course .box.left {
	float: left;
}

#course .box.right {
	float: right;
}

#course .box .inner {
	border: 1px solid #c6c6c7;
}

#course .clearfix {
	clear: both;
}

#course p.with_image {
	padding-left: 105px;
	color: #333333;
	padding-bottom: 22px;
	border-bottom: 1px dotted #ADADAD;
	margin-bottom: 13px;
}

#course .box .text {
	padding: 15px 13px;
}

#course a {
	color: #333333;
	font-weight: bold;
}

/* ==== コース別 ==== */
/*------*/
.box#eikaiwa {
}

#course #eikaiwa .inner {
	background: #f8e8f2;
	border-left: 8px solid #dc8bc0;
}

#course #eikaiwa p.with_image {
	background: url(../img/course/image_eikaiwa.jpg) no-repeat;
}

#course #eikaiwa a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_eikaiwa.gif) no-repeat 2px;
}

/*------*/
.box#business {
}

#course #business .inner {
	background: #dceced;
	border-left: 8px solid #52a1a4;
}

#course #business p.with_image {
	background: url(../img/course/image_business.jpg) no-repeat;
}

#course #business a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_business.gif) no-repeat 2px;
}

/*------*/
.box#abroad {
}

#course #abroad .inner {
	background: #dbeae2;
	border-left: 8px solid #4a986d;
}

#course #abroad p.with_image {
	background: url(../img/course/image_abroad.jpg) no-repeat;
}

#course #abroad a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_abroad.gif) no-repeat 2px;
}

/*------*/
.box#eiken {
}

#course #eiken .inner {
	background: #fae1d8;
	border-left: 8px solid #e6693e;
}

#course #eiken p.with_image {
	background: url(../img/course/image_eiken.jpg) no-repeat;
}

#course #eiken a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_eiken.gif) no-repeat 2px;
}

/*------*/
.box#toeic {
}

#course #toeic .inner {
	background: #dbe6ee;
	border-left: 8px solid #4984aa;
}

#course #toeic p.with_image {
	background: url(../img/course/image_toeic.jpg) no-repeat;
}

#course #toeic a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_toeic.gif) no-repeat 2px;
}

/*------*/
.box#toefl {
}

#course #toefl .inner {
	background: #fcead6;
	border-left: 8px solid #f09531;
}

#course #toefl p.with_image {
	background: url(../img/course/image_toefl.jpg) no-repeat;
}

#course #toefl a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_toefl.gif) no-repeat 2px;
}

/*------*/
.box#gre {
}

#course #gre .inner {
	background: #eadbe6;
	border-left: 8px solid #944b80;
}

#course #gre p.with_image {
	background: url(../img/course/image_gre.jpg) no-repeat;
}

#course #gre a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_gre.gif) no-repeat 2px;
}

/*------*/
.box#row {
}

#course #row .inner {
	background: #f4ebe2;
	border-left: 8px solid #c69c6d;
}

#course #row p.with_image {
	background: url(../img/course/image_row.jpg) no-repeat;
}

#course #row a.course_link {
	padding-left: 22px;
	background: url(../img/course/head_row.gif) no-repeat 2px;
}

/*------*/

#ryoukinAnchor {
	background:url(../img/course/ryoukin/anchor.jpg) no-repeat;
	width: 720px;
	height: 62px;
	margin-top: 30px;
}

#ryoukinAnchor ul li {
	float: left;
}

#ryoukinAnchor ul li a {
	display: block;
	width: 116px;
	height: 62px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#ryoukinAnchor ul li a:hover {
	background-repeat: no-repeat;
}

#ryoukinAnchor ul li.a1 a { background: url(../img/course/ryoukin/anchor.jpg) 0 0; }
#ryoukinAnchor ul li.a2 a { background: url(../img/course/ryoukin/anchor.jpg) -120px 0; }
#ryoukinAnchor ul li.a3 a { background: url(../img/course/ryoukin/anchor.jpg) -240px 0; }
#ryoukinAnchor ul li.a4 a { background: url(../img/course/ryoukin/anchor.jpg) -360px 0; }
#ryoukinAnchor ul li.a5 a { background: url(../img/course/ryoukin/anchor.jpg) -480px 0; }
#ryoukinAnchor ul li.a6 a { background: url(../img/course/ryoukin/anchor.jpg) -600px 0; }

#ryoukinAnchor ul li.a1 a:hover { background: url(../img/course/ryoukin/anchor.jpg) 0 62px ; }
#ryoukinAnchor ul li.a2 a:hover { background: url(../img/course/ryoukin/anchor.jpg) -120px 62px; }
#ryoukinAnchor ul li.a3 a:hover { background: url(../img/course/ryoukin/anchor.jpg) -240px 62px; }
#ryoukinAnchor ul li.a4 a:hover { background: url(../img/course/ryoukin/anchor.jpg) -360px 62px; }
#ryoukinAnchor ul li.a5 a:hover { background: url(../img/course/ryoukin/anchor.jpg) -480px 62px; }
#ryoukinAnchor ul li.a6 a:hover { background: url(../img/course/ryoukin/anchor.jpg) -600px 62px; }

.hid {
	display: none;
}

.space {
	margin-left: 4px;
}

.ryoukinBox {
	margin-top: 30px;
}

.ryoukinBox p.ichiran {
	text-align: right;
	padding: 5px 0;
}

.ryoukinBox a {
	color: #000099;
	text-decoration: underline;
}

.ryoukinBox .plan {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.ryoukinBox .plan h3 {
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	background: #e9e9e9;
	padding: 7px 0 5px 15px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.ryoukinBox .plan .inner {
	padding: 14px 20px 20px;
}

.ryoukinBox .plan .inner table {
	width: 678px;
	font-size: 110%;
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-top: 10px;
}

* html .ryoukinBox .plan .inner table {
	width: 674px;
	font-size: 110%;
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-top: 10px;
}

.ryoukinBox .plan .inner table th {
	border-bottom: 1px solid #999999;
	text-align: center;
	font-weight: normal;
	font-weight: bold;
	padding: 4px 0;
}

.ryoukinBox .plan .inner table td {
	text-align: center;
	padding: 4px 0;
	line-height: 1.4;
}

.ryoukinBox .plan .inner table th.left {
	width: 20%;
}

.ryoukinBox .plan .inner table th.center {
	width: 45%;
}


.ryoukinBox .plan .inner table th.right {
	width: 35%;
}

.ryoukinBox .plan .inner table .dot {
	border-right: 1px dotted #999999;
}