﻿@charset "UTF-8";
@import url("style-base.css");

h1 {
font-size: 10px;
padding: 10px 10px 0px 10px;
font-weight:normal;
float:left;
width: 560px;
}
#container h2 {
border-bottom: 1px dotted #636363;
width: 810px;
margin-bottom: 10px;
}


td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }

form {
	margin: 0;
}
textarea,select,input {
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku GothicPro,Osaka,Verdana,Helvetica,"ＭＳ Ｐゴシック",Arial,sans-serif;
	vertical-align: middle;
}
#FName,
#FKana,
#FStation,
#FStation2	{
	width: 55%;
}
#FMail,
#FMail2,
textarea#FMessage,
textarea#FTime04,
textarea#FSyumi	{
	width: 95%;
}
#FMonth01,
#FDay01,
#FTime0101,
#FTime0102,
#FWeek01,
#FTime0101,
#FTime0102,
#FMonth02,
#FDay02,
#FWeek02,
#FTime0201,
#FTime0202,
#FMonth03,
#FDay03,
#FWeek03,
#FTime0301,
#FTime0302,
#TOEIC,
#RENglish	{
	width: 50px;
}
#FKibou	{
	width: 250px;
}



div.pagenavi {
	margin: 15px 0px 10px 0px;
}
div.pageback {
}
div.pageback img {
	float: left;
	border: 0;
}
div.pagetop {
}
div.pagetop img {
	float: right;
	border: 0;
}
div.pagetop02 {
text-align:right;
padding: 10px 0px;
}
div.pagetop02 img {
	border: 0;
}
img{border:0px;}

.p-t05{ padding-top:5px !important;}
.p-t10{ padding-top:10px !important;}
.p-t20{ padding-top:20px !important;}
.p-t30{ padding-top:30px !important;}
.p-t40{ padding-top:40px !important;}
.p-b05{ padding-bottom:5px !important;}
.p-b10{ padding-bottom:10px !important;}
.p-b15{ padding-bottom:15px !important;}
.p-b20{ padding-bottom:20px !important;}
.p-b30{ padding-bottom:30px !important;}
.p-b40{ padding-bottom:40px !important;}

.m-t05{ margin-top:5px !important;}
.m-t10{
	margin-bottom: 10px; !important
}
.m-t20{ margin-top:20px !important;}
.m-t30{ margin-top:30px !important;}
.m-t40{ margin-top:40px !important;}
.m-b05{ margin-bottom:5px !important;}
.m-b10{ margin-bottom:10px !important;}
.m-b20{ margin-bottom:20px !important;}
.m-b30{ margin-bottom:30px !important;}
.m-b40{ margin-bottom:40px !important;}

.cen { text-align:center;}
.right{ text-align:right;}
.l-box{ float:left;}
.left { text-align:left;}








/*-------------------------------------------------------student----*/
#student {
width: 810px;
}
#student02 {
width: 571px;
float:left;
}
#student03 {
width: 239px;
float:right;
}



/*-------------------------------------------------------company----*/
table#company {
width: 808px;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #A9A9A9;
border-left: 1px solid #A9A9A9;
}
table#company th{
font-size:12px;
text-align:left;
padding: 10px 20px 10px 10px;
background: #ECF3FC;
width: 131px;
border-right: 4px solid #0F429B;
border-bottom: 1px solid #A9A9A9;
vertical-align:top;
}
table#company td{
padding: 10px 20px 10px 10px;
line-height: 180%;
font-size:12px;
border-bottom: 1px solid #A9A9A9;
width: 613px;
}
.company02 {
float:left;
margin: 0px 20px;
}
.company03 {
float:left;
margin-top: 15px;
}


/*-------------------------------------------------------about----*/
h2#about{
font-style: normal;
margin: 0px auto;
width: 810px;
}
.about02 {
background:url(img/inner/aboutimg06.gif) top left no-repeat;
padding: 68px 13px 11px 0px;
text-align:right;
}



