@charset "utf-8";
/* ===================================================================
CSS information

 file name  :course.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */




/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
	width: 960px;
	background: url(../images/main.jpg) no-repeat 39px top;
	margin: 0 auto;
	text-align: left;
}



/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/

#main h4 {
	margin:0 0 20px 0;
}
#main h5 {
	color:#003399;
	padding:12px 0 0 0;
}
#main h4.price {
	margin:0 0 22px 0;
	border:1px solid #aad4ed;
	padding:12px 0 0 14px;
	height:30px;
}
#main h5.price {
	margin:0 0 5px 0;
}
#main p.ttl {
	font-weight:bold;
}
#main p.center {
	text-align:center;
	padding:20px 0 40px 0;
}
#main p.center02 {
	text-align:center;
	padding:20px 0 0 0;
}
#main p.rice {
	text-indent:-1em;
	padding-left:1em;
}


/* .tabNav
----------------------------------------------------------- */
.tabNav {
	width: 690px;
	background: url(../images/img_tab.gif) left top no-repeat;
	height:57px;
	padding:0;
	margin:0 0 25px 0;
}
.tabNav li {
	float:left;
	height:57px;
	width:345px;
}
.tabNav li a {
	display:block;
	width:345px;
	overflow:hidden;
	text-indent:-9999em;
	height:57px;
}
.tabNav li.chld a.active ,
.tabNav li.chld a:hover {
	background: url(../images/img_tab.gif) left bottom no-repeat #ffffff;
}
.tabNav li.otn a.active ,
.tabNav li.otn a:hover {
	background: url(../images/img_tab.gif) -345px bottom no-repeat #ffffff;
}



/* .con_point
----------------------------------------------------------- */
#main .con_point {
	width:690px;
	overflow:hidden;
}
#main .con_point dl {
	float:left;
	width:230px;
	min-height:310px;
}
* html #main .con_point dl {
	height:310px;
}
#main .con_point dl.point1 {
	background: url(../images/bg_point1_1.gif) left top no-repeat #ffffff;
}
#main .con_point dl.point2 {
	background: url(../images/bg_point1_2.gif) left top no-repeat #ffffff;
}
#main .con_point dl.point3 {
	background: url(../images/bg_point1_3.gif) left top no-repeat #ffffff;
}
#main .con_point dl dt {
	height:151px;
}
#main .con_point dl dd {
	padding:7px 23px 5px 24px;
}
#main .con_point dl.point1 dd {
	padding:7px 23px 5px 23px;
}
#main .con_point dl.point3 dd {
	padding:7px 23px 5px 28px;
}

/* .con_program
----------------------------------------------------------*/
#main .con_program{
	width: 690px;
	padding-bottom: 40px;
}

#main .con_program h4{
	border: 1px solid #AAD4ED;
	padding: 12px 0 12px 10px;
	margin-top: 10px;
}

#main .con_program .txt{
	margin: 15px 0;
}

#main .con_program p img{
	margin-bottom: 15px;
}

#main .con_program .sche_pdf{
	text-align: right;
	padding-right: 35px;
	background: url(../images/ic_pdf.png) no-repeat right center;
}

#main .con_program .sche_pdf a{
	text-decoration: none;
	color: #063b69;
}


/* .con_curriculum
-----------------------------------------------------------*/

#main .con_curriculum{
	overflow: hidden;
}

#main .con_curriculum h4{
	border: 1px solid #AAD4ED;
	padding: 12px 0 12px 10px;
}

#main .con_curriculum .box_carr{
	float: left;
	text-align: center;
}

#main .con_curriculum table{
	width: 340px;
	margin: 0 2px;
	margin-bottom: 30px;
}

#main .con_curriculum td{
	text-align: center;
	width: 60px;
}


/* .con_course
----------------------------------------------------------- */
#main .con_course {
	width:690px;
	overflow:hidden;
	padding:0 0 40px 0;
}
#main .con_course .image {
	float:left;
	width:288px;
}
#main .con_course .image img {
	margin:0 0 5px 0;
}
#main .con_course .box_couse {
	float:left;
	width:400px;
}
#main .con_course ul {
	width:690px;
	overflow:hidden;
	padding:20px 0 0 0;
}
#main .con_course ul li {
	float:left;
	width:13em;
	padding:0;
}
#main .con_course ul li.price{
	width:16em;
}
#main .con_course ul li a {
	display:block;
	white-space: nowrap;
	background: url(../images/ic_arrow2.gif) 7px center no-repeat #d6edfb;
	padding:3px 10px 3px 14px;
	width:10em;
	color:#14448a;
}
#main .con_course ul li.price a {
	display:block;
	background: url(../images/ic_arrow1.gif) 7px center no-repeat #0a3357;
	width:13.1em;
	padding:3px 10px 3px 14px;
	color:#cae6f6;
}
#main dl.point dd {
	position:absolute;
	left:10px;
	top:190px;
}

