@charset "utf-8";

#snd_con {
	float:left;
	width: 520px;
}

#snd_con hr {
	display: block;
	height: 1px;
	border: 1px dotted #533821;
	margin: 10px 0px;
}

.snd_con_left {
	float:right;
	width: 180px;
}

.con_area_01{
	width: 520px;
	margin: 0px;
	background-color: #ffffff;
}

.con_area_01 p {
	padding-left: 10px;
}

.snd_area_danraku {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.snd_area_danraku_s {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}


/* 受講までの流れ */
.snd_area_step {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

.snd_area_step p {
	padding: 15px;
}


/* 入学のご検討 */
.nyuugaku_kentou {
	width: 520px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.nyuugaku_kentou .nyuugaku_kentou_base {
	width: 255px;
	height: 117px;
	margin: 0px 5px 5px 0px;
	float: left;
}
.nyuugaku_kentou .nyuugaku_kentou_01 {
	background: transparent url(../images/renewal/lesson_qa/nyuugaku_kentou_01.gif) no-repeat 0px 0px;
}
.nyuugaku_kentou .nyuugaku_kentou_02 {
	background: transparent url(../images/renewal/lesson_qa/nyuugaku_kentou_02.gif) no-repeat 0px 0px;
}
.nyuugaku_kentou .nyuugaku_kentou_03 {
	background: transparent url(../images/renewal/lesson_qa/nyuugaku_kentou_03.gif) no-repeat 0px 0px;
}
.nyuugaku_kentou .nyuugaku_kentou_04 {
	background: transparent url(../images/renewal/lesson_qa/nyuugaku_kentou_04.gif) no-repeat 0px 0px;
}
.nyuugaku_kentou .nyuugaku_kentou_base .si_text {
	width: 255px;
	height: 86px;
	overflow: hidden;
}
.nyuugaku_kentou .nyuugaku_kentou_base .si_text p {
	padding: 45px 20px 0px 12px;
}
.nyuugaku_kentou .nyuugaku_kentou_base a img {
	margin: 0px 0px 0px 115px;
}

.setumei_gazou img {
	border: 1px solid #533821;
}

/* リップルキッズパークについて */
.ripple_tuite_waku {
	width: 520px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ecdccd;
}
.ripple_tuite_waku p {
	margin: 10px 0px 10px 10px;
}
/* フリーザチルドレン */
.free_the_waku {
	width: 520px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ecdccd;
}
.free_the_waku p {
	padding: 5px 5px 5px 5px;
}
.free_the_waku img {
	float: left;
	margin: 0px 10px 10px 0px;
}
.free_the_top {
	width: 450px;
	padding: 10px;
	margin: 0px 0px 20px 30px;
}
.free_the_top img {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* ================================================================================ */
/*　テーブル（お問い合わせ）　*/  
/* ================================================================================ */
.form_01 {
	border-collapse:separate;
	clear:both;
	margin:0px;
	width:500px;
	background-color: #eab964;
	padding: 2px;
}
.form_01 th {
	background-color:#ffda93;
	border:1px solid #a2734a;
	font-weight:bold;
	padding:5px;
	font-size: 80%;
	text-align:left;
}
.form_01 td {
	background-color:#ffffff;
	border:1px solid #a2734a;
	padding:5px;
	font-size: 80%;
}
.form_btn {
	margin: 10px auto;
	line-height:3em;
}
.form_01 input {
	background-color:#ffffff;
	border:1px solid #996633;
}
.form_01 select {
	background-color:#ffffff;
	border:1px solid #996633;
}
.form_01 textarea {
	background-color:#ffffff;
	border:1px solid #996633;
}

.form_02 {
	border-collapse:separate;
	clear:both;
	margin:0px;
	width:650px;
	background-color: #eab964;
	padding: 2px;
}
.form_02 th {
	background-color:#ffda93;
	border:1px solid #a2734a;
	font-weight:bold;
	padding:5px;
	font-size: 80%;
	text-align:left;
}
.form_02 td {
	background-color:#ffffff;
	border:1px solid #a2734a;
	padding:5px;
	font-size: 80%;
}
.form_btn {
	margin: 0px 0px 10px 25px;
	line-height:3em;
}
.form_02 input {
	background-color:#ffffff;
	border:1px solid #996633;
}
.form_02 select,option {
	background-color:#ffffff;
	border:1px solid #996633;
}
.form_02 textarea {
	background-color:#ffffff;
	border:1px solid #996633;
}


/* ================================================================================ */
/*　テーブル（検定）　*/  
/* ================================================================================ */
.form_03 {
	border-collapse:separate;
	clear:both;
	margin:0px;
	width:650px;
	background-color: #eab964;
	padding: 2px;
}
.form_03 th {
	background-color:#ffda93;
	border:1px solid #a2734a;
	font-weight:bold;
	padding:1px;
	font-size: 80%;
}
.form_03 td {
	background-color:#ffffff;
	border:1px solid #a2734a;
	padding:1px;
	font-size: 80%;
}
/*
.form_03 input {
	background-color:#ffffff;
	border:1px solid #996633;
}
*/
.form_03 select,option {
	background-color:#ffffff;
	border:1px solid #996633;
}
.form_03 textarea {
	background-color:#ffffff;
	border:1px solid #996633;
}


.form_04 {
	margin:0px;
	padding: 2px;
	width: 100%;
}

.form_04 td {
	padding: 7px;
	border:1px solid #a2734a;
}

/* ================================================================================ */
/*　予約ページ　*/  
/* ================================================================================ */
/*講師選択*/

h3.ttl_yoyaku {
	width: 540px;
	color:#000000;
	font-size:110%;
	font-weight:bold;
	margin: 10px 0px 20px 72px;
	padding-bottom:2px;
	padding-left:7px;
	padding-top:1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #2474E3;
	border-left-color: #2474E3;
}
.kousi {
	margin: 10px 15px;
}
.waku_ue {
	background-image: url(../../login/renewal_img/yoyaku/bg_waku_ue.jpg);
	height: 48px;
	width: 625px;
	background-position: center;
}
.waku_shita {
	width: 625px;
	padding: 0px 0px 30px 0px;
	background-image: url(../../login/renewal_img/yoyaku/bg_waku_shita.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
/*自慢の先生達用*/
.waku_ue_02 {
	background-image: url(../../login/renewal_img/yoyaku/bg_waku_ue_02.jpg);
	height: 48px;
	width: 465px;
	background-position: center;
}
.waku_naka_02 {
	width: 465px;
	padding: 0px 0px 30px 0px;
	background-image: url(../../login/renewal_img/yoyaku/bg_waku_naka_02.jpg);
	background-position: center bottom;
	background-repeat: repeat-y;
}
.waku_naka_02 .kou_txt_02 {
	padding: 0px 0px 0px 10px;
	float: right;
	width: 250px;
}
.waku_naka_02 .pro_02 {
	margin: 0px 20px 20px 20px;
	width: 400px;
}
.waku_naka_02 .pro_02 .setumei {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	border: 1px #E3E3E3 solid;
}
.waku_shita_02 {
	width: 465px;
	background-image: url(../../login/renewal_img/yoyaku/bg_waku_shita_02.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 48px;
}

/* みんなの声用 */
.waku_naka_02 .pro_voice {
	margin: 0px 20px 20px 20px;
	padding: 10px;
	width: 400px;
}
.waku_naka_02 .pro_voice img {
	margin: 0px 30px 30px 0px;
	float: left;
}

.pro_02 h3 {
	margin: 0px 0px 15px 0px;
}
table.tbl_pro_02 {
	text-align:left;
	margin: 5px 0px;
	width: 400px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tbl_pro_02 th {
	padding: 5px 5px 5px 15px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #fffbe5;
	font-weight: bold;
	line-height: 120%;
	white-space: nowrap;
}
table.tbl_pro_02 td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align:left;
	white-space: nowrap;
	font-size: 80%;
}
.kou_img {
	padding: 0px 10px 0px 0px;
	float: left;
	width: 120px;
	text-align: center;
}
.pro_01 {
	margin: 0px 40px 20px 40px;
	width: 540px;
}
.pro_01 h3 {
	margin: 0px 0px 15px 0px;
}
.pro_01 .kou_txt {
	padding: 0px 0px 0px 10px;
	text-align: left;
}




/*自慢の先生達用*/



/* ================================================================================ */
/*　教材について　*/  
/* ================================================================================ */
.box_kyouzai {
}
.con_area_01 .box_kyouzai ul {
	width: 428px;
	padding: 0px;
	margin: 0px auto;
}
.con_area_01 .box_kyouzai ul li {
	text-align:center;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 142px;
	float: left;
}


/* ================================================================================ */
/*　はじめてのQA用　*/  
/* ================================================================================ */
.waku_ue_qa {
	background-image: url(../images/renewal/lesson_qa/bg_waku_ue_qa.jpg);
	height: 48px;
	width: 465px;
	background-position: center top;
	background-repeat: no-repeat;
}
.waku_shita_qa {
	width: 465px;
	padding: 0px 0px 30px 0px;
	background-image: url(../images/renewal/lesson_qa/bg_waku_shita_qa.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.kou_txt_qa_ue {
	padding: 15px 0px 0px 10px;
	float: right;
	font-size:120%;
	width: 360px;
}
.waku_shita_qa .kou_txt_qa_shita {
	position:relative;
	left: 80px;
	margin: 0px 0px 0px 20px;
	font-size:100%;
	width: 350px;
}
.pro_qa {
	margin: 0px 20px 20px 20px;
	width: 400px;
}
.qa_img {
	padding: 0px 0px 0px 60px;
}
/*はじめてのQA用*/


/*
　講師サムネイル画像（紹介ページ）
*/
.teacher_smb {
	float: left;
	width: 100px;
	height: 150px;
}
/*
　講師サムネイル画像（予約）
*/
.teacher_smb_yoyaku {
	float: left;
	width: 100px;
	height: 160px;
}

/* おすすめ教材用枠 */
.osusume_kyouzai_waku {
	width: 500px;
	margin: 10px;
	padding: 10px;
	border: 2px dotted #533821;
	
}

/*
 * タブ切替
 */
.tab_under_line {
	border-bottom: 4px solid #533821;
	width: 715px;
	margin: 0px auto;
	margin-bottom: 10px;
}
#tab {
	display: block;
	clear: both;
	width: 635px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	clear: both;
	height: 34px;
}
#tab li {
	float: left;
	margin: 0px;
	padding:0px;
	text-indent: -9999px;
}
#tab a {
	width: 127px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	padding:0px;
	text-align: left;
}
#tab .news_page1_off {
	background: transparent url(../images/renewal/news/tab_news.gif) no-repeat 0px 9px;
}
#tab .news_page2_off {
	background: transparent url(../images/renewal/news/tab_campain.gif) no-repeat 0px 9px;
}
#tab .news_page3_off {
	background: transparent url(../images/renewal/news/tab_lesson.gif) no-repeat 0px 9px;
}
#tab .news_page4_off {
	background: transparent url(../images/renewal/news/tab_press.gif) no-repeat 0px 9px;
}
#tab .news_page5_off {
	background: transparent url(../images/renewal/news/tab_media.gif) no-repeat 0px 9px;
}
#tab .news_page1_on {
	background: transparent url(../images/renewal/news/tab_news.gif) no-repeat 0px -25px;
}
#tab .news_page2_on {
	background: transparent url(../images/renewal/news/tab_campain.gif) no-repeat 0px -25px;
}
#tab .news_page3_on {
	background: transparent url(../images/renewal/news/tab_lesson.gif) no-repeat 0px -25px;
}
#tab .news_page4_on {
	background: transparent url(../images/renewal/news/tab_press.gif) no-repeat 0px -25px;
}
#tab .news_page5_on {
	background: transparent url(../images/renewal/news/tab_media.gif) no-repeat 0px -25px;
}

