/* -------------------------------------------------------------------------*/
/* 全体設定 */
/* -------------------------------------------------------------------------*/
/* ボディ */
body
{
	margin: 0 ;				/* スペース */
	padding: 0 ;			/* 余白 */
	font-size: 15px ;		/* 文字サイズ */
	color: #755f4a ;
	line-height: 1.44 ;	/* 行の高さ */
  background-image : url("../img/bg.png");
  background-repeat: repeat-y;
  font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
}

/* 見出し1 */
h1
{
	margin: 0;
	padding: 0;
}

/* 番号なしリスト */
ul
{
  list-style-type: none;
}

/* リンク */
a
{
  text-decoration: none;
}

/* -------------------------------------------------------------------------*/
/* 共通設定 */
/* -------------------------------------------------------------------------*/

/* ヘッダー */
.header
{
  width: 1200px;
	text-align: center ;
	padding: 5px 0 ;
	margin: 0 auto ;
}

/* ヘッダー > ナビ */
.navi
{
  width: 1100px;
  height: 72px;
  margin: 0 20px;
}

/* ヘッダー > ナビ > テーブル設定 */
.navi ul
{
  display:table;
	table-layout:fixed;
	width: 100%;
}

/* ヘッダー > ナビ > テーブル中身設定 */
.navi li
{
  display: table-cell;
  padding-right: 20px; /* テキストを中央にもっていくための調整 */
}

/* ヘッダー > ナビ > テーブル揃え設定 */
.navi li:first-child
{
  left: 0;
}

.navi li:last-child
{
  right: 0;
}

/* ヘッダー > ナビ > テーブル内リンク */
.navi li a {
  display: block;
  padding: 1em;
  color: #754c24;
  font-weight: bold;
  font-size: 22px;
}

.navi li a:hover {
  color: #cc9966;
}

/* ヘッダー > ナビ > 各背景設定 */

.navi1
{
  background: url("../img/tag01.png");
  background-repeat: no-repeat;
}
.navi2
{
  background: url("../img/tag02.png");
  background-repeat: no-repeat;
}
.navi3
{
  background: url("../img/tag03.png");
  background-repeat: no-repeat;
}
.navi4
{
  background: url("../img/tag04.png");
  background-repeat: no-repeat;
}
.navi5
{
  background: url("../img/tag05.png");
  background-repeat: no-repeat;
}

/* ヘッダー > ロゴ */
.header_img
{
  position: relative;
	margin: 0;
	padding: 0 ;
	line-height: 1 ;

}

/* ヘッダー > 説明部分 */
.header_inquiry1
{
  position:absolute;
  left: 800px;
  bottom: 80px;
  color: #754c24;
  font-size: 18px;
}

.header_inquiry2
{
  position:absolute;
  left: 800px;
  bottom: 50px;
  color: #754c24;
  font-size: 18px;
}

/* -------------------------------------------------------------------------*/

/* フッター */
.footer,
.footer_long,
.footer_longer,
.footer_longest
{
  width: 1200px;
	text-align: center ;
	margin: 30px auto 150px;
	padding: 20px 0 ;
}

/* ウィンドウ幅が0〜1199pxの場合に適用するCSS */
@media screen and ( max-width:1199px )
{
	.footer
	{
		margin: 30px 40px 150px;
	}

	/* 以下iOS対応 */
	/* 療育方針のフッターを伸ばす */
	.footer_long
	{
		margin: 30px 40px 400px;
	}

	/* トップページのフッターを伸ばす */
	.footer_longer
	{
		margin: 30px 40px 680px;
	}

	/* 会社案内のフッターを伸ばす */
	.footer_longest
	{
		margin: 30px 40px 700px;
	}
}



/* フッター > SNSリスト */
.sns
{
  width: 200px;
  height: 40px;
  margin: 40px auto;
}

/* フッター > SNSリスト > テーブル設定 */
.sns ul
{
  display:table;
	table-layout:fixed;
	width: 100%;
}

/* フッター > SNSリスト > テーブル中身設定 */
.sns li
{
  display: table-cell;
}

