@charset "utf-8";

/*■■■■■■■■■■■ メイン幅 ■■■■■■■■■■■*/
#main{
	width:785px;
	margin:0 auto;
}
/*■■■■■■■■■■■共通部分 ■■■■■■■■■■■*/

/*■■■■■■■■■■■ ページ上部 ■■■■■■■■■■■*/
/* ------ ロゴ ------*/
#header #logo{float:left;margin:0 0 0 5px;}

/*:::::::::: ページ説明 ::::::::::*/
#main #exp_index{
	width:100%;	
	margin:0 0 5px 0;
}

#main #exp_index h1{
	margin:0;
	padding:0;
	background:transparent none;
	display:inline;
	border:0;
	font-weight:normal;
	font-size:10px;
	color:#333333;
}

/*:::::::::: メインビジュアル切り替え画像 ::::::::::*/
#main_img {width:365px;height:400px;float:left;}
#main_img .cf_element {height:430px;width:365px;}
#main_img .cf_element a{display:block;height:430px;width:365px;}
#main_img .cf_element p{
	width:410px;
	background:none;
	margin:0;
	padding:0;
	border:none;
}

/*:::::::::: コース一覧・1Day ::::::::::*/
/* ------ 共通 ------ */
#course,
#oneday{
	float:right;
	width:410px;
	background:url(../img/index/bg_box_bottom.gif) no-repeat 0 bottom;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

#course h2,
#oneday h2{
	margin:0;
	padding:0 13px 0 0;
	border:none;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	text-align:right;
	background:url(../img/common/ico_arrow_red.gif) no-repeat right center;
}

#course h2 a,
#oneday h2 a{
	padding:2px;
	color:#ff6666;
}

#course h2 a:hover,
#oneday h2 a:hover{
	background:#ff6666;
	color:#ffffff;
}

#course div.ttl,
#oneday div.ttl{
	width:406px;
	height:23px;
	padding:2px 2px 0 2px;
	background:url(../img/index/bg_box_top.gif) no-repeat 0 0;
}

#course .btn_img,
#oneday .btn_img{
	width:390px;
	margin:0 auto;
	background:url(../img/index/bg_box_middle.gif) repeat-y 0 0;
	padding:0 10px;
}

#course ul,
#oneday ul{
}

#course li,
#oneday li{
	float:left;
	width:130px;
	padding:5px 0;
	text-align:center;
	background-color:transparent;
}

/* ------ コース一覧 ------ */
#course ul em{
	font-weight:bold;
	font-size:14px;
}

#course ul em a{
	color:#2f0b0b;
	text-decoration:none;
}

#course ul em a:hover{
	text-decoration:underline;
	color:#E37591;
}

#course p{
	clear:both;
	text-align:center;
	padding:4px 0;
}

/* ------ 1Day ------ */
#oneday ul li img{
	margin:0 0 5px 0;
}

#oneday ul li{
	font-size:10px;
	line-height:1.2em;
}

#oneday ul em a{
	color:#2f0b0b;
	text-decoration:underline;
}

#oneday ul em a:hover{
	color:#e37591;
}

/*■■■■■■■■■■■ ページ下部 ■■■■■■■■■■■*/
#lowerpart{clear:both;padding-top:0px;}

/*:::::::::: what's new ::::::::::*/
#wn{float:left;width:365px;}
#wn #whatsnew{
	width:361px;
	height:23px;
	padding:2px 2px 0 2px;
	background:url(../img/index/ttl_whatsnew.gif) no-repeat 0 0;
	margin:0;
	padding:0;	
}

/*::::::::::   rss追加:::::::::: */

.whatsnew_rss{ /* whatsnewのタイトル */
	padding:4px 4px 0 0;
	float:right;
}

#whatsnew .whatsnew_rss a{ /* RSSのリンク */
border-style:none;
	display:block;
	height:16px;
	width:16px;
}


/*-----新着情報：バック　margin:10px 0;padding:10px; -----*/
#wn #hot_news{margin:0;padding:0 10px 10px 10px;background:#f7f2ec;}

/*-----新着情報：リンクhover背景あり-----*/
#wn #hot_news h4 a{display:inline-block;padding:2px 0 3px 0;text-decoration:none;color:#400000;}
#wn #hot_news h4 a:hover{background:#FFCECE;color:#D51E47;}

/*-----新着情報：写真 -----*/
#wn #hot_news img.wn_photo{border:solid 3px #C9BFA5;margin:5px 10px 5px 0;}

/*-----新着情報：大-----*/
#wn #hot_news .top_news{border-bottom:dotted 1px #663300;}
#wn #hot_news .top_news h4{font-size:13px;padding:5px 0 5px 0;}
#wn #hot_news .top_news p{
font-size:11px;
padding:0 0 2px 0;
line-height:130%;
color:#666666;}
#wn #hot_news .top_news p.detail{text-align:right;padding:0;}

