body {
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  margin: 0;
  text-align: center;
}
a img {
  border-style:none;
}
/* インデックス上部タイトル */
#index-header {
  background-color: #ba6140;
  background-image: url("./images/title_image3.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  height: 511px;
  width: 100%;
}
/* インデックスボタン配置用 */
#index-btn{
  padding-top: 80px; 
}
.logo-index {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width:1200px;
}
.logo-index p{
  display: inline-block;
  margin: 0;
}
/* ボタン配置用ボックス */
#index-menu {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  width: 1200px;
}
#index-menu ul{
  list-style-type: none;
  margin: 0;
}
#index-menu li{
  float: left;
}
.index-menu-ml1 {
  margin-left: 235px;
}
.index-menu-ml2 {
  margin-left: 30px;
}
.index-menu-ml3 {
  margin-left: 5px;
}
/* ボタン配置用テーブル */
#index-btn table {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  width: 1000px;
}
/* インストラクターページ上部タイトル */
#inst-header {
  background-color: #ff9e3f;
  background-image: url("./images/inst_title.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  height: 200px;
  width: 100%;
}
/* システムページ上部タイトル */
#system-header {
  background-color: #007903;
  background-image: url("./images/system_title.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  height: 200px;
  width: 100%;
}
/* 地図ページ上部タイトル */
#map-header {
  background-color: #0061c5;
  background-image: url("./images/map_title.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  height: 200px;
  width: 100%;
}
/* サブページボタン配置用 */
#sub-btn{
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  text-align: left;
  width: 850px;
}
.logo-sub {
  padding-top: 15px;
  float: left;
}

/* ボタン配置用テーブル */
#sub-btn table {
  float: right;
  text-align: center;
  width: 350px;
}
/* ページ全体 */
#wrapper {
  background-color: #ffffff;
  margin: 0 auto;
  text-align: left;
  width: 850px;
}
/* ヘッダー部 */
#header {
  width: 850px;
}
/* ヘッダー部（内容）*/
#header-inner {
  padding: 10px 0px 10px 5px;
}
/* 上部メニュー */
#navi {
  background-color: #cccccc;
  padding: 5px;
}
/* 上部メニュー（内容）*/
#navi-inner {
  padding: 5px;
  text-align: center;
}
/* 上部メニュー（リスト）*/
#navi ul{
  margin: 0px;
}
/* 上部メニュー（リスト個々の部品）*/
#navi li{
  font-size: 1.1em;
  font-weight: bold;
  display: inline;
  margin: 0;
  margin-right: 50px;
}
/* コンテンツ */
#contents {
  background-color: #ffffff;
  clear: both;
  width: 100%;
}
/* コンテンツ（内容）*/
#contents_inner {
  padding: 10px;
  width: 100%;
}
/* フッター部 */
#footer {
  background-color: #4D1A06;
  clear: both;
  width: 100%;
}
/* フッター部（内容）*/
#footer-inner {
  margin-left: auto;
  margin-right: auto;
  width: 850px;
}
/* フッター部（コンテンツ）*/
#footer-contents {
  color: #ffffff;
  padding: 5px;
  text-align: left;
}
/* フッター部（ボタン配置用）*/
#footer-contents table{
  float: right;
  text-align: center;
  width: 350px;
}

/* 見出し1(index) */
h1.index {
  color: #F73B70;
  font-size: 1.4em;
  margin-top: 20px;
  text-align: center;
}
/* 見出し1(インストラクター) */
h1.inst {
  color: #ff9e3f;
  font-size: 1.6em;
  margin-top: 20px;
  text-align: center;
}
/* 見出し1(システム) */
h1.system {
  color: #007903;
  font-size: 1.6em;
  margin-top: 20px;
  text-align: center;
}
/* 見出し1(地図) */
h1.map {
  color: #0061c5;
  font-size: 1.6em;
  margin-top: 20px;
  text-align: center;
}
/* 見出し2(sub) */
h2.sub {
  font-size: 1.2em;
  padding-top: 15px;
}
/* コンテンツ段落1(index) */
p.index1 {
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
  color: #D1561B;
  font-weight: bold;
  line-height: 2.5em;
  margin-top: 20px;
  text-align: center;
}
/* コンテンツ段落2(index) */
p.index2 {
  line-height: 2.0em;
  margin-top: 20px;
  text-align: center;
}
/* コンテンツ段落3(index) */
p.index3 {
  color: #F73B70;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.0em;
  margin-top: 30px;
  text-align: center;
}
/* コンテンツ段落1(sub) */
p.sub1 {
  line-height: 2.0em;
}
/* 強調表示 */
em {
  background-color: #ffff00;
}
em.pat2 {
  background: none;
  color: #f80;
  font-size: 1.1em;
  font-weight: bold;
}
strong {
  background-color: #ffff00;
  font-size: 1.2em;
  font-weight: bold;
}
.btn-index {
  margin: 0;
  text-align: center;
}
ul.contact {
  line-height: 2.0em;
}
/* データリスト(システム) */
.system-dl {
  line-height: 2.0em;
  margin-left: 20px;
}
.system-dl dt{
  background-color: #cfe19a;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding-left: 15px; 
}
.system-dl dd{
  margin-top: 15px;
  margin-bottom: 20px;
}
/* 受講生の声 */
.voice-box {
  border-bottom: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
  width: 750px;
}
.voice-box-inner {
  margin: 10px;
}
.voice-header {
  width: 100%;
}
.voice-header img{
  float: left;
  margin-right: 10px;
}
.voice-contents {
  clear: both;
  padding-top: 10px;
}
.fl-box{
  clear: both;
  margin-left: 20px;
  padding-bottom: 50px;
}
.fl-box p{
  margin: 0;
}
.fl-right{
  float: right;
  font-size: 0.9em;
  padding-bottom: 20px;
  text-align: right;
}
.fl-right img{
  margin: 0 0 0 10px;
}
.fl-left{
  float: left;
  font-size: 0.9em;
  padding-bottom: 20px;
}
.fl-left img{
  margin: 0 10px 0 0;
}
.fl-left2{
  float: left;
  font-size: 0.9em;
  height: 120px;
  margin: 0;
}
.fl-left2 img{
  margin: 0 10px 0 0;
}
.center-box {
  clear: both;
  margin: 50px auto;
  text-align: center;
  width: 100%;
}
p.info {
  margin: 30px 0 30px 0;
}
p.cnt {
  text-align: center;
}
.pl-290 {
  padding-left: 290px;
}
.ml-20 {
  margin-left: 20px;
}