.news_waku_ue {
	width: 715px;
	height: 17px;
	padding: 0px;
	margin: 0px;
	background: #ffffff url(../images/renewal/news/news_waku_ue.gif) no-repeat top center;
	overflow: hidden;
}
.news_waku_sita {
	width: 715px;
	height: 17px;
	padding: 0px;
	margin: 0px;
	background: #ffffff url(../images/renewal/news/news_waku_sita.gif) no-repeat top center;
	overflow: hidden;
}
.news_waku_naka {
	width: 715px;
	border-left: 1px solid #533821;
	border-right: 1px solid #533821;
}
.news_waku_naka .news_waku_naka_in {
	margin: 0px 10px;
	padding: 10px 0px;
}

/*
 * 社会貢献タブ（実際は画面遷移）
 */
.tab_ftc_under_line {
	border-bottom: 4px solid #533821;
	width: 520px;
	margin: 0px auto;
	margin-bottom: 10px;
}
#tab_ftc {
	display: block;
	clear: both;
	width: 254px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	clear: both;
	height: 34px;
}
#tab_ftc li {
	float: left;
	margin: 0px;
	padding:0px;
	text-indent: -9999px;
}
#tab_ftc a {
	width: 127px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	padding:0px;
	text-align: left;
}
#tab_ftc .ftc_page1_off {
	background: transparent url(../images/renewal/cont/free_the_children/tab_kihu.gif) no-repeat 0px 9px;
}
#tab_ftc .ftc_page2_off {
	background: transparent url(../images/renewal/cont/free_the_children/tab_buntuu.gif) no-repeat 0px 9px;
}
#tab_ftc .ftc_page1_on {
	background: transparent url(../images/renewal/cont/free_the_children/tab_kihu.gif) no-repeat 0px -25px;
}
#tab_ftc .ftc_page2_on {
	background: transparent url(../images/renewal/cont/free_the_children/tab_buntuu.gif) no-repeat 0px -25px;
}


