@charset "UTF-8";

/*
create: 201211
*/

/* 共通設定
 ------------------------------------------ */
html{
	width:100%;
	height:100%;
	background-color: transparent;
	background-image: none;
}
body{
	font-size:18px;
	line-height:150%;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	color:#333;
	line-height:180%;
}
img {
	border:0;
	padding:0;
	margin:0;
	vertical-align:bottom;
}
.footnote {
	margin-top:20px;
	font-size:20px;
	line-height:140%;
}

/* clearfix */
.cf {
    zoom:1;
}
.cf:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
/* 角丸ボックス */
.rounded {
 	background:#FFF;
	padding:20px 10px;
	margin-top:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
}
/* 会員メニューへのリンク */
#Btn_member_p a {
	display:block;
	width:162px;
	height:104px;
	background: url(../images/btn_member_p.png) no-repeat;
	text-indent:-9999px;
	margin:20px auto;
}
#Btn_member_p a:hover {
	background: url(../images/btn_member_p_over.png) no-repeat;
}
#Btn_member_i a {
	display:block;
	width:162px;
	height:104px;
	background: url(../images/btn_member_i.png) no-repeat;
	text-indent:-9999px;
	margin:20px auto;
}
#Btn_member_i a:hover {
	background: url(../images/btn_member_i_over.png) no-repeat;
}
/* レイアウト */
#Wrapper {
	width:1024px;
	margin: 0 auto;
	background: url(../images/pattern.gif) ;
}
#Header {
	width:1024px;
	height:238px;
	background: url(../images/header_bg.png) ;
	position:relative;
}
#Header h1 {
	position:absolute;
	top:86px;
	left:330px;
}
#Header #Hayase {
	position:absolute;
	top:26px;
	left:50px;
}
#Header #Hosoya {
	position:absolute;
	top:26px;
	right:50px;
}
#Footer {
	margin-top:40px;
	padding:20px;
	background: url(../images/footer_bg.png) ;
}
#Footer ul li {
	float:left;
	width:195px;
	text-align:center;

}

/* トップページ
 ------------------------------------------ */
#Top #Left ,
#Intensive #Left ,
#Primary #Left {
	width:452px;
	padding:0 10px 10px 40px;
	float:left;
	color:#A3586F;
}
#Top #Right ,
#Intensive #Right ,
#Primary #Right {
	width:452px;
	padding:0 40px 10px 20px;
	float:right;
	color:#243f42;
}

#result {
	width:452px;
	padding:0 40px 10px 20px;

	color:#243f42;
}


#Top #Left h2 a {
	display:block;
	width:375px;
	height:170px;
	background: url(../images/btn_primary.png) no-repeat;
	text-indent:-9999px;
	margin-left:50px;
}
#Top #Left h2 a:hover {
	background: url(../images/btn_primary_over.png) no-repeat;
}
#Top #Right h2 a {
	display:block;
	width:375px;
	height:170px;
	background: url(../images/btn_intensive.png) no-repeat;
	text-indent:-9999px;
	margin-left:50px;
}
#Top #Right h2 a:hover {
	background: url(../images/btn_intensive_over.png) no-repeat;
}
#Top h3 {
	margin: 0 0 10px 0;
}
#Top .rounded {
	padding:20px;
}
#Top .rounded_bg_p {
	text-align:center;
	background:#DDC7C5;
	padding:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#Top .rounded_bg_i {
	margin-top:10px;
	background:#B4D6D6;
	padding:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#Top .topics h3 {
	width:97px;
	margin-right:10px;
	float:left;
}
#Top .topics ul {
	float:left;
	width:305px;
}
#Top .topics ul li {
	list-style-type:disc;
	font-weight:bold;
}
#Top .rounded_bg_i table {
	width:100%;
	font-size:11px;
}
#Top .rounded_bg_i table td {
	padding:0;
	border-bottom:1px dotted #FFF;
}
#Top .rounded_bg_i h5 {
	text-align:center;
	background:#5C8C95;
	color:#FFF;
	padding:0px;
	font-size:11px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#Top .year a {
	display:block;
	width:90px;
	text-align:center;
	background:#5C8C95;
	color:#FFF;
	padding:0px;
	font-size:11px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration:none;
	margin:5px 1px 0 1px;
	float:right;
}
#Top #Formother {
	color:#837349;
	background: url(../images/mother_bg.png) ;
	clear:both;
	text-align:center;
	padding:15px;
}
#Top .heightLine-01{
	position:relative;
	z-index:3;
}
#Top .heightLine-02{
	position:relative;
	z-index:2;
}
#Top .heightLine-03 {
	position:relative;
	z-index:1;
}
#Top .deco_p_01 {
	display:block;
	position:absolute;
	left:382px;
	top:45px;
}
#Top .deco_p_02 {
	display:block;
	position:absolute;
	left:-20px;
}
#Top .deco_p_03 {
	display:block;
	position:absolute;
	left:380px;
	top:300px;
}
#Top .deco_i_01 {
	display:block;
	position:absolute;
	left:-20px;
	top:45px;
}
#Top .deco_i_02 {
	display:block;
	position:absolute;
	right:-20px;
}
/* インナー共通
 ------------------------------------------ */
