@charset "UTF-8";


/*---------------------------------------------------------------------------
■パソコンキャリアTOPページ ここから
----------------------------------------------------------------------------- */


#main #top_left_box {
  float: left;
  width: 700px;
  padding-top: 30px;
  background: url(../school/images/pc_top_back.gif) repeat-x 0px 5px;
}

#main #top_left_box #top_img {
  background: url(../school/images/pc_top_img.jpg) no-repeat 0px 10px;
  width: 498px;
  height: 370px;
  margin-top: 15px;
  padding-left: 182px;
}

#main #top_left_box #top_img p {
  width: 470px;
}

#main #top_left_box #co_btn {
  margin-bottom: 20px;
  float: left;
  padding-left: 20px;
  width: 680px;
}

#main #top_left_box #co_btn #cbox {
  width: 307px;
  margin-right: 20px;
  float: left;
  background: url(../school/images/top_btnback_01.gif) no-repeat left top;
  padding-top: 10px;
  padding-left: 5px;
}

#main #top_left_box #co_btn #cbox p {
  background: url(../school/images/top_btnback_02.gif) no-repeat 0px bottom;
  padding-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px;
}

.top_light_titl {
  padding-bottom: 11px;
  background: #000B50;
  overflow: hidden;
}

/*---------------------------------------------------------------*/

/*---------------------------------------------------------------------------
■サイドナビゲーション部分 ここから
----------------------------------------------------------------------------- */
#main #right_box {
  float: right;
  width: 204px;
}

#main #right_box ul {
  background: #CCCCCC;
  border: 2px solid #00094A;
  margin-bottom: 40px;
  padding: 4px 4px 3px;
}

#main #right_box li {
  display: inline;
}

#main #right_box li a {
  width: 172px;
  padding-left: 20px;
  background: url(../school/images/navi_back.gif);
  border-bottom: 2px solid #333333;
  margin-bottom: 1px;
  display: block;
  color: #4B4B4B;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  font-size: 90%;
}
#main  #right_box li a:hover  {
  background: #00094A;
  color: #FFFFFF;
  text-decoration: none;
}

#main #right_box li ul {
  background: #FFFFFF;
  padding: 0px;
  border-bottom: 2px solid #333333;
  font-size: 90%;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  margin-bottom: 3px;
}
#main  #right_box  li  ul  li  {
  display: inline;
}

#main #right_box li ul li a {
  background: #FFFFFF url(../school/images/navi_mark2.gif) no-repeat 20px 11px;
  display: block;
  border-bottom: none;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  padding-top: 7px;
  color: #4B4B4B;
  padding-left: 35px;
  width: 157px;
  line-height: 1.2em;
  padding-bottom: 7px;
  font-size: 100%;
}

#main #right_box li ul li a:hover {
  background: #0099CC;
  border-bottom: none;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 1px;
}

.page_btn_back {
  width: 172px;
  padding-left: 20px;
  background: #00094A;
  padding-top: 10px;
  border-bottom: 1px solid #999999;
  margin-bottom: 2px;
  color: #FFFFFF;
  padding-bottom: 10px;
  display: block;
  overflow: hidden;
  font-size: 90%;
}

.page_btn_back2 {
  width: 172px;
  padding-left: 20px;
  background: #00115D url(../school/images/navi_back2.gif) no-repeat;
  padding-top: 10px;
  color: #FFFFFF;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 2px;
}

.page_btn_back3 {
  color: #FFFFFF;
  display: block;
  padding-top: 7px;
  padding-left: 35px;
  background: #0099CC;
  line-height: 1.2em;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 7px;
  width: 157px;
  overflow: hidden;
}

.page_btn_back4 {
  width: 182px;
  padding-left: 10px;
  display: block;
  border-bottom: 1px solid #999999;
  background: url(../school/images/navi_markback.gif) no-repeat 0px 9px;
  color: #FFFFFF;
  font-size: 90%;
  padding-top: 9px;
}
.ca_btnspace {
  padding-top: 3px;
  padding-bottom: 3px;
}

#main #right_box #baner {
  background: #FFFFFF;
  border-style: none;
  text-align: center;
}
#main  #right_box  #baner  p {
  margin-bottom: 12px;
}

/*---------------------------------------------------------------*/

/*---------------------------------------------------------------------------
■各ページタイトル（TOP以外）
----------------------------------------------------------------------------- */

#main #pagetitl {
  padding-bottom: 10px;
  background: url(../school/images/pc_right_back.jpg) no-repeat right bottom;
}

/*---------------------------------------------------------------------------
■学生資格取得講座部分 ここから
----------------------------------------------------------------------------- */

.course_titl {
  padding-bottom: 30px;
}

.course_titl h5 {
  float: left;
}

.sh_btn {
  float: right;
  margin-right: 20px;
}

.course_titl p {
  width: 670px;
  clear: both;
  padding-top: 10px;
}