/*
 * マイページ　スキル表示
 */
.skill_graph_ue {
	width: 360px;
	height: 40px;
	margin: 10px 0px 0px 170px;
	text-align: center;
	background: transparent url(../../login/renewal_img/mypage/skill_level_waku_ue.gif) no-repeat 0px 0px;
}
.skill_graph_sita {
	width: 360px;
	height: 25px;
	margin: 0px 0px 10px 170px;
	text-align: center;
	background: transparent url(../../login/renewal_img/mypage/skill_level_waku_sita.gif) no-repeat 0px 0px;
}
.skill_graph {
	width: 360px;
	margin: 0px 0px 0px 170px;
	text-align: center;
	background: #ffffff url(../../login/renewal_img/mypage/skill_level_waku_naka.gif) repeat-y center center;
}
.skill_graph .skill_chart {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0px 2px;
}
.skill_graph .skill_bar_chart {
	float: right;
	width: 150px;
	height: 200px;
	margin: 0px 2px;
}




/*
 * タブ切替(トップ用)
 */
#top_tab {
	display: block;
	clear: both;
	width: 521px;
	padding: 0px 0px 0px 90px;
	margin: 0px;
	clear: both;
	height: 25px;
	background: transparent url(../images/renewal/top/ttl_news.gif) no-repeat 0px 0px;
}
#top_tab li {
	float: left;
	margin: 0px;
	margin-top: 8px;
	padding:0px;
}
#top_tab a {
	width: 72px;
	height: 17px;
	display: block;
	margin: 0px;
	margin-right: 1px;
	padding:0px;
	text-align: center;
	font-size: 80%;
}
#top_tab .top_news_off {
	background: transparent url(../images/renewal/top/ttl_news_btn_off.gif) no-repeat 0px 0px;
}
#top_tab .top_news_on {
	background: transparent url(../images/renewal/top/ttl_news_btn_on.gif) no-repeat 0px 0px;
}
#top_tab .top_news_off a:link {color:#ffffff;}
#top_tab .top_news_off a:visited {color:#ffffff;}
#top_tab .top_news_off a:hover {color:#ffffff;text-decoration: none;}
#top_tab .top_news_on a:link {color:#993400;}
#top_tab .top_news_on a:visited {color:#993400;}
#top_tab .top_news_on a:hover {color:#993400;text-decoration: none;}