/*-------------------------------------------------------faq----*/
#faq {
background:url(img/inner/faqback02.gif) top left repeat-y;
width: 810px;
padding-bottom: 10px;
margin-bottom: 30px;
}
#faq a:link,#faq a:visited { color: #4F3C02; text-decoration:none; }
#faq a:hover,#faq a:active { color: #705503; text-decoration:underline; }

#faq dl {
width: 800px;
background: url(img/inner/faqimg05.gif) bottom left no-repeat;
padding-bottom: 12px;
margin: 0px auto;
}
#faq dt {
background:url(img/inner/faqimg03.gif) top left no-repeat;
padding: 14px 0px;
font-size:14px;
float:left;
letter-spacing:1px;
text-align:center;
width: 42px;
}
#faq dd {
text-align:left;
padding: 16px 10px 5px 10px;
line-height: 160%;
float: left;
width: 728px;
color: #705503;
}
#faq02 {
background:url(img/inner/faqback01.gif) top right no-repeat;
width: 810px;
}
.answer{
width: 792px;
background:url(img/inner/faqback06.gif) top center repeat-y;
padding: 0px 9px
}
.answer02{
background:url(img/inner/faqback07.gif) top left no-repeat;
padding-bottom: 11px;
font-size:14px;
float:left;
letter-spacing:1px;
text-align:center;
width: 42px;
}
.answer03 {
text-align:left;
padding: 2px 10px 5px 10px;
line-height: 160%;
float: left;
width: 730px;
color: #ffffff;
}
.answer04{
background:url(img/inner/faqback04.gif) top center repeat-y;
padding: 0px 10px;
width: 790px;
}
.answer05 {
float:left;
width: 106px;
}
.answer04 p{
padding: 20px 10px 20px 20px;
line-height: 180%;
color: #7E5324;
width: 654px;
float:left;
}



/*-------------------------------------------------------change----*/
#change {
width: 810px;
text-align:left;
background:url(img/inner/charimg11.gif) top center repeat-y;
margin-bottom: 25px;
}
#change01 {
width: 263px;
float:left;
}
#change02 {
width: 263px;
margin: 0px 11px 0px 10px;
float:left;
}
#change03 {
width: 263px;
float:left;
}
.change01-txt {
background:url(img/inner/charimg08.gif) top center no-repeat;
padding: 35px 15px 10px 15px;
line-height: 180%;
}
.change02-txt {
background:url(img/inner/charimg09.gif) top center no-repeat;
padding: 35px 15px 10px 15px;
line-height: 180%;
}
.change03-txt {
background:url(img/inner/charimg10.gif) top center no-repeat;
padding: 35px 15px 10px 15px;
line-height: 180%;
}
.change06{
font-weight:bold;
padding-bottom: 20px;
width: 165px;
}
.change07{
padding-bottom: 10px;
width: 165px;
}
#change08{
background: url(img/inner/charimg19.gif) no-repeat 0 0;
width: 810px;
height: 219px;
clear: both;
margin-bottom: 30px;
}
.change09{
width: 718px;
float:right;
padding: 20px 15px 5px 0px;
}
.change09 table{
width: 718px;
border-top: 1px solid #85B6B0;
border-left: 1px solid #85B6B0;
text-align:center;
background: #ffffff;
}
.change09 th{
font-size: 12px;
border-right: 1px solid #85B6B0;
border-bottom: 1px solid #85B6B0;
width: 160px;
}
.change09 th.change09txt{
color: #FFFFFF;
background: #85B6B0;
border-right: 1px solid #85B6B0;
border-bottom: 1px solid #85B6B0;
width: 130px;
font-weight:normal;
padding: 5px 15px;
}
.change09 td{
padding: 5px 15px;
border-bottom: 1px solid #85B6B0;
border-right: 1px solid #85B6B0;
}
.change09 td.change10{
background: #ADD0CC;
border-bottom: 1px solid #85B6B0;
border-right: 1px solid #85B6B0;
padding: 5px 15px;
}
.change11 {
color: #D2402F;
line-height: 160%;
text-align:left;
padding: 10px 0px 0px 10px;
}




