diff --git a/paper/system-web.tex b/paper/system-web.tex
index 6f110ad..2f62524 100644
--- a/paper/system-web.tex
+++ b/paper/system-web.tex
@@ -1,7 +1,7 @@
 \subsubsection{レスポンシブページ}
 作成したWebページには，CSS3の@mediaを用いることでスクリーン(画面,ウィンドウ)の縦横比を検知させている。これによりページを開いているスクリーンが縦長であれば縦画面用のページが表示され，横長であれば横画面用の画面が表示される。また，ページ内には背景やキャラクター画像が配置されるスペースやテキストが表示されるボックスを配置しており，それぞれの要素に対してスクリーンに合わせた大きさになるように設定を行っている(図\ref{tate}，図\ref{yoko})。縦横比による画面切り替えの記述は以下に示す。
 \begin{itembox}[l]{縦画面表示} 
-\begin{lstlisting}
+\begin{verbatim}
 @media screen and 
 (orientation: portrait) {
   header{
@@ -9,11 +9,11 @@
 
   〜以降スタイルの記述〜
 }
-\end{lstlisting}
+\end{verbatim}
 \end{itembox}
 
 \begin{itembox}[l]{横画面表示} 
-\begin{lstlisting}
+\begin{verbatim}
 @media screen and 
 (orientation: landscape) {
   header{
@@ -21,7 +21,7 @@
 
   〜以降スタイルの記述〜
 }    
-\end{lstlisting}
+\end{verbatim}
 \end{itembox}
 
 
@@ -42,7 +42,7 @@
 \subsubsection{ロード画面の実装}
 \sr のWebページには，読み込みの際に表示させるロード画面を実装するにあたり，JavaScriptライブラリの一つである「jQuery」を用いている。ロード画面を表示させるHTMLファイル内のscriptタグにjQueryを指定するURLを記述することでライブラリの利用を可能にしている。実際のロード画面は，gif画像とNow Loading...の文字をHTML内で追加することで構成している（図\ref{load}）。以下はロード画面実装の記述である。
 \begin{itembox}[l]{ロード画面の実装} 
-\begin{lstlisting}
+\begin{verbatim}
 $(function() {
 　var h = $(window).height();
 　$('#loader-bg ,#loader').
@@ -71,7 +71,7 @@
 　$('#loader').delay(600).
 　　fadeOut(300);
 }
-\end{lstlisting}
+\end{verbatim}
 \end{itembox}
 
 \begin{figure}[tbp]