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

 file name  :experience.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 p.lesson {
	margin:0 0 25px 0;
}
#main h4 {
	margin:0 0 22px 0;
	border:1px solid #aad4ed;
	padding:12px 0 0 14px;
	height:30px;
}

/* #lesson1
----------------------------------------------------------- */
#lesson1 ,
#lesson2 {
	padding:0 0 35px 0;
}

/* .con_les
----------------------------------------------------------- */
#main .con_les {
	width:690px;
	overflow:hidden;
}
#lesson1 .con_les.step1 {
	background: url(../images/bg_step1.jpg) no-repeat 6px top;
	padding:0 0 0 272px;
	min-height:208px;
	width:418px;
}
* html #lesson1 .con_les.step1 {
	height:208px;
}
#main .con_les dt {
	padding:30px 0 0 0;
}
#main .con_les dd {
	padding:9px 0 0 0;
}
#main .con_les dd p {
	margin:0 0 0 10px;
}
#main .con_les dd ul {
	background:#fceef0;
	padding:8px 14px;
	margin:6px 0;
}
#main .con_les dd ul li {
	color:#453030;
	padding:0 0 3px 0;
}
#main .con_les dd ul li.case {
	font-weight:bold;
}
#main .con_les dd ul li.line {
	border-top:1px dotted #453030;  
}
#main .con_les dd ul li.info {
	font-size:90%;
	line-height:1.2em;  
}

/* .con_lesson
----------------------------------------------------------- */
#main .con_lesson {
	width:690px;
	overflow:hidden;
}
#main .con_lesson .con_les_left {
	float:left;
	background: url(../images/bg_step2.jpg) no-repeat 8px top;
	width:190px;
	padding:0 0 0 108px;
	min-height:161px;
}
* html #main .con_lesson .con_les_left {
	height:161px;
}
#main .con_lesson .con_les_left dt {
	padding:18px 0 0 0;
}
#main .con_lesson .con_les_left dd {
	padding:17px 0 0 45px;
}
#main .con_lesson .con_les_right {
	float:left;
	background: url(../images/bg_step3.gif) no-repeat left 20px;
	width:228px;
	padding:20px 0 0 115px;
}
#main .con_lesson .con_les_right dt {
	padding:50px 0 0 0;
}
#main .con_lesson .con_les_right dd {
	padding:10px 0 0 0;
}
#main .point {
	padding:0 0 0 102px;
}

/* .con_les.step4
----------------------------------------------------------- */
#lesson1 .con_les.step4 {
	background: url(../images/bg_step4.jpg) no-repeat 8px top;
	padding:0 0 0 276px;
	min-height:212px;
	width:414px;
}
* html #lesson1 .con_les.step4 {
	height:212px;
}
#lesson1 .con_les.step4 dt {
	padding:30px 0 0 0;
}
#lesson1 .con_les.step4 dd {
	padding:5px 0 0 0;
}
#lesson1 .con_les.step4 dd p {
	padding:10px 10px 12px 14px;
}
#lesson1 .con_les.step4 dd p.info {
	background:#fceef0;
}

/* .con_les_end
----------------------------------------------------------- */
#main .con_les_end {
	width:690px;
	overflow:hidden;
	background: url(../images/bg_step5.gif) no-repeat 12px 20px;
	padding:0 0 0 110px;
	min-height:125px;
	width:580px;
	position:relative;
}
* html #main .con_les_end {
	height:125px;
}
#main .con_les_end dt {
	padding:38px 0 0 0;
}
#main .con_les_end dd {
	padding:14px 0 0 0;
	width:298px;
}
#main .con_les_end dd.image {
	position:absolute;
	right:139px;
	top:0;
	padding:0;
	width:122px;
	height:121px;
}


/* dl.lesson_time
----------------------------------------------------------- */
#main dl.lesson_time ,
#main dl.lesson_time2 {
	width:604px;
	overflow:hidden;
	margin:20px 20px 25px 20px;
	padding:10px 23px 0 23px;
	background:#fceef0;
	color:#ce2852;
	font-weight:bold;
}
#main dl.lesson_time dt ,
#main dl.lesson_time2 dt {
	float:left;
	width:6.5em;
	padding:0 0 10px 0;
}
#main dl.lesson_time dd ,
#main dl.lesson_time2 dd {
	padding:0 0 10px 0;
}

/* .txt_pri
----------------------------------------------------------- */
#main .txt_pri{
	text-align:right;
	padding-right: 110px ;
	margin-bottom: 20px;
}


