@charset "utf-8";
div#main_navi li.navi02 a {
	border-bottom: 2px solid #990000;
	color:#990000 ;
}
div#main_navi li.navi02 ul li a{
  border-bottom: 1px dotted #444;
  color: #333;
}

/********************course**********************/
#course {}
#course h2 {height:40px;border-bottom:2px solid #916c35;}
#course h2 img {display:block;}
#course #course_list {
	border:1px solid #BBB;
	padding:5px 10px 10px 10px;
	overflow:hidden;
}
* html #course #course_list {
	display:inline-block;
}
#course .genre_top {
	clear:both;
	margin:10px 0;
	}
#course .genre_left {float:left;width:420px;}
#course .genre_left p {font-size:10px;}
#course img.img_right {float:right;}
#course .co_box {
	clear:both;
		border-bottom:1px solid #FFF;
	padding:10px 0;
	position:relative;
	overflow:hidden;
	}
* html #course .co_box {
	display:inline-block;
}


#course #box_k,#course #box_ild {
	border-bottom:1px solid #999;
}
#course #box_ksk{background:#f0ebe1;border-top:1px solid #846f51;}
#course #box_kd{background:#f7fef5;border-top:1px solid #006807;}
#course #box_k{background:#f9ffe8;border-top:1px solid #7da82b;}
#course #box_ikd{background:#feffe8;border-top:1px solid #e4b500;}
#course #box_ic{background:#fff7e8;border-top:1px solid #c05d1c;}
#course #box_ild{background:#fff4fe;border-top:1px solid #a90c64;}


#course a.co_btn2 {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:30px;
	text-indent:-9999px;
	background:url("../img/course/detail_btn.gif") no-repeat left top;
}
#course a.co_btn2:hover {
	background-position:left -30px;
}
#course a.co_btn {
	display:block;
	text-indent:-9999px;
	width:214px;
	height:106px;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}
#course a.co_btn:hover {
	background-position:-214px top;
}
#course #box_ksk a.co_btn{background-image:url("../img/course/course_bar_ksk.gif");}
#course #box_kd a.co_btn{background-image:url("../img/course/course_bar_kd.gif");}
#course #box_k a.co_btn{background-image:url("../img/course/course_bar_k.gif");}
#course #box_ikd a.co_btn{background-image:url("../img/course/course_bar_ikd.gif");}
#course #box_ic a.co_btn{background-image:url("../img/course/course_bar_ic.gif");}
#course #box_ild a.co_btn{background-image:url("../img/course/course_bar_ild.gif");}

#course .co_center {
	float:left;
	width:310px;
	margin-right:10px;
}
#course .co_center h4{
	font-size:14px;
	color:#000;
}
#course .co_center dl {
	margin-top:10px;
}
#course .co_center dl dt{
	font-weight:bold;
	margin-bottom:3px;
}
#course .co_center dl dd{
	float:left;
	margin-right:5px;
	white-space:nowrap;
	font-size:11px;
	line-height:16px;
	}
#course #box_ksk .co_center dl dt  {color:#846f51; border-bottom:1px solid #846f51;}
#course #box_kd .co_center dl dt  {color:#006807;border-bottom:1px solid #006807;}
#course #box_k .co_center dl dt  {color:#7da82b;border-bottom:1px solid #7da82b;}
#course #box_ikd .co_center dl dt  {color:#e4b500;border-bottom:1px solid #e4b500;}
#course #box_ic .co_center dl dt  {color:#c05d1c;border-bottom:1px solid #c05d1c;}
#course #box_ild .co_center dl dt  {color:#a90c64;border-bottom:1px solid #a90c64;}

#course .point_box {
	width:150px;
	float:left;
}

/**********course_left**************/
.course_left {
  width:180px;
  float:left;
  overflow:hidden;
}
/*************course_right************************/
.course_right {
  width:660px;
  float:right;
  overflow:hidden;
}
.top_img {
  background:#f1f1f1;
  padding-bottom:1em;
  overflow:hidden;
  position:relative;
}
.top_img h2,
.top_img em{
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100px;
  font-size:9px;
  text-indent:-99999em;
  overflow:hidden;
}

.top_img .midasi {
  margin:10px;
  overflow:hidden;
}
.top_img .midasi h3{
  margin:10px 0;
  font-size:14px;
}
* html .top_img .midasi {
  display:inline-block;
}
.top_img .midasi p{
  line-height:22px;
  margin:0.5em 0 1em 0;
}
.top_img .mezasu{
  background:#FFF url(../img/course/all/mezasu.gif) no-repeat 5px center;
  padding:1em 1em 1em 100px;
  width:360px;
  margin:10px 0;
  display:inline-block;
  float:left;
}
.top_img .mezasu dt{
  float:left;
  text-indent:-99999em;
  width:2px;
}
.top_img .mezasu dd{
  float:left;
  white-space:nowrap;
  }
  
