
/* =============================================
	▼TOPPAGE用CSS
============================================= */
/* ━━━━ ▼大枠 ━━━━ */
#container {
	width: 100%;
	background: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
#contents {
	width: 860px;
	font-size: 78%;
	text-align: left;
	margin: 0 auto;
}
#contents_pad {
	width: 100%;
	padding: 15px 0 10px 0;
}

/* ━━━━ ▼FLASHエリア ━━━━ */
#flash-area {
	float: left;
}
#flash-area-text {
	width: 345px;
	height: 156px;
	color: #FFFFFF;
	float: right;
	background: url(../img/top_flash_area-bk.gif) no-repeat left top;
}
#flash-area-pad {
	font-size: 10px;
	line-height: 14px;
	padding: 10px 10px 8px 10px;
}
#bt-intro {
	text-align: center;
}
/* ━━━━ ▼各枠 ━━━━ */
#col-left{
	width:591px;
	float:left;
	}
#col-right{
	width:249px;
	float:right;
	position:relative;
	}
.wrapper-topic{
	width:276px;
	/*width:286px;*/
	height:224px;
	border:#cccccc 1px solid;
	margin-bottom:37px;
	position:relative;
	}
.wrapper-seminar{
	clear:both;
	width:591px;
	}
.wrapper-banner{
	height:100%;
	padding:15px 0 10px 13px;
	background:#e9e9e9;
	}
.wrapper-info{
	background:#ffffff url(../../img/infobox-bkbottom.gif) bottom left no-repeat;
	padding:0 0 1px 0;
	}
#second{
	margin:38px 0 0 0;
	*margin:38px 0 10px 0;
	/*margin-top:38px;*/
	}
/* ━━━━ ▼CMSエリア ━━━━ */
.wrapper-topic h3{
	width:258px;
	margin:0 auto;
	}
#left{
	margin-right:15px;
	float:left;
	}
#right{
	float:right;
	}
.wrapper-topic ul{
	width:240px;
	height:171px;
	margin:10px auto;
	overflow-y:scroll;
	}
.wrapper-topic li{
	padding:0 10px 5px 10px;
	background:#ffffff url(../../img/icon-red.gif) top left no-repeat;
	}
.bt-list{
	padding-top:10px;
	right:0;
	position:absolute;
	}

/* ━━━━ ▼セミナー ━━━━ */
.wrapper-seminar h3{
	padding-bottom:10px;
	}
.ex-box-style01{
	background:#ffffff url(../../img/cource-info-bktop.gif) top left no-repeat;
	padding-top:7px;
	}
div.ex-box-style01 a:link{
	color:#000000;
	}
div.ex-box-style01 a:visited{
	color:#000000;
	}
div.ex-box-style01 a:hover{
	color:#6F89A9;
	}
.ex-box-style01 table{
	background:#ffffff url(../../img/cource-info-bk.gif) top left repeat-y;
	}
.ex-box-style01 th{
	width:40%;
	padding:5px 10px 5px 12px;
	}
.ex-box-style01 td{
	padding:5px 12px 5px 0;
	}
td.bottom{
	background:#ffffff url(../../img/cource-info-bkbottom.gif) top left no-repeat;
	padding:0;
	}
ul.seminar-liststyle-01{
	
	}
ul.seminar-liststyle-01 li{
	background:#ffffff url(../../img/icon-blue.gif) top left no-repeat;
	padding:0 0 3px 10px;
	}
ul.seminar-liststyle-01 li.bt{
	background-image:none;
	padding:5px 0 0 0;
	}
ul.seminar-liststyle-02 li{
	background:#ffffff url(../../img/icon-red.gif) top left no-repeat;
	padding:0 0 3px 10px;
	}
ul.seminar-liststyle-03 li{
	background:#ffffff url(../../img/icon-green.gif) top left no-repeat;
	padding:0 0 3px 10px;
	}

/* ━━━━ ▼バナーエリア ━━━━ */
.wrapper-banner ul{
	padding:0;
	}
.wrapper-banner li{
	margin:0 3px 5px 3px;
	float:left;
	background:#666666;
	display:inline;
	}
.wrapper-banner a{
	width:182px;
	height:55px;
	display:block;
	}

/* ━━━━ ▼Right ナビ ━━━━ */
.ex-box-style02{
	width:249px;
	background:#ffffff url(../../img/ex-box-style03-bkbottom.gif) bottom left no-repeat;
	padding-bottom:11px;
	margin-bottom:5px;
	}
.ex-box-style02 p{
	background:#ffffff url(../../img/ex-box-style03-bk.gif) top left repeat-y;
	padding:10px;
	}
.ex-box-style03{
	width:249px;
	background:#ffffff url(../../img/infobox-bktop.jpg) top left no-repeat;
	padding:5px 0 0 0;
	}
.info-box{
	background:#ffffff url(../../img/infobox-bk.gif) top left repeat-y;
	/*padding:0 10px 0 10px;*/
	}
table.top-right-navi{
	padding:0 10px 10px 10px;
	}
.ex-box-style03 span{
	font-size:70%;
	display:block;
	padding:0 0 0 10px;
	}
.ex-box-style03 p{
	border-top:#cccccc 1px dashed;
	padding:5px 10px 0 10px;
	font-size:80%;
	color:#999999;
	}
div.period{
	padding:0 10px;
	}
div.movie-icon{
	background:#ffffff url(../../img/ico_mv-s.gif) top left no-repeat;
	padding-left:13px;
	}
div.movie-icon a{
	font-size:11px;
	}
div.book-title{
	padding:0 10px 5px 10px;
	}
td.book-pic img{
	border:#999999 1px solid;
	}
.bt-detail{
	clear:both;
	padding:5px 2px 1px 0;
	text-align:right;
	}
#second p{
	border:none;
	padding:0;
	}
/* ━━━━ ▼FLASHエリア ━━━━ */