@charset "UTF-8";
/* ---------------------------------------------
 RealGetのサイトロゴを設置する場合、
 各ブログのimagesフォルダ内に、ロゴイメージを設置し
 下記の＜MTIgnore＞と＜/MTIgnore＞を
 外すことで全ページロゴが表示されます。
------------------------------------------------*/
div#header p {
  float:left;
  display:block;
  margin: 0;
  padding:0;
  width:200px;
  height:50px;
  color: #ffffff;
}

div#header p a {
  display:block;
  margin:0;
  padding:0;
  width:200px;
  height:50px;
  font-size:0;
  font-weight:normal;
  text-decoration:none;
  text-indent:-9999px;
  background: url(http://www.shokasonjyuku.net/tool/images/logo200_50.png ) no-repeat left top;
  color:#ffffff;
}

div#header p a:hover {
  background: url(http://www.shokasonjyuku.net/tool/images/logo200_50.png ) no-repeat left -50px;
}


/*-----------------------------------------------------------------------
  catchコピーのイメージをを差し替える場合、
  各ブログの公開フォルダ内のimagesフォルダにキャッチ画像をUPし
 下記の＜MTIgnore＞と＜/MTIgnore＞を
 外すことで全ページロゴが表示されます。

  例：トップップページキャッチコピー画像サイズがW=850 h=200の場合
  幅は860が限界、高さは、height:を調整すれば変更可能
-------------------------------------------------------------------------*/

div.catch_inner {
  background:#ffffff url(http://www.shokasonjyuku.net/tool/images/catchcopy.jpg) no-repeat left top;
  height:300px;
}

div.catch_inner:hover {
  background:#ffffff url(http://www.shokasonjyuku.net/tool/images/catchcopy2.jpg) no-repeat left top;
  height:300px;
}

p.main_copy {
  display:block;
  margin:0;
  padding:20px 20px;
  color:#ffffff;
  font-size:30px;
  font-family:"Times New Roman", Times, serif;
  font-weight:800;
  line-height:100%;
  text-indent:-999em; 
}

p.sub_copy {
  display:block;
  margin:0;
  padding:15px 20px 10px 60px;
  color:#FFCC00;
  font-size:18px;
  line-height:150%;
  text-indent:-999em;
}

/*-----------------------------------------------------------------------
  Gloval-NAVIのセンタリングリング用　width:700px;の値を調整する
-------------------------------------------------------------------------*/
div#g_navi {
  width:760px;
}