@charset "utf-8";


/*-----------------------------------------------
epSITE       showroom
----------------------------------------------- */

.tType1 {
	background-image: url(images/midashi_maru_u.gif);
}

.tType1 .tTypeBack {
	background-image: url(images/midashi_maru_b.gif);
}

#areaContents .tType1 h2 {
	background-image: url(images/midashi_maru_c.gif);
}

/* イベント年代選択ボタン */
#areaContents .epEventYear ul {
	padding: 0;
	margin-bottom:1em;
	font-size:1.2em;
}

.epEventYear ul li {
	float: left;
	margin-right:3px;
}
.epEventYear ul li a{
	background-image: url(images/btn_year_t.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:6.2em;
	padding-top:4px;
	margin-bottom:6px;
	display:block;
}
.epEventYear ul li a div{
	padding-top:20px;
	background-image: url(images/btn_year_c.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align:center;
}
.epEventYear ul li a div strong{
	display:block;
	background-image: url(images/btn_year_b.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:30px;

}

.epEventYear ul li a:hover{
	background-image: url(images/btn_year_to.gif);
}

.epEventYear ul li a:hover div{
	background-image: url(images/btn_year_co.gif);
}
.epEventYear ul li a:hover div strong{
	background-image: url(images/btn_year_bo.gif);
}



#areaContents table.evLabo {
	border-left-style: none;
	border-left-width: 0;
	margin-top: 10px;
}

#areaContents table.evLabo th {
	background-color: #f8f8f8;
}

#areaContents table.evLabo th , #areaContents table.evLabo td {
	border-right-style: none;
	border-right-width: 0;
}

.box {
	border: 1px solid #4c4c4c;
	padding: 10px;
}


#areaContents ul.iType_m {
	margin-bottom: 0;
	background: url(images/midashi_maru_c2.gif) no-repeat left center;
	 display: inline-block;

}

#areaContents ul.iType_m li {
	margin-left: 26px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/* event gallery index */

table.eventList {
	margin-top: 20px;
	border-width: 0;
	border-style: none !important;
}

table.eventList th, table.eventList td {
	border-width: 0;
	border-style: none !important;
}

table.eventList th {
	background-color: #fff !important;
}

table.eventList th em {
	color: #dce6f0;
}

table.eventList tr.trcolor0 {
	font-size: 0.8em;
}

table.eventList .thcolor1 {
	background-color: #8890c5;
	color: #fff;
	font-size: 1.2em;
}

table.eventList tr.trcolor2 {
	background-color: #d1dae4;
}

.yearlink {
	width: 485px;
}





/*-----------------------------------------------
epSITE：セミナー詳細ページ cat_laboratory_●●.htm用）
----------------------------------------------- */

.tit_labo3{ 
clear:both;}

.tit_labo3_l{ 
width:114px;
float:left;}

.tit_labo3_l_02{ 
float:left;}

.tit_labo3_r{ 
float:right;}

.tit_labo3_r_02{ 
margin-right:5px;
float:right;}

#areaContents #epSeminarSyousai table#labo_03{ 
width:240px;
border:1px solid #cbcbcb;
padding:6px;
color:#ff0000;
}

#areaContents #epSeminarSyousai table#labo_03 th{ 
text-align:center;
}

.line{ 
font-weight:bold;
text-decoration: underline;}

.red{ 
color: #ff0000;
}

#areaContents div.laboratory{ 
    margin-top:3px;
	margin-right:auto;
	margin-bottom:15px;
    margin-left:auto;
    padding:10px 10px 12px 10px;
    text-align:left;
	background-color:#fff7eb;
}


#areaContents div.spotlight{ 
    width:200px;
    padding:12px 10px 0 10px;
    text-align:left;
	border: 1px solid #cbcbcb;
	background-color:#fff7eb;

}


#areaContents table.spotlight{ 
    width:30%;
	border: 1px solid #cbcbcb;
	background-color:#fff7eb;
}


#areaContents table.spotlight td{ 
	white-space: nowrap;
    margin-top:0px;
	margin-bottom:15px;
    padding:10px 10px;
    text-align:left;
	
}

#areaContents #epSeminarSyousai span.free2{ 
font-size:17px;
color:#e80101;
font-weight:bold;
margin-left:10px;

}

#areaContents #epSeminarSyousai div.free2{ 
font-size:10px;
margin-top:10px;

}

.subtitle{ 
font-weight:bold;
color:#1E2383;
padding:5px 5px;

}


#areaContents div.event-tyui{ 
    width:190px;
	font-size:10px;
    margin-top:5px;
    text-align:left;
	float:right;
	font-weight:normal;

}


/*-----------------------------------------------
epSITE：個別ページ専用（セミナー詳細ページ）
      　資料ダウンロードボタン配置
----------------------------------------------- */

/* 2個の場合 */
div.bt_download{ text-align:center; width:100%; clear:both;}
div.bt_download ul{ width:442px; margin:0 auto;}
div.bt_download ul li{	padding:0 15px; float:left;}
/* 1個の場合 */
div.bt_download_01{ text-align:center; width:100%; clear:both;}
div.bt_download_01 ul{margin:0 auto;}


.epBox1no {
	background-image:none;
}
.epBox1 div{
margin-left:auto;
margin-right:auto;
padding:10px 10px 0px 10px;
text-align:left;
	border: 1px solid #cbcbcb;
}

.epBox1 div div{ border:none; padding:4px;}

.epBox1 h3{ background-color:#d43b3b; color:#FFFFFF; text-align:center; width:4em; font-weight:bold}
#areaContents .epBox1 .left{ margin-right:8px; margin-top:3px;}
.epBox1 div.right{
	border:none;
}
.epBox1 div.epPdf{
	border:none;
	margin:0;
	padding:0;
}

.epBox1 div.epPdf p{
	margin-bottom:0;
	text-align:center;

}



/*-----------------------------------------------
epSITE：目からウロコ塾 showroom/index.htm テーブルタイトル用）
----------------------------------------------- */

.uroko
{ 
font-size:1.2em;
background-color:#E6E6E6;
}

/* 横2段組 */
#container {
 width:500px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#box-right {
 width:300px;
 float:right;
 margin-bottom:-10px;
}

#box-left {
 width:200px;
 float:right;
}

/* スクール・スケジュール一覧ボタン用 */
#areaContents .epStyle3{padding:0.2em 10px 0.2em 22px;}
#areaContents .ico_popup {margin-left:4px; margin-top:1px;}


/*-----------------------------------------------
epSITE：実験室 比べてみようアレとコレ showroom/index.htm イラスト/「実験室イベント一覧」ボタン 横二段組用）
----------------------------------------------- */

/* 横2段組 */
#container arekore {
 width:500px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#box-right2 {
 width:260px;
 float:right;
  margin-top:-160px;
}

#box-left2 {
 width:240px;
 float:right;
}