/* お勧め教材用テーブル */
.level_table {
	border-collapse:separate;
	clear:both;
	margin:0px;
	width:500px;
	padding: 2px;
}
.level_table th {
	border-right:3px solid #a2734a;
	font-weight:bold;
	padding:5px;
}
.level_table td {
	border-bottom:2px dotted #a2734a;
	padding:5px;
	font-size: 80%;
}
.level_7_9 {
	background-color: #ffbef4;
}
.level_4_6 {
	background-color: #e0ffbf;
}
.level_1_3 {
	background-color: #b1ceff;
}


.user_voice_01 {
	border: 1px solid #6c3c16;
	background-color: #ffffff;
	padding: 10px;
}
.user_voice_02 {
	border: 1px solid #6c3c16;
	background-color: #edfeff;
	padding: 10px;
}


/* 出勤カレンダー */
.attencance_cal {
	border-collapse:separate;
	clear:both;
	margin:0px;
	width: 100%;
	background-color: #eab964;
	padding: 0px;
}
.attencance_cal th {
	border:1px solid #a2734a;
	font-weight:bold;
	font-size: 80%;
	padding: 0px;
	width: 14%;
	text-align: center;
}
.attencance_cal .th_sunday {
	background-color:#f99;
}
.attencance_cal .th_satday {
	background-color:#99f;
}

.attencance_cal .at_cal_date {
	background-color:#ffffff;
	border:1px solid #a2734a;
	border-bottom:1px dotted #a2734a;
	font-size: 80%;
	font-weight:bold;
	text-align: center;
}
.attencance_cal .at_cal_comment {
	background-color:#ffffff;
	border:1px solid #a2734a;
	border-top:0px;
	font-size: 80%;
	vertical-align: top;
}
.attencance_cal .td_holyday {
	background-color:#ccc;
}