/* フッター > 企業名 */
.copy
{
  font-size: 24px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* -------------------------------------------------------------------------*/

/* ラッパー（メイン + サイド） */
.wrapper
{
	width: 1120px ;
	margin: 0 auto ;
	padding: 0 ;
  overflow: hidden ;		/* floatを解除する */
}

/* ウィンドウ幅が0〜1199pxの場合に適用するCSS */
@media screen and ( max-width:1199px )
{
	.wrapper
	{
		margin: 0 40px;
	}
}

/* -------------------------------------------------------------------------*/

/* メイン */
.main_contents
{
  width: 816px;
	margin-left: 2px; /* デザインの関係 */
  float: left ;		/* 左に寄せる */
}

/* メイン > メインコンテンツ */
.main_contents_child
{
  width: 786px;
	padding: 20px ;							/* 上下左右に20pxの余白 */

	-moz-border-radius: 7px;    	/* 古いFirefox用 */
	-webkit-border-radius: 7px; 	/* 古いSafari,Chrome用 */
	border-radius: 20px/7px;      /* CSS3 */

	background-color: #FFF;

}

/* メインコンテンツ余白 */
.main_contents_space
{
	margin-top: 10px;
}

/* サイド */
.side
{
	width: 260px ;
	margin-right: 1px; /* デザインの関係 */
  float: right ;		/* 右に寄せる */

}

/* サイド > 内容 */
.side_child
{
	width: 238px;
	padding: 10px;							/* 上下左右に10pxの余白 */

	-moz-border-radius: 7px;    	/* 古いFirefox用 */
	-webkit-border-radius: 7px; 	/* 古いSafari,Chrome用 */
	border-radius: 20px/7px;      /* CSS3 */

	background-color: #FFF;
}

/* サイド > サイドタイトル */
.side_title
{
	padding-top: 24px;
	font-size: 20px;
	color: #ffb986;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* サイド > サイド掲載情報 */
.side_info
{
	padding: 10px 0;
	font-size: 14px;
	color: #754c24;
	line-height: 1.2;
}

/* サイド > hrの設定 */
.side hr
{
	 border-width: 2px 0px 0px 0px; /* 太さ 2px */
	 border-style: dashed; 					/* 線種を破線に */
	 border-color: #000;  					/* 線色を黒色に */
	 height: 2px;         					/* 高さ(※古いIE用) */
}

/* サイド > map配置 */
.side_map
{
	margin-top: 20px;
}

/* -------------------------------------------------------------------------*/
/* その他共通設定 */
/* -------------------------------------------------------------------------*/

/* 右寄せ */
.right
{
	text-align: right;
}

/* -------------------------------------------------------------------------*/
/* 各ページ設定 */
/* -------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------*/
/* トップページ */
/* -------------------------------------------------------------------------*/

/* トップページ > 新着情報 > 画像を使った枠 > 上 */
.top_flame_01_top
{
	margin-top: 10px;
	margin-left: 5px;
	background: url("../img/top_flame_top_01.png");
	background-repeat: no-repeat;
}

/* トップページ > 新着情報 > ボディ */
.top_flame_01
{
	margin-top: -5px;
	padding: 10px 20px;
	background: url("../img/top_flame_bg_01.png");
	background-repeat: repeat-y;
}

/* トップページ > 新着情報 > 画像を使った枠 > 下 */
.top_flame_01_bottom
{
	margin-bottom: 10px;
	margin-left: 5px;
	background: url("../img/top_flame_bottom_01.png");
	background-repeat: no-repeat;
	height: 25px;
}

/* トップページ > h2タグの設定 */
.top_h2_01,
.top_h2_02
{
	padding-left: 50px;
	font-size: 28px;
}

/* トップページ > h2の下線 */
.top_h2_01
{
	background: url("../img/top_h2_line_01.png");
	background-repeat: no-repeat;
}
.top_h2_02
{
	background: url("../img/top_h2_line_02.png");
	background-repeat: no-repeat;
}

/* トップページ > 新着情報 */
.top_topics_list
{
	padding-left: 50px;
	font-size: 20px;
}

/* トップページ > 新着情報 > 日付 */
.top_date
{
	padding-top: 10px;
	text-align: left;
}

/* トップページ > 新着情報 > 見出し */
.top_text
{
	padding-left: 250px;
	padding-right: 50px;
	margin-bottom: 0;
}

/* トップページ > 新着情報 > 見出し > リンク設定 */
.top_text a
{
	color: #755f4a ;
}

.top_text a:hover
{
	color: #cc9966;
}

/* トップページ > 新着情報 >  */
.top_part
{
	margin-top: -15px;
	margin-left: -35px;
	padding: 0;
}

/* トップページ > スタッフ紹介 > 画像を使った枠 > 上 */
.top_flame_02_top
{
	margin-top: 20px;
	margin-left: 5px;
	background: url("../img/top_flame_top_02.png");
	background-repeat: no-repeat;
}

/* トップページ > スタッフ紹介 > ボディ */
.top_flame_02
{
	margin-top: -15px;
	margin-left: 5px;
	padding: 30px 50px;
	background: url("../img/top_flame_bg_02.png");
	background-repeat: repeat-y;
}

/* トップページ > スタッフ紹介 > 画像を使った枠 > 下 */
.top_flame_02_bottom
{
	margin-bottom: 20px;
	margin-left: 5px;
	background: url("../img/top_flame_bottom_02.png");
	background-repeat: no-repeat;
}

/* トップページ > スタッフ紹介 > 内容 */
.top_staff
{
	font-size: 18px;
}

/* トップページ > スタッフ紹介 > 説明 */
.top_staff_info
{
	margin-bottom: 20px;
}

/* -------------------------------------------------------------------------*/
/* 療育方針ページ */
/* -------------------------------------------------------------------------*/

/* 療育方針 > 画像を使った枠 > 上 */
.main_flame_top
{
	margin-top: 20px;
	background: url("../img/main_flame_top.png");
	background-repeat: no-repeat;
}

/* 療育方針 > 療育方針 > ボディ */
.main_flame
{
	padding: 10px 20px;
	margin-top: -8px;
	background: url("../img/main_flame_bg.png");
	background-repeat: repeat-y;
}

/* 療育方針 > 画像を使った枠 > 下 */
.main_flame_bottom
{
	margin-bottom: 20px;
	background: url("../img/main_flame_bottom.png");
	background-repeat: no-repeat;
}

/* 療育方針 > h2設定 */
.main_h2
{
	padding-left: 50px;
	font-size: 28px;
	background: url("../img/main_h2_line.png");
	background-repeat: no-repeat;
}

/* 療育方針 > h3設定 */
.main_h3_01,
.main_h3_02,
.main_h3_03
{
	font-size: 18px;
}

/* 療育方針 > h3の下線 */
.main_h3_01
{
	background: url("../img/main_h3_line_01.png");
	background-repeat: no-repeat;
}
.main_h3_02
{
	background: url("../img/main_h3_line_02.png");
	background-repeat: no-repeat;
}
.main_h3_03
{
	background: url("../img/main_h3_line_03.png");
	background-repeat: no-repeat;
}

/* 療育方針 > 説明部分 */
.main_exp
{
	font-size: 14px;
}

/* -------------------------------------------------------------------------*/
/* ご利用のご案内ページ */
/* -------------------------------------------------------------------------*/

/* ご利用のご案内 > 画像を使った枠 > 上 */
.gui_flame_top
{
	margin-top: 20px;
	background: url("../img/gui_flame_top.png");
	background-repeat: no-repeat;
}

/* ご利用のご案内 > ボディ */
.gui_flame
{
	margin-top: -7px;
	padding: 10px 20px;
	background: url("../img/gui_flame_bg.png");
	background-repeat: repeat-y;
}

/* ご利用のご案内 > 画像を使った枠 > 下 */
.gui_flame_bottom
{
	margin-bottom: 20px;
	background: url("../img/gui_flame_bottom.png");
	background-repeat: no-repeat;
}

/* ご利用のご案内 > h2設定 */
.gui_h2_01,
.gui_h2_02
{
	padding-left: 50px;
	font-size: 28px;
}

/* ご利用のご案内 > h2の下線 */
.gui_h2_01
{
	background: url("../img/gui_h2_line_01.png");
	background-repeat: no-repeat;
}
.gui_h2_02
{
	background: url("../img/gui_h2_line_02.png");
	background-repeat: no-repeat;
}

/* ご利用のご案内 > h3設定 */
.gui_h3_01,
.gui_h3_02,
.gui_h3_03
{
	padding-left: 50px;
	font-size: 24px;
}

/* ご利用のご案内 > h3の下線 */
.gui_h3_01
{
	background: url("../img/gui_h3_line_01.png");
	background-repeat: no-repeat;
	float: none;
}
.gui_h3_02
{
	background: url("../img/gui_h3_line_02.png");
	background-repeat: no-repeat;
}
.gui_h3_03
{
	background: url("../img/gui_h3_line_03.png");
	background-repeat: no-repeat;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 > 2カラム */
.gui_table
{
	display: table;
	width: 600px;
	margin: 0;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 >
 2カラム > 各カラム設定 */
.gui_child1,
.gui_child2
{
	display: table-cell;
	width: 300px;
	padding: 10px ;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 > 間の仕切り線 */
.gui_child1{
	border-right: 1px solid #ccc;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 > 画像 */
.gui_image
{
	text-align: center;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 > 見出し */
.gui_title
{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 > 説明文 */
.gui_exp_01
{
	font-size: 16px;
}

/* ご利用のご案内 > ご利用のご案内 > 養育対象者とご利用できる日時 > 囲い部分 */
.gui_enclose0
{
	width: 280px;
	font-size: 14px;
	margin: 20px;
	padding: 10px ;
	border: 2px solid #755f4a;
	border-radius: 5px;
}

/* ご利用のご案内 > ご利用のご案内 > ご利用料金 */
.gui_exp_02
{
	padding: 0 40px;
	font-size: 18px;
}

/* ご利用のご案内 > ご利用のご案内 > 諸経費 */
.gui_exp_03
{
	font-size: 18px;
}

/* ご利用のご案内 > アクセス > 囲み・上 */
.gui_enclose1
{
	width: 470px;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 10px ;
	border: 2px solid #9acbfd;
	border-radius: 5px;
}

/* ご利用のご案内 > アクセス > 囲み・下 */
.gui_enclose2
{
	width: 432px;
	font-size: 20px;
	margin-top: 10px;
	padding: 10px ;
	border: 2px solid #9acbfd;
	border-radius: 5px;
}

/* -------------------------------------------------------------------------*/
/* 療育内容ページ */
/* -------------------------------------------------------------------------*/

/* 療育内容 > 画像を使った枠 > 上 */
.con_flame_top
{
	margin-top: 20px;
	background: url("../img/con_flame_top.png");
	background-repeat: no-repeat;
}

/* 療育内容 > ぷれじーるの一日 > ボディ */
.con_flame
{
	margin-top: -5px;
	padding: 20px;
	background: url("../img/con_flame_bg.png");
	background-repeat: repeat-y;
}

/* 療育内容 > 画像を使った枠 > 下 */
.con_flame_bottom
{
	margin-bottom: 20px;
	background: url("../img/con_flame_bottom.png");
	background-repeat: no-repeat;
}

/* 療育内容 > h2設定 */
.con_h2
{
	padding-left: 50px;
	font-size: 28px;
	background: url("../img/con_h2_line.png");
	background-repeat: no-repeat;
}

/* 療育内容 > h3設定 */
.con_h3
{
	width: 200px;
	height: 45px;
	padding-top: 5px;
	padding-left: 50px;
	text-align: center;
	font-size: 24px;
	background: url("../img/con_h3_line.png");
	background-repeat: no-repeat;
}

/* 療育内容 > h4設定 */
.con_h4
{
	padding-left: 50px;
	font-size: 22px;
	background: url("../img/con_h4_line.png");
	background-repeat: no-repeat;
}

/* 療育内容 > スケジュール > 下線設定 */
.con_table td
{
	background-image: linear-gradient(to right, #aca6ff, #aca6ff, 3px, transparent 1px, transparent 12px);
	background-size: 12px 3px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.con_table table {
    border-collapse: collapse;
		width: 90%;
		margin: 0 auto 10px;
}

/* 療育内容 > スケジュール > 時間 */
.con_time
{
	width: 25%;
	padding-right: 50px;
	text-align: right;
	font-size: 24px;
}

/* 療育内容 > スケジュール > 内容 */
.con_schedule
{
	width: 75%;
	padding: 5px 0;
	font-size: 14px;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------*/
/* 会社案内ページ */
/* -------------------------------------------------------------------------*/

/* 会社案内 > 画像を使った枠 > 上 */
.com_flame_top
{
	margin-top: 20px;
	background: url("../img/com_flame_top.png");
	background-repeat: no-repeat;
}

/* 会社案内 > 会社概要 > ボディ */
.com_flame
{
	margin-top: -11px;
	padding: 20px;
	background: url("../img/com_flame_bg.png");
	background-repeat: repeat-y;
}

/* 会社案内 > 画像を使った枠 > 下 */
.com_flame_bottom
{
	margin-bottom: 20px;
	background: url("../img/com_flame_bottom.png");
	background-repeat: no-repeat;
}

/* 会社案内 > h2設定 */
.com_h2
{
	padding-left: 50px;
	font-size: 28px;
	background: url("../img/com_h2_line.png");
	background-repeat: no-repeat;
}

/* 会社案内 > 会社概要 > ロゴ設定 */
.com_logo
{
	width: 300px;
	margin: 0 auto;
	padding: 30px 0;
}

/* 会社案内 > 会社概要 > 下線設定 */
.com_table td
{
	background-image: linear-gradient(to right, #ffdacc, #ffdacc, 3px, transparent 1px, transparent 12px);
	background-size: 12px 3px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.com_table table {
    border-collapse: collapse;
		width: 90%;
		margin: 0 auto 10px;
}

/* 会社案内 > 会社概要 > 見出し */
.com_label
{
	width: 55%;
	padding: 5px 30px;
	font-size: 18px;
}

/* 会社案内 > 会社概要 > 内容 */
.com_detail
{
	width: 45%;
	padding: 5px 0;
	font-size: 18px;
}