/* dl.apply
----------------------------------------------------------- */
#main dl.apply {
	width:492px;
	overflow:hidden;
	margin:0 0 0 88px;
	padding:0;
}
#main dl.apply dt {
	padding: 5px 0;
}
#main dl.apply dd {
	float:left;
	width:218px;
	padding:15px 0 0 12px;
}
#main dl.apply dd.tel {
	width:227px;
	padding:0;
}
#main dl.apply .txt_tel{
	font-size: 1.5em;
	color: #58121D;
	font-weight: bold;
}


/* #lesson2
----------------------------------------------------------- */
#lesson2 {
	padding:0 0 35px 0;
}

/* .con_les
----------------------------------------------------------- */
#lesson2 .con_les {
	width:690px;
	overflow:hidden;
}
#lesson2 .con_les.step1 {
	background: url(../images/bg_step2-1.jpg) no-repeat 6px top;
	padding:0 0 0 272px;
	min-height:208px;
	width:418px;
}
* html #lesson2 .con_les.step1 {
	height:208px;
}
#lesson2 .con_les dd ul {
	background:#d7e8f2;
	padding:8px 14px;
	margin:6px 0;
}

/* .con_les.step2
----------------------------------------------------------- */
#lesson2 .con_les.step2 {
	width:561px;
	background: url(../images/bg_step2-2.gif) no-repeat 0 0;
	padding:0 0 0 93px;
	min-height:155px;
	position:relative;
}
* html #lesson2 .con_les.step2 {
	height:155px;
}
#lesson2 .con_les.step2 dt {
	padding:17px 0 0 0;
}
#lesson2 .con_les.step2 dd {
	position:absolute;
	top:52px;
	left:100px;
	padding:0;
	width:398px;
	z-index:5;
}
#lesson2 .con_les.step2 dd.image {
	position:absolute;
	top:0;
	left:396px;
	z-index:3;
	width:245px;
	height:121px;
}


/* .con_les.step3
----------------------------------------------------------- */
#lesson2 .con_les.step3 {
	width:353px;
	background: url(../images/bg_step2-3.jpg) no-repeat 0 0;
	padding:0 0 0 263px;
	margin:0 0 0 62px;
	min-height:215px;
	position:relative;
}
* html #lesson2 .con_les.step3 {
	height:215px;
}
#lesson2 .con_les.step3 dt {
	padding:22px 0 0 0;
}
#lesson2 .con_les.step3 dd {
	padding:15px 0 0 16px;
}

/* .con_les_end
----------------------------------------------------------- */
#lesson2 .con_les.step4 {
	overflow:hidden;
	background: url(../images/bg_step2-4.gif) no-repeat 7px 20px;
	padding:0 0 0 102px;
	min-height:130px;
	width:498px;
	position:relative;
}
* html #lesson2 .con_les.step4 {
	height:130px;
}
#lesson2 .con_les.step4 dt {
	padding:38px 0 0 0;
}
#lesson2 .con_les.step4 dd {
	padding:14px 0 0 13px;
	width:290px;
}
#lesson2 .con_les.step4 dd.image {
	position:absolute;
	left:476px;
	top:0;
	padding:0;
	width:122px;
	height:121px;
}


/* dl.lesson_time2
----------------------------------------------------------- */
#main dl.lesson_time2 {
	background:#d7e8f2;
	color:#00395a;
}

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

	お問い合わせページ

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

#main h4.ttl {
	padding:0;
	border:0;
	height:auto;
	margin:0 0 20px 0;
}
#main h5 {
	margin:0 0 10px 0;
}
#main p.tel_cotact {
	border:1px solid #8cc7e2;
	padding:23px 14px;
	margin:0 0 35px 0;
}
#main table {
	border-collapse:collapse;
	border:1px solid #c3cdd9;
	width: 688px;
	margin:20px 0;
}
#main table th ,
#main table td {
	border-collapse:collapse;
	border:1px solid #c3cdd9;
	padding:10px;
	line-height:1.4;
	vertical-align:middle;
}
#main table th {
	text-align:right;
	color:#2a0d03;
	width:140px;
	background-color:#c8e1f8;
}
#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;
}


/*----------------------------------------------------
	個人情報の取り扱いについて
----------------------------------------------------*/
.privacy {
	border:1px solid #ccc;
	width:490px;
	height:290px;
	padding:5px 5px 5px 0;
	overflow-y:scroll;
	margin:0 0 10px 0;
}
.privacy dt {
	font-weight:bold;
}
.privacy dd {
	padding:5px 0 15px 35px;
}
.privacy p {
	margin:10px 0 0 0;
	text-align:right;
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/




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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

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