@charset "Shift_JIS";

/* ボディ */
body{
	margin:0;
	padding :0;
	font-size:14px;
	color: #333333;
	line-height:1.6;
	background: url(../img/bg_pink.gif);
}

body.bg_info{
	margin:0;
	padding :0;
	font-size:14px;
	color: #333333;
	line-height:1.6;
	background: #fffeeb;
}


body.bg_news{
	margin:0;
	padding :0;
	font-size:14px;
	color: #333333;
	line-height:1.6;
	background: #ffdae9;
}




/*----*/

/* コンテンツエリア全体 */



#wrapper {
	width:100%;
	margin:0;
	padding :0;
	}


/* リンク */
a:link {color:#333; text-decoration:underline; }
a:visited {color:#333; text-decoration:underline;}
a:active {color:#333; text-decoration:underline;}
a:hover {color:#888; text-decoration:none;}
a:focus{ overflow:hidden; }

img{ border:none;}

br.clear{height:0px;clear:both;margin:0;padding:0;line-height:0;}
.image_clear { padding:0; margin:0; clear:both; display:block;}

/*
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
*/


/*--maincontents--*/
#maincontents { width:850px; margin: 0 auto; padding:0; }


/*--header--*/
#header { width:850px; margin: 0; padding: 0;  display:block; }
#header h1 { width: 170px; height:95px; margin:5px 15px; padding: 0; text-indent:-9999px; display:block; float:left;}
#header h1 a { width: 170px; height:95px; background:url(../img/img_logo.gif) ; display:block;}
#header h2 { width: 400px; height:24px; margin:10px 0 0 2px ; padding: 0; background:url(../img/img_logo2.gif) no-repeat ; text-indent:-9999px; display:block; float:left;}


/*--s_menu--*/
#header #s_menu {width: 650px; height:20px; margin:5px 0 0 0; padding: 0; font-size:11px; display:block;float:left;  }
#header #s_menu ul { margin: 0; padding:0; display:block;  }
#header #s_menu ul li { list-style:none; float:right; margin:0 0 0 20px ; }
#header #s_menu ul li a { color:#ff0066; }


/*--menu--*/
#header #menu { width:635px; height:36px; position:relative; float:left;}
#header #menu ul { width:635px; margin: 0; padding: 0; display:block;}
#header #menu ul li { list-style:none; float:left; margin:0; }
#header #menu ul li.mn01 a{ width: 132px; height:36px; background: url(../img/mn_01.png); text-indent:-9999px; position:absolute ; top:10px; left:0px; z-index:5;}
#header #menu ul li.mn01 a:hover{ width: 132px;height:36px; text-indent:-9999px; background-image: url(../img/ov/mn_01.png);}
#header #menu ul li.mn01_on a{width: 132px; height:36px; background: url(../img/ov/mn_01.png); text-indent:-9999px; position:absolute ; top:10px; left:0px; z-index:5;}
#header #menu ul li.mn02 a{ width: 132px; height:36px; background: url(../img/mn_02.png); text-indent:-9999px; position:absolute ; top:10px; left:126px; z-index:4;}
#header #menu ul li.mn02 a:hover{ width: 132px;height:36px; text-indent:-9999px; background-image: url(../img/ov/mn_02.png); }
#header #menu ul li.mn02_on a{ width: 132px; height:36px; background: url(../img/ov/mn_02.png); text-indent:-9999px; position:absolute ; top:10px; left:126px; z-index:4;}
#header #menu ul li.mn03 a{ width: 132px; height:36px; background: url(../img/mn_03.png); text-indent:-9999px; position:absolute ; top:10px; left:252px; z-index:3;}
#header #menu ul li.mn03 a:hover{ width: 132px;height:36px; text-indent:-9999px; background-image: url(../img/ov/mn_03.png); }
#header #menu ul li.mn03_on a{ width: 132px; height:36px; background: url(../img/ov/mn_03.png); text-indent:-9999px; position:absolute ; top:10px; left:252px; z-index:3;}
#header #menu ul li.mn04 a{ width: 132px; height:36px; background: url(../img/mn_04.png); text-indent:-9999px; position:absolute ; top:10px; left:378px; z-index:2;}
#header #menu ul li.mn04 a:hover{ width: 132px;height:36px; text-indent:-9999px; background-image: url(../img/ov/mn_04.png); }
#header #menu ul li.mn04_on { width: 132px; height:36px; background:url(../img/ov/mn_04.png) ; text-indent:-9999px;}
#header #menu ul li.mn05 a{ width: 132px; height:36px; background: url(../img/mn_05.png); text-indent:-9999px; position:absolute ; top:10px; left:504px; z-index:1;}
#header #menu ul li.mn05 a:hover{ width: 132px;height:36px; text-indent:-9999px; background-image: url(../img/ov/mn_05.png); }
#header #menu ul li.mn05_on a{  width: 132px; height:36px; background: url(../img/ov/mn_05.png); text-indent:-9999px; position:absolute ; top:10px; left:504px; z-index:1;}


/*--main--*/
#main { width:820px; margin:0; padding:15px; background:#ffedf4; display:block; clear:both;}
.img_top { margin:0; padding:0; display:block; }


#main #top_left { width:545px; margin:0 15px 0 0; padding: 0; float:left; display:block;}
#main #top_right { width:260px; margin:0; padding: 0; float:left; display:block;}

#main #info { width:545px; margin:-15px 0 15px 0 ; padding:0;  display:block;}
#main #info h5.tit_info { width:545px; height:13px; margin:0; padding : 0 0 5px 0; background: url(../img/tit_info.gif) no-repeat ; text-indent:-9999px; border-bottom:#ff0066 2px solid;}
#info table { width:520px; padding:5px 15px; background:#fffeeb;}

#main #news { width:545px; margin:0 0 15px 0 ; padding:0;  display:block;}
#main #news h5.tit_news { width:545px; height:13px; margin:0; padding : 0 0 5px 0; background: url(../img/tit_news.gif) no-repeat ; text-indent:-9999px; border-bottom:#ff0066 2px solid;}
#news table { width:520px; padding:5px 15px; background:#ffdae9;}





#main #concept { width:545px; margin:0 0 15px 0; padding: 0; display:block;}
#main #concept h4.tit_concept { width:545px; height:17px; margin:0; padding : 0 0 7px 0; background: url(../img/tit_concept.gif) no-repeat ; text-indent:-9999px; border-bottom:#ff0066 2px solid; }
#main #concept ul.text_concept { background:#FFFFFF; margin:0; padding:20px;}
#main #concept ul.text_concept li { list-style:none; }
#main #concept ul.text_concept li.con01 { width:505px ; height:60px; background: url(../img/text_concept01.gif) no-repeat ; text-indent:-9999px;  }
#main #concept ul.text_concept li.con02 { width:505px ; height:60px; background: url(../img/text_concept02.gif) no-repeat ; text-indent:-9999px;  }
#main #concept ul.text_concept li.con03 { width:505px ; height:60px; background: url(../img/text_concept03.gif) no-repeat ; text-indent:-9999px;  }
#main #concept ul.text_concept li.con04 { width:505px ; height:29px; background: url(../img/text_concept04.gif) no-repeat ; text-indent:-9999px;  }

#main #link { width:260px; margin:0 ; padding: 0px; display:block;}
#main #link ul { margin: 0; padding:0; display:block;}
#main #link ul li { list-style:none; margin:0 0 10px 0 ; }

#main #mobile { width:545px; height:120px; margin:0; padding: 0; background:url(../img/text_mobile.gif); display:block; position:relative; }
#main #mobile .text_mobile a{ color:#ff0066; font-size:18px; font-weight:bold; position:absolute; top:70px; left:160px; }




#main #pre_lesson { width:260px; margin:0 ; padding: 0px; display:block;}
#main #pre_lesson h4.tit_pre02 { width:260px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_pre02.gif) no-repeat ; text-indent:-9999px; }
#main #pre_lesson #box_purple { width:240px; margin:0 0 40px 0 ; padding:10px; background:#efdaed;}
#main #pre_lesson #box_purple .small { font-size:10px;}


#main #left { width:170px; margin:80px 15px 0 0 ; padding: 0px; float:left; display:block;}
#main #left ul.left_link { margin: 0; padding:0; font-size:12px; display:block;}
#main #left ul.left_link li { list-style:none; margin:0 0 15px 0 ; padding:0; }
#main #left ul.left_link li.left_pink { padding:10px; background:#FFF; border-left:#ff4c94 solid 15px; }
#main #left ul.left_link li.left_yellow { padding:10px; background:#FFF; border-left:#f7b74c solid 15px; }
#main #left ul.left_link li.left_green { padding:10px; background:#FFF; border-left:#4cb77c solid 15px; }
#main #left ul.left_link li.left_red { padding:10px; background:#FFF; border-left:#ff4c4c solid 15px; }
#main #left ul.left_link li.left_blue { padding:10px; background:#FFF; border-left:#4cbcf0 solid 15px; }
#main #left ul.left_link li.left_purple { padding:10px; background:#FFF; border-left:#b251a8 solid 15px; }
#main #left ul.left_link li.left_orange { padding:10px; background:#FFF; border-left:#ff6633 solid 15px; }
#main #left ul.left_link li.left_l_green { padding:10px; background:#FFF; border-left:#8fc31f solid 15px; }





#main #right { width:635px; margin:0; padding:0; background:url(../img/bg_right.gif) repeat-y top  ; float:left; display:block;}
#main #right #wrappaer_right { width:580px; margin:0; padding:20px 20px 20px 35px; display:block;}

h3.tit_lesson { width:580px; height:36px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_lesson.gif) no-repeat ; text-indent:-9999px; }
h3.tit_schedule { width:580px; height:36px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_schedule.gif) no-repeat ; text-indent:-9999px; }
h3.tit_faq { width:580px; height:36px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_faq.gif) no-repeat ; text-indent:-9999px; }
h3.tit_schedule { width:580px; height:36px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_schedule.gif) no-repeat ; text-indent:-9999px; }
h3.tit_profile { width:580px; height:36px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_profile.gif) no-repeat ; text-indent:-9999px; }

