@charset "utf-8";

@import "layout.css";



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



 Up date:		2010/08/30

 Style Info:	中ページ　スタイルシート



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

/* 基本設定

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



h4 { margin-bottom:10px; clear:both;

	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Lucida Grande", "Verdana", "ＭＳ ゴシック";

	font-size:18px; font-weight:bold; }



#main #pankuzu {

	color:#8a7965;

}

#main .pagetop {

	margin:0 10px 20px 16px; text-align:right;

	width:613px; }



.pagetop a 			{color: #FC3E92; font-weight:bold; text-decoration: underline;}

.pagetop a:hover	{color: #FC3E92; font-weight:bold; text-decoration: none;}



.mtmb15 { margin:15px 0; }

.txt_cntr { text-align:center; }

.font_white { color:#FFFFFF; }



}

a:link {

	color:#f90187;

}

a:visited {

	color:#f90187;

}

a:active, a:hover {

	color: #fd9898;

}



/* 00　共通

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



#main #ttl_wrap {

	background-image: url(../common_img/bg_ttl.gif);

	background-position: 16px 60px;

	height: 60px;

	padding-bottom: 15px;

	background-repeat: no-repeat;

	position:relative;

	clear:both;

}



#main .section1 {

	background-image: url(../common_img/bg_section1.gif);

	margin:0 10px 20px 16px; color: #333333;

	width:613px; }

#main .section_btn {

	margin:0 10px 20px 16px;

	width:613px; }

#main .section_btn#cntr { text-align: center; }	

#main .section_btn#cntr img { margin:0 5px; }

	

#main .section2 { width:590px; margin:0 auto 20px; }

#main .section3 { width:613px; margin:0; }



.section1 .top_box, .section_dayT .top_box, 

.section_dayK .top_box

	{ width:580px; margin:0 auto 20px; }

	

/* 00　共通 タイトルボタン

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

#ttl_wrap #btn_otoi { position:absolute; right:20px; top:0;}

#ttl_wrap #btn_otoi2, #ttl_wrap_dayT #btn_otoi2, #ttl_wrap_dayK #btn_otoi2

	{ position:absolute; right:20px; top:14px;}



#ttl_wrap_program #btn_otoi2 { position:absolute; right:200px; top:14px;}





#address {   
	margin: 0 auto;  
	text-align: center;
 }  



/* 01　コンセプト

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

.section2#concept {

	width:340px; padding-right:250px;

	background-image: url(../images/bg_concept.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

.section2#concept .allstaff { padding:40px 30px 30px; text-align:right; }



/* 02　プログラム

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

#main #ttl_wrap_program {

	background-image: url(../common_img/bg_ttl_program.gif);

	background-position: 16px top;

	height: 60px;

	padding-bottom: 15px;

	background-repeat: no-repeat;

	position:relative;

}

.section3#program {

	background-image: url(../images/bg_program.jpg);

	background-repeat: no-repeat;

	background-position: right 0px;

	

}



table.program { margin-left:10px; width:330px; }

table.program caption { text-align:left; font-weight:bold; font-size:14px;

	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Lucida Grande", "Verdana", "ＭＳ ゴシック"; }

table.program td.kakaku { width:20%; text-align:right; }

	

/* 03　アラモアナ教室への行き方

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

.section1 table#access { width:573px; margin:0 auto; }

table#access td { vertical-align:top; }

table#access td.ph { width:320px; }

table#access span.tel { font-size:24px; font-weight:bold; }



/* 04　アラモアナ教室+ミリラニ教室

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

.section1 .txt_class { width:580px; margin:0 auto 20px; }

.section1 .section_ph { width:590px; margin:0 auto 20px; }

.section1 .section_ph img { margin-bottom:5px; }

.section1 .section_ph h5  { font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Lucida Grande", "Verdana", "ＭＳ ゴシック";

	font-size:14px; font-weight:normal; margin:0 5px 5px; }

	

/* 06　年間行事

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

.section2#event {

	width:590px;

	margin:0 auto 20px;

	background-image: url(../images/bg_event.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

	

#event table { width:300px; margin-top:20px; font-size:14px; }

#event table td { vertical-align:top; padding:5px; font-weight:bold; }

#event table td.month { font-weight:bold; }



	

/* 07　先生紹介

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

.section_teacher {

	width:580px; height:158px;

	margin:0 auto 20px;

	background-image: url(../images/bg_teacher.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

.section_teacher .txt_box { float:left; margin:10px 0 0 15px; width:298px; line-height:1.5; }

.section_teacher .ph_box { float:right; margin-right:20px; width:160px; }





	

/* 08　先生の一日

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

#main #ttl_wrap_dayT {

	background-image: url(../common_img/bg_ttl_dayT.gif);

	background-position: 16px 60px;

	height: 60px;

	padding-bottom: 15px;

	background-repeat: no-repeat;

	position:relative;

}

#main .section_dayT {

	background-image: url(../common_img/bg_section_dayT.gif);

	margin:0 10px 20px 16px; color: #333333;

	width:613px; }



table#dayT { width:580px; margin:0 auto; }	

table#dayT td { vertical-align:top; }

table#dayT td.ph { width:330px; }	

table#dayT td.txt { padding-top:20px; }



	

/* 09　キッズの一日

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

#main #ttl_wrap_dayK {

	background-image: url(../common_img/bg_ttl_dayK.gif);

	background-position: 16px 60px;

	height: 60px;

	padding-bottom: 15px;

	background-repeat: no-repeat;

	position:relative;

}

#main .section_dayK {

	background-image: url(../common_img/bg_section_dayK.gif);

	margin:0 10px 20px 16px; color: #333333;

	width:613px; }



table#dayK { width:580px; margin:0 auto; }	

table#dayK td { vertical-align:top; }

table#dayKT td.ph { width:330px; }	

table#dayK td.txt { padding-top:20px; }



/* 10　キッズの一日2

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

table#dayK { width:580px; margin:0 auto; }	

table#dayK td { vertical-align:top; }

table#dayKT td.ph { width:330px; }	

table#dayK td.txt { padding-top:20px; }





/* 11　さくら日本語教室

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

.section2#sis {

	width:340px; padding-right:250px;

	background-image: url(../images/bg_sister.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

	

/* 12　リンク

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

table#link { width:590px; margin:0 auto; margin-bottom:400px; }

table#link td { vertical-align:top; padding-bottom:20px; }

table#link td.bnr { width:320px; } 



	

/* 13　バイリンガルへの道

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

.column_top { width:580px; margin:0 auto; }

.column_top .colomn_ttl { float:left; width:300px; margin-bottom:10px; }

.column_top h5  { font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Lucida Grande", "Verdana", "ＭＳ ゴシック";

	font-size:14px; line-height:1; }

.column_top #column_navi { float:right; }	



.column_note { clear:both; width:580px; margin:0 auto; }

.column_note img.ph { float:right; margin:10px 0 20px 20px; }



.colomn_btm_nav { text-align:center; }



/* 14　お問い合わせ

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



* { margin: 0; padding: 0; }



body { font-size: 80%; }



.wrap-form {

	width: 571px;

	padding: 20px 20px;

}



.wrap-form dl {

	width: 100%;

	border-bottom: 2px solid #ffb6c1;

	padding: 0px;

	display: table;

	background-color:#ffe4e1;

}



.wrap-form dt {

	width: 170px;

	float: left;

	color: #330000;

	background-color: #ffe4e1;

	font-weight: bold;

	font-size: 95%;

	text-align: left;

	padding: 5px;

	letter-spacing: 0px;

}



.wrap-form dd {

	width: 370px;

	float: left;

	color: #33000;

	background-color: #fff;

	padding: 5px 0 5px 20px;

	border-left: 4px solid #33000;

}



.input-b {

	width: 200px;

	background-color: #FF6699;

	border-left: 1px solid #9cc;

	border-right: 2px solid #066;

	border-top: 1px solid #9cc;

	border-bottom: 2px solid #066;

	margin-top: 20px;

	padding: 5px;

	color: #330000;

	font-weight: bold;

	letter-spacing: 3px;

}

.copy{text-align:right;}.copy a{font-size:70%;text-decoration:none;color:#FF6699;}

.hiss { color: #ff0066; font-size: 80%; padding-left: 10px;}

.err { color: red; background-color: #fff; }

.point { color: #330000; background-color: #fff; }

.align-c { text-align: center; }

.input-s { width: 100px; }

.input-m { width: 300px; }

.input-l { width: 400px; }

.inp4 { width: 80px; }

.inp2 { width: 40px; }

.message { width:580px; margin:0 auto 20px; }