.aim #InnerContents ,
.access #InnerContents {
	margin:0;
	padding:0 120px;
}
.join #InnerContents ,
.fee #InnerContents ,
.lesson #InnerContents {
	margin:0;
	padding:0 240px;
}
.article {
	padding:30px 70px;
}
.aim h4 {
	text-align:center;
	font-size:150%;
	font-weight:bold;
	margin: 0 0 20px 0;
}
.aim h4 span {
	font-size:85%;
}
.aim .rounded #Arithmetic ,
.aim .rounded #Language {
	position:absolute;
	left:80px;
}
.aim .rounded {
	z-index:1;
	margin:20px 0 0 0 ;
	position:relative;
}
.aim .article {
	padding:30px 70px;
}
.teacher h4 ,
.access h4 {
	font-size:150%;
	font-weight:bold;
	margin:10px 0;
}
.teacher .rounded {
	padding:20px;
}
.teacher .link {
	padding-top:30px;
}
.lesson table ,
.fee table {
	width:70%;
	margin: 0 auto;
}
.lesson table td ,
.lesson table th ,
.fee table td {
	padding:5px 15px;
	font-size:18px;
	font-weight:bold;
}
.access .article .h5 {
	margin-top:1em;
}
.join .article  {
	font-size:18px;

	text-align:center;
}
.join .article img {
	margin:10px 0;
}
.curriculum #InnerContents {
	margin:0;
	padding:0 40px;
}
.curriculum .rounded {
	padding:20px;
}
.curriculum .rounded h4 {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}
.curriculum #Curriculum {
	width:100%;
	border-top:1px dashed ;
}
.curriculum #Curriculum .name {
	font-size:18px;
	position:relative;
}
.curriculum #Curriculum .name span {
	font-size:13px;
}
.curriculum #Curriculum .name img {
	position:absolute;
	display:block;
	width:71px;
	height:40px;
	top:0px;
	left:270px;
}
.curriculum #Curriculum h5 {
	font-size:13px;
	font-weight:bold;
	margin:5px 0;
}
.curriculum #Curriculum td {
	padding:8px;
	border-bottom:1px dashed ;
	border-right:1px dashed ;
	width:400px;
	vertical-align:top;
}
.curriculum #Curriculum th {
	padding:8px;
	border-bottom:1px dashed ;
	border-right:1px dashed ;
}
.curriculum .deco_l_c {
	position:absolute;
	display:block;
	width:87px;
	height:103px;
	top:-20px;
	left:0;
}
.curriculum .deco_r_c {
	position:absolute;
	display:block;
	width:87px;
	height:103px;
	top:-20px;
	right:0;
}
.curriculum ol {
	margin-left:2em;
}
.curriculum ol li {
	list-style-type:decimal;
}
.member h4 {
	position:relative;
	text-align:center;
}
.member .message_text {
	position:relative;
	top:-20px;
	margin:0 20px;
} 
.member .print_text {
	margin: 10px 20px;
}
.member .print_text li {
	list-style-type:disc;
	list-style-position:inside;
	line-height:260%;
	border-bottom:1px dashed ;
	clear:both;
}
.member .print_text li a {
	display:block;
	width:74px;
	float:right;
}
/* インナーバリエーション:intensive
 ------------------------------------------ */
