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


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

	1.for course
	2.for teacher
	3.for kamoku
	4 cc_system
*/


/* 1.for course
===============================================================*/
#m_img{
	padding-bottom: 20px;
}
.course01 {
	clear: both;
	padding-bottom: 20px;
}
.course01 h3{ 
	margin-bottom: 10px;
}
.course01 h4{ 
	float: left;
	margin-bottom: 10px;
	margin-left:15px;
}
#course_name01 li a,#course_name02 li a,#course_name03 li a,#course_name04 li a{
	color: #666666;
	text-decoration: none;
}
#course_name01 li a:hover ,#course_name02 li a:hover ,#course_name03 li a:hover ,#course_name04 li a:hover {
	color: #77A703;
	text-decoration: underline;
}
#course_name01,#course_name02,#course_name03,#course_name04 {
	clear: both;
	background-color: #F3F3F3;
	padding: 10px;
}
#course_name01 ul,#course_name02 ul,#course_name03 ul,#course_name04 ul{
	float: left;
	width: 590px;
	font-size: 12px;
	line-height: 22px;
}
#course_name01 li,#course_name02 li,#course_name03 li,#course_name04 li{
	float: left;
	background-image: url(../img/i01.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	width: 275px;
}
#course_name02 li{
	background-image: url(../img/i02.gif);
}
#course_name03 li{
	background-image: url(../img/i03.gif);
}
#course_name04 li{
	background-image: url(../img/i04.gif);
	width: 600px;
}
.course01 .right{
	float: right;
	padding-top: 5px;
}
.course01 .right02{
	float: right;
	padding-top: 0px;
}
/* 2.for teacher
===============================================================*/
#pagetitle {
	background-image: url(../img/bg_title.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#pagetitle h2 {
	float: left;
	margin-top: 3px;
	padding-bottom: 20px;
}
#pagetitle p.year {
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	font-size: 10px;
}
#pagenavi {
	font-size: 12px;
	background-color: #F2F2F2;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
}
#pagenavi li{
	margin-right: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	display: inline;
}
#pagenavi li a {
	color: #3691cb;
	text-decoration: none;
}
#pagenavi li a:hover {
	color: #3691cb;
	text-decoration: underline;
}
#pagenavi li.border_none {
	border-right-style: none;
}

