@charset "utf-8";

#shakaijin {

}
#sha_top {
  background:url("../img/sha/top.jpg") no-repeat left top;
  width:660px;
  height:394px;
  position:relative;
}
/*****透過*****/
.penet {
	background: #FFF;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

#sha_top .sha_top_txt {
  position:absolute;
  bottom:10px;
  left:10px;
  height:130px;
  width:620px;
  padding:10px 10px;
  border-top:3px solid #222;
  
}
#sha_top .sha_top_txt h2#sha{
  color:#111;
  font-size:12px;
  line-height:22px;
  background:none;
  border:none;
  margin:0;
  padding:0 ;
}

#shakaijin .st_link a{
  display:block;
  background:url("../img/sha/shakaijin_st01.gif") no-repeat left top;
  width:343px;
  height:124px;
  text-indent:-99999em;
  border:2px solid #AAA;
  border:1px solid #BBB;
  margin-left:10px;
  float:right;
}
#shakaijin .st_link a:hover{
  background-position:left -124px;
  border:1px solid #111;
}
.top_txt2 {}
.top_txt2 h3{
  background:url("../img/sha/toku01.gif") no-repeat left center;
  margin:1em 0 0.5em 0px;
  padding-left:40px;
  font-size:14px;
  color:#445e00;
}
.top_txt2 ul{
  background:#ddd;
  padding:10px;
  color:#111;
  font-size:11px;
}

.sha_gakka {
  margin-top:20px;
  background:#68761b;
  color:#FFF;
  padding:10px;
  }
.sha_gakka h3{
  background:#FFF url("../img/sha/gakka.gif") no-repeat 5px center;
  margin:1em 0 0.5em 0px;
  padding-left:45px;
  height:42px;
  font-size:14px;
  line-height:42px;
  color:#425b00;
}
.sha_gakka ul {
}
.sha_gakka ul li{
  border:1px solid #BBB;
  margin-bottom:5px;
  width:310px;
  float:left;
}
.sha_gakka ul li.li_k{
  margin-right:10px;
  }
.sha_gakka ul li a{
  background:#FFF;
  display:block;
  padding:5px;
  width:300px;
  text-decoration:none;
}
.sha_gakka ul li a:hover{
  background:#e7f1d8;
}
.sha_gakka ul li a img{
  float:left;
  margin-right:5px;
}
.sha_gakka ul li a strong{
  font-size:18px;
}
.sha_gakka ul li a span{
  clear:both;
  display:block;
  font-size:11px;
  color:#111;
  text-decoration:none;
}
.sha_gakka .gakka_left {
  margin-right:10px;
  font-size:12px;
  line-height:24px;
  font-weight:bold;
  
}


/**/
div.sha_contents_navi {
  margin:10px 0 10px 0px;
}
.sha_list {
  width:320px;
  height:100px;
  float:left;
  background:#F2f2f2;
  margin:0 0px 10px 10px;
  font-size:11px;
  position:relative;
}
* html .sha_list {
  margin:0 0px 10px 5px;
}
.sha_list h3{
  font-size:14px;
  background:url("../img/common/line_bar4.gif") repeat-x left top;
  padding:5px;
  color:#FFF;
}
.sha_list img{
  display:block;
  float:left;
  margin:0 10px 10px 0;
  }
.sha_list p{
  padding:1em 2em 2em 2em ;
  line-height:15px;
  }
  .sha_list p a{
  font-size:12px;
  line-height:20px;
}


.sha_list a.link{
  display:block;
  text-align:right;
  position:absolute;
  right:5px;
  bottom:5px;

}
div#contents_area div#right h2 {
  background:#FFF;
  padding:0 ;
  margin:10px 0;
  border:none;
}
h4.curri_title {
  background:#ff8d02;
  color:#FFF;
  padding:2px 5px;
  display:inline;
  font-size:12px;
}
table.curri_table {}
table.curri_table th{
  border-bottom:1px dotted #BBB;
}
table.curri_table h5{
  margin-bottom:1em;
  margin-top:0.5em;
  color:#614e30;
  font-size:14px;
  border-bottom:1px solid #614e30;
}

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

}
/*****************カリキュラムボックス***************************/
.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;
  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;
  _display:inline-block;
}
#subject ul li{
  float:left;
  width:148px;
  _width:146px;
  font-size:11px;
  background:#eee;
  margin:0 2px 2px 0;
  padding:2px;
}



/** 建築科*/
#sha_k_wrapper {
}
#sha_k_wrapper h3{
  font-size:16px;
  color:#dd2600;
}

/** インテリア設計科*/
#sha_i_wrapper {
}
.is_txt_bottom {

}
.is_txt_bottom p strong{
  display:block;
  color:#d23500;
  font-size:14px;
}
.is_txt_bottom p{
  margin:1em 0 0.5em 0;
  clear:both;
}
.is_txt_bottom p img{
  float:right;
}
/*********メッセージ**********/
/*卒業生*/
.outside {
  background:#a5d7e7;
  padding:10px;
  margin-bottom:10px;
}
.inside {
  background:#FFF;
  padding:20px;
}
.inside p{
  margin-bottom:1em;
}
.inside h3{
  margin-bottom:1em;
  padding-bottom:10px;
  border-bottom:2px solid #DDD;
}
/*在校生*/
.outside2 {
  background:#dded9e;
  padding:10px;
  margin-bottom:10px;
}
.inside2 {
  background:#FFF;
  padding:20px;
}
.inside2 img{
  float:left;
  margin-right:20px;
  display:block;
}
.inside2 p{
  width:490px;
  float:right;
}
.inside2 h4{
  font-size:14px;
  margin-bottom:5px;
  padding-bottom:3px;
  border-bottom:1px solid #DDD;
}

.next_area {
  clear:both;
  text-align:right;
  font-weight:bold;
  font-size:14px;
  margin:5px 0;
}
.next_area a{
  display:block;
  background:#d1e77a url(../img/red_arow.gif) no-repeat right center;
  padding:5px 20px 5px 0;
  }
.next_area a:hover{
  background:#e7ca72 url(../img/red_arow.gif) no-repeat right center;
}
/****/
#sha_enter {}
#sha_enter h3{
  font-size:14px;
  background:url("../img/common/line_bar4.gif") repeat-x left top;
  padding:5px;
  color:#FFF;
  margin-top:20px;
}
.enter_table {
  border-collapse:collapse;
  width:100%;
}
.enter_table th{
  border:1px solid #BBB;
  padding:0.5em 1em;
  background:#f2f2f2;
}
.enter_table td{
  border:1px solid #BBB;
  padding:0.5em 1em;
  }
.enter_table tr.sam th,
.enter_table tr.sam td{
  border-top:2px solid #999;
  background:#efeee0;
}