﻿/********

	セミナー関連ページスタイル

*********/

ul {
	list-style:none;
	margin:0;
	padding:0;
}
p,h1,h2,div {
	margin: 0;
	padding: 0;
}
div#seminar_page table {
	border-collapse:collapse;
}

/********  semina_index.html  *********/

/* トップ画像 */
div#semina_index h1.semina_index_top {
	width:550px;
	height:120px;
	margin-top: 15px;
	padding: 0px;
	text-indent: -9999px;
	background:url(/seminar/img/semina_index_top.jpg) no-repeat center;
}

/* 外枠 */
div#semina_index div.seminar {
	width:530px;
	border:2px solid;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	padding: 0px;
}
div#semina_index div.seminar:after {
	clear:both;
	display:block;
	content:"";
}
div#semina_index div.seminar.koumu { /* 公務員 */
	border-color: #339900;
}
div#semina_index div.seminar.boki { /* 簿記 */
	border-color: #ff6600;
}
div#semina_index div.seminar.it { /* 情報処理 */
	border-color: #0066ff;
}
div#semina_index div.seminar.recruit { /* 就職 */
	border-color: #33cc00;
}
div#semina_index div.seminar.fitness { /* フィットネス */
	border-color: #ff3300;
}
div#semina_index div.seminar.shuwa { /* 手話 */
	border-color: #ff3399;
}
div#semina_index div.seminar.lifesaving { /* 普通救命講習 */
	border-color: #0000ff;
}
div#semina_index div.seminar.train { /* 鉄道業界就職対策 */
	border-color: #9966cc;
}

/* タイトル画像 */
div#semina_index div.seminar h2.seminar_title{
	display: block;
	width: 530px;
	height: 34px;
	margin:0;
	padding: 0;
	text-indent: -9999px;
}
div#semina_index div.seminar.koumu h2.seminar_title { /* 公務員 */
	background:url(/seminar/img/title_koumu.gif) no-repeat;
}
div#semina_index div.seminar.boki h2.seminar_title { /* 簿記 */
	background:url(/seminar/img/title_boki.gif) no-repeat;
}
div#semina_index div.seminar.it h2.seminar_title { /* 情報処理 */
	background:url(/seminar/img/title_it.gif) no-repeat;
}
div#semina_index div.seminar.recruit h2.seminar_title { /* 就職 */
	background:url(/seminar/img/title_recruit.gif) no-repeat;
}
div#semina_index div.seminar.fitness h2.seminar_title { /* フィットネス */
	background:url(/seminar/img/title_fitness.gif) no-repeat;
}
div#semina_index div.seminar.shuwa h2.seminar_title { /* 手話 */
	background:url(/seminar/img/title_shuwa.gif) no-repeat;
}
div#semina_index div.seminar.lifesaving h2.seminar_title { /* 普通救命講習 */
	background:url(/seminar/img/title_lifesaving.gif) no-repeat;
}
div#semina_index div.seminar.train h2.seminar_title { /* 鉄道業界就職対策 */
	background:url(/seminar/img/title_train.gif) no-repeat;
}

/* 左側 */
div#semina_index div.seminar div.sem_left{
	width:270px;
	float: left;
	margin:0;
}
/* 右側 */
div#semina_index div.seminar div.sem_right{
	width:240px;
	float: left;
	padding: 0px 0px 0px 4px;
	position:relative;
}
/* 下側 */
div#semina_index div.seminar div.sem_bottom{
	width:530px;
	margin:0;
	clear: both;
}

/* セミナーイメージ写真 */
div#semina_index div.seminar div.sem_left span.seminar_img{
	display:block;
	width:280px;
	height:175px;
	margin:0;
	padding: 0;
}

/* 受付中のセミナー名一覧 追加テキスト */
div#semina_index div.seminar div.sem_right p.seminar_sub { /* ＜お申込み受付中のセミナー＞ */
	margin-top:10px;
	font-size: 16px;
	font-weight: bold;
	color:blue;
}

/* お申込み受付中のセミナー名一覧 */
div#semina_index div.seminar div.sem_right ul.seminar_name {
	margin-top: 10px;
}
div#semina_index div.seminar div.sem_right ul.seminar_name li{
	padding:2px;
	font-size: 16px;
	font-weight: bold;
}

div#semina_index div.seminar div.sem_right ul.type_koumu li{
	font-size: 12px;
	line-height: 1.1em;
}

div#semina_index div.seminar div.sem_right ul.type_it li{
	font-size: 12px;
	line-height: 1.1em;
}


/* セミナー無しのとき表示テキスト */
div#semina_index div.seminar div.sem_right ul.nothing {
	margin-top: 20px;
}
div#semina_index div.seminar div.sem_right ul.nothing li{
	padding:2px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}