/* .con_course（ケース2）
----------------------------------------------------------- */
#main .con_course p.image2 {
	width:690px;
	padding:0 0 20px 0;
}
#main .con_course .box_couse {
	width:690px;
}

/* .con_course（ケース3）
----------------------------------------------------------- */
#main .con_course .box_couse {
	float:left;
	width:400px;
}
#main .con_course .box_couse ul {
	width:400px;
	overflow:hidden;
	padding:20px 0 45px 0;
}


/*======================================

	tableエリア

=======================================*/


#main table {
	border-collapse:collapse;
	border:1px solid #c3cdd9;
	width: 688px;
	margin:5px 0 20px 0;
}
#main table th ,
#main table td {
	border-collapse:collapse;
	border:1px solid #c3cdd9;
	padding:5px;
	line-height:1.4;
	vertical-align:middle;
}
#main table th {
	text-align:center;
	color:#fff;
	background-color:#1071c2;
}
#main table td.time_s {
	text-align:center;
	background-color:#acd8f1;
}
#main p.center {
	text-align:center;
}
#main p input {
	background-color:#0f6fc1;
	border:1px solid #00447a;
	color:#fff;
	text-align:center;
	padding: 5px 15px;
	margin:0 10px;
}
#main p input.back {
	background-color:#d7d7d7;
	border:1px solid #00447a;
	color:#000;
}


/*----------------------------------------------------
	td内
----------------------------------------------------*/

td select ,
td textarea ,
td input.middle ,
td input.short ,
td input.long {
	border:1px solid #76aec7;
}
td textarea ,
td input.long {
	padding: 3px;
	width: 430px;
}
td input.middle {
	padding: 3px;
	width: 80px;
}
td input.short {
	padding: 3px;
	width: 40px;
}
td textarea {
	height:230px;
}

td input.radio {
	margin:0 5px 0 0;
}
#main td p input {
    background-color: #fff;
    border: 0;
    color: #000;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left;
}
td label.error {
	margin: 0 10px 0 5px;
	font-weight: bold;
	color: #C81010;
}




/*======================================

	#tab2
=======================================*/
#main #tab2 .con_point dl.point1 {
	background: url(../images/bg_point2_1.gif) left top no-repeat #ffffff;
}
#main #tab2 .con_point dl.point2 {
	background: url(../images/bg_point2_2.gif) left top no-repeat #ffffff;
}
#main #tab2 .con_point dl.point3 {
	background: url(../images/bg_point2_3.gif) left top no-repeat #ffffff;
}

#main #tab2 .con_point dl dd {
	padding:7px 27px 5px 24px;
}
#main #tab2 .con_point dl.point1 dd {
	padding:7px 21px 5px 21px;
}


/* .facilities
----------------------------------------------------------- */
#main .con_fac ,
#main .con_fac2 {
	width:690px;
	overflow:hidden;
	padding:0 0 25px 0;
}
#main .con_fac .left,
#main .con_fac .right ,
#main .con_fac2 .left,
#main .con_fac2 .right {
	float:left;
	width:384px;
}
#main .con_fac .left p,
#main .con_fac .right p ,
#main .con_fac2 .left p,
#main .con_fac2 .right p {
	padding:0 0 3px 0;
}
#main .con_fac .right {
	width:306px !important;
}
#main .con_fac2 .left {
	width:307px !important;
}
#main .con_fac2 .right {
	width:383px !important;
}
#main .mr1 {
	margin-right:1px;
}

.change_time {
	color:#C00;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}
*:first-child+html #main .con_course ul li {
	width:11.5em;
}
*:first-child+html #main .con_course ul li.price {
	width:14.5em;
}
*:first-child+html #main .con_course ul li a {
	width:8.5em;
}
*:first-child+html #main .con_course ul li.price a {
	width:11.5em;
}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

* html #main .con_course ul li {
	width:11.5em;
}
* html #main .con_course ul li.price {
	width:14.5em;
}
* html #main .con_course ul li a {
	width:8.5em;
}
* html #main .con_course ul li.price a {
	width:11.5em;
}