#Intensive {
	color:#243f42;
}
#Intensive #Cource {
	position:relative;
	padding:5px 20px;
	background: url(../images/intensive_bg.png) ;
}
#Intensive #Cource h2 {
	width:461px;
	height:80px;
	background: url(../images/course_i.png) no-repeat;
	text-indent:-9999px;
}
#Intensive #Cource p {
	position:absolute;
	top:40px;
	left:500px;
}
#Intensive #Cource a {
	position:absolute;
	display:block;
	width:88px;
	height:35px;
	top:34px;
	left:900px;
}
#Intensive #Menu {
	padding:10px 40px 30px 40px;
}
#Intensive #Menu ul li{
	float:left;
	padding:0 2px;
}
#Intensive #Menu ul #menu01 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_01_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu02 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_02_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu03 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_03_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu04 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_04_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu05 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_05_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu06 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_06_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu07 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_07_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu08 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_08_i.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Intensive #Menu ul #menu01 a:hover ,
#Intensive #Menu ul #menu02 a:hover ,
#Intensive #Menu ul #menu03 a:hover ,
#Intensive #Menu ul #menu04 a:hover ,
#Intensive #Menu ul #menu05 a:hover ,
#Intensive #Menu ul #menu06 a:hover ,
#Intensive #Menu ul #menu07 a:hover ,
#Intensive #Menu ul #menu08 a:hover {
	background-position:0 1px;
}
#Intensive h3 {
	text-align:center;
}
#Intensive .rounded .deco_l {
	background: url(../images/deco_l_i.png) no-repeat;
	background-position: left bottom;
}
#Intensive .rounded .deco_r {
	background: url(../images/deco_r_i.png) no-repeat;
	background-position: top right;
}
#Intensive .deco_s_t_l {
	background: url(../images/deco_s_t_l_i.png) no-repeat;
}
#Intensive .deco_s_t_r {
	background: url(../images/deco_s_t_r_i.png) no-repeat;
	background-position:right top;
}
#Intensive .deco_s_b_l {
	background: url(../images/deco_s_b_l_i.png) no-repeat;
	background-position:left bottom;
}
#Intensive .deco_s_b_r {
	background: url(../images/deco_s_b_r_i.png) no-repeat;
	background-position:right bottom;
}
/* teacher */
#Intensive #Left {
	color:#243f42 !important;
}
#Intensive .link a{
	position:absolute;
	width:406px;
	padding:3px;
	bottom:10px;
	text-align:center;
	background: url(../images/intensive_bg.png) ;
	text-decoration:none;
	color:#57989D;
}
/* lesson */
.lesson .teble_i th{
	background:#E2EDED;
	border-top:5px solid #E2EDED;
	border-bottom:5px solid #E2EDED;
}
.lesson .teble_i td {
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
.lesson .teble_i .td01 {
	background:#E2EDED;
}
.lesson .teble_i .th01 {
	background:#B1DBE0;
}

/* インナーバリエーション:primary
 ------------------------------------------ */
#Primary {
	color:#A3586F;
}
#Primary #Cource {
	position:relative;
	padding:5px 20px;
	background: url(../images/primary_bg.png) ;
}
#Primary #Cource h2 {
	width:461px;
	height:80px;
	background: url(../images/course_p.png) no-repeat;
	text-indent:-9999px;
}
#Primary #Cource p {
	position:absolute;
	top:40px;
	left:500px;
}
#Primary #Cource a {
	position:absolute;
	display:block;
	width:88px;
	height:35px;
	top:34px;
	left:900px;
}
#Primary #Menu {
	padding:10px 40px 30px 40px;
}
#Primary #Menu ul li{
	float:left;
	padding:0 2px;
}
#Primary #Menu ul #menu01 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_01_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu02 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_02_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu03 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_03_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu04 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_04_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu05 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_05_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu06 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_06_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu07 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_07_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu08 a {
	display:block;
	width:113px;
	height:44px;
	background: url(../images/menu_08_p.png) no-repeat;
	background-position:0 -44px;
	text-indent:-9999px;
}
#Primary #Menu ul #menu01 a:hover ,
#Primary #Menu ul #menu02 a:hover ,
#Primary #Menu ul #menu03 a:hover ,
#Primary #Menu ul #menu04 a:hover ,
#Primary #Menu ul #menu05 a:hover ,
#Primary #Menu ul #menu06 a:hover ,
#Primary #Menu ul #menu07 a:hover ,
#Primary #Menu ul #menu08 a:hover {
	background-position:0 1px;
}
#Primary h3 {
	text-align:center;
}
#Primary .rounded .deco_l {
	background: url(../images/deco_l_p.png) no-repeat;
	background-position: left bottom;
}
#Primary .rounded .deco_r {
	background: url(../images/deco_r_p.png) no-repeat;
	background-position: top right;
}
#Primary .deco_s_t_l {
	background: url(../images/deco_s_t_l_p.png) no-repeat;
}
#Primary .deco_s_t_r {
	background: url(../images/deco_s_t_r_p.png) no-repeat;
	background-position:right top;
}
#Primary .deco_s_b_l {
	background: url(../images/deco_s_b_l_p.png) no-repeat;
	background-position:left bottom;
}
#Primary .deco_s_b_r {
	background: url(../images/deco_s_b_r_p.png) no-repeat;
	background-position:right bottom;
}
/* teacher */
#Primary #Right {
	color:#A3586F !important;
}
#Primary .link a{
	position:absolute;
	width:406px;
	padding:3px;
	bottom:10px;
	text-align:center;
	background: url(../images/primary_bg.png) ;
	text-decoration:none;
	color:#BE8695;
}
/* lesson */
.lesson .teble_p th{
	background:#F2E2E7;
	border-top:5px solid #F2E2E7;
	border-bottom:5px solid #F2E2E7;
}
.lesson .teble_p td {
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
.lesson .teble_p .td01 {
	background:#F2E2E7;
}
.lesson .teble_p .th01 {
	background:#E2C3CD;
}