@charset "utf-8";

body {
	background-color: #FFF2F0;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 75%;
	line-height: 1.8;
	color: #666666;
}
h1, h2, h3, h4, h5, p, ul, li {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h2.toph2{background:url(images/top_message.jpg) 0 0 no-repeat; width:870px; height:246px; text-indent:-9999px;}

a {
	text-decoration: underline;	
	color: #666666;
}
a:hover {
	color: #FA6167;
}
a img {
	border:none;
}

a.title {
	text-decoration: none;	
	color: #71502D;
}
a:hover.title {
	color: #FA6167;
}


#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.clear {  
    overflow: hidden;  
}  
* html .clear {  
    height: 1%;  
}




/*
ヘッダー
-----------------------------------------------------------------▼▼---*/
#header {
	background: url(images/header.gif) no-repeat left bottom;
	position: relative;
	font-size: 90%;
	height: 140px;
}
#header h1{
	display: none;
}
#header ul {
	position: absolute;
	right: 0px;
	bottom: 10px;
}
#header li {
    list-style : none ;
	background : url(images/arrow_white.gif) no-repeat;
	padding-left: 18px;
	padding-right: 15px;
	display: inline;
}
#header li a {
	margin-right: 8px;
	color: #FFFFFF;
	text-decoration: none;
}
#header li a:hover {
	margin-right: 8px;
	color: #FFFFFF;
	text-decoration: underline;
}



/*
BOX
-----------------------------------------------------------------▼▼---*/
#box {
	padding: 15px 14px 30px 14px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}



/*
TOPページ　navi
-----------------------------------------------------------------▼▼---*/
#navi {
	width: 870px;
}
#navi-a {
	width: 228px;
	float: left;
}
#navi-b {
	width: 625px;
	float: right;
}



/*
TOPページ　サイドメニュー
-----------------------------------------------------------------▼▼---*/
.sidebar-lesson a{
    display:block;
    width:228px;
    background:url(images/cake_lesson01.jpg) no-repeat;
    height:125px;
}
.sidebar-lesson a:hover{
    background:url(images/cake_lesson01_over.jpg) no-repeat;
}
.sidebar-lesson div{
	display: none;
}
.sidebar-menu a{
    display:block;
    width:228px;
    background:url(images/cake_lesson02.jpg) no-repeat;
    height:95px;
}
.sidebar-menu a:hover{
    background:url(images/cake_lesson02_over.jpg) no-repeat;
}
.sidebar-menu div{
	display: none;
}
.sidebar-story a{
    display:block;
    width:228px;
    background:url(images/cake_lesson03.jpg) no-repeat;
    height:100px;
}
.sidebar-story a:hover{
    background:url(images/cake_lesson03_over.jpg) no-repeat;
}
.sidebar-story div{
	display: none;
}



/*
メインメニュー
-----------------------------------------------------------------▼▼---*/
#mainmenu {
	width: 625px;
}
#mainmenu li{
    list-style : none ;
	float: left;
}
#mainmenu li div{
	display:none;
}
#mainmenu li a.menu01 {
	display: block;
	width:75px;
	height:50px;
	background-image: url(images/menu01.gif)
}
#mainmenu a.menu01:hover {
	background-image: url(images/menu01_over.gif)
}
#mainmenu li a.menu02 {
	display: block;
	width:175px;
	height:50px;
	background-image: url(images/menu02.gif)
}
#mainmenu a.menu02:hover {
	background-image: url(images/menu02_over.gif)
}
#mainmenu li a.menu03 {
	display: block;
	width:160px;
	height:50px;
	background-image: url(images/menu03.gif)
}
#mainmenu a.menu03:hover {
	background-image: url(images/menu03_over.gif)
}
#mainmenu li a.menu04 {
	display: block;
	width:75px;
	height:50px;
	background-image: url(images/menu04.gif)
}
#mainmenu a.menu04:hover {
	background-image: url(images/menu04_over.gif)
}
#mainmenu li a.menu05 {
	display: block;
	width:65px;
	height:50px;
	background-image: url(images/menu05.gif)
}
#mainmenu a.menu05:hover {
	background-image: url(images/menu05_over.gif)
}
#mainmenu li a.menu06 {
	display: block;
	width:75px;
	height:50px;
	background-image: url(images/menu06.gif)
}
#mainmenu a.menu06:hover {
	background-image: url(images/menu06_over.gif)
}



/*
TOPイメージ
-----------------------------------------------------------------▼▼---*/
#top-img {
	width: 625px;
	padding-top: 15px;
}



/*
リードイメージ
-------------------------------------------------------------------*/
#read-img {
	margin-top: 25px;
	margin-bottom: 15px;
}