/* 詳しくはこちらボタン */
div#semina_index div.seminar div.sem_right span.seminar_link { 
	display:block;
	width: 165px;
	height: 20px;
	text-indent: -9999px;
	position:absolute;
	top: 145px;
	left: 10px;
	background:url(/seminar/img/kuwashikuha_o.gif) no-repeat;
}
div#semina_index div.seminar div.sem_right span.seminar_link a {
	display:block;
	width: 165px;
	height: 20px;
	background:url(/seminar/img/kuwashikuha.gif) no-repeat;
}
div#semina_index div.seminar div.sem_right span.seminar_link a:hover {
	background:none;
}

/* 会場名一覧リスト */
div#semina_index div.seminar div.sem_bottom span.kaijyo{
	display:block;
	padding: 5px;
	font-size: 13px;
	line-height: 1.2em;
}

/********  セミナー詳細ページ  *********/
/********  seminar_～.html     *********/

div#seminar_page p {
	line-height: 1.2em;
}
div#seminar_page ul li {
	line-height: 1.2em;
}

/* セミナー情報無しのとき用(普段は非表示) */
div#seminar_page div.nothing {
	border:2px dashed #ff8080;
	width:545px;
	margin-top: 30px;
}
div#seminar_page div.nothing p {
	padding:5px;
	margin-left: 10px;
	line-height:1.4em;
}
div#seminar_page div.nothing span.to_semina_index { /* semina_indexへボタン */
	display:block;
	width: 170px;
	height: 20px;
	text-indent: -9999px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	background:url(/seminar/img/to_semina_index_o.gif) no-repeat;
}
div#seminar_page div.nothing span.to_semina_index a {
	display:block;
	width: 170px;
	height: 20px;
	background:url(/seminar/img/to_semina_index.gif) no-repeat;
}
div#seminar_page div.nothing span.to_semina_index a:hover {
	background:none;
}

/* セミナー詳細ページタイトル画像 */
div#seminar_page h1 {
	display:block;
	width: 545px;
	height: 110px;
	text-indent: -9999px;
	border:2px solid;
}
div#seminar_page h1.koumu {
	border-color: #339900;
	background:url(/seminar/img/page_title_koumu.jpg) no-repeat; /* 公務員 */
}
div#seminar_page h1.boki {
	border-color: #ff6600;
	background:url(/seminar/img/page_title_boki.jpg) no-repeat; /* 簿記 */
}
div#seminar_page h1.it {
	border-color: #0066ff;
	background:url(/seminar/img/page_title_it.jpg) no-repeat; /* 情報処理 */
}
div#seminar_page h1.recruit {
	border-color: #33cc00;
	background:url(/seminar/img/page_title_recruit.jpg) no-repeat; /* 就職 */
}
div#seminar_page h1.fitness {
	border-color: #ff3300;
	background:url(/seminar/img/page_title_fitness.jpg) no-repeat; /* フィットネス */
}
div#seminar_page h1.shuwa {
	border-color: #ff3399;
	background:url(/seminar/img/page_title_shuwa.jpg) no-repeat; /* 手話 */
}
div#seminar_page h1.lifesaving {
	border-color: #0000ff;
	background:url(/seminar/img/page_title_lifesaving.jpg) no-repeat; /* 普通救命講習 */
}
div#seminar_page h1.train {
	border-color: #9966cc;
	background:url(/seminar/img/page_title_train.jpg) no-repeat; /* 鉄道業界就職対策 */
}

/* セミナータイトル「&title」 */
div#seminar_page h2.title {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color:blue;
}

/* セミナー セレクトボックス用 */
div#seminar_page div.title_list {
	padding: 5px;
	margin-top:10px;
}
/*
div#seminar_page div.title_list p{
	display:block;
	width:240px;
	height:24px;
	font-size:16px;
	font-weight:bold;
	letter-spacing: normal;
	color: #FFFFFF;
	padding: 3px 1em 1px 0.7em;
	border-left: solid 3px;
	filter: alpha(opacity=100,finishopacity=10,style=1);
	margin-top:10px;
	background-color:#f00;
	border-left-color:#FFD9EE;
}
*/

div#seminar_page div.title_list ul li p{
	display:block;
	width:350px;
	height:24px;
	font-size:14px;
	font-weight:bold;
	letter-spacing: normal;
	color:black;
}
div#seminar_page div.title_list ul{
	letter-spacing:-.40em;
	padding: 0.2em;
	border-top: solid 1px;
	border-right: solid 3px;
	border-bottom: solid 1px;
	border-left: solid 3px;
	border-top-color:#009;
	border-right-color:#FFF5F5;
	border-bottom-color:#009;
	border-left-color:#FFEED9;
}
div#seminar_page div.title_list ul a {
	color: #151515;
}

