@charset "Shift_JIS";

*{
margin: 0;
padding: 0;
letter-spacing: 1px;
} 

body{
background-color: #680421;
background-image: url(../img/body_bg02.gif);
background-position: left top;
background-repeat: repeat-x;
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
line-height: 1.8em;
color: #4F4740;
}

#wrap{
margin: 0 auto;
padding: 0 auto;
width: 820px;
height: auto;
background-image:url(../img/Felice_top_04.gif);
background-position: left top;
background-repeat: repeat-y;
padding: 0 53px;
}
ul li{
list-style-type: none;
}
a:link,
a:visited { 
color: #990033;
text-decoration: none;
}
a:hover {
color: #990033;
text-decoration: underline;
}

/* ====================================================== */
/*  ヘッダーブロック                                      */
/* ====================================================== */

/* ヘッダー */
h1{
background-color: #513A26;
font-size: 10px;
font-weight: normal;
width: 815px;
height: 15px;
color: #FFFFFF;
padding: 0 0 5px 5px;
}
/* ヘッダー */
.logo_catch{
background-image: url(../img/cacth.gif);
background-position: 144px 19px;
background-repeat: no-repeat;
float: left;
width: 600px;
}
.logo_catch img{
padding: 19px 0 0 35px;
}

/* ガイドナビ */
.guide{
float: right; 
width: 200px;
height: 20px;
margin: 5px 0 10px 0;
}
.guide ul li{
float: right;
height: 20px;
padding: 3px 10px 0 0;
}
.guide img{
margin-right: 5px;
vertical-align: middle;
}
/* お問い合わせ */
.top_app_btn p{
text-indent:-9999px; 
margin-top: 35px;
}
.top_app_btn a{
display: block;
width: 190px;
height:41px;
background-image: url(../img/top_app_btn.gif);
background-position: left top;
background-repeat: no-repeat;
}
.top_app_btn a:hover{
display: block;
width: 190px;
height:41px;
background-image: url(../img/top_app_btn_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
.top_tel{
text-indent: -9999px;
width: 190px;
height: 28px;
background-image: url(../img/top_tel.gif);
background-position: left top;
background-repeat: no-repeat;
}
.clear{
clear:both;
clear: left;
}
/* グローバルナビ */
.h_navi {
width: 820px;
}
.h_navi ul li{
float: left;
text-indent: -9999px;
}
.h_navi01 a{
width: 140px;
height: 54px;
display: block;
background-image: url(../img/navi01.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi01 a:hover{
width: 140px;
height: 54px;
display: block;
background-image: url(../img/navi01_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi02 a{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi02column.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi02 a:hover{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi02column_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi03 a{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi03.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi03 a:hover{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi03_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi04 a{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi04.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi04 a:hover{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi04_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi05 a{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi05.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi05 a:hover{
width: 133px;
height: 54px;
display: block;
background-image: url(../img/navi05_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi06 a{
width: 148px;
height: 54px;
display: block;
background-image: url(../img/navi06.gif);
background-position: left top;
background-repeat: no-repeat;
}
.h_navi06 a:hover{
width: 148px;
height: 54px;
display: block;
background-image: url(../img/navi06_o.gif);
background-position: left top;
background-repeat: no-repeat;
}
img{
border: 0;
}
/* ====================================================== */
/*  コンテンツ                                　　　      */
/* ====================================================== */

/*-------- サイドナビstart--------*/

#side_navi{
float: right;
width: 220px;
padding-top: 35px;
}
#side_navi a{
color: #4F4740;
}
/* ブログ*/
.blog{
font-size: 11px; 
}
/*サービスナビ*/

.sarves_navi{
width: 220px;
height: auto;
margin-bottom: 20px;
}

.sarves{
width: 220px;
height: auto;
margin-top: 15px;
}
.list_tl{
font-size: 11px;
width: 220px;
background-image: url(../img/side_navi.gif);
background-position: left top;
background-repeat: no-repeat;
}
.list_tl p{
width: 220px;
height: 32px;
text-indent: -9999px;
}
.navi_top_tl1{
width: 220px;
height: 40px;
}
.navi_top_tl1 a:link{
display: block;
width: 220px;
height: 40px;
background-image: url(../img/side_navi_01.gif);
background-position: left top;
background-repeat: no-repeat;
}
.navi_top_tl1 a:hover{
display: block;
width: 220px;
height: 40px;
background-image: url(../img/side_navi_01.gif);
background-position: left top;
background-repeat: no-repeat;
}

.list_tl01{
width: 220px;
height: auto;
background-image: url(../img/side_navi_01.gif);
background-position: left top;
background-repeat: no-repeat;
}
.list_tl02{
width: 220px;
height: auto;
background-image: url(../img/side_navi_02.gif);
background-position: left top;
background-repeat: no-repeat;
}
.list_tl03{
width: 220px;
height: auto;
background-image: url(../img/side_navi_03.gif);
background-position: left top;
background-repeat: no-repeat;
border-bottom: 1px solid #D4D4D4;
}
.list_style01{
width: 218px;
height: auto;
}
.list_style01 a{
display: block; 
width: 193px;
background-image: url(../img/arrow_bg01.gif);
background-position: left top;
background-repeat: no-repeat; 
padding: 10px 5px 8px 20px;
line-height: 1.4em;
}
.list_style01 a:hover{
background-image: url(../img/arrow_bg02_o.gif);
background-position: left top;
background-repeat: no-repeat;
background-color:#F8F8F9;
}
.list_style01_ex{
font-size: 10px;
}
.list_style01_ex a{
width: 188px;
padding: 0 0 0 30px;
background-image: url(../img/left_navi_cot.gif);
background-position:20px 0 ;
height: auto;
}
.list_style01_ex a:hover{
width: 188px;
padding: 0 0 0 30px;
background-image: url(../img/left_navi_cot.gif);
background-position:20px 0 ;
height: auto;
}

.list_style02{
margin-top: 5px;
}

.f_lesson{
border-left: 1px solid #D4D4D4;
border-right: 1px solid #D4D4D4;
padding-top: 9px;}

/* ガイダンス*/
#guidance{
width: 220px;
height:175px;
background-image: url(../img/felice_guidance_bg.jpg);
font-size: 10px;
line-height: 1.8em;
}
#guidance ul{
width: 190px;
height:auto;
padding: 55px 0 0 30px;
}
#guidance ul li{
list-style-type: disc;
}

/*講師紹介*/
.teacher{
width: 220px;
height: auto;
margin-top: 15px;
background-image: url(../img/side_navi_teacher.gif);
background-position: left top;
background-repeat: no-repeat;
line-height: 1.2em;
}
.teacher_box{
height: 66px;
width: 218px;
background-image: url(../img/teacher_box_bg.gif);
background-position: left top;
background-repeat: no-repeat;
font-size: 11px;
padding: 1px;
margin: 2px 0;
}

.teacher_box a{
display: block;
height: 64px;
width: 218px;
}

.teacher_box img{
float: left;
padding: 2px 8px 2px 2px;
}
.clear{
clear: left;
}
.teacher_box p{
padding: 2px ;
font-size: 10px;
letter-spacing: normal;
}

/*-------- サイドナビend--------*/

/*メインコンテンツ*/
#contents{
float: right;
width: 535px;
height: auto;
padding: 35px 21px 0 21px;
}




/*フッター*/
#footer{
clear: right;
padding-top: 20px;
}
.footer_navi{
font-size: 10px;
text-align: center;
padding-bottom: 5px;
}
.copyright{
text-align: right;
background-color: #513A26;
font-size: 10px;
font-weight: normal;
width: 810px;
height: 15px;
color: #FFFFFF;
padding: 0 5px 5px 5px;
}
.dot_l{
width: 529px;
height: 1px;
background-image: url(../img/dot01.gif);
background-position: left top;
background-repeat: repeat-x;
}
/*パンくず*/
.pankuzu{
font-size: 11px;
}
/*赤文字リンクテキストの設定*/
.red a:link,
.red a:visited { 
color: #C9053E;
text-decoration: none;
}
.red a:hover {
color: #C9053E;
text-decoration: underline;
}

/*ページのトップへの設定*/
.pagetop{
width: 525px;
height: 20px;
padding-right: 10px;
font-size: 10px;
text-align: right;
line-height: 16px;
}
.pagetop img{
vertical-align: middle;
}
.pagetop p{
display: inline;
padding-left: 5px;
}


/*-------- ページ全体のテキスト設定 --------*/
.red_text{
color: #C9053E;
font-size: 13px;
}



/*-------- サイドナビのリンク設定 --------*/