.top_img .right_point {
	text-align:right;
  margin-top:1em;
  float:right;
}
.top_img .right_point a.point_click{
	font-size:11px;
	display:block;
	margin-top:0px;
	text-align:right;
	line-height:13px;
}

/*****************all**********************************/
#course_wrapper {}

#course_top {
  overflow:hidden;
}

#txt_contents {
	padding:0px;
	overflow:hidden;
}


#left_area {
	clear:both;
}
#left_area p {line-height:190%;}
#left_area h3{
	margin-top:1.5em;
	margin-bottom:0.5em;
}
#left_area h4{
	margin-top:1.5em;
	margin-bottom:0.5em;
}
#left_area dl.go_job {
	border:2px solid #846f51;
	overflow:hidden;
	padding:0 10px 5px 0;
	font-size:11px;
	margin-top:10px;
}
* html #left_area dl.go_job {
	display:inline-block;
}


#left_area dl.go_job dt{
	background:#846f51;
	color:#FFF;
	font-weight:bold;
	width:100px;
	text-align:center;
	padding:2px ;
}
#left_area dl.go_job dd{
	float:left;
	margin:5px 5px 0 0;
}

#left_area .pickup {
  overflow:hidden;
  clear:both;
  _display:inline-block;
  }
#left_area .pickup img{
	float:left;
	margin-right:10px;
	}
#left_area .pickup h5{
	font-size:14px;
	margin:0 0 10px 0px;
	}
#left_area .pickup p{
	font-size:11px;
	line-height:16px;
}

#left_area .pic_txt {
	overflow:hidden;
}
#left_area .pic_txt img{
	float:right;
	margin:0 0 10px 10px ;
}
#left_area ul.tokuten {
	line-height:170%;
	font-weight:bold;
}

.nintei {
  background:#eee;
  margin:1em 0;
  padding:1em ;
}
.nintei img {
  display:block;
  float:left;
  margin-right:1em;
}
.nintei ul li {
  margin-bottom:7px;
}
/****************right_area***********/

#right_area {
	float:right;
	width:250px;
}
#right_area h4{
	margin-top:1.5em;
	margin-bottom:0.5em;

}
#right_area table.cor{
	font-size:11px;
	border-collapse:collapse;
	width:100%;
}
#right_area table.cor th{
	width:60px;
	border-bottom:1px dotted #777;
}
#right_area table.cor td {
	border-bottom:1px dotted #777;
	padding:5px 0;
}
#pamph_box {
width:250px;
overflow:hidden;
float:right;
}
.pamph_area {
	background:url("../img/course/all/pamph_bg.gif") no-repeat left top;
	width:230px;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:5px 10px 15px 10px;
}
.pamph_area p {
	font-size:11px;
	margin-bottom:10px;
}
.p_b_img {
	background:url("../img/course/all/pamph_bg.gif") no-repeat left bottom;
	width:250px;
	height:4px;
	margin:0 0 10px 0;
	text-indent:-9999px;
}
.pamph_area ul {list-style:none;}
.pamph_area ul li{
	float:left;
	margin:2px;
	}
.pamph_area ul li a{
	background:#ff9f00;
	color:#FFF;
	display:block;
	padding:5px 0;
	width:110px;
	text-align:center;
	text-decoration:none;
}
.pamph_area ul li a:hover{
	background:#f07200;
}

.etc_link {
	clear:both;
	}
.etc_link h3{
	border-bottom:1px solid #BBB;
}
.etc_link dl{
	margin:1em 1em 0 0em;
	padding:0 1em 0 0;
	float:left;
	border-right:1px dotted #BBB;
}
.etc_link dl dt{
	display:none;
}
.etc_link dl dd a{
	display:block;
	text-decoration: none;
	background:url("../img/li_icon.gif") no-repeat 3px center;
	padding:2px 0 2px 12px;
  font-size:11px;

}

.sakuhin {
  padding:5px 1em;
  border:2px solid #BBB;
  color:#FFF;
  font-weight:bold;
  font-size:14px;
  border-top:none;
  border-left:none;
}

.works_box {
  position:relative;
  padding:0;
  
}
.works_box a {
  position:absolute;
  right:10px ;
  top:8px;
  display:block;
  background:#FFF;
  padding:1px 5px;
}
.works_box h4{
  background: #286ace url("../img/common/line_bar.gif") repeat-x left top;
  padding:5px 10px;
  color:#FFF;
  margin:0 0 5px 0;
}
/********************course_kd******(006807)****************/
#c_kd #title_area dl dt{background:#006807;}
#c_kd #title_area dl dd{color:#006807;}

#c_kd #left_area dl.go_job {border:2px solid #006807;}
#c_kd #left_area dl.go_job dt{background:#006807;}