h3.tit_access { width:580px; height:32px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_access.gif) no-repeat ; text-indent:-9999px; }
h3.tit_link { width:580px; height:32px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_link.gif) no-repeat ; text-indent:-9999px; }
h3.tit_inquiry { width:580px; height:32px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_inquiry.gif) no-repeat ; text-indent:-9999px; }
h3.tit_magazine { width:580px; height:32px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_magazine.gif) no-repeat ; text-indent:-9999px; }

h4.tit_privete { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_privete.gif) no-repeat ; text-align:right; }
h4.tit_first { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_first.gif) no-repeat ; text-align:right; }
h4.tit_health { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_health.gif) no-repeat ; text-align:right; }
h4.tit_sweets { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_sweets.gif) no-repeat ; text-align:right; }
h4.tit_kids { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_kids.gif) no-repeat ; text-align:right; }
h4.tit_pre { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_pre.gif) no-repeat ; text-indent:-9999px; }
h4.tit_standard { width:565px; height:28px; margin:0; padding : 6px 15px 0 0; background: url(../img/tit_standard.gif) no-repeat ; text-align:right; }
h4.tit_profile2 { width:580px; height:46px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_profile2.gif) no-repeat bottom ; text-indent:-9999px; }
h4.tit_profile3 { width:580px; height:46px; margin:0 0 10px 0; padding : 0; background: url(../img/tit_profile3.gif) no-repeat bottom ; text-indent:-9999px; }



