@charset "utf-8";
/*@import "../../src/main.css";
 ---------------------------------------------*/
/* form  */
/* ---------------------------------------------*/
.f_name				{width:280px;}
.f_tel				{width: 70px;}
.f_full				{width:450px;}
.f_html				{width:450px;height:700px;}
.f_mail				{width:295px;}
.f_bikou			{width:350px;height:250px;}
textarea.fr,
select.fr,
input.fr {vertical-align:middle;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border:1px solid #999;padding:4px;}

.form_base						{text-align:left;padding:20px 0; }
.form_base p					{margin:0px auto;}
.form_base table			{width:500px;margin:10px auto; }
.form_base table table{width:auto;margin:0;}
.form_base th					{padding:4px 5px;border-bottom:4px solid #ffffff;background:#F3F1E4; white-space:nowrap;
border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;text-align:left;color:#555;font-weight:normal;}
.form_base .ttl				{background:#85B0C1;color:#ffffff;text-align:center;}
.form_base td					{padding:4px 9px;border-bottom:4px solid #ffffff;font-weight:normal;}
.form_base td td			{padding:0;border-bottom:2px solid #ffffff;}
.form_base .btn_area	{text-align:center;}
.form_base .btn_area .btn	{margin:20px auto;}
.form_base .cart_base	{width:550px;margin:0px auto; text-align:left;}
.form_base .cart_base tr th{width:auto; }
.form_base .cart_base td{width:auto;}

table.data						{width:550px;margin:0px auto; }
table.data th					{padding:3px 5px;border:1px solid #ffffff;font-weight:normal; background:#F1EFEB;}
table.data td					{padding:3px 3px;border-bottom:1px solid #F1EFEB;font-weight:normal; text-align:center}



.cart_base				{margin:0px auto; text-align:left;clear:both;}
.cart_base p			{text-align:left;}
.cart_base table	{width:100%;border:2px solid #AA8E6E;}
.cart_base th			{padding:3px 8px;border:1px solid #ffffff;font-weight:normal;color:#FFFFFF;background:#85B0C1;font-size:11px;
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}
.cart_base th.kei			{font-size:14px;line-height:1.2em;color:#4E4635;background:#E1F0F0;}
.cart_base td			{padding:3px  5px;border:1px solid #ffffff;font-weight:normal;}
.cart_base table.table_cnt 		{width:auto;border:none;}
.cart_base table.table_cnt td	{width:12px;border:none;text-align:right;}
.cart_itemname			{font-size:12px;line-height:1.2em;}
.cart_info					{color:#336699;}

.error{color:#ff0000;font-size:12px;padding:0 3px;}
div .errms,
.required			{color:#CC6633;font-size:12px;display:inline;}
.note					{font-size:11px;line-height:1.5em; font-weight:normal;}
.bgalert			{background:#F9ECEC;}
.attention		{color:#ff0000;}
/* ---------------------------------------------*/
/* html  .inner_txt				{padding:10px 20px 30px 30px; text-align:left;font-size:14px;}
*/
/* ---------------------------------------------*/
body					{padding:0px;margin:0px;color:#4E4635;text-align:center;behavior:url("./src/csshover3.htc");
background:url(../img/bg.png) top center repeat-x;

font-size:14px;line-height:1.2em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input,
select				{}
img						{border:none;vertical-align:bottom;}
p, h1, h2, h3, h4, h5, form, img,ol,ul, li, dl, dt, dd, div, form,a,table,tr,td,object,embed{padding:0px;margin:0px;border:none;}
table					{border-collapse:collapse;}
td,th					{text-align:left;}
li						{list-style-type:none;}
a							{color:#003366;}
a:hover				{color:#737DA2;}
a:active			{}

/*↓新しいclearfix*/
body div div:after{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html body div div{display:inline-block;}/* no ie mac \*/* html body div div{height:1%;}body div div{display:block;}/* */
body div p:after	{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html body div p{display:inline-block;}/* no ie mac \*/* html body div p{height:1%;}body div p{display:block;}/* */
div:after					{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html div{display:inline-block;}/* no ie mac \*/* html div{height:1%;}div{display:block;}/* */
p:after						{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html p{display:inline-block;}/* no ie mac \*/* html p{height:1%;}p{display:block;}/* */
address:after			{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html address{display:inline-block;}/* no ie mac \*/* html address{height:1%;}address{display:block;}/* */
ul:after					{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html ul{display:inline-block;}/* no ie mac \*/* html ul{height:1%;}ul{display:block;}/* */
li:after					{content:" ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}* html li{display:inline-block;}/* no ie mac \*/* html li{height:1%;}li{display:block;}/* */
hr						{clear:both;height:1px;border:none;background:url(../img/assets_hr.gif) repeat-x;margin:10px 0;}
*+html hr			{border:1px dotted #E2E0DA; background:none;}/*IEにだけ適用*/
/* ---------------------------------------------*/
/* class */
/* ---------------------------------------------*/
.imeon			{IME-MODE:active	;}
.imeoff			{IME-MODE:inactive;}
.hidden   	{display:none			;}
.hiddenout	{position:absolute;left: -200px;top: 0px;width: 180px;}
.txtout			{text-indent:-9877em;overflow:hidden;}
.left				{float:left				;}
.right			{float:right			;}
.clearboth	{clear:both				;}
div div .aln_l			{text-align:left;}
div div .aln_c			{text-align:center;}
div div .aln_r			{text-align:right;}
body div .l			{float:left;}
body div .r			{float:right;}
 a.link:hover,
 a.link:focus			{filter:alpha(opacity=80);-moz-opacity:0.75;opacity:0.75;}
/* グロー  */
.w1					{padding:1px;background:#F5F5F5}
.w2					{padding:1px;background:#F2F0E9}
.w3					{padding:1px;background:#E9E9E2}
/* ＞○○  */
.ya					{width:50px;}
.ya a				{background:url(../img/ya.png) no-repeat left top; padding:0;margin:0;display:block;border:0;cursor:pointer;text-align:left;text-decoration:none;}
.ya a:hover,
.ya a:focus	{filter:alpha(opacity=80);-moz-opacity:0.75;opacity:0.75;}
.ya a span	{display:block;padding:0 0 0 10px;font-size:10px;line-height:1.2em;color:#666;}
/* 次へ前へナビ  */
.yas					{margin:20px auto;clear:both;}
.ya_l,
.ya_r					{width:250px;}
.ya_l a				{background:url(../img/ya_l.png) no-repeat left top; padding:0;margin:0;display:block;border:0;cursor:pointer;text-align:left;text-decoration:none;}
.ya_r a				{background:url(../img/ya_r.png) no-repeat right top; padding:0;margin:0;display:block;border:0;cursor:pointer;text-align:right;text-decoration:none;}
.ya_l a:hover,
.ya_l a:focus,
.ya_r a:hover,
.ya_r a:focus	{filter:alpha(opacity=80);-moz-opacity:0.75;opacity:0.75;}
.ya_l a span	{display:block;padding:0 0 0 25px ;font-size:14px;line-height:1.2em;color:#666;}
.ya_r a span	{display:block;padding:0 35px 0 0 ;font-size:14px;line-height:1.2em;color:#666;}
.remark				{padding:5px 30px;color:#B11205;background:#FDFCE3;}
/* ---------------------------------------------*/
/* id  */
/* ---------------------------------------------*/
#container,
#headerarea,
#pan,
#contentsarea,
#footerarea					{padding:0px;margin:0 auto 0 auto;width:970px;clear:both;}

#headerarea					{margin-bottom:30px;}
.hn_txt							{font-size:9px;line-height:1.2em;color:#666666;}
.hn									{margin:0;}
.hn li  						{float:left;}
.hn li  						{border-right:1px dotted #CCC;}
.hn li.end					{border:none;}
.hn li a						{padding:5px 3px 0 3px;display:block;font-size:9px;text-decoration:none;line-height:1.2em;color:#666666;text-align:center;}
.hn li a:hover 			{color:#666666;}

.logo								{text-align:left;}
.gn									{margin:0px auto;width:680px;clear:both;}
.gn li  						{float:left;}
.gn li,
.gn li a						{padding:0px;margin:0px;display:block;}
.gn li span					{padding:0px;margin:0px;display:block;font-size:9px;line-height:1.2em;color:#666666;text-align:center;}

#container 					{background:url(../img/head.png) top center no-repeat;}
/* footer */
.pagetop						{margin:30px 0 10px 0;text-align:right;width:960px;}
#footerarea					{background:#FFF;}
#footerarea p,
	address						{padding:40px 10px 5px 10px;}
#footerarea p,
#footerarea a				{font-size:10px;line-height:1.2em;color:#4E2C00; text-decoration:none;}
#footerarea p				{color:#ccc}
	address						{text-align:left;font-size:10px;line-height:1.6em;font-style:normal;color:#CCC;}
	/*↓ボタン共通 */
	.btn_confirm	{background:url(../img/btn_confirm.png)   no-repeat left top;width:150px;height:45px;}
	.btn_send			{background:url(../img/btn_send.png)      no-repeat left top;width:150px;height:45px;}
	.btn					{display:block;padding:0;border:0;text-indent:-9898px;font-size:0px;line-height:0px;cursor:pointer;}
	.btn:hover,
	.btn:focus		{filter:alpha(opacity=80);-moz-opacity:0.75;opacity:0.75;}
	
#pan						{margin:0 auto 5px auto;clear:both;text-align:right;}
#pan a,
#pan						{font-size:11px;line-height:1.2em;color:#999999;}
#pan span				{font-size:11px;line-height:1.2em;color:#CCC;}

#contentsarea   		{}
	#sub							{width:182px;float:right;}
		.sub_faq				{padding:7px;background:#DDE6DB;}
		.sub_faq div		{padding:10px 3px;background:#FFF;}
		.sub_faq p			{padding-bottom:10px}
		.sub_faq li			{padding:5px 0px;border-bottom:1px dotted #CCCCCC; text-align:left;background:url(../img/faq_q.png)  no-repeat left top;}
		.sub_faq li a		{padding:0 0 0 13px;font-size:12px;line-height:1.2em;color:#666;text-decoration:none;display:block;}
		.sub_menu				{padding:7px;background:#E7E4DA;}
		.sub_menu div		{padding:10px 3px;background:#FFF;}
		.sub_menu p			{padding-bottom:10px;text-align:left;}
		.sub_menu li		{padding:5px 0px;border-bottom:1px dotted #CCCCCC; text-align:left;background:url(../img/sub_menu_maru.png)  no-repeat left top;}
		.sub_menu li a	{padding:0 0 0 13px;font-size:12px;line-height:1.2em;color:#666;text-decoration:none;display:block;}


	#contents		   		{width:779px;float:left;}
		.page_ttl				{text-align:left;margin-bottom:20px;}
		.main						{width:773px;margin:0;padding:0;clear:both;text-align:left;}
		.main .in				{padding:29px;background:#FFF;}
		.h3							{border-bottom:1px dotted #CCCCCC;padding:5px 0 5px 0;}
		.h3 span				{border-left  :6px solid #A48573;padding-left:15px;display:block;}
		.time						{margin:10px 0 10px 0; text-align:left;}
		.time th				{float:left ;width:95px;margin-right:3px;font-weight:normal;}
		.time td				{float:left;}
		.time th,
		.time td				{margin-bottom:15px;}
		
		.alert_ul				{margin:15px 0;}
		.alert_ul li		{background:url(../img/icon_alert.png)  no-repeat left top;padding:0 0 15px 22px;}
		
		.voice_ul				{margin:15px 0;}
		.voice_ul li		{background:url(../img/icon_voice.png)  no-repeat left top;padding:0 0 15px 22px; line-height:1.5em}

		/*↓case　*/
		.case_list_wrap	{background:url(../img/case_list_wrap.png)  repeat-y left top;padding:0 0 0 155px;}
		/*↓faq*/
		.faq .h2							{font-size:15px;line-height:1.2em;color:#79B481;}
		/*↓faq　共通*/
		div.links_faq .ya			{width:110px;}
		.links_faq .h3				{margin-bottom:5px;}
		.faq_list_wrap				{margin:0 0 20px 0;padding:7px;background:#DDE6DB;}
		.faq_list_wrap dl			{padding:20px;background:#fff;}
		.faq_list_wrap dt			{padding: 0 0 0 25px;background:url(../img/faq_q.png)  no-repeat left top;border-bottom:1px dotted #CCC;}
		.faq_list_wrap dt a		{color:#333;font-size:15px;line-height:1.4em;text-decoration:none;font-weight:bold;}
		.faq_list_wrap dd			{padding:10px 0 20px 52px;color:#666666;font-size:13px;line-height:1.8em;background:url(../img/faq_a.png)  no-repeat left top;}
		/*↓privacy*/
		.privacy .p strong{font-size:15px;line-height:1.5em;}
		.privacy .p				{font-size:13px;line-height:1.5em;}
		/*↓sitemap　*/
		.sitemap		{margin:10px 0 15px 20px;font-size:12px;line-height:1.8em;text-align:left; border-left:10px solid #85B0C1}
		.sitemap a	{display:block; padding:0 0 0 8px ;}
		.sitemap2		{margin:10px 0 15px 50px;font-size:12px;line-height:1.8em;text-align:left; border-left:10px solid #AED5DD}
		.sitemap2 a	{display:block; padding:0 0 0 8px ;}
		/*↓lesson */
		.lesson .h2				{margin:0 auto 20px auto;}
		.lesson .p				{width:630px;margin:0 auto 0 auto;}
		.lesson .txt			{font-size:13px;line-height:1.7em;}
		.lesson_table			{margin:0 auto 30px auto; line-height:1.6em; border-collapse:collapse;}
		.lesson_table td,	
		.lesson_table th	{border-top:1px dotted #666;background:#ffffff; border-bottom:1px dotted #666; padding:10px;}
		.lesson_table th	{border-right:4px solid #AAC8D8;background:#F3F1E4;width:150px;text-align:left;color:#336699;}
		.lesson_table .ya	{width:110px;}
		.lesson_table .note	{font-size:10px;line-height:1.2em;color:#929C83;padding-left:10px;}
		.lesson_table .b		{font-size:15px;line-height:1.2em;color:#929C83;background:#F2F5F1;padding:3px 15px;}


		/*↓inquiry */
		.inquiry .h2		{padding-left: 5px;font-weight:bold;font-size:15px;line-height:1.2em;text-align:left;border-left:10px solid #4A526F;color:#4A526F;}
		.inquiry .p			{padding-left:25px;									font-size:13px;line-height:1.5em;text-align:left;color:#666;}
		.inquiry .tel		{font-size:20px;line-height:2em;text-align:left;color:#4D5671;}
		.inquiry .ya		{width:150px;}
		/*↓instructor */
		.instructor .h2					{margin-bottom:30px;}
		.instructor .txt					{font-size:13px;line-height:1.7em;}
		.instructor .caption			{font-size:11px;line-height:1.4em;color:#665;}
		.instructor .div .l	{width:450px;}
		.instructor .div .r	{width:204px;}
		
		/*home*/
		.home_lesson div,
		.home_lesson			{width:265px;text-align:left;}
		.home_lesson_main	{width:165px;}
		.home_lesson .ya	{width:120px;}
		.home_greet				{width:490px;text-align:left;}
		.home_greet .l,
		.home_greet .r		{width:241px;margin-top:8px;}

body div .pt5		{ padding-top:5px;}
body div .pt10	{ padding-top:10px;}
body div .pt11	{ padding-top:11px;}
body div .pt12	{ padding-top:12px;}
body div .pt20	{ padding-top:20px;}
body div .pt30	{ padding-top:30px;}
body div .pt35	{ padding-top:35px;}

body div .mt10	{margin-top:10px;}
body div .mt30	{margin-top:30px;}

body div .mb03	{margin-bottom: 3px;}
body div .mb05	{margin-bottom: 5px;}
body div .mb10	{margin-bottom:10px;}
body div .mb15	{margin-bottom:15px;}
body div .mb20	{margin-bottom:20px;}
body div .mb40	{margin-bottom:40px;}
body div .mb300	{margin-bottom:300px;}

body div .mr10	{margin-right:10px;}
body div .mr20	{margin-right:20px;}


body div .w100	{width:100px;}
body div .w150	{width:150px;}
body div .w200	{width:200px;}