#c_kd #works_kd_r {overflow:hidden;}
#c_kd #works_kd_r h5{font-size:14px;color:#6d9133;}
#c_kd #works_kd_r p{font-size:11px;line-height:16px;}

.color_kd {color:#006807;}
/********************course_k**********(7da82b)************/
#c_k #title_area dl dt{background:#7da82b;}
#c_k #title_area dl dd{color:#7da82b;}

#c_k #left_area dl.go_job {border:2px solid #7da82b;}
#c_k #left_area dl.go_job dt{background:#7da82b;}

.color_k {color:#7da82b;}
/********************course_ikd***********(e4b500)***********/
#c_ikd #title_area dl dt{background:#e4b500;}
#c_ikd #title_area dl dd{color:#e4b500;}

#c_ikd #left_area dl.go_job {border:2px solid #e4b500;}
#c_ikd #left_area dl.go_job dt{background:#e4b500;}

.color_ikd {color:#e4b500;}
/********************course_ic***************(c05d1c)*******/
#c_ic #title_area dl dt{background:#c05d1c;}
#c_ic #title_area dl dd{color:#c05d1c;}

#c_ic #left_area dl.go_job {border:2px solid #c05d1c;}
#c_ic #left_area dl.go_job dt{background:#c05d1c;}

.color_ic {color:#c05d1c;}
/********************course_ild**************(a90c64)********/
#c_ild #title_area dl dt{background:#a90c64;}
#c_ild #title_area dl dd{color:#a90c64;}

#c_ild #top_txt {
	font-size:11px;
	line-height:170%;
	background:#F2f2f2;
	padding:5px ;
	overflow:hidden;
}
* html #c_ild #top_txt {
	display:inline-block;
}
#c_ild #top_txt img{
	float:right;
	margin:2px 0 10px 10px;
}
#c_ild #top_h3 {margin:1em 0 1em 0;}
#c_ild .pic_txt2 {
	margin:5px 0 1em 0;
	font-size:11px;
	line-height:22px;
}
#c_ild .pic_txt2 img{
	float:right;
	margin:0 0 10px 10px;
}
#c_ild #shikaku_job {margin-top:2em;}
#c_ild #shikaku_job dl{
	float:left;
	width:260px;
	margin-right:5px;
}
#c_ild #works_ild_r {margin:10px 0;}
#c_ild #works_ild_r img{margin-bottom:5px;}

/**

#c_ild 
#c_ild 
**/
#c_ild #left_area dl.go_job {border:2px solid #a90c64;}
#c_ild #left_area dl.go_job dt{background:#a90c64;}

.color_ild {color:#a90c64;}



/*****************カリキュラムボックス***************************/
.curri_area {
  padding:0 ;
  background:#CCC;
  overflow:hidden;
}
.curri_area .curri_title{
  background:url("../img/common/line_bar.gif") repeat-x left top;
  font-size:14px;
  padding:3px 5px;
  margin:0;
  font-weight:bold;
  color:#FFF;
  overflow:hidden;
  position:relative;
}
.curri_area .curri_title span{
  font-size:12px;
  text-align:right;
  display:block;
  position:absolute;
  top:4px;
  right:10px;
}
.curri_box {
  padding:35px 1em 1em 1em;
  overflow:hidden;
  background:#FFF;
  margin:10px ;
  position:relative;
}
.curri_box .curri_sub_title{
  position:absolute;
  top:0;
  left:0;
  _left:-13px;
  background:#286ace;
  color:#FFF;
  font-weight:bold;
  padding:3px 10px;
}

.curri_box .t_curri {
  border-collapse:separate;
  
}
.curri_box .t_curri td {
  width:20%;
  background:#eee;
  padding:1em ;
  font-size:11px;
  margin:0 2px;
  border:2px solid #FFF;
}
.curri_box .t_curri .td_bg{
}
#subject ul {
  list-style:none;
  clear:both;
  _display:inline-block;
}
#subject ul li{
  float:left;
  width:146px;
  font-size:11px;
  background:#eee;
  margin:0 2px 2px 0;
  padding:2px;
}

/*********************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 5px 0 0px;
}
.ui-tabs-nav a {
	font-size:12px;
	text-align:center;
	padding:5px 1em;
	font-weight:bold;
	background:#ccc;
	display: block;
	color:#333;
  text-decoration:none;
}
.ui-tabs-nav a{background:#93b6ea;color:#FFF;}

.ui-tabs-nav a:hover{background:#1e6bb4;}

.ui-tabs-nav .ui-tabs-selected a{background:#1e6bb4;}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/******/
.kk_pdf_banner {}
.kk_pdf_banner a{
	display: block;
	margin: 0 0 10px 0;
}
.kk_pdf_banner a:hover{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}