#box_pink { width:580px; margin:0 0 40px 0 ; background:#ffcccc;}
#box_yellow { width:580px; margin:0 0 40px 0 ;background:#fdf0d9;}
#box_green { width:580px; margin:0 0 40px 0 ; background:#d9f0e3;}
#box_red { width:580px; margin:0 0 40px 0 ; background:#ffd9d9;}
#box_blue { width:580px; margin:0 0 40px 0 ; background:#d9f1fc;}
#box_purple { width:580px; margin:0 0 40px 0 ; background:#efdaed;}
#box_orange { width:580px; margin:0 0 40px 0 ; background:#ffe8e1;}
#box_l_green { width:580px; margin:0 0 40px 0 ; background:#eef6de;}


#main #right #wrappaer_right .text { margin:15px ; padding:0; line-height:1.8;}
#main #right #wrappaer_right .text2 { margin:0 ; padding:15px; font-size:12px;}
#main #right #wrappaer_right .text3 { margin:0 15px ; padding:3px ; font-size:16px; border-bottom:#666 dotted 1px;}
#main #right #wrappaer_right span.red { color:#FF0000;}
#main #right #wrappaer_right span.blue { color:#0000ff;}
#main #right #wrappaer_right .small { font-size:10px;}
#main #right #wrappaer_right .small12 { font-size:12px;}