#main #left_box {
  float: left;
}
#main  #left_box #kouza {
  width: 680px;
  margin-bottom: 15px;
}

.td_titl {
  color: #07185c;
  text-align: center;
  width: 280px;
}

.td_titl2 {
  color: #07185c;
  text-align: center;
  width: 135px;
}

.td_back {
  background: #EEEEEE;
}
.kouza_txt {
  padding-bottom: 10px;
  width: 680px;
  font-size: 90%;
}
.kouza_txt2 {
  width: 680px;
  padding-top: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.mou_btn {
  text-align: center;
  width: 680px;
  padding-top: 10px;
}
/*---------------------------------------------------------------*/

#main #left_box #web #contact {
  margin-top: 30px;
  float: left;
}

#main #left_box #web #contact td {
  padding-bottom: 8px;
  padding-left: 20px;
  padding-top: 8px;
}
.tr_back {
  background: #C3E8E3;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.td_center {
  text-align: center;
  border-top: 1px solid #CCCCCC;
}

.td_space {
  width: 70px;
}

.td_space2 {
  width: 110px;
}

.td_space3 {
  width: 410px;
}

.fmark_space {
  margin-right: 10px;
}

/*---------------------------------------------------------------*/

#main #left_box #cul_box {
  width: 690px;
}

#main #left_box #cul_box .tabNav li {
  display: inline;
}

#main #left_box #cul_box .tabNav li a {
  margin-right: 5px;
  display: block;
  float: left;
}

#main #left_box #cul_box #first {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #experience {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #event {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #creation {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #web {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #cad {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #adobe {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #flash {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #ind {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #yayoi {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

.cul_midashi {
  margin-bottom: 10px;
}

.cul_txtspace {
  margin-bottom: 20px;
  padding-left: 13px;
}

.cul_day {
  margin-bottom: 15px;
  padding-left: 13px;
}

.fi_table {
  width: 620px;
  
  border: 1px solid #CCCCCC;
  font-size: 90%;
  margin-left: 13px;
  margin-bottom: 20px;
}

.fi_table th {
  text-align: left;
  padding-left: 5px;
  background: #006699;
  color: #FFFFFF;
  font-weight: normal;
  border-right: 1px solid #FFFFFF;
}

.fi_trback {
  background: #EEEEEE;
}
.week_space {
  width: 45px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 1px solid #CCCCCC;
}

.time_space {
  width: 80px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 1px solid #CCCCCC;
}

.day_space {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50px;
  padding-left: 5px;
  border: 1px solid #CCCCCC;
}

.indlist {
  padding-left: 13px;
  margin-bottom: 20px;
  float: left;
}

.indlist li {
  list-style: square;
  margin-left: 13px;
  padding-right: 5px;
  padding-left: 5px;
}

.indlist2 {
  padding-left: 13px;
  width: 600px;
  margin-bottom: 20px;
}

.indlist2 li {
  list-style: square;
  margin-left: 13px;
  padding-right: 5px;
  padding-left: 5px;
}

.kobetsu_table {
  margin-top: 20px;
  margin-bottom: 30px;
}

.kobetsu_th {
  background: #005F8D;
  color: #FFFFFF;
  width: 85px;
}
#main   #left_box   #shien_box  {
  float: left;
  width: 680px;
  margin-top: 20px;
}

.shi_leftbox {
  width: 320px;
  float: left;
  padding-right: 20px;
}

.shi_leftimg {
  float: left;
  margin-right: 20px;
}

.shi_txt {
  width: 480px;
  float: left;
  padding-top: 10px;
}

.shi_txt2 {
  padding-left: 70px;
  height: 55px;
}

.shi_txt3 {
  height: 55px;
  clear: both;
  padding-top: 20px;
}

.shi_space {
  padding-bottom: 20px;
  padding-top: 20px;
}

.kikin_table {
  width: 620px;
}

.kikin_table th {
  color: #FFFFFF;
  background: #006699;
}

#main #left_box #ki_table {
  width: 670px;
  border: 1px solid #CCCCCC;
  margin-top: 30px;
  margin-bottom: 15px;
}

#main #left_box #ki_table th {
  background: #006699;
  font-weight: normal;
  color: #FFFFFF;
  border: 1px solid #999999;
}

.ki_trback {
  background: #EEEEEE;
}

.ki_td1 {
  width: 95px;
}

.ki_td2 {
  width: 268px;
}

.ki_td3 {
  width: 536px;
}

.ki_moubtn {
  width: 680px;
  text-align: center;
  float: left;
  margin-top: 40px;
}

.sh_table {
  width: 670px;
}

.sh_table th {
  color: #FFFFFF;
  background: #006699;
}
.en_table   {
  margin-top: 20px;
  margin-left: 10px;
  width: 630px;
}

.en_td1 {
  width: 20px;
  border-bottom: 1px solid #CCCCCC;
}

.en_td2 {
  border-bottom: 1px solid #CCCCCC;
  color: #00115D;
  width: 60px;
}