/*-------------------------------------------------------top----*/
#flash {
text-align:center;
width: 810px;
margin: 0px auto 20px auto;
height:470px;
overflow:hidden;
/*#margin:-1px auto 20px auto;*/
}
#topleft {
wdith: 164px;
float:left;
padding-right: 21px;
padding-bottom:30px;
}
#topleft ul{
list-style:none;
wdith: 164px;
}
#topleft li{
list-style:none;
padding:0px;
margin: 0px;
}
#topright{
width: 625px;
float:right;
margin-bottom:30px;
}
#rightnavi ul{
width: 613px;
padding-right: 12px;
}
#rightnavi li{
padding:0;
margin:0;
float:left;
list-style:none;
}
.topright02{
width: 625px;
}
.new{
width: 298px;
padding-left: 4px;
background:url(img/new02.gif) 4px 0px repeat-y;
float:left;
}
p.new02{
width: 260px;
padding: 0px 5px 10px 5px;
border-bottom: 1px solid #CDC09E;
line-height: 160%;
margin: 0px auto 10px auto;
}
.topright03{
width: 306px;
padding: 28px 0px 0px 17px;
float:right;
}
.topright04{
	background: url(img/topimg02.gif) top center no-repeat;
	width: 246px;
	color: #532411;
	line-height:160%;
	font-weight:bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 40px;
}
.topright05{
line-height:180%;
margin: 10px 0px;
}
.topright05 p{
float:left;
width: 144px;
}
.topright05 div{
float: right;
width: 162px;
text-align:right;
background: url(img/topimg03.jpg) top right no-repeat;
padding-top: 110px;
}











/*-------------------------------------------------------move----*/
.move {
width: 810px;
}
.move01{
background:url(img/inner/moveimg01.gif) no-repeat left top;
padding: 77px 0px 0px 89px;
width: 306px;
height: 383px;
float:left;
}
.move02{
background:url(img/inner/moveimg04.gif) no-repeat left top;
padding: 77px 0px 0px 75px;
width: 340px;
float: right;
height: 383px;
}
.move03 {
width: 263px;
}
span.move03-01 {
width: 261px;
margin: 0px auto;
background: #EBE4CB;
display:block;
height: 1px;
font-size:0px;
}
span.move03-02 {
width: 262px;
margin: 0px auto;
background: #EBE4CB;
display:block;
height: 1px;
font-size:0px;
}
.move03-03 {
width: 253px;
margin: 0px auto;
background: #EBE4CB;
padding: 5px;
}
.movetitle {
text-align:center;
color: #FF5A00;
padding-bottom: 5px;
border-bottom: 1px dotted #AE9066;
margin-bottom:5px;
font-weight:bold;
}
.movecome{
font-size:10px;
letter-spacing:1px;
padding:0px 10px;
line-height:140%;
color: #494542;
}
.move04{
text-align:center;
width: 263px;
margin-top:5px;
}


#move-pop {
background:#ffffff;
text-align:center;
padding-top: 20px;
}
.close{
padding: 20px 0px;
text-align:center;
width: ;
}
.close img{
border: 0px;
}













/*-------------------------------------------------------campaipgn----*/
#campaipgn {
padding: 10px 0px;
width: 790px;
margin: 0px auto;
}
.camform{
padding-top:15px;
margin-bottom: 30px;
}
.camform div{
float:right;
}
.camform p{
float:left;
line-height:180%;
}
#campaipgn02{
width: 750px;
padding: 20px;
text-align:center;
background: #EEE7D8;
color: #4F473D;
margin-bottom: 20px;
}















/*-------------------------------------------------------press BAK100819
#pressbox{
width: 810px;
margin-bottom: 30px;
}
#press-l {
width: 407px;
float:left;
}
#press-r {
width: 403px;
float:right;
}
.press{
width: 387px;
background:url(img/inner/pressimg01.gif) repeat-y center top;
margin-bottom:15px;
}
.presstxt{
padding: 0px 15px;
width: 357px;
}
.presstxt p{
padding-bottom: 15px;
line-height:180%;
}
.brown{
color: #7D3B00;
}
.pre-cont{
width: 296px;
margin: 0px auto;
padding-top: 10px;
}
----*/




/*-------------------------------------------------------press----*/
#pressbox{
width: 790px;
margin:0px auto 30px auto;
}