#main #right #wrappaer_right .btn_inquiry { padding:12px; text-align:center;}
#main #right #wrappaer_right .btn_inquiry a:hover { opacity: 0.7;}

/*--lesson--*/
.img_lesson { padding:15px 0 0 0 ; }
#lesson table { width:550px; margin:15px 15px 5px 15px; border-top:#666 1px dotted; border-left:#666 1px dotted; clear:both; }
#lesson table td { padding:5px;border-bottom:#666 1px dotted; border-right:#666 1px dotted; }
#lesson table td.l { width:70px; text-align:center;}
#lesson table td.r {  }
#lesson a { color:#FFFFFF; font-weight:normal;}

#lesson table.sweets { width:445px; margin:10px; border:none; }
#lesson table.sweets td { width:50%; padding:3px; border:none; background:#FFF; }

#lesson ul { margin:0; padding:0 0 0 20px; }
#lesson ul li{ margin:0; }

#lesson ul.gallery00 { margin:0; padding:0; }

#lesson ul.gallery01,#lesson ul.gallery02,#lesson ul.gallery03,#lesson ul.gallery04,#lesson ul.gallery05 { margin:15px; padding:0; }
#lesson ul.gallery01 li,ul.gallery02 li,ul.gallery03 li,ul.gallery04 li,ul.gallery05 li { list-style:none; margin:0; padding:0; float:left; }
#lesson ul.gallery01 li.pic,ul.gallery02 li.pic,ul.gallery03 li.pic,ul.gallery04 li.pic,ul.gallery05 li.pic, { height:100px;  }
#lesson ul.gallery01 li.title,ul.gallery02 li.title,ul.gallery03 li.title,ul.gallery04 li.title,ul.gallery05 li.title{ width:550px; text-align:right; font-size:12px;  color:#F00; float:left;}


/*--schedule--*/
#schedule  { margin:0 0 120px 0;}
#schedule h4 a { color:#FFFFFF; font-weight:normal;}
#schedule table { width:550px; margin:15px 15px 5px 15px; border-top:#666 1px dotted; border-left:#666 1px dotted; }
#schedule table a{ color:#ff0066; }
#schedule table td { width:25%; padding:3px 0; text-align:center; border-bottom:#666 1px dotted; border-right:#666 1px dotted; background:#FFFFFF; }
#schedule table td.left { text-align:left; padding: 3px 6px;}


/*--faq--*/
#faq { width:550px; margin:15px 15px 90px 15px;}
#faq table {  width:550px; padding:0px;}
#faq table td {}
#faq table td.qestion { padding:5px 0px 5px 50px ; background: url(../img/bg_faq.gif) no-repeat bottom left; border-bottom:#666 1px dotted; font-size:16px; font-weight:bold;}
#faq table td.answer { padding:10px 20px 40px 50px; background: url(../img/bg_faq2.gif) no-repeat;}


/*--profile--*/

#profile table { width:550px; margin:15px 15px 40px 15px;  }
#profile table td { padding: 8px 10px; }
#profile table td.r { width:100px; background:#eee; text-align:center; }
#profile  { margin:0 0 120px 0;}
















/*--bottom_link--*/
#bottom_link { width:820px; margin:0 ; padding:10px 15px ; background:#ff599c; font-size:12px; display:block;}
#bottom_link ul { margin:0; padding:3px 0 ; text-align:center; display:block; }
#bottom_link ul li { list-style:none; margin:0px ; color:#FFF;}
#bottom_link ul li a{ color:#FFF;}


/*--bottom--*/
h3.bottom { display:none; }

#copy{ width:780px; margin:10px auto ; text-align:center; color:#555; letter-spacing: 1px; font-size: 10px; }


.clearfix {
min-height:1px;
}