@import url("license.css");

/**レイアウト**/
div#index_box1 {
  margin:10px ;
  padding-top:10px;
  border-top:1px dotted #BBB;
  overflow:hidden;
}

div#index_box1 div.munin {
  background:#F2f2f2;
  padding:10px;
  line-height:20px;
  width:400px;
  float:left;
}
div#index_box1 div.munin .school_link{
	margin:0;
	width:100%;
}
div#index_box1 div.munin .school_link th{
	background :#777;
	color:#FFF;
	padding:0 3px;
}
div#index_box1 div.munin .school_link td{
	border-bottom:1px dotted #777;
}
div#index_box1 .right_area {
  float:right;
  width:310px;
}
div#index_box1 .right_area a#why_btn {
	background: url(../images/why.gif) no-repeat left top;
	display: block;
	width:310px;
	height:45px;
	text-indent: -9999px;
	overflow:hidden;
  margin-bottom:10px;
}
div#index_box1 .right_area a#why_btn:hover {
  background-position:left -45px;
}
div#index_box1 .right_area a#ob_link {
	background: url(../images/top-rotation/001_0.jpg) no-repeat left top;
	display: block;
	width:310px;
	height:140px;
	text-indent: -9999px;
	overflow:hidden;
}
div#index_box1 .right_area a#ob_link:hover {
	background: url(../images/top-rotation/001_1.jpg) no-repeat left top;
}

div#index_box1 .right_area a#top_pamph {
	clear:both;
	display: block;
	width:149px;
	height: 85px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/pamph.jpg) no-repeat left top;
  float:left;
}
div#index_box1 .right_area a#top_pamph:hover {
	background-position: left -85px;
}
div#index_box1 .right_area a#top_experi {
	display: block;
	width:149px;
	height: 85px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/experi.jpg) no-repeat left top;
  float:right;
}
div#index_box1 .right_area a#top_experi:hover {
	background-position: left -85px;
}


div#index_box2 {
  margin:0px 10px 10px 10px;
  clear:both;
  overflow:hidden;
  padding-top:10px;
  border-top:1px dotted #BBB;

  }


div#index_box2 .ex_txt {
  width:240px;
  float:left;
  margin-right:10px;

}
div#index_box2 .ex_txt h3{
  font-size:14px;
  margin:0;
  padding:0 ;
}
div#index_box2 .ex_txt p{
  font-size:11px;
  background:#F2f2f2;
  padding:5px;
  margin:5px 0;
}
div#index_box2 .ex_right {
  width:475px;
  float:right;
  background:#e7f5fa;
  padding:10px 5px;
}
div#index_box2 .ex h4{
  font-size:14px;
}
div#index_box2 .ex_list {
  border-bottom:1px dotted #BBB;
  padding:4px 0 4px 10px;
  font-size:11px;
  font-weight:bold;
  background: url(../images/list01.gif) no-repeat left center;
}
div#index_box2 .ex_btn {
  display:block;
  padding:10px 0;
}
div#index_box2 .ex_btn a{
  display:block;
  background:url("../images/ex_link_btn.gif") no-repeat left top;
  width:171px;
  height:32px;
  overflow:hidden;
  text-indent:-9999px;
  float:right;
}
div#index_box2 .ex_btn a:hover{
  background-position:left -32px;
}

div#index_box3 {
  margin:10px ;
  clear:both;
  overflow:hidden;
  padding:10px 0;
  border-top:1px dotted #BBB;
  border-bottom:1px dotted #BBB;
  }
div#index_box3 #menu_left {
  float:left;
  width:250px;
  border-right:1px dotted #DDD;
}
div#index_box3 #menu_center {
  width:240px;
  float:left;
  margin-left:10px;
  border-right:1px dotted #DDD;
}
div#index_box3 #menu_right {
  float:right;
  width:230px;
}
div#index_box3 ul{
  list-style:none;
  margin-left:10px;
}
div#index_box3 ul li{
	background: url(../images/list01.gif) no-repeat left center;
  padding:4px 0 4px 10px;
  font-weight:bold;
  text-align:left;
  }
  
  
div#index_box4 {
  clear:both;
  margin:10px ;
}
div#index_box4 .left_area{
  width:500px;
  float:left;

}
div#index_box4 #about{
}
div#index_box4 #about h3{
  font-size:14px;
  background:#fff5d7;
  padding:5px;
  margin-bottom:10px;
}
div#index_box4 #about h3 strong{
  color:#ce3400;
}
div#index_box4 #about ul li{
	background: url(../images/list02.gif) no-repeat left 8px;
  margin-left:10px;
  padding:2px 0 2px 10px;
  font-size:11px;
  text-align:left;
  list-style:none;
  border-bottom:1px dotted #BBB;
}
div#index_box4 .right_area{
  float:right;
  width:200px;
  border:1px solid #BBB;
  padding:10px;
  font-size:11px;
}
div#index_box4 .right_area .box1{
  margin-bottom:10px;
  border-bottom:1px dotted #DDD;
}

div#index_box4 .news{
  background:#eaead9;
  margin:10px 0;
  padding:10px;
  font-size:11px;
}
div#index_box4 .news ul{
  list-style:none;
}
a.pamph_mini{
  background: #ddf7ff url(../images/pamph_btn_mini.gif) no-repeat 5px center;
  display:block;
  padding:3px 3px 3px 100px;
  margin:10px 0;
}
.jobs {
  background:#ECE7E1;
  font-size: 11px;
  padding:1em;
}
.jobs label{
  margin-right: 1em;
}
/***********index_top_area************/
.index_top_area {
	padding: 10px ;
}
.index_top_area .kikin_link {
	display: block;
	background: #CC3300;
	color: #FFF;
	padding: 5px 10px;
}
.index_top_area .kikin_link .click_link {
	display: block;
	background:#FFF url(../images/right_16.gif) no-repeat 5px center;
	color:#FF3333;
	padding:5px 0 5px 24px;
	font-weight:bold;
	margin: 4px 0;
	font-size:16px;
}
.index_top_area .kikin_link .click_link:hover {
	background:#eee url(../images/right_16.gif) no-repeat 5px center;
}