div#seminar_page div.title_list ul a:hover {
	color: #1515FF;
	text-decoration:underline;
}

div#seminar_page div.title_list ul li.recruit,
div#seminar_page div.title_list ul li.boki,
div#seminar_page div.title_list ul li.fitness,
div#seminar_page div.title_list ul li.shuwa,
div#seminar_page div.title_list ul li.train,
div#seminar_page div.title_list ul li.recruit{
	letter-spacing:normal;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	width:150px;
	background:url(/img/topic_link_s.gif) no-repeat 0px 3px;;
	padding-left:15px;
	/display:inline;
	/zoom:1;
}

div#seminar_page div.title_list ul li.koumu{
	letter-spacing:normal;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	width:235px;
	background:url(/img/topic_link_s.gif) no-repeat 0px 3px;;
	padding-left:15px;
	/display:inline;
	/zoom:1;
}

div#seminar_page div.title_list ul li.it{
	letter-spacing:normal;
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	width:235px;
	background:url(/img/topic_link_s.gif) no-repeat 0px 3px;;
	padding-left:15px;
	/display:inline;
	/zoom:1;
}

div#seminar_page div.title_list ul li.pattern1{
	letter-spacing:normal;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	width:500px;
	background:url(/img/topic_link_s.gif) no-repeat 0px 3px;;
	padding-left:15px;
	/display:inline;
	/zoom:1;
}

div#seminar_page div.title_list ul li.pattern2{
	letter-spacing:normal;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	width:248px;
	background:url(/img/topic_link_s.gif) no-repeat 0px 3px;;
	padding-left:15px;
	/display:inline;
	/zoom:1;
}

/* リスト表示「&list」 */
div#seminar_page ul.list li {
	font-size: 13px;
	padding: 1px;
	padding-left: 1.3em;
	background:url(/img/list.gif) no-repeat left 2px;
}

/* 注意事項「&attention」 */
div#seminar_page ul.attention li {
	font-size: 13px;
	color: red;
	padding: 1px;
}

/* テキスト「&text」 */
div#seminar_page p.text {
	font-size: 13px;
	padding: 1px;
	text-indent: 1.3em;
}
/* テキスト「&text2」 */
div#seminar_page p.text2 {
	font-size: 13px;
	padding: 1px;
	font-weight: bold;
}

/* テーブル「&table」 */
div#seminar_page table.course { /* コースの表　共通部分 */
	margin-top: 20px;
	font-size: 13px;
	border:2px solid #cccccc;
	width:400px;
}
div#seminar_page table.course tr td{
	border:1px solid #cccccc;
	padding: 5px;
	line-height: 1.2em;
}
div#seminar_page table.course tr th{
	font-weight: bold;
	text-align: center;
	border:1px solid #cccccc;
	padding: 5px;
	line-height: 1.2em;
}

/* セミナー会場 リンク付き会場名横並び一覧 */
div#seminar_page p.kaijyo_list {
	font-size: 13px;
	margin-top: 1.5em;
	padding-bottom: 1.5em;
}

/* セミナー お申込み方法記述（固定） */
div#seminar_page p.send_s {
	font-size: 14px;
	color: red;
	padding: 1px;
	line-height: 1.2em;	
}

/* セミナー 注意書き */
div#seminar_page div.kaijyo table tr td.send_red {
	font-size: 14px;
	text-align: left;
	color: red;
	padding: 1px;
	line-height: 1.2em;	
}

div#seminar_page div.kaijyo table tr td.send_black {
	font-size: 14px;
	text-align: left;
	padding: 1px;
	line-height: 1.2em;	
}

div#seminar_page div.kaijyo table tr.kaijyo {
	height:40px;
}
/* 会場ごと実施日時一覧 */
/* ◆会場名◆ */
div#seminar_page div.kaijyo p.kaijyo_name {
	margin-top:1.2em;
	padding-bottom:1.2em;
	position:relative;
}

/* お問い合わせ先 */
div#seminar_page div.kaijyo p.kaijyo_name span.to_saki {
	display:block;
	position:absolute;
	left:260px;
	top:2px;
	font-size:13px;
}


