@charset "utf-8";

/* CSS Document */





/* index==========================



	1.for index style

	2.for career

*/





/* 1.for index style

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

#pagetitle {

	background-image: url(../img/bg_title.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

#pagetitle h2 {

	float: left;

	padding-bottom: 10px;

}

#pagetitle ul {

	float: left;

}

#message_title {

	padding-bottom: 10px;

	clear: both;

}

#top_feature{
    padding-bottom: 20px;
    }
    

#message_txt {

	font-size: 12px;

	padding-bottom: 10px;

	clear: both;

}

#bt_area {

	font-size: 12px;

	padding-bottom: 20px;

}

#bt_area a{

	text-align: left;

	text-decoration: none;

	color: #3691cb;

}



#bt_area a:hover {

	text-decoration: underline;

	color: #3691cb;

}

#bt_area p.start{

	background-image: url(../img/i02.gif);

	background-repeat: no-repeat;

	background-position: left 2px;

	padding-left: 18px;

	margin-bottom: 10px;

}

#bt_area ul{

}

#bt_area li{

	padding-bottom: 10px;

	float: left;

	padding-right: 10px;

}

.each_course {

	width: 615px;

	padding-bottom: 20px;

	clear: both;

}

.each_course h3{

	font-size: 14px;

	font-weight: bold;

	background-image: url(../img/bg_title01.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 17px;

	padding-bottom: 10px;

	line-height: 36px;

}

.each_course .r_box{

	width: 435px;

	float: left;

}

.each_course .r_box p{

	clear: both;

	padding-bottom: 10px;

}

.each_course .r_box p.at{

	padding-bottom: 10px;

	font-size: 10px;

	color: #EE924D;

}

.each_course .r_box li{

	padding-right: 5px;

	padding-bottom: 5px;

	float: left;

}

.each_course p.img_left{

	float: left;

	padding-right: 20px;

}

.each_course p.at2{

	padding-bottom: 10px;

	font-size: 10px;

	color: #EE924D;

}


div#top_contents{
    width: 615px;
    height: 555px;
    }

div#top_contents div.flow{
    float: left;
    width: 45px;
    }
div#top_contents div.f1{
    float: left;
    width: 190px;
    background: #ffeae2;
    }
div#top_contents div.f2{
    float: left;
    width: 190px;
    background: #fff7d9;
    }
div#top_contents div.f3{
    float: left;
    width: 190px;
    background: #e4f9f7;
    }
div#top_contents div.btn{
    text-align: center;
    padding-bottom: 10px;
    }
    
#start2 {

	width: 609px;

	padding: 2px;

	border: 1px solid #D7D7D7;

	clear: both;

	margin-bottom: 25px;

}

* html #start2 {

	margin-bottom: 0px;

}

*+html #start2,{

	margin-bottom: 0px;

}

#start2in {

	width: 569px;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	background-color: #F3F3F3;

}

* html #start2in {

	padding-top: 15px;

	padding-bottom: 10px;

}

#start2in h4{

	padding-bottom: 5px;

}
div#closeUp {
	margin-bottom:40px;
}

div#closeUp li{
	background:url(../../img/i01.gif) no-repeat left 3px;
	padding:0 0 5px 20px;
	border-bottom:1px dotted #CCC;
	margin:8px 0 8px 10px;
	width:580px;
}


/* for career

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

#pagetitle2 {

	background-image: url(../img/bg_title.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

#pagetitle2 h2 {

	padding-bottom: 20px;

}

#pagetitle3 h3 {

	margin-bottom: 20px;

}

.job {

	width: 615px;

	padding-bottom: 30px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

}

.job p{

	padding-right: 10px;

	padding-left: 10px;

}

.job p.job_pd_bt20{

	padding-bottom: 20px;

}

.job h3{

	font-size: 14px;

	font-weight: bold;

	background-image: url(../img/bg_title01.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 17px;

	padding-bottom: 10px;

	line-height: 36px;

}

#return {

	text-align: right;

	padding-bottom: 30px;

}

*+html #return {

	padding-bottom: 0px;

}

* html #return {

	padding-bottom: 0px;

}

/* for clearFix

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

.each_course:after{ 

   display:block;

   height:0;

   visibility:hidden;

   clear:both;

   content:".";

}

/* 追加 MacIE 5 と WinIE 7 向け */

.each_course{

   display:inline-block;

}

/*MacIE \*/

* html .each_course{

	height:1em;

}

.each_course{

	display:block;

}

/* 

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

img{

	vertical-align:bottom;

}


/* めざす職業 */

div#job .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }

div#job .clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

div#job {
    width: 615px;
    margin-left: 14px;
    margin-top: 20px;
    margin-bottom: 25px;
    }

div#job div.field1{
    background: url(../img/job/job_f1_bg.gif) repeat-y left top;
    width: 615px;
    display: block;
    }
div#job div.field1-2{
    background: url(../img/job/job_f1-f2_bg.gif) repeat-y left top;
    width: 615px;
    display: block;
    }
div#job div.field2{
    background: url(../img/job/job_f2_bg.gif) repeat-y left top;
    width: 615px;
    display: block;
    }
div#job div.field2-3{
    background: url(../img/job/job_f2-f3_bg.gif) repeat-y left top;
    width: 615px;
    display: block;
    }
div#job div.field3{
    background: url(../img/job/job_f3_bg.gif) repeat-y left top;
    width: 615px;
    display: block;
    }

div#job h2.title{
    float: left;
    padding-left: 15px;
    padding-right: 12px;
    }
div#job h2.title2{
    float: left;
    padding-left: 19px;
    padding-right: 8px;
    }

div#job div.joblist{
    float: left;
    width: 556px;
    }
div#job div.joblist2{
    width: 556px;
    margin-left: 45px;
    }

div#job p {
    border-bottom: 1px solid #ececec;
    }
div#job p.no-line  {
    border: none;
    }
/* 
===============================================================*/	
div.job#subject_area p{
	margin-left:0;
}
#subject_area h4{
	font-size: 14px;
	font-weight: bold;
	background: url(../img/bg_title01.gif) no-repeat left top;
	padding-left: 17px;
	padding-bottom: 10px;
	line-height: 36px;
	margin-top:15px;
}
td.cl{
	text-align:center;
}
th.subject,
td.subject{
	width:130px;
}
th.schoolyear,
td.schoolyear{
	width:40px;
	text-align:center;
}
th.unit,
td.unit{
	width:40px;
	text-align:center;
}
th.contents{
	text-align:center;
}

table.design1{
	border:none;
	margin-bottom:20px;
}
table.design1 th,
table.design1 td{
	border:none;
	padding:3px 8px 3px 6px;
	vertical-align:top;

}
table.design1{
	width:610px;
	margin-top:10px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	line-height:1.3;
	font-size:12px;
}
table.design1 th{
	background-color:#EEEEEE;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-weight:normal;
	white-space:nowrap;
}
table.design1 td{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	line-height:1.4;
}


/* コース
===============================================================*/	
div#courseArea{
	background:url(../img/bg_course.gif) repeat-y;
	margin-bottom:15px;
}
div#courseList{
	width:615px;
	background:url(../img/bottom_course.gif) no-repeat bottom;
	padding-bottom:6px;
	padding:15px 0;
	overflow: hidden;
}
div#courseList li{
	background:url(../img/catch_course.gif) no-repeat left;
	padding-left:20px;
	float:left;
	display:inline;
	margin-left:40px;
	white-space: nowrap;
}