@charset "utf-8";
/* CSS Document */


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

	1.for index style
*/


/* 1.for index style
===============================================================*/


/*#pagetitle {
	background-image: url(../img/bg_title.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
*/#pagetitle h2 {
	padding-bottom: 10px;
}
#pagetitle ul {
	float: left;
}
#message_txt {
	font-size: 12px;
	padding-bottom: 20px;
	clear: both;
}
#bt_area {
	font-size: 12px;
	padding-bottom: 5px;
}
#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{
	margin-top:10px;
}
#bt_area li{
	padding-bottom: 10px;
	float: left;
	padding-right: 10px;
}
p.cplife{
	padding:0px 0 30px;
}


.bundle  {
	width: 615px;
	padding-bottom: 20px;
	clear: both;
}
.bundle h3{
margin:0;
padding:0;
}
.each_course {
	width: 615px;
	padding-bottom: 20px;
	clear: both;
}
.each_course h4{
	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 h4.yellow{
	background-image: url(../img/bg_title02.gif);
}
.each_course p{
	clear: both;
	padding-bottom: 10px;
}
.each_course p.pd_bt0{
	padding-bottom: 0px;
}
.each_course .r_box{
	float: left;
	width: 435px;
}
.each_course .r_box p{
	clear: both;
	padding-bottom: 10px;
}
.each_course .r_box p.lf_20{
	padding-left: 20px;
}
.each_course .r_box li{
	padding-bottom: 5px;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 5px;
}

.each_course h5{
	font-size: 12px;
	font-weight: bold;
	color: #8EC112;
	margin:10px 0;
}
.each_course dl{
	font-size: 12px;
}
.each_course dt{
	float: left;
	clear: both;
	width: 60px;
	font-weight: bold;
	color: #DBB542;
}
.each_course dl dd{
	float: left;
	width: 400px;
}
.each_course .r_box2{
	float: left;
	width: 316px;
}
.each_course .r_box2 p{
	clear: both;
	padding-bottom: 10px;
}
.hoiku_link {
	clear: both;
	padding-top: 10px;

}
.hoiku_link a{
	margin-left: 0px;
	background-image: url(../img/i01.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #3691cb;
	text-decoration: none;
	padding-left: 20px;
	font-size: 12px;
}
.hoiku_link a:visited{
	color: #3691cb;
	text-decoration: none;
}
.hoiku_link a:hover{
	color: #3691cb;
	text-decoration: underline;
}

ul.stepImg{
	list-style:none;
	list-style-position:outside;
}

ul.stepImg,ul.stepImg li img{
margin-bottom:5px;
}

.each_course p.img_left{
	float: left;
	padding-right: 20px;
}
.each_course p.img_left2{
	float: left;
	width: 269px;
	padding-right: 20px;
}
.img_box_hoken {
	width: 615px;
	clear: both;
}
.img_box_hoken p {
	float: left;
	margin-right: 15px;
	width: 300px;
}
.img_box_hoken ul{
	padding-top: 10px;
}
.img_box_hoken li{
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
}

.listbox01 {
	float: left;
	margin-right: 17px;
	margin-bottom: 15px;
}
.listbox02 {
	float: left;
	margin-bottom: 15px;
}
.listbox01 ul,.listbox02 ul {
	width: 306px;
	margin-left: 3px;
	font-size: 12px;
	padding-top: 3px;
}
.listbox01 li{
	border-bottom: 1px dotted #696969;
	padding-left:16px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 16px;	
	background-image:url(../img/hoi_icotrait.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:14px;
}

.listbox02 li {
	border-bottom: 1px dotted #696969;
	padding-left:16px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 16px;
	background-image:url(../img/hoi_icoclose.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:14px;
}

.listbox01 li a,.listbox02 li a {
	color: #666666;
	text-decoration: none;
}
.listbox01 li a:visited,.listbox02 li a:visited{
	text-decoration: none;
}
.listbox01 li a:hover,.listbox02 li a:hover{
	color: #77a703;
	text-decoration: underline;
}
#Unit_list {
	clear: both;
	margin-bottom: 20px;
}
#Unit_list table{
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	width: 615px;
}
#Unit_list td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:1em 1em;
    padding:0.3em 1em;
	padding:15px 0px;
    text-align:center;
}
#Unit_list td.td_tit{
	background-color:#dfdfdf;
	padding:3px;
	text-align:center;
}
#Unit_list td.td_month{
	background-color:#ededed;
	padding:3px;
	text-align:center;
}
#Unit_list td.td_hoikujo{
	background-color:#69ddff;
	padding:3px;
	text-align:center;
	color:#FFF;
}
#Unit_list td.td_hukushi{
	background-color:#ff8da0;
	padding:3px;
	text-align:center;
	color:#FFF;
}
#Unit_list td.td_youchien{
	background-color:#6ce16c;
	padding:3px;
	text-align:center;
	color:#FFF;
}
#Unit_list td#bt_border{
	background-image: url(../img/ff_border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom-style: none;
}

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

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

/* 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;
}

table.tokuBox th,
table.tokuBox td{
	padding-top:10px;
	padding-right:10px;
}
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/hoi_icoclose.gif) no-repeat left;
	padding-left:20px;
	float:left;
	display:inline;
	margin:0 0 5px 10px;
	white-space: nowrap;
}