/* 会場日時テーブル */
div#seminar_page table.semi_list {
	width: 550px;
	font-size: 14px;
	border:2px solid #0033ff;
	margin-top:-15px;
}
div#seminar_page table.semi_list tr td {
	border:1px solid #0033ff;
	padding:2px;
	text-align: center;
	line-height: 1.2em;
}
div#seminar_page table.semi_list tr th {
	border:1px solid #0033ff;
	padding:2px;
}
div#seminar_page table.semi_list tr th.check { /* お申込み部 */
	width: 70px;
}
div#seminar_page table.semi_list tr th.date { /* 日付部 */
	width: 110px;
}
div#seminar_page table.semi_list tr th.time { /* 時間部 */
	width: 110px;
}
div#seminar_page table.semi_list tr th.place { /* 場所部 */
	width: 260px;
}
/* 時間が午前・午後分かれている場合 */
div#seminar_page table.semi_list.ampm tr th.check {
	width: 70px;
}
div#seminar_page table.semi_list.ampm tr th.date {
	width: 110px;
}
div#seminar_page table.semi_list.ampm tr th.time {
	width: 200px;
}
div#seminar_page table.semi_list.ampm tr th.place {
	width: 170px;
}
/* 場所部 - 住所 */
div#seminar_page table.semi_list span.address {
	font-size: 13px;
	text-align: center;
}


/* 地方ごと区切り 地方名 */
div#seminar_page h3 {
	color:#006600;
	font-size:18px;
}

/* 地方ごと区切り線 */
div#seminar_page hr.area {
  border:none;
	border-top:2px dashed #ff8080;
	margin: 5px 0px;
}

/* TOPへ戻るリンク */
div#seminar_page p.back {
	text-align:right;
	font-size:13px;
	margin-top:10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* お申込みはこちらボタン */
div#seminar_page div.send {
	clear:both;
	width: 550px;
	text-align:right;
	margin: 10px 0px;
}

/* semina_indexへボタン */
div#seminar_page div.seminar span.to_semina_index {
	display:block;
	float: right;
	width: 170px;
	height: 20px;
	text-indent: -9999px;
	margin-top:10px;
	margin-right:5px;
	padding-bottom:10px;
	background:url(/seminar/img/to_semina_index_o.gif) no-repeat;
}
div#seminar_page div.seminar span.to_semina_index a {
	display:block;
	width: 170px;
	height: 20px;
	background:url(/seminar/img/to_semina_index.gif) no-repeat;
}
div#seminar_page div.seminar span.to_semina_index a:hover {
	background:none;
}

/********  個別指定など  *********/

/* コースの表 簿記 個別指定 */
div#seminar_page table.course.boki_yosou { /* コースの表 簿記 予想問題 */
	width:350px;
}
div#seminar_page table.course.boki_yosou tr th.course_name {
	width:100px;
}
div#seminar_page table.course.boki_yosou tr th.naiyou {
	width:250px;
	letter-spacing: 1em;
}

div#seminar_page table.course.boki_spring { /* コースの表 簿記 春休み簿記講習会 */
	width:500px;
}
div#seminar_page table.course.boki_spring tr th.course_name {
	width:100px;
}
div#seminar_page table.course.boki_spring tr th.naiyou {
	width:400px;
	letter-spacing: 1em;
}


/* コースの表 情報処理 個別指定 */
div#seminar_page table.course.it_nagoya { /* コースの表  */
	width:400px;
	text-align:center;
}

div#seminar_page table.course.it { /* コースの表  */
	width:350px;
	text-align:center;
}

div#seminar_page table.course.pc { /* コースの表 パソセミ */
	width:550px;
}
div#seminar_page table.course.pc tr th.date {
	width:70px;
}
div#seminar_page table.course.pc tr th.name {
	width:170px;
}
div#seminar_page table.course.pc tr th.naiyou {
	width:310px;
}

div#seminar_page table.course.syurui,
div#seminar_page table.course.kihon,
div#seminar_page table.course.ipass,
div#seminar_page table.course.pasokon {
	width:550px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}

div#seminar_page table.course.syurui td.course {
	width:80px;
}

div#seminar_page table.course.syurui td.zenki {
	width:235px;
}

div#seminar_page table.course.syurui td.kouki {
	width:235px;
}

div#seminar_page table.course.kihon td.course_left,
div#seminar_page table.course.ipass td.course_left {
	width:165px;
	text-align:left;
}

div#seminar_page table.course.kihon td.course2_left,
div#seminar_page table.course.ipass td.course2_left {
	width:170px;
	text-align:left;
}

div#seminar_page table.course.syurui td.course_left{
	text-align:left;
}

div#seminar_page table.course.pasokon td.koza {
	width:180px;
}

div#seminar_page table.course.pasokon td.naiyo {
	width:370px;
}

div#seminar_page table.course.pasokon td.koza_left {
	width:180px;
	text-align:left;
}

div#seminar_page table.course.pasokon td.naiyo_left {
	width:370px;
	text-align:left;
}