.press_min	{
	width: 790px;
	zoom: 1;
}
.press_min:after { /* for modern browser */
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.press_left	{
	width: 360px;
	float: left;
}
.press_right	{
	width: 360px;
	float: right;
	text-align: left;
}
.press_left dt,
.press_right dt	{
	width: 160px;
	float: left;
	padding-right: 8px;
}
.press_left dd,
.press_right dd	{
	float:left;
	line-height:180%;
	width:180px;
}
.press_left h3,
.press_right h3	{
	margin-bottom: 15px;
}

.press_box01{
width: 360px;
position:relative;
overflow:hidden;
padding:15px 0px 50px 15px;
}
.press_box01 div{
float:left;
width:150px;
padding-right:15px;
}
.press_box01 p{
float:left;
line-height:180%;
width:205px;
}


.press_box02{
width:775px;
margin:0px auto;
}
.press_box02 p{
padding:15px 0px;
line-height:180%;
}


.press_box03{
width: 810px;
position:relative;
overflow:hidden;
padding-bottom:30px;
}

.press{
width: 387px;
background:url(img/inner/pressimg01.gif) repeat-y center top;
margin:0px 9px;
float:left;
}
.presstxt01{
padding: 10px 15px 0px 15px;
width: 357px;
height: 180px;
}
.presstxt02{
padding: 0px 15px;
width: 357px;
height: 185px;
}
.presstxt01 p,
.presstxt02 p{
padding-bottom: 15px;
line-height:180%;
}
.brown{
color: #7D3B00;
}
.pre-cont{
width: 296px;
margin: 0px auto;
padding-top: 10px;
}












/*-------------------------------------------------------comic01----*/
#comic-box01 {
background:url(img/inner/cart-back01.gif) no-repeat left top;
width: 810px;
height:392px;
}
.comic01{
float:left;
padding: 29px 23px 0px 29px;
width: 245px;
}
.comic02{
float:left;
padding: 66px 37px 0px 0px;
width: 223px;
}
.comic03{
float:left;
padding: 29px 0px 0px 0px;
width: 217px;
}
#comic-box02 {
background:url(img/inner/cart-back02.gif) no-repeat left top;
width: 810px;
height:372px;
}
.comic04{
float:left;
padding: 22px 37px 0px 29px;
width: 227px;
}
.comic05{
float:left;
padding: 36px 49px 0px 0px;
width: 215px;
}
.comic06{
float:left;
padding: 0px 43px 0px 0px;
width: 209px;
}
#comic-box03 {
background:url(img/inner/cart-back03.gif) no-repeat left top;
width: 810px;
height:353px;
}
.comic07{
float:left;
padding: 9px 41px 0px 48px;
width: 208px;
}
.comic08{
float:left;
padding: 25px 45px 0px 0px;
width: 215px;
}
.comic09{
float:left;
padding: 9px 37px 0px 0px;
width: 215px;
}
#comic-box04 {
background:url(img/inner/cart-back04.gif) no-repeat left top;
width: 810px;
height:363px;
}
.comic10{
padding: 12px 0px 0px 48px;
width: 208px;
}








/**********************************************************
car
**********************************************************/
#car_top{
width: 870px;
margin:0px auto 20px auto;
}
#car_top ul{
width: 720px;
margin: 0px auto;
background:url(img/car/car03.jpg) no-repeat left top;
padding:5px 0px 0px 90px;
height:191px;
}
#car_top li{
list-style:none;
font-size:14px;
line-height:180%;
font-weight:bold;
padding-bottom:7px;
}


.car01{
width: 790px;
margin:0px auto;
position:relative;
overflow: hidden;
padding-top:15px;
padding-bottom:30px;
}
.car01 div{
float:left;
}
.car01 p{
float: right;
line-height:180%;
width:265px;
padding-right:15px;
}


.car02{
width: 810px;
margin:0px auto;
position:relative;
overflow: hidden;
padding-bottom:30px;
}
.car02 div{
float:left;
}
.car03{
width:790px;
padding:10px 0px 30px 0px;
line-height:180%;
margin:0px auto;
}