/*
コンテンツ（TOPページ）
-----------------------------------------------------------------▼▼---*/
#contents {
	width: 870px;
	text-align: left;
}
#contents #item-a {
	width: 400px;
	float: left;
}
#contents #item-b {
	width: 450px;
	float: right;
}
#contents #item-a .plan {
	width: 400px;
}
#contents #item-a .plan img {
	margin-bottom: 10px;
}
#contents #item-a .plan .photo {
	width: 125px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
#contents #item-a .plan .text {
	width: 265px;
	float: right;
	margin-bottom: 20px;
}
.topnews{
	margin-bottom:20px;
	width:390px;
}
#contents #item-b #news {
	width: 450px;
}
#contents #item-b #news .news-item {
	width: 450px;
}
#contents #item-b #news .photo {
	width: 100px;
	margin-right: 10px;
	float: left;
}
#contents #item-b #news .text {
	float: right;
	width: 340px;
}
#contents #item-b #news img {
	margin-bottom: 10px;
}
#contents #item-b #news .line {
	border-bottom: 1px dotted #B6BB9B;
	margin-bottom: 10px;
}
#contents #item-b #lovely-news {
	background: #FFF2F0 url(images/news_bg.gif) repeat-x top;
	padding: 8px;
	border: 1px solid #B6BB9B;
	margin-top: 20px;
}
#contents #item-b #lovely-news .photo {
	width: 100px;
	margin-right: 10px;
	float: left;
	font-size: 10px;
}
#contents #item-b #lovely-news .text {
	float: right;
	width: 322px;
}
#contents #item-b #lovely-news .news-link {
	background: url(images/arrow_pink.gif) no-repeat left;
	padding-left: 17px;
}
#contents #item-b #lovely-news a {
	text-decoration: underline;	
	font-size: 15px;
	color: #FA6167;
}
#contents #item-b #lovely-news a:hover {
	color: #FA6167;
	text-decoration: none;
}
#contents #item-b #lovely-news p {
	margin-bottom: 7px;
}
#contents #item-b #lovely-news img {
	margin-top: 5px;
}



/*
コンテンツ　共通
-----------------------------------------------------------------▼▼---*/
#contents h2 {
	margin-top: 15px;
}
#contents h3 {
	margin-top: 10px;
}
#contents h4 {
	background: url(images/h4.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	height:28px;
	color: #71502D;
	margin-top: 20px;
	padding-left: 12px;
	padding-top: 2px;
}
#contents h5 {
	font-size: 13px;
	color: #71502D;
	margin-bottom: 5px;
}

/*
ボタン　ロールオーバー
-------------------------------*/
.image-link-detail a{
    display:block;
    width:107px;
    background:url(images/button_shousai.gif) no-repeat;
    height:25px;
	margin-bottom: 8px;
}
.image-link-detail a:hover{
    background:url(images/button_shousai_over.gif) no-repeat;
}
.image-link-detail div{
	display: none;
}
.image-link-menu a{
    display:block;
    width:125px;
    background:url(images/button_menu.gif) no-repeat;
    height:25px;
	margin-bottom: 8px;
}
.image-link-menu a:hover{
    background:url(images/button_menu_over.gif) no-repeat;
}
.image-link-menu div{
	display: none;
}
.image-link-apply a{
    display:block;
    width:122px;
    background:url(images/button_apply.gif) no-repeat;
    height:25px;
	margin-bottom: 8px;
}
.image-link-apply a:hover{
    background:url(images/button_apply_over.gif) no-repeat;
}
.image-link-apply div{
	display: none;
}
.image-link-voice a{
    display:block;
    width:122px;
    background:url(images/button_student_voice.gif) no-repeat;
    height:25px;
	margin-bottom: 8px;
}
.image-link-voice a:hover{
    background:url(images/button_student_voice_over.gif) no-repeat;
}
.image-link-voice div{
	display: none;
}




