@charset "utf-8";

/** |READ ME| **************************************************************************************

"EPSON"

Cascading Style Sheet Setting File
/school/css/school.css


************************************************************************************** |READ ME| **/


/** |01.Layout Settings| ***************************************************************** START **/

#school {
    width:705px;
	display:inline-block;}
#school:after {
	content: "";
	display:block;
	clear:both;
	height:0.1px;}

/* 左メニュー */
#school .colLMenu {float:left; width:172px;}
/* 右コンテンツ */
#school .colRMain {float:right; width:523px; text-align:left;}




/** |02.LeftMenu Settings| ***************************************************************** START **/

/*====

class="ls_bnr01"(講座内容上部バナー)
class="ls_seminar"(講座内容)
class="ls_info"(スケジュール、申し込み方法などの基本情報)
class="ls_bnr02"(基本情報下部下部バナー)

=====*/

#school .colLMenu img {border:none;}

#school .colLMenu .ls_bnr01,
#school .colLMenu .ls_bnr02,
#school .colLMenu .ls_seminar,
#school .colLMenu .ls_info {
    margin:0; padding:0;}
#school .colLMenu .ls_bnr01 li,
#school .colLMenu .ls_bnr02 li,
#school .colLMenu .ls_seminar li,
#school .colLMenu .ls_info li {
    list-style:none;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;}
#school .colLMenu .ls_bnr02,
#school .colLMenu .ls_info {
    margin-top:11px;}
#school .colLMenu .ls_bnr01 li,
#school .colLMenu .ls_bnr02 li {
	margin-bottom:3px;}
#school .colLMenu .ls_seminar li {
	margin-top:1px;}
#school .colLMenu .seminarMenu {
    background-color:#BFBFBF;
	text-align:center;
	margin-top:8px;
	padding-bottom:5px;
	line-height:0;}




/** |03.Table Settings| ***************************************************************** START **/

/*=== 講座スケジュール(ポップアップ) ===*/

#schedule_popup {
    width:800px;
	margin:0 auto;}

/* ページ内リンク部分 */
#schedule_popup div.anchor {
    width:800px;
	height:31px;
	background:url(../../schedule/images/anchor_bg.gif) no-repeat;}
#schedule_popup div.anchor p {
    line-height:2.5;}

/* スケジュールタイトル */
.h2_schedule {
    width:800px;
	height:35px;
	font-size:100%;
	text-align:left;
	background:url(../../schedule/images/ttl_bg.gif) no-repeat;
	margin-bottom:10px;}
.h2_schedule h2 {
    font-size:100%;
	text-align:left;
	color:#666666;
	margin:0;
	padding:6px 6px 6px 10px;}

/* カレンダーテーブル */
table.calender {
    width:600px;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;}
table.calender th,table.calender td {
    border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;}
table.calender th {
    width:91px;
	background:#666666;
	color:#FFFFFF;
	font-size:80%;
	font-weight:bold;
	line-height:1.8;}