#message_txt {
	font-size: 12px;
	padding-bottom: 20px;
}
#message_txt h3 {
	font-size: 12px;
	color:#669900;
	font-weight: bold;
}
.each_course {
	width: 644px;
	clear: both;
	margin-bottom: 20px;
}
.each_course h3{
	font-size: 14px;
	font-weight: bold;
	color: #8CC310;
	background-image: url(../img/bg_title02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	height: 26px;
	padding-top: 2px;
	padding-bottom: 5px;
}
.each_course h3.b01{
	color: #4AB2FF;
	background-image: url(../img/bg_title01.gif);
}
.each_course h3.b03{
	color: #F7A600;
	background-image: url(../img/bg_title04.gif);
}
.each_course h3.b04{
	color: #FF7194;
	background-image: url(../img/bg_title03.gif);
}
.each_course h3.b05{
	color: #999999;
	background-image: url(../img/bg_title05.gif);
}
/*.each_course dl{
	width: 630px;
}*/
.each_course dt,.each_course dd{
	float: left;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.each_course dl{
	/*	clear: both;*/
	width: 624px;
	margin-right: 10px;
	margin-left: 10px;
}
.each_course dt{
	width: 245px;
	padding-left: 5px;
/*	clear: both;*/
}

.each_course dl dd a{
	font-size: 12px;
	background-image: url(../img/i05.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 18px;
	text-align: left;
	display: inline;
}
.each_course dl dd.teacher_name a,.each_course dl dd.teacher_name2 a {
	color: #3691cb;
	text-decoration: none;
}

.each_course dl dd.teacher_name a:hover,.each_course dl dd.teacher_name2 a:hover {
	color: #3691cb;
	text-decoration: underline;
}
.each_course dd.line2 {
	width: 104px;
	padding-top: 8px;
	padding-bottom: 11px;
}
.each_course dd.teacher_name{
	width: 127px;
	font-size: 12px;
	color: #3691cb;
	text-decoration: none;
	text-align: left;
}
.each_course dd.teacher_name2{
	width: 127px;
	font-size: 12px;
	color: #3691cb;
	text-decoration: none;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 11px;
}
.each_course dd.jobtype{
	width: 87px;
}
.each_course dd.hp{
	width: 44px;
	height: 20px;
	padding-bottom: 6px;
}
.each_course dd.hp a{
	background: none;
	margin: 0;
	padding: 0;
	width: 39px;
	height: 20px;
	display: block;
	background: url(../img/btn_hp.gif) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}
.each_course dd.hp a:hover{
	background: url(../img/btn_hp_on.gif) no-repeat top left;
}
.each_course dd.cu{
	width: 116px;
	height: 20px;
	padding-bottom: 6px;
}
.each_course dd.cu a{
	background: none;
	margin: 0;
	padding: 0;
	width: 115px;
	height: 20px;
	display: block;
	background: url(../img/btn_cu.gif) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}
.each_course dd.cu a:hover{
	background: url(../img/btn_cu_on.gif) no-repeat top left;
}


/* 3.for kamoku
===============================================================*/
#closeup_banner{
float:right;
width:401px;
height:119px;
}
#pdf_dl {
	padding-bottom: 30px;
}
#pdf_dl li a {
	font-size: 12px;
	background-image: url(../img/i05.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 18px;
	color: #3691cb;
	text-decoration: none;
}
#pdf_dl li a:visited {
	color: #3691cb;
	text-decoration: none;
}
#pdf_dl li a:hover {
	color: #3691cb;
	text-decoration: underline;
}
#Unit_list{
	padding-bottom: 20px;
}
#Unit_list h3{
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/bg_title02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	height: 26px;
	padding-top: 2px;
	padding-bottom: 10px;
}
#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;
}
#Unit_list td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:1em 1em;
    padding:0.3em 1em;
    text-align:center;
}
#Unit_list td.td_tit{
	background-color:#e8e8e8;
	padding:3px;
	text-align:center;
}
#Unit_list td#bt_border{
	background-image: url(../img/ff_border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom-style: none;
}
/* 4 cc_system
===============================================================*/
.cc_box_out {
	padding-bottom: 20px;
	clear: both;
	width: 644px;
}
.cc_box_out h3{
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/bg_title02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	height: 26px;
	padding-top: 2px;
	padding-bottom: 10px;
}
.cc_box {
	padding-right: 10px;
	padding-left: 10px;
	clear: both;

}
.cc_box h4{
	color:#679139;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.cc_box p.at{
	padding-bottom: 10px;
	font-size: 10px;
	color: #EE924D;
}
.cc_box p.left_img{
	float: left;
	margin-right: 10px;
}
.cc_box dl{
	font-size: 12px;
	float: left;
	width: 460px;
	padding-bottom: 20px;
}
*html .cc_box dl{
	padding-bottom: 0px;
}
*+html .cc_box dl{
	padding-bottom: 0px;
}
.cc_box dt{
	font-weight: bold;
	color: #8CC310;
}
.gp_box {
	margin-left: 0px;
	background-color:#FFF7F9;
	border: 3px solid #F9DDE9;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 0px;
	width: 594px;
	margin-top: 10px;
}
.gp_box p {
	padding-bottom: 5px;
}
.gp_box ul {
	font-size: 12px;
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 0px;
}
.gp_box li a {
	color: #3691cb;
	text-decoration: none;
}
.gp_box li a:visited {
	color: #3691cb;
	text-decoration: none;
}
.gp_box li a:hover {
	color: #3691cb;
	text-decoration: underline;
}
.contact {
	font-size: 12px;
	margin-left: 0px;
	background-color: #F7F3F7;
	border: 1px solid #D6D7D6;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
	width: 180px;
}
/* for clearFix
===============================================================*/
#course_name01:after,#course_name02:after,#course_name03:after,#course_name04:after,#pagetitle:after,.each_course:after,#pagenavi:after{ 
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
   content:".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
#course_name01,#course_name02,#course_name03,#course_name04,#pagetitle,.each_course,.each_course dt,#pagenavi{
   display:inline-block;
}
/*MacIE \*/
* html #course_name01,* html #course_name02,* html #course_name03,* html #course_name04,* html #pagetitle,* html .each_course,* html .each_course dt,* html #pagenavi{
	height:1em;
}
#course_name01,#course_name02,#course_name03,#course_name04,#pagetitle,.each_course,.each_course dt,#pagenavi{
	display:block;
}
/*  */

/* 汎用
===============================================================*/
.txt10px {
	font-size: 10px;
}