.car04{
width: 689px;
margin:0px auto 10px auto;
background:#feebef;
line-height:180%;
padding:20px 50px;
}
.car_txt01{
font-size:16px;
font-weight:bold;
padding-bottom:15px;
}
.car_txt01 span{
color: #cf0014;
}
.car_txt02{
font-size:16px;
font-weight:bold;
padding-bottom:5px;
}
.car_txt02 span{
color: #cf0014;
}


.car05{
width: 790px;
margin:0px auto;
position:relative;
overflow: hidden;
line-height:180%;
padding-bottom:50px;
}
.car05-l{
float:left;
width:360px;
background:#fdf6cd;
text-align:center;
padding:10px 15px 15px 15px;
height:110px;
}
.car05-r{
float:right;
width:360px;
background:#fdf6cd;
text-align:center;
padding:10px 15px 15px 15px;
height:110px;

}
.car05-l div,.car05-r div{
padding-bottom:10px;
}

.f-b{
font-weight: bold;
}












/**********************************************************
kids
**********************************************************/
.kids01{
width: 810px;
}
.kids01-l{
float:left;
width:396px;
background:url(img/kids/kids02.jpg) no-repeat left bottom;
color:#3d2712;
font-size:14px;
line-height:180%;
font-weight:bold;
padding:0px 0px 193px 10px;
}
.kids01-r{
float: right;
width:381px;
padding-right:15px;
}

.kids_movie{
width:381px;
background:url(img/kids/kids_movie02.gif) no-repeat left bottom #ff628d;
padding-bottom:15px;
text-align:center;
}

.kids_merit{
width: 780px;
margin:11px auto 20px auto;
background:url(img/kids/kids_merit03.gif) repeat left top;
position:relative;
}
.kids_merit02{
width: 780px;
background:url(img/kids/kids_merit02.gif) no-repeat left top;
position:relative;
padding: 57px 0px 30px 0px;
}
.kids_merit02 h3{
position: absolute;
top:-31px;
left:-15px;
}
.kids_merit02 ul{
width: 570px;
margin:0px auto;
}
.kids_merit02 li{
list-style:none;
background:url(img/kids/kids_icon.gif) no-repeat left 4px;
padding-left:20px;
font-size:16px;
color:#3d2712;
line-height:160%;
font-weight:bold;
}
.kids_merit02 p{
line-height:180%;
width: 530px;
padding:15px 30px;
background:#fef5df;
margin:30px auto;
}
.kids_merit02 p strong{
color:#ee4373;
font-size:14px;
}


.kids_form{
width: 732px;
margin:0px auto;
position:relative;
}
.kids_form .kids_btn{
position: absolute;
top:97px;
left:42px;
}


.kids_tbl{
width: 780px;
background:#a2cce9;
margin:15px auto 30px auto;
}
.kids_tbl th{
text-align:center;
padding:15px 15px;
}
.kids_tbl td{
background:#FFFFFF;
text-align:left;
font-weight:bold;
line-height:150%;
padding:15px 25px;
font-size:14px;
}

.kids_tbl02{
width: 780px;
background:#a2cce9;
margin:10px auto 20px auto;
}
.kids_tbl02 th{
width:145px;
text-align:center;
padding:15px 0px;
background:#FFFFFF;
}
.kids_tbl02 td{
background:#FFFFFF;
text-align:center;
font-weight:bold;
line-height:150%;
padding:15px 25px;
font-size:14px;
}
.kids_class th{
background:#a2cce9;
}
.kids_class td{
background:#f0f7fc;
}

.kids_atten{
width: 780px;
margin:0px auto 30px auto;
}
.kids_atten li{
list-style:none;
background:url(img/kids/kids_icon02.gif) no-repeat left 4px;
line-height:180%;
color:#d01414;
padding-left:15px;
}

.kids_area{
background:url(img/kids/kids_area02.gif) no-repeat left top;
height:176px;
width: 426px;
margin:0px auto 30px auto;
padding: 25px 25px 0px 359px;
line-height:180%;
}
.kids_area p{
padding-left:20px;
}

.f-r{
color:#d01414;}
