diff --git a/README.md b/README.md
index 450e1ce..bb0cdcf 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
 2018年度ガイダンス(情報科目+α)
 ===============
-[ガイダンス](../../pages/index.html)
+* [秋学期ガイダンス](../../pages/index.html)
+* [コース分けガイダンス](../../pages/couse-selection/index.html)
diff --git a/course-selection/.htaccess b/course-selection/.htaccess
new file mode 100644
index 0000000..210dfa3
--- /dev/null
+++ b/course-selection/.htaccess
@@ -0,0 +1 @@
+AddType "text/html; charset=utf-8" .html
diff --git a/course-selection/default.css b/course-selection/default.css
new file mode 100644
index 0000000..02ca54f
--- /dev/null
+++ b/course-selection/default.css
@@ -0,0 +1,127 @@
+/*
+ * Default CSS Definitions for Lecture Note
+ * (C)2009-2016 by HIROSE, Yuuji [yuuji>a<gentei.org]
+ * $HGid$
+ * Last modified Wed Jun 22 08:04:11 2016 on firestorm
+ * Update Count: 158
+ */
+
+/*
+ * text-indent
+ */
+h1+p, h2+p, h3+p, p+p, p.n {text-indent: 1em}
+p.noindent {text-indent: 0;}
+
+/*
+ * other
+ */
+blockquote {
+  background-color: #fffacd; /* lemonchiffon */
+  margin-left: 2em;
+  border: 1px none black;
+  padding: 0px 1ex;
+}
+/* ?????? blockquote p {width: 80ex; white-space: pre;} what for?? */
+.screen {
+  color: white;
+  background-color: #655;
+  margin-left: 1%;
+  border: 1px none black;
+  padding: 0px 1ex; clear: both;
+}
+
+h3.q:before {
+    content: "��" counter(question) ". ";
+}
+h3.q {
+    color: #008;
+    counter-increment: question;
+}
+
+.screen span.uc:before {content: "% "; color: white;}
+.screen span.sc:before {content: "# "; color: white;}
+.screen .uc, .screen span.sc, .screen kbd {color: yellow;}
+.screen kbd.ret:after {color: yellow; content: "[Return]";}
+.screen kbd.eof:after {background: white; color: brown; content: "[C-d]";}
+.screen span.rc:before {color: white; content: "> ";}
+.screen span.rc {color: yellow;}
+.screen var {color: cyan;}
+span.contline {color: blue; background: white;}
+
+.screen a:link {color: #9f9;}
+.screen a:visited {color: #7e7;}
+
+.m0 {margin: 0;}
+.e {color: red;}
+.u, .ul {text-decoration: underline;}
+.see {color: blue;}
+.large {font-size: large;}
+.xlarge {font-size: x-large;}
+.small {font-size: smaller;}
+.xsmall {font-size: x-small;}
+.screen .e {color: cyan;}
+.screen .see {color: #bfe; color: #242; xborder: 1px solid white; background: #fff;}
+.shout {text-align: center; font-size: 150%;}
+.notice, .topic {
+  background-color: #fff8dc; /* cornsilk */
+  margin-left: 1em; padding: 0 0.5ex;
+  border: 1px solid navy; xx_list-style-position: inside; /* for ul */
+}
+.notice {color: red; font-size: 120%;}
+.monolog {font-size: 80%;}
+
+.list {
+  background-color: #fffff0; /* ivory */
+  margin-left: 5%; margin-right: 5%;
+  padding: 0px 1ex; clear: both;
+}
+li .list, li .screen {margin: 0.5ex;}
+.list code, .pre {white-space: pre;}
+.list span.see {color: blue; /* more specific */}
+.list span.string {color: #060;} /* Dark green */
+.list var {color: green;}
+pre.scroll {overflow: auto;}
+.u, span.rootcmd+span {
+  color: yellow;
+}
+div.sample, div.indent {
+  margin-left: 2em;
+}
+.ln pre code:before {
+    content: counter(ln); text-align: center; min-width: 2ex; padding-right: 2ex;
+    xxborder: 1px solid;
+}
+.ln pre {counter-reset: ln;}
+.ln pre code { counter-increment: ln; margin-left: 4ex;}
+
+table.border, table.border td, table.border th, table.border tr {
+  border: 1px solid; border-collapse: collapse;
+  padding: 0.1ex 0.5ex; vertical-align: top;
+}
+table.border {margin-left: 2em;}
+table.vtop td, table.vtop th {vertical-align: top;}
+tr.head {background: #fdf;}
+td, th {padding-right: 1ex; padding-left: 1ex;}
+
+table.fl, div.fl, p.fl {float: left; margin-right: 1em; margin-top: 0;}
+div.fr, p.fr {float: right; margin-left: 1em;}
+p.fl+p, p.fr+p {clear: none;}
+h2, p.clear {clear: both;} p.clear {padding-top: 1em;}
+*.c {text-align: center;}
+*.framebox {border: 1px solid black; padding 0.2ex;}
+*.right {text-align: right;}
+address {clear: both;
+ margin-top: 1ex; border-top: 1px solid black; padding-top: 0.4ex;}
+
+.footnote {
+   background-color: #e2f4b0; color: navy; font-size: 80%;
+   width: 50%; float: right;
+   border: 1px solid brown;
+   margin: 0.5ex 0 0.2ex 1ex; padding: 1ex 2em;
+}
+.footnote + p {margin-top: 5em;}
+.footnote + p.nogap {margin-top: 0em;}
+
+/* footnote mark */
+a.ast {text-decoration: none; color: black;}
+a.ast:after {content: "(*)";}
diff --git a/course-selection/index.html b/course-selection/index.html
new file mode 100644
index 0000000..311ae22
--- /dev/null
+++ b/course-selection/index.html
@@ -0,0 +1,64 @@
+<html>
+<head>
+<meta charset="utf-8">
+<title></title>
+<style type="text/css">
+<!--
+body {background: azure;}
+-->
+</style>
+<link rel="stylesheet" type="text/css" href="project.css">
+<script type="text/javascript" src="project.js"></script>
+</head>
+
+<body>
+<h1>情報特別選抜について</h1>
+
+<h2>3年半後</h2>
+<p class="topic c">どこにいますか?</p>
+<h2>2年後</h2>
+<h3>就職活動スタート</h3>
+<p class="topic c">今の装備のままで<br>
+大丈夫??</p>
+<h2>情報処理の国家資格 - IPA</h2>
+<ul>
+ <li>ITパスポート</li>
+ <li>基本情報技術者</li>
+ <li>応用情報技術者</li>
+ <li>セキュリティスペシャリスト</li>
+ <li>その他...</li>
+</ul>
+<h2>情報処理力</h2>
+<h3>本学の必修科目</h3>
+
+<ul>
+ <li>情報リテラシーI/II</li>
+ <li>基礎プログラミングI/II</li>
+</ul>
+<p class="topic c">力はついている</p>
+<p class="topic c">ついた力をどうするか</p>
+
+<table class="topic c border">
+ <tr><td>放置</td><td onclick="light(this);">活用</td></tr>
+</table>
+
+<h2>情報特別選抜</h2>
+<p class="topic c">
+自分の情報処理力を<br>
+人の役に立つレベルまで高める</p>
+
+<p>卒業単位数は同じ。</p>
+
+<h2>おまけ</h2>
+<p>2017年11月17日: 鶴岡北高校体験授業<br>
+「ポケモンGOみたいなのって作れるの?」</p>
+
+<p class="c">
+<img src="qr.png" alt="https://map.koeki-prj.org/mq5/ipss2017.html"
+ width="333" height="333"></p>
+
+<p>宝をゲットしたら画面を保持してB-3研究室へ。先着3名様に粗品進呈。</p>
+<hr>
+<!--#include virtual="/~yuuji/signature.html"-->
+</body>
+</html>
diff --git a/course-selection/project.css b/course-selection/project.css
new file mode 100644
index 0000000..cdcd3c8
--- /dev/null
+++ b/course-selection/project.css
@@ -0,0 +1,49 @@
+/*
+ * CSS for Sakata City Lecture
+ */
+@media screen {
+  body {font-size: 220%; line-height: 1.4;}
+  table {font-size: 100%;}
+  h3 {margin-top: 2em;}
+  h3:before {color: #282;}
+  h4:before {color: #22b;}
+  h1 {
+    margin: 2em 1ex; background: white; border: green;
+    text-shadow: green 2px 3px 1px;
+  }
+  .topic {font-size: 140%;}
+}
+@media print {
+  .screen span.e {color: black; text-decoration: underline;}
+  p.fr + *, p.fl + * {clear: both;}
+  ul ul, ul p+p {display: none;}
+}
+h1 {text-align: center; border: double 10px; padding: 1ex;}
+h2, address {border-top: 1px solid black; padding-top: 1ex;}
+h2 {text-decoration: underline; margin-top: 3em;}
+h3:before {content: "■";}
+h4:before {content: "▲";}
+p.subtitle {margin: 4em; background: #aae; padding: 0.8ex;}
+p.indent {margin-left: 2em; background: #dad; padding: 0.5ex;}
+
+.c {text-align: center;}
+.rfloat {
+   width: 40%; float: right;
+}
+.lfloat {
+   width: 40%; float: left;
+}
+p.fr {float: right; margin-left: 2em;}
+p.fl {float: left; margin-right: 2em;}
+p.fr + *, p.fl + * {margin-top: 2em;}
+
+dt:before {content: "◎";}
+dt {background: #aeb;}
+address {margin-top: 1ex; border-top: 1px solid black; padding-top: 0.4ex;}
+
+table.border, table.border th, table.border td {
+    border: 1px solid black; border-collapse: collapse;
+    padding: 1ex;
+}
+table.topic td {padding: 1em 3em;}
+table.topic {margin: 1ex auto;}
diff --git a/course-selection/project.js b/course-selection/project.js
new file mode 100644
index 0000000..5eb82fd
--- /dev/null
+++ b/course-selection/project.js
@@ -0,0 +1,10 @@
+/*
+ * js tricks for trivial motion in presentation
+ */
+
+function light(me) {
+    me.style.backgroundColor = "#ff9";
+    // me.style.fontSize = "150%";
+    me.style.color = "#f00";
+    me.style.transition = "2.0s";
+}
diff --git a/course-selection/qr.png b/course-selection/qr.png
new file mode 100644
index 0000000..d25bd8f
--- /dev/null
+++ b/course-selection/qr.png
Binary files differ