table.calender th.sun {
    width:54px;
	background:#FF3300;}
table.calender td {
    text-align:left;
	vertical-align:top;}

table.calender td.bdBwhite {
    border-bottom:solid 1px #FFFFFF;}
table.calender td.bdRnone {
    border-right:none;}

/* 空欄テーブル(背景グレー) */
table.calender td.blank {
    background:#EFEFEF;
	height:102px;}

/* 各種フォント設定 */
table.calender td.data,
table.calender td.data_holiday {/* 日付 */
    font-weight:bold;
	font-size:70%;
	background-color:#FFFFFF;
	padding-left:3px;}
table.calender td.data {
    border-bottom:none;}
table.calender td.data_holiday {
    color:#C3181F;
	height:102px;}
span.num {/* 講座番号 */
    font-size:80%;
	background:#666666;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 5px;
	margin-left:3px;}
span.time {/* 開催時間 */
    font-size:70%;
	margin-left:3px;}


/* (100519追加)休館日設定 */
table.calender td.data_holiday_close,
table.calender td.data_close {/* 日付 */
    font-weight:bold;
	font-size:70%;
	background-color:#DEDEDE;
	padding-left:3px;}
table.calender td.data_close {
	height:102px;}
table.calender td.data_holiday_close {
    color:#C3181F;
	height:102px;}	


/* 各講座背景色 */

td.bg_blue, td.bg_orange, td.bg_pink, td.bg_water,
td.bg_gray, td.bg_violet, td.bg_green, td.bg_ocean,td.bg_red {
    padding-top:4px;}

/* Photoshop Elementsで写真プリント(青) */
td.bg_blue {background:#DBEBFF;}

/* スキャン・フィルム(オレンジ) */
td.bg_orange {background:#FFF0DB;}

/* バラエティ講座(ピンク) */
td.bg_pink {background:#FFE2F3;}

/* 使い方(水色) */
td.bg_water {background:#E2FDFF;}

/* エプサイトアドバンストメンバーズ(有料会員)限定(グレー) */
td.bg_gray {background:#F0F0F0;}

/* カメラメーカータイアップ講座(紫) */
td.bg_violet {background:#ECE5FC;}

/* (old)特別講座(黄緑) */
td.bg_green {background:#E4FFE2;}

/* Raw&モノクロ講座(青緑) */
td.bg_ocean {background:#BCFFE2;}


/* バラエティ講座(赤) */
td.bg_red {background:#FFDFD8;}




/* detail */
#schedule_popup div.timetable {
    width:600px;}
#schedule_popup div.detail {
    width:185px;}
#schedule_popup div.popup_top {
    clear:both;}

.bdT {border-top:dotted 1px #999999;}

.img_ico {
    margin:4px 6px 0 0;}
td.ico {width:18px;}
td.num {width:35px;}
td.ttl {width:132px;}


/*=== 申し込み方法(申し込みフロー図) ===*/
#school .way .way_flow {
    width:420px;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:0 auto;}
#school .way .way_flow_s {
    width:235px;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:0 auto;}
#school .way .way_flow th,
#school .way .way_flow td,
#school .way .way_flow_s th,
#school .way .way_flow_s td {
    border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	text-align:left;
	padding:3px 6px 3px 6px;}
#school .way .way_flow th,
#school .way .way_flow_s th {
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bold;}
#school .way .way_flow_s td {
    background-color:#FFFFFF;}


/*=== 地図・問い合わせ(スクール情報) ===*/
#school .map .map_school {
    width:450px;
	margin:0 auto;
	border-collapse: collapse;}
#school .map .map_school th,
#school .map .map_school td {
    border:solid 1px #CCCCCC;
	padding:3px;}
#school .map .map_school td.ttl {
    padding:0;
	border-right:none;}
#school .map .map_school th {
    width:120px;
	background-color:#DBF2FF;
	border-left:solid 1px #CCCCCC;}
#school .map .map_school td.data {
    width:330px;}


/*=== お客様の作品 ===*/
#school .gallery table {
    margin:0 auto;}


/*=== 申し込み方法(ポップアップ) ===*/

#popup {
    width:523px;
	margin:0 auto;}

.step_01 {
    width:488px;
	text-align:center;
	margin:0 auto 15px auto;}

table.download01 {
    width:523px;
	margin:5px 0 15px 0;
	padding:0;
	border:0;
	text-align:left;
	}

table.download02 {
    width:523px;
	margin:5px 0 12px 0;
	text-align:right;
	}

h2.ttl {
    width:523px;
	margin-top:20px;
	margin-bottom:10px;}

table.contents_txt  {
    width:500px;
	text-align:left;
	margin:10px auto;
	}

table.contents_txt_last  {
    width:500px;
	text-align:left;
	margin:10px auto 40px auto;
	}

.contents {
    width:480px;
	text-align:center;
	margin:0px auto 40px auto;}

table.pdf {
    border:solid 1px #CCCCCC;
    width:523px;
	text-align:left;
	margin:0;
}
	
table.pdf td {
	padding:3px;}

.red {
    color: #ff0000;
}




/** |04.Contents Settings| ***************************************************************** START **/

/* ページタイトル */
#school .title {margin-bottom:12px; line-height:0;}

/* EPISトップに戻る */
#school .epis_back {
    text-align:right;
	padding-top:15px;
	clear:both;}

/* ページの先頭に戻る */
.toTop {
    text-align:right;
	font-size:65%;
	margin:15px 0 25px 0;}

/* コピーライト表記(お客様の作品) */
#school .gallery_copy {
    background-color:#e6e6e6;
	border:solid 1px #cccccc;
	margin-top:20px;
	padding:8px;}

/* 申し込み方法見出し(申し込み方法) */
#school .way .way_tel,
#school .way .way_web {
    width:500px;
	background-color:#e6e6e6;
	border:solid 1px #CCCCCC;
	margin:0 auto;
	padding:6px;}

#school .way .way_tel dl {
padding:0 0 0 100px;
    text-align:left;
}

#school .way .way_tel dl dd {
    margin-left: 5em;
}


/* GetAdobeReader(申し込み方法) */
div#get_reader {
	width:450px;
	padding:5px 8px;
	border:solid 1px #CCCCCC;
	text-align:left;
	background:#FFFFFF;
	clear:both;
	margin:0 auto;
	margin-top:20px;}


#school .fRed {color: #FF0000;}
#school .lh0 {line-height:0;}