@charset "UTF-8";
/* ---------------------------------------------
      ヘッダー内のロゴをイメージに変更時の表示
      下記の＜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/endaka/images/logo200_50.png ) no-repeat left top;
  color:#ffffff;
}

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


/*-----------------------------------------------------------------------
  catchコピーを差し替える場合は以下のを消す
      トップページサブヘッダのキャッチ領域
  背景画像のサイズがW=850 h=200の場合
-------------------------------------------------------------------------*/
div.catch_inner {
  background:#ffffff url(http://www.shokasonjyuku.net/endaka/images/catchcopy.jpg) no-repeat left top;
  height:240px;
     
}

p.main_copy {
  display:inline-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:700px;
}