@charset "utf-8";

#mid a:link,
#mid a:visited {
     color: #9F356A;
     text-decoration: none;
}

#mid a:hover {
     text-decoration:underline;
}

#side .blog_banner a:hover {
     text-decoration:none;
}

#main a:link,
#main a:visited {
      color: #12f;
}

h2,
h2.sch,
h2.guidance {
	margin:0 0 10px 0;
	padding:0;
}

/*
h2 { background:5px solid #CC0066; }
h2.sch { border-left:5px solid #62BDF1; }
h2.guidance { border-left:5px solid #78E2C0; }
*/

#mid {
	clear: both;
	padding: 8px 0 0 0;
	margin: 0;
	width: 820px;
}

#mid {
	color: #000;
	background:#EEE;
}

#main {
	margin: 0px;
	float: left;
	width: 640px;
}

#side{
	float: right;
	width: 180px;
	overflow: hidden;
	padding: 0 0 16px 0;
	background:#EEE;
}

#important {
	margin: 0 4px 8px 8px;
}

#schedule,
#information{
	margin: 0 4px 8px 8px;
}

#important {
	border:1px solid #e0e0e0;
	-moz-border-radius: 8px;
	padding:0 0 5px 0;
	background:#FFF;
}

#class_schedule,
#workshop_schedule,
#english_program_information,
#test_prep_information {
	border:1px solid #e0e0e0;
	-moz-border-radius: 8px;
	padding:0 0 5px 0;
	background:#FFF;
}

div.leftBox{
	float: left;
	width: 297px;
/*	_width: 307px; */
	display: inline; /* for old IE double margin bug */
}

div.rightBox{
	float: right;
	width: 297px;
/*	_width: 307px; */
	margin:0 0 0 10px;
	display: inline; /* for old IE double margin bug */
}

.innerBox{
	overflow: auto;
	margin: 0;
	font-size:85%;
	line-height:120%;
	padding: 0px 10px;
}

#important .innerBox{
	height: 85px;
}

#information .innerBox{
	height: 280px;
}

#mid .list .elem div{
	display: inline;
}

#important .list div { display:block; }
#important .list .elem { margin-bottom: 4px; }
#important .list .elem .date  { float:left; margin-right:6px; }
#important .list .elem .title {
	   float:left;
	   width:480px; /* 文字を標準よりも少し拡大したときにもlayoutが変わらないように若干小さめにしておく */
}

#important .list .elem .end  { clear:both; }

#information .list .elem{
     margin-bottom:8px;
}

#information .list .elem .date{
     display:block;
     width:100px;
}

#information .list .elem .title{
     width:255px;
}

/* schedule */

#schedule .list .elem { margin-bottom:5px; }

#schedule .list .elem div {
	display:block;
	float:left;
}

#schedule .list .elem .begin{
	display:inline; /* for old IE double margin bug */
	margin-left: -26px;
}

#schedule .list .elem .begin{
	text-indent: -9999px;
	width: 22px;
	height: 13px;
}

#schedule .list .elem .end{
	clear:both;
	float:none;
}

#schedule .list .elem .title img{
	vertical-align: top;
	margin-left: 4px;
}

#schedule .list .elem .item_type {
  display:none;
  text-indent: -9999px;
  margin-left: 4px;
}

#schedule .list .elem .item_size {
  display:none;
}

/*
#schedule .elem .item_type.ext_pdf{
  background: url(../common/images/pdf_16x16.gif) no-repeat;
  width: 16px;
  height: 16px;
}
*/

#class_schedule_inner .ep .begin{
	background:url(images/icon_ep.gif) no-repeat;
}

#class_schedule_inner .tp .begin{
	background:url(images/icon_tp.gif) no-repeat;
}

#class_schedule_inner{
	 padding-left: 35px;
}

#class_schedule .ep{
	margin-bottom: 8px;
}

#workshop_schedule .list{
	margin-bottom: 8px;
}

/* banner */

#side .banner_area{
	text-align: center;
}

#side .blog_banner{
	font-size:85%;
	margin: 0 auto 15px auto;
	width: 160px;
	text-align: center;
	overflow: hidden;
}

.archive {
	font-size:75%;
	text-align:right;
	margin:10px 2px 2px 0;
}

.archive a {
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 3px;
	_background:url(../common/images/icon_arrow_01.gif) no-repeat 0 1px;
	padding-left:13px;
}


/* ============= 詳細ページ ============= */

#content-inner {
	color:#333;
	padding:10px 15px;
	background:#FFF;
	overflow: auto;
}

#content-inner h1#page-title {
	font-size:120%;
	line-height:135%;
	margin:5px 0 35px 0;
}

#content-inner .date {
	font-size:75%;
	font-weight:bold;
	color:#2F37A9;
}

#content-inner .entry {
	font-size:75%;
	line-height:160%;
}


/* ============= 詳細ページ ============= */

/* ============= アーカイブ ============= */

.archives-list {
	border:1px solid #e0e0e0;
	-moz-border-radius: 8px;
	padding:5px;
	background:#FFF;
}

.archives-list .archive_prev_next{
	margin: 0 auto;
	text-align: center;
}

.archives-list .archive_prev_next a{
	margin: 2px 5px;
	padding: 1px;
	border: solid 1px blue;
}

/* ============= アーカイブ ============= */

#gloval{ /* global */
	display: none; /* globalと共通化するため対応 */
}

#title_img{
	margin:5px 0;
}