/*
コンテンツ（下層ページ）
-----------------------------------------------------------------▼▼---*/
#contents #main {
	width: 625px;
	float: left;
}
#contents #sub {
	width: 228px;
	float: right;
}
#contents #main #title-area {
	margin-bottom: 30px;
}
#contents #main .read {
	font-size: 110%;
	color: #71502D;
}
#contents #main .line {
	border-bottom: 1px dotted #B6BB9B;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#contents #main p {
	margin-top: 10px;
}
#contents #main .emphasis-l {
	font-size: 18px;
	color: #FA6167;
	line-height: 1.5;
}
#contents #main .emphasis-s {
	color: #FA6167;
}
#contents #main #submenu {
	margin-top: 10px;
}
#contents #main #submenu li {
    list-style : none ;
    display: inline;
    margin-left: 2px;
}
#contents #main  ol {
	margin: 0px 0px 0px -15px;
	margin-left: -15px;
}
#contents #main .wrapper {
	padding-bottom: 25px;
}
#contents #main .column3-1 {
	width: 625px;
}
#contents #main .column3-1 .photo{
    float:left;
    width:150px;
	margin-right: 15px;
	margin-top: 10px;
}
#contents #main .column3-1 .text{
    float:left;
    width:320px;
	margin-top: 10px;
}
#contents #main .column3-1 .button{
	float: right;
    width: 122px;
	margin-top: 10px;
}
#contents #main .column3-1 p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#contents #main .column2-1 {
	width: 625px;
}
#contents #main .column2-1 .photo{
    float: left;
    width: 150px;
	margin: 10px 15px 20px 0px;
}
#contents #main .column2-1 .text{
    float: right;
    width: 460px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#contents #main .column2-1 p {
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}
#contents #main .column2-2 {
	width: 625px;
}
#contents #main .column2-2 .photo{
    float: left;
    width: 60px;
	margin: 10px 15px 5px 0px;
}
#contents #main .column2-2 .text{
    float: right;
    width: 550px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#contents #main .column2-2 p {
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}
#contents #main .column2-3 {
	width: 625px;
}
#contents #main .column2-3 .photo{
    float: left;
    width: 100px;
	margin: 10px 15px 10px 0px;
	font-size: 10px;
}
#contents #main .column2-3 .text{
    float: right;
    width: 510px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contents #main .column2-4 {
}
#contents #main .column2-4 .text{
    float: left;
    width: 490px;
	margin-right: 15px;
}
#contents #main .column2-4 .photo{
    float: right;
    width: 90px;
	padding-top: 10px;
}
#contents #main .column2-5 {
	width: 625px;
}
#contents #main .column2-5 .photo{
    float: left;
    width: 208px;
	margin-right: 15px;
}
#contents #main .column2-5 .text{
    float: right;
    width: 400px;
}


/*
Lesson
-------------------------------*/
#contents #main .course {
	margin-top: 30px;
}
#contents #main .course-a {
	width: 270px;
	float: left;
}
#contents #main .course-b {
	float: right;
	width: 330px;
}
.image-link-course01 a{
    display:block;
    width:174px;
    background:url(images/v_course.gif) no-repeat;
    height:25px;
}
.image-link-course01 a:hover{
    background:url(images/v_course_over.gif) no-repeat;
}
.image-link-course01 div{
	display: none;
}
.image-link-course02 a{
    display:block;
    width:174px;
    background:url(images/s_course.gif) no-repeat;
    height:25px;
}
.image-link-course02 a:hover{
    background:url(images/s_course_over.gif) no-repeat;
}
.image-link-course02 div{
	display: none;
}
.table-course {
    margin: 1px;
    width: 270px;
    border-collapse: collapse;
    border: solid 1px #B6BB9B;
}
.table-course th,
.table-course td {
    border: solid 1px #B6BB9B;
    padding: 5px;
}
.table-course th {
    background: #FBA7A2;
    text-align: center;
    white-space: nowrap;
    color: #654A32;
}
.table-course td.week {
    background: #FFF2F0;
    text-align: center;
    color: #654A32;
}
.table-course td.course {
    background: #FEE6E5;
    white-space: nowrap;
}
#contents #main #voice h5 {
	background: url(images/h5_voice.gif) no-repeat;
	font-size: 14px;
	height:28px;
	color: #71502D;
	margin-top: 20px;
	padding-left: 35px;
	padding-top: 2px;
}

/*
Lesson Story／Menu&Schedule
-------------------------------*/
#contents #main #archive-navi {
	margin-bottom: 20px;
	font-size: 13px;
}
#contents #main #archive-navi .year {
	font-size: 20px;
	line-height: 1.4;
	border-bottom: 1px solid #666666;
	margin-bottom: 8px;
}
#contents #main .date {
	font-size: 100%;
}
#contents #main #schedule h5 {
	font-size: 13px;
	line-height: 2.5;
	height:28px;
	color: #71502D;
	border-top: 1px dotted #B6BB9B;
	border-bottom: 1px dotted #B6BB9B;
	margin-top: 8px;
	font-weight: bold;
}

/*
Gift Plan
-------------------------------*/
#contents #main #cakelist {
	margin-top: 10px;
	font-size: 10px;
	line-height: 1.5;
}
#contents #main #cakelist .cakelist-box {
    float: left;
    width: 280px;
    height: 85px;
    padding: 8px;
    border: 1px solid #B6BB9B;
    margin: 5px;
    overflow: auto;
}
#contents #main #cakelist .img_left {
	float: left;
	margin-right: 8px;
}
#contents #main #cakelist h5 {
	font-size: 10px;
	color: #71502D;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}
