@charset "utf-8";

/* CSS Document */

/* ========================================
	
	* 説明: 入試案内カテゴリ用CSS

======================================== */


/* 入試説明会・体験入学
======================================== */

#info .data_box {
	width: 650px;
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 20px 0 10px 0;
}

#info .data_box .left_box{
	float:left;
	width: 100px;
}

#info .data_box .right_box {
	float:right;
	width: 550px;
}

#info .data_box p.ttl{
	font-weight: bold;
	color: #766b63;
}


#info table {
	width:98%;
	border-top: solid 1px #d4ccaf;
	border-right: solid 1px #d4ccaf;
	margin-bottom: 10px;
}


#info th {
  padding: 8px;
	border-bottom: solid 1px #d4ccaf;
	border-left: solid 1px #d4ccaf;
}

#info td {
  padding: 8px;
	border-bottom: solid 1px #d4ccaf;
	border-left: solid 1px #d4ccaf;
}

#info .table_left {
	width:80px;
	background-color: #f8f5e9;
	color: #766b63;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}



#info .table01 td.td_left{
	text-align: center;
	vertical-align: middle;
}


#info .table02 td.td_left1{
	width:230px;
	vertical-align: middle;
}

#info .table02 td.td_left{
	text-align: center;
	vertical-align: middle;
}

#info .table03 td.td_left1{
	width:190px;
	vertical-align: middle;
}

#info .table03 td.td_left2{
	vertical-align: middle;
	border-left:none;
}



#info ul.info_list{
	width:500px;
	margin: 0 0 10px 10px;
}

#info .info_list li{
	padding-bottom: 5px;
}


#info span.red{
	color: #ff0000;
}


#info span.tel{
	font-weight: bold;
}



#info .img_box_L1{
	float:left;
	margin-bottom: 10px;
	width: 244px;
}

#info .img_box_L2{
	float:left;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 244px;
}

#info p.caption{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	text-align:center;

}

#info .prog li {
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px #ccc dotted;
}
#info .prog li span {
	display:block;
	padding-left:6em;
	font-size:91%;
}
#info td.kyushoku {
	border-left: dotted 1px #d4ccaf;
}
#info td.teiin {
	background-color: #fbf9f3;
}
#info .data_box .right_box p.btn {
	clear:both;
	padding:30px 0;
}


/* 募集要項
======================================== */

#guidelines .data_box {
	width: 650px;
	border-top: solid 1px #cccccc;
  padding: 20px 0 10px 0;
  margin: 10px 0 0 0;
}

#guidelines .data_box .left_box{
	float:left;
	width: 90px;
}

#guidelines .data_box .right_box {
	float:right;
	width: 560px;
}

#guidelines .data2_box{
	width: 560px;
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}


#guidelines .data2_box_last{
	width: 560px;
  padding: 0 0 10px 0;
  margin: 0 0 0 0;
}

#guidelines .data2_box_1{
	float:left;
	width: 120px;
}

#guidelines .data2_box_2{
	float:left;
	width: 430px;
}

#guidelines .data2_box_2_inner{
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

#guidelines .data2_box_2_1{
	float:left;
	width: 140px;
}

#guidelines .data2_box_2_2{
	float:left;
	width: 290px;
}



#guidelines .data3_box_inner{
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

#guidelines .data3_box_1{
	float:left;
	width: 120px;
}

#guidelines .data3_box_2{
	float:left;
	width: 430px;
}

#guidelines .data4_box_1{
	float:left;
	width: 200px;
}

#guidelines .data4_box_2{
	float:left;
	width: 350px;
}


#guidelines p.ttl01{
	font-weight: bold;
	color: #766b63;
}

#guidelines p.ttl02{
	font-weight: bold;
	color: #766b63;
}

#guidelines .quote{
	width: 608px;
  margin: 0 0 20px 20px;	
	padding:10px;
	border: solid 1px #cccccc;	
}



/* 卒業後の進路
======================================== */
#course .data_box {
	padding:20px 0;
}
#course .data_box div {
	position:relative;
}
#course #img01,
#course #img02,
#course #img03,
#course #img04,
#course #img05,
#course #img06 {
	position:absolute;
	left: 298px;
	top: 68px;
}
#course #img01 {
	left: 14px;
	top: 69px;
}
#course #img02 {
	left: 258px;
	top: 68px;
}
#course #img03 {
	left: 287px;
	top: 179px;
}
#course #img04 {
	left: 206px;
	top: 124px;
}
#course #img05 {
	left: 206px;
	top: 356px;
}