.en_td3 {
  width: 500px;
  border-bottom: 1px solid #CCCCCC;
}

.manto_table {
  width: 620px;
  
  border: 1px solid #CCCCCC;
  font-size: 90%;
  margin-left: 13px;
  margin-bottom: 20px;
}

.monto_th {
  background: #006699;
  color: #FFFFFF;
  font-weight: normal;
}

.ken_table {
  width: 630px;
}

.ken_th {
  width: 150px;
  font-weight: normal;
  color: #FFFFFF;
  background: #006699;
}

.ken_th2 {
  width: 300px;
  font-weight: normal;
  color: #FFFFFF;
  background: #006699;
}

.ken_midashi {
  font-weight: bold;
  color: #00115D;
  padding-left: 10px;
  border-left: 3px solid #006699;
  margin-bottom: 10px;
}

.ken_midashi2 {
  font-weight: bold;
  color: #00115D;
  padding-left: 10px;
  border-left: 3px solid #006699;
  margin-top: 20px;
}

#main #left_box #cul_box #jouhou {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #jouhou2 {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #jouhou3 {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #jouhou4 {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #jouhou5 {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #day_btn {
  text-align: center;
  padding-top: 20px;
}


/*---------------------------------------------------------------------------
■学生資格タブ ここから
----------------------------------------------------------------------------- */

#main #left_box #waku {
  width: 650px;
  padding-right: 10px;
  clear: both;
  padding-top: 20px;
  margin-left: 10px;
  margin-bottom: 30px;
}
#main #left_box #waku h5 {
  font-weight: bold;
  width: 650px;
  text-align: center;
  color: #00115D;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 5px;
  border-top: 1px solid #CCCCCC;
  padding-top: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#main #left_box #waku p {
  width: 650px;
}

#main #left_box #cul_box #sctab1 {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #sctab1 h5 {
  margin-bottom: 10px;
  color: #0067A7;
  font-weight: bold;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 4px solid #00609F;
}

#main #left_box #cul_box #sctab2 {
  width: 680px;
  clear: both;
  border-top: 5px solid #00115D;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(../school/culture/images/tab_back_01.gif) repeat-x;
}

#main #left_box #cul_box #sctab2 h5 {
  margin-bottom: 10px;
  color: #0067A7;
  font-weight: bold;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 4px solid #00609F;
}

.sc_table {
  width: 640px;
  margin-left: 12px;
  margin-bottom: 20px;
}

#main #left_box #uninavi_box {
  margin-top: 30px;
}

#main #left_box #uninavi_box #uninavi_boxinner {
  width: 298px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#main #left_box #uninavi_box #uninavi_boxinner ul {
	background: url(../school/student/images/uni_top_05.gif) repeat-y;
	height: 120px;
}

#main #left_box #uninavi_box #uninavi_boxinner li {
  display: inline;
}

#main #left_box #uninavi_box #uninavi_boxinner li a {
	display: block;
	padding-bottom: 5px;
	padding-left: 75px;
	font-size: 90%;
	padding-top: 5px;
	background-image: url(../school/student/images/uni_top_btnmark.gif);
	background-repeat: no-repeat;
	background-position: 35px 10px;
}
#main #left_box #free_box {
	float: left;
	width: 680px;
	margin-top: 20px;
}
.free_midashi {
  margin-bottom: 20px;
  margin-top: 25px;
  padding-left: 10px;
}
#main #left_box #free_box h6{
	padding-left: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}

#main #left_box #free_box #frtab li {
  display: inline;
}

#main #left_box #free_box #frtab li a {
  float: left;
  margin-right: 3px;
  display: block;
  padding-top: 15px;
}

#main #left_box #free_box #f_kobetsu {
  width: 680px;
  border-top: 3px solid #00226C;
  clear: both;
}

#main #left_box #free_box #f_dtp {
  width: 680px;
  border-top: 3px solid #F90206;
  clear: both;
}

#main #left_box #free_box #f_office {
  width: 680px;
  border-top: 3px solid #009243;
  clear: both;
}
.free_txt {
	padding-left: 20px;
}
.free_txt2 {
  padding-left: 20px;
  margin-bottom: 10px;
}
#main #left_box #free_box #f_kobetsu table {
	width: 650px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#main #left_box #free_box #f_kobetsu table tr th {
	background-color: #006699;
	color: #FFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}

#main #left_box #free_box #f_dtp table {
	width: 650px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#main #left_box #free_box #f_dtp table tr th {
  color: #FFF;
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #CCC;
  border-left-color: #CCC;
  background: #ec110f;
}

#main #left_box #free_box #f_office table {
	width: 650px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#main #left_box #free_box #f_office table tr th {
  color: #FFF;
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #CCC;
  border-left-color: #CCC;
  background: #008E41;
}

.free_blue {
  background: #CBF3FF;
}

.free_orange {
  background: #FDD4A5;
}

.free_green {
  background: #A7E9AC;
}