#contents #main .notes {
	font-size: 10px;
	line-height: 1.5;
	margin-top: 10px;
}
#contents #main #voice-box {
	background-color: #FFF2F0;
	padding: 13px;
	border: 1px solid #FA8881;
	margin-top: 30px;
	font-size: 90%;
}
#contents #main #voice-box img {
	margin-bottom: 10px;
}
#contents #main #voice-box h5 {
	font-size: 90%;
	line-height: 1;
	color: #71502D;
	margin-top: 10px;
	font-weight: bold;
}
#contents #main #voice-box .voice-text {
	padding-bottom: 4px;
}

/*
Profile
-------------------------------*/
#contents #main #profile p {
	margin-top: 15px;
}

/*
Link
-------------------------------*/
#contents #main #link a {
	text-decoration: underline;	
	font-size: 110%;
	color: #FA6167;
}
#contents #main #link a:hover {
	color: #FA6167;
	text-decoration: none;
}

/*
お問い合わせ・お申し込み
-------------------------------*/
#contents #main #form1 {
	margin-top: 15px;
}
.table-form {
    margin: 1px;
    width: 623px;
    border-collapse: collapse;
    border: solid 1px #B6BB9B;
}
.table-form caption {
    text-align: left;
    color: #654A32;
}
.table-form th,
.table-form td {
    border: solid 1px #B6BB9B;
    padding: 12px;
}
.table-form th {
    background: #FEE6E5;
    text-align: left;
    white-space: nowrap;
    color: #654A32;
	width: 160px;
}
.table-form td {
	line-height: 2.2;
}
#contents #main .transmit {
    text-align: center;
	margin-top: 20px;
}
#contents #main .indispensable {
	font-size: 13px;
    color: #E6000A;
}





/*
下層ページ　サイドメニュー
-----------------------------------------------------------------▼▼---*/
#sidemenu {
	width: 228px;
}
#sidemenu #sidemenu-top {
	height:35px;
	background: url(images/side_header.gif) no-repeat;
}
#sidemenu #sidemenu-foot {
	height:5px;
	background: url(images/side_footer.gif) no-repeat;
}
#sidemenu #sidemenu-middle {
	padding-left: 10px;
	background: url(images/side_bg.gif) repeat-y;
}
#sidemenu ul{
    padding-bottom: 12px;
    line-height: 1.8;
}
#sidemenu li{
    list-style : none ;
	padding-left: 12px;
}
#sidemenu .list{
	font-size: 16px;
    letter-spacing: 1px;
	padding-left: 12px;
	height:32px;
 	background: url(images/side_list.gif) no-repeat;
}
#sidemenu .list a {
	color: #71502D;
	text-decoration: none;
}
#sidemenu .list a:hover {
	color: #FA6167;
	text-decoration: none;
}




/*
フッター
-----------------------------------------------------------------▼▼---*/
#footer {
	font-size: 10px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
#footer .f-top {
	background-color: #FEE6E5;
	height: 45px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	vertical-align:middle;
}
#footer .f-top p {
	line-height:45px;
}
#footer .f-bottom {
    background-color: #FA6167;
	height: 15px;
	
}


/*
月別のアイコン
-----------------------------------------------------------------▼▼---*/

.variety01{background:url(images/month_v1.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety02{background:url(images/month_v2.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety03{background:url(images/month_v3.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety04{background:url(images/month_v4.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety05{background:url(images/month_v5.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety06{background:url(images/month_v6.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety07{background:url(images/month_v7.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety08{background:url(images/month_v8.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety09{background:url(images/month_v9.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety10{background:url(images/month_v10.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety11{background:url(images/month_v11.gif) 0 0 no-repeat; width:60px; height:47px;}
.variety12{background:url(images/month_v12.gif) 0 0 no-repeat; width:60px; height:47px;}


.standard01{background:url(images/month_s1.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard02{background:url(images/month_s2.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard03{background:url(images/month_s3.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard04{background:url(images/month_s4.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard05{background:url(images/month_s5.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard06{background:url(images/month_s6.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard07{background:url(images/month_s7.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard08{background:url(images/month_s8.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard09{background:url(images/month_s9.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard10{background:url(images/month_s10.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard11{background:url(images/month_s11.gif) 0 0 no-repeat; width:60px; height:47px;}
.standard12{background:url(images/month_s12.gif) 0 0 no-repeat; width:60px; height:47px;}


.combination01{background:url(images/month_c1.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination02{background:url(images/month_c2.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination03{background:url(images/month_c3.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination04{background:url(images/month_c4.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination05{background:url(images/month_c5.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination06{background:url(images/month_c6.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination07{background:url(images/month_c7.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination08{background:url(images/month_c8.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination09{background:url(images/month_c9.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination10{background:url(images/month_c10.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination11{background:url(images/month_c11.gif) 0 0 no-repeat; width:60px; height:47px;}
.combination12{background:url(images/month_c12.gif) 0 0 no-repeat; width:60px; height:47px;}