@charset "utf-8";

/* CSS Document */





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



	1.for index style

	2.for career

*/





/* 1.for index style

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

.mb30{
	margin-bottom:19px;
}

#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_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 p{

	clear: both;

	padding-bottom: 10px;

}

.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 a.link_i,#start2in a.link_i{

	margin-left: 0px;

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

	background-repeat: no-repeat;

	background-position: left top;

	color: #3691cb;

	text-decoration: none;

	padding-left: 20px;

	font-size: 12px;

}

.each_course a.link_i:visited,#start2in a.link_i:visited{

	color: #3691cb;

	text-decoration: none;

}

.each_course  a.link_i:hover,#start2in a.link_i:hover{

	color: #3691cb;

	text-decoration: underline;

}



.each_course .r_box li{

	padding-right: 5px;

	padding-bottom: 5px;

	float: left;

}

.each_course p.img_left{

	float: left;

	padding-right: 20px;

	width: 160px;

}

.each_course p.img_left2{

	float: left;

	width: 180px;

	text-align: center;

}

#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;

}

#start2in p{

	padding-bottom: 10px;

}

* html #start2in {

	padding-top: 15px;

	padding-bottom: 10px;

}

#start2in h4{

	padding-bottom: 5px;

}

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

div#closeUp li{
	background:url(../../img/i03.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 {

	padding-bottom: 30px;

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

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 3px;

}

.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;

}

.job li{

	padding-left: 15px;

	padding-bottom: 5px;

	list-style-type: disc;

	font-size: 12px;

	list-style-position: inside;

}

#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#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 15px;
	overflow: hidden;
}
div#courseList li{
	background:url(../img/catch_course.gif) no-repeat left;
	padding-left:20px;
	float:left;
	display:inline;
	margin:0 0 5px 30px;
	white-space: nowrap;
}