#wn #hot_news a.arrow{
	clear:both;
	padding:5px 0 5px 20px;
    color:#400000;
	font-size:12px;
	font-weight:bold;
	background:url(../img/common/ico_arrow_gray.gif) no-repeat 5px 10px;
}


#wn #hot_news a.arrow:hover{background:#FFCECE;color:#D51E47;}





/*-----新着情報：小 -----*/
#wn #hot_news table{vertical-align:middle;}
#wn #hot_news table td{border-bottom:dotted 1px #663300;}
#wn #hot_news table td h4{font-size:10px;line-height:180%;font-weight:normal;}
#wn #hot_news table td h4 strong{font-size:12px;}

/*----- 新着What's New -----*/
#wn dl.update{padding:5px;}

/*::::::::::ラキャリエールブログ::::::::::*/

#la_blog{
	float:right;
	width:410px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

#la_blog .la_blog_rss{ /* blogのタイトル */
	background:url(../img/index/ttl_blog.gif) no-repeat 0 0;
	width:406px;
	height:23px;
	float:right;
	margin-bottom:5px;
	display:inline;
}
 
#la_blog .la_blog_rss .rss02{ 
	padding:4px 4px 0 0;
	float:right;
} 


#la_blog .la_blog_rss .rss02 a{ 
border-style:none;
	display:block;
	height:16px;
	width:16px;
}

#la_blog dl{width:390px;margin:0 auto;padding-bottom:10px;}
#la_blog dt{font-size:10px;margin:0 10px 0 0;}
#la_blog dd{line-height:120%;width:390px;}
#la_blog div.ttl{
	width:406px;
	height:23px;
	padding:2px 2px 0 2px;
}

#wn h2,
#la_blog h2{
	margin:0;
	padding:0 13px 0 0;
	border:none;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	text-align:right;
	background:url(../img/common/ico_arrow_red.gif) no-repeat right center;
}

#wn h2 a,
#la_blog h2 a{
	padding:2px;
	color:#ff6666;
}

#wn h2 a:hover,
#la_blog h2 a:hover{
	background:#ff6666;
	color:#ffffff;
}

/*:::::::::: お得にレッスン・さまざまなサービス・最新情報をお届け ::::::::::*/
/* ------ 共通 ------ */
#otoku,
#service,
#info{
	float:right;
	width:410px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

/* ------ タイトル画像 ------ */
#otoku div.ttl,
#service div.ttl,
#info div.ttl{
	width:406px;
	height:23px;
	padding:2px 2px 0 2px;
}

/* ------ 各カテゴリ見出し2 ------ */
#otoku h2,
#service h2,
#info h2{
	margin:5px 0;
	font-weight:bold;
	font-size:14px;
}

#otoku h2 a,
#service h2 a,
#info h2 a{
	color:#2f0b0b;
	text-decoration:none;
	line-height:1.2em;
}

#otoku h2 a:hover,
#service h2 a:hover,
#info h2 a:hover{
	text-decoration:underline;
	color:#E37591;
}

/* ------ バナーキャプション ------ */
p.exp_ttl{
	margin:5px 0 0 0;
	line-height:1.2em;
}

/* ------ デイタイム割引 ------ */
#daytime{
	width:400px;
	padding:0 5px;
}

#daytime h2{
	padding-left:0;
	border:0;
}

/* ------ オーダーメードレッスン・販売品・メルマガ・ドランジュ ------ */
#ordermade,
#mailmaga{
	width:195px;
	margin:0 5px;
	float:left;
	display:inline;
}

#shop,
#dorange{
	width:195px;
	margin:0 5px;
	float:right;
	display:inline;
}

#ordermade h2,
#mailmaga h2,
#shop h2,
#dorange h2{
	padding-left:0;
	border:0;
}

/* ------ コンサルティング事業 ------ */
#consultant{
	clear:both;
	width:400px;
	padding:10px 5px 0 5px;
}

#consultant h2{
	padding-left:0;
	border:0;
	font-weight:normal;
	font-size:12px;
}

#consultant h2 a{text-decoration:underline;}
#consultant h2 a:link {color: #666195;/*\*/ overflow: hidden;/**/}
#consultant h2 a:visited {color: #666}
#consultant h2 a:hover {color: #E37591;}

/*-------------採用情報--------------*/

#saiyo{
	float:right;
	width:410px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	background-color:#f8e7d3;
}
#saiyo .ttl{
	width:405px;
	height:23px;
	padding:2px 2px 0 2px;
}

#saiyo ul{
  width:225px;
	padding:5px 5px 0 10px;
	float:left;
}

#saiyo li{
font-size:11px;
line-height:15px;
width:225px;
}

#saiyo .btm_saiyo{
	padding:15px 15px 0 0px;
	float:right;
}

