@charset "utf-8";

/* 全体のレイアウト */
#container {
	position: relative;
	/*width: 940px;*/
	width:100%;
	margin: 0 auto;
}

#header {
	float: none;
}

#main {
	position: relative;
	width: 940px;
	margin:10px auto 0;
	overflow: hidden;
}

#left {
	float: left;
	width: 226px;
	overflow: hidden;
}

#center {
	float: left;
	width: 468px;
	margin: 0 auto 0 auto;
	padding-left: 10px;
	overflow: hidden;
}

#right {
	/*position: relative;*/
	/*top: 356px;*/
	margin: 356px 0 0 auto;
	float: right;
	overflow: hidden;
}

#channel { /* FLASH */
	position: absolute;
	/*top: 77px;*/
	top: 0;
	left: 709px;
	right:-5px;
	margin:0 auto 10px;
	width: 234px;
	height: 346px;
	background: #000; /* 開発用スタイル */
	overflow:visible;
}

#footer {
	width: 940px;
	clear: both;
	margin-left:auto; margin-right:auto;
}



/* centerの設定 */
#center * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
	line-height: 12px;
}





/* HOT NEWS */

#center_hotnews {
	background: url(../img/top/center_bg.gif) repeat-y;
	overflow: hidden;
	/*_height: 230px;*/ /* IE6 */
}
#center_hotnews li {
	list-style-type: none;
}
#center_hotnews dl.news_border {
	background: url(../img/top/center_bg_bottom.gif) no-repeat center bottom;
	padding-bottom: 14px;
}

#center_hotnews dt.news_title {
	width: 468px;
	height: 17px;
	display: block;
	background: url(../img/top/h_hotnews_a.gif) no-repeat;
	overflow: hidden;
}
#center_hotnews dt.news_title a {
	height: 0 !important;
　 height /**/: 17px;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/h_hotnews.gif) no-repeat;
}
#center_hotnews dt.news_title a:hover {
	background: none;
}

#center_hotnews dd.news_list {
	padding: 6px 10px 0 10px;
	overflow: hidden;
}
#center_hotnews dd.news_list li {
	overflow: hidden;
}
#center_hotnews dd.news_list img {
}
#center_hotnews dd.news_list dl {
	width: 408px;
	position: relative;
	left: 50px;
	top: -22px;
	margin: -10px;
	overflow: hidden;
}









/*======================================================================
ここから↓
======================================================================*/


/* サロンプロデュース事例 */
#center_case {
	/*position: relative;*/
	background: url(../img/top/center_bg.gif) repeat-y;
	/*background: url(../img/top/center_bg_bottom.gif) no-repeat center bottom;*/
	overflow: hidden;
	/*_height: 230px;*/ /* IE6 */
}
#center_case dl {
	background: url(../img/top/center_bg_bottom.gif) no-repeat center bottom;
	padding-bottom: 14px;
	overflow: hidden;
}
#center_case dt {
	width: 468px;
	height: 17px;
	display: block;
	background: url(../img/top/h_produce_a.gif) no-repeat;
	overflow: hidden;
}
#center_case dt a {
	height: 0 !important;
	height /**/: 17px;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/h_produce.gif) no-repeat;
}
#center_case dt a:hover {
	background: none;
}
#center_case dd div.latest{zoom:1;}
#center_case dd div.latest:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#center_case dd div.latest p.img{
	float:left;
	width:160px;
	padding:8px 0px 0px 10px;
}
#center_case dd div.latest div{
	float:right;
	width:275px;
	padding:8px 10px 0px 0px;
}
#center_case dd div.latest div p{padding:5px 0px 5px 0px;}
#center_case dd div.latest div p.title{
	font-size:12px;
	font-weight:bold;
}
#center_case dd div.latest div p img{
	padding-right:5px;
	vertical-align:middle;
}
#center_case dd div.old{zoom:1;}
#center_case dd div.old:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#center_case dd div.old div{
	float:left;
	width:100px;
	padding:15px 6px 5px 10px;
}
#center_case dd div.old div p img{padding-bottom:5px;}
#center_case dd div.old div p a{font-weight:bold;}


/*======================================================================
ここまで↑
======================================================================*/










/* BG YUMEプロジェクト バナー */
/*
#center_yumeproject a{
background:url(../img/top/bunner_yumeproject.jpg) no-repeat;
display: block;
overflow: hidden;
width:231px;
height:145px;
float:left;
margin-right:3px;
text-indent:-9999px;
}

#center_yumeproject a:hover{
background:url(../img/top/bunner_yumeproject_a.jpg) no-repeat;
}
*/

/* BG YUMEプロジェクト バナー（追加開催用） 半分*/
/*
#center_yumeproject_add a{
background:url(../img/top/bunner_yumeproject_add.jpg) no-repeat;
display: block;
overflow: hidden;
width:231px;
height:145px;
float:left;
margin-right:3px;
text-indent:-9999px;
}

#center_yumeproject_add a:hover{
background:url(../img/top/bunner_yumeproject_add_a.jpg) no-repeat;
}
*/

/* コンシェルジュサービスバナー */
#center_produce {
	width: 468px;
	height: 200px;
	position: relative;
	background: url(../img/top/produce.jpg) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

#center_produce .banner_produce {
	width: 450px;
	height: 50px;
	display: block;
	background: url(../img/top/produce_top_a.jpg) no-repeat;
	position: absolute;
	top: 7px;
	left: 9px;
}
#center_produce .banner_produce a {
	height: 0 !important;
　 height /**/: 50px;
	padding: 50px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/produce_top.jpg) no-repeat;
}
#center_produce .banner_produce a:hover {
	background: none;
}

#center_produce .banner_produce_01 {
	position: absolute;
	top: 64px;
	right:9px;
	width: 230px;
	height: 30px;
	display: block;
	background: url(../img/top/produce_01_a.jpg) no-repeat;
}
#center_produce .banner_produce_01 a {
	height: 0 !important;
　 height /**/: 30px;
	padding: 30px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/produce_01.jpg) no-repeat;
}
#center_produce .banner_produce_01 a:hover {
	background: none;
}

#center_produce .banner_produce_02 {
	position: absolute;
	top: 95px;
	right:9px;
	width: 230px;
	height: 30px;
	display: block;
	background: url(../img/top/produce_02_a.jpg) no-repeat;
}
#center_produce .banner_produce_02 a {
	height: 0 !important;
　 height /**/: 30px;
	padding: 30px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/produce_02.jpg) no-repeat;
}
#center_produce .banner_produce_02 a:hover {
	background: none;
}

#center_produce .banner_produce_03 {
	position: absolute;
	top: 126px;
	right:9px;
	width: 230px;
	height: 30px;
	display: block;
	background: url(../img/top/produce_03_a.jpg) no-repeat;
}
#center_produce .banner_produce_03 a {
	height: 0 !important;
　 height /**/: 30px;
	padding: 30px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/produce_03.jpg) no-repeat;
}
#center_produce .banner_produce_03 a:hover {
	background: none;
}

#center_produce .banner_produce_04 {
	position: absolute;
	top: 157px;
	right:9px;
	width: 230px;
	height: 30px;
	display: block;
	background: url(../img/top/produce_04_a.jpg) no-repeat;
}
#center_produce .banner_produce_04 a {
	height: 0 !important;
　 height /**/: 30px;
	padding: 30px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/produce_04.jpg) no-repeat;
}
#center_produce .banner_produce_04 a:hover {
	background: none;
}



/* BG YUMEプロジェクト バナー */
#center_yumeproject{
	width: 468px;
	height: 285px;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
}

#center_yumeproject .banner_yume_idx {
	width: 468px;
	height: 91px;
	display: block;
	background: url(../img/top/yumeproject_idx_a.jpg) no-repeat;
	position: relative;
}
#center_yumeproject .banner_yume_idx a {
	height: 0 !important;
　 height /**/: 91px;
	padding: 91px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/yumeproject_idx.jpg) no-repeat;
}
#center_yumeproject .banner_yume_idx a:hover {
	background: none;
}

#center_yumeproject .banner_yume_3days {
	width: 468px;
	height: 96px;
	display: block;
	background: url(../img/top/yumeproject_3days_a.jpg) no-repeat;
	position: relative;
}
#center_yumeproject .banner_yume_3days a {
	height: 0 !important;
　 height /**/: 96px;
	padding: 96px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/yumeproject_3days.jpg) no-repeat;
}
#center_yumeproject .banner_yume_3days a:hover {
	background: none;
}

#center_yumeproject .banner_yume_1day {
	width: 468px;
	height: 98px;
	display: block;
	background: url(../img/top/yumeproject_1day_a.jpg) no-repeat;
	position: relative;
}
#center_yumeproject .banner_yume_1day a {
	height: 0 !important;
　 height /**/: 98px;
	padding: 98px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/yumeproject_1day.jpg) no-repeat;
}
#center_yumeproject .banner_yume_1day a:hover {
	background: none;
}

#center_yumeproject .banner_yume_fin {
	position: relative;
	top: -55px;
	left: 305px;
	width: 113px;
	margin-bottom: -49px;
}

/* BGパートナーシップ開業バナー 
#center_partnership {
	margin-bottom: 10px;
}
#center_partnership a {
	width:468px;
	height:140px;
	display: block;
	overflow:hidden;
	text-indent: -9999px;
	background: url(../img/top/banner_partnership.jpg) no-repeat top left;
}
#center_partnership a:hover,
#center_partnership a:focus {
	background-position: bottom left;
}*/

/* お役立ちブログ */
#center_blog span {
	display: block;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
#center_blog a:hover span {
	color: #333;
	text-decoration: none;
}

#center_blog {
	background: url(../img/top/center_bg.gif) repeat-y;
	overflow: hidden;
	clear:both;
}
#center_blog dl {
	background: url(../img/top/center_bg_bottom.gif) no-repeat center bottom;
	padding-bottom: 18px;
	overflow: hidden;
	_height: 140px; /* IE6 */
}
#center_blog dt {
	width: 468px;
	height: 0 !important;
　 height /**/: 17px;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/h_usefulblog.gif) no-repeat;
}

#center_blog li {
	list-style-type: none;
	width: 155px;
	height: 37px;
	padding-top: 1px;
	display: block;
	float: left;
	overflow: hidden;
	
	margin-top: 3px;
}
#center_blog li a {
	height: 37px;
	display: block;
	padding: 5px 0 0 50px;
	overflow: hidden;
}
#center_blog .width140 { width: 140px; }
#center_blog .width150 { width: 150px; }
#center_blog .width170 { width: 170px; }
#center_blog .width180 { width: 180px; }

#center_blog li.left_conciergeblog a {
	background: url(../img/all/left/btn_conciergeblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_conciergeblog a:hover {
	background-color: #eee;
}
#center_blog li.left_naviblog a {
	background: url(../img/all/left/btn_naviblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_naviblog a:hover {
	background-color: #eee;
}
#center_blog li.left_toughblog a {
	background: url(../img/all/left/btn_toughblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_toughblog a:hover {
	background-color: #eee;
}
#center_blog li.left_bgblog a {
	background: url(../img/all/left/btn_bgblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_bgblog a:hover {
	background-color: #eee;
}
#center_blog li.left_sysblog a {
	background: url(../img/all/left/btn_sysblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_sysblog a:hover {
	background-color: #eee;
}
#center_blog li.left_hokenblog a {
	background: url(../img/all/left/btn_hokenblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_hokenblog a:hover {
	background-color: #eee;
}
#center_blog li.left_salonsupportblog a {
	background: url(../img/all/left/btn_salonsupportblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_salonsupportblog a:hover {
	background-color: #eee;
}
#center_blog li.left_cheerupblog a {
	background: url(../img/all/left/btn_cheerupblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_cheerupblog a:hover {
	background-color: #eee;
}
#center_blog li.left_estheblog a {
	background: url(../img/all/left/btn_estheblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_estheblog a:hover {
	background-color: #eee;
}
#center_blog li.left_nailblog a {
	background: url(../img/all/left/btn_nailblog.jpg) no-repeat 8px 1px;
}
#center_blog li.left_nailblog a:hover {
	background-color: #eee;
}




/* 右カラム */
#right * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
	line-height: 12px;
}

/* 美容業界ニュース */
#right #beautynews {
	width: 226px;
	background: url(../img/top/right_bg.gif) repeat-y;
	overflow: hidden;
}
#right #beautynews dl {
	background: url(../img/top/right_bg_bottom.gif) no-repeat center bottom;
	padding-bottom: 10px;
	overflow: hidden;
}
#right #beautynews dt {
	width: 226px;
	height: 17px;
	display: block;
	background: url(../img/top/h_biyonews_a.gif) no-repeat;
	overflow: hidden;
}
#right #beautynews dt a {
	height: 0 !important;
　 height /**/: 17px;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/h_biyonews.gif) no-repeat;
}
#right #beautynews dt a:hover {
	background: none;
}
#right #beautynews dd {
	margin: 8px 10px 4px 10px;
}
#right #beautynews dl dd li {
	list-style-type: none;
	margin-bottom: 4px;
}


/* コンシェルジュブログRSS */
#right #concierge_rss {
	margin-top: 10px;
	width: 226px;
	background: url(../img/top/right_bg.gif) repeat-y;
	overflow: hidden;
}
#right #concierge_rss dl {
	background: url(../img/top/right_bg_bottom.gif) no-repeat center bottom;
	padding-bottom: 10px;
	overflow: hidden;
}
#right #concierge_rss dt {
	width: 226px;
	height: 17px;
	display: block;
	background: url(../img/top/h_conciergeblog_a.gif) no-repeat;
	overflow: hidden;
}
#right #concierge_rss dt a {
	height: 0 !important;
　 height /**/: 17px;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/h_conciergeblog.gif) no-repeat;
}
#right #concierge_rss dt a:hover {
	background: none;
}
#right #concierge_rss dd {
	margin: 8px 10px 4px 10px;
}
#right #concierge_rss dl dd li {
	list-style-type: none;
	margin-bottom: 4px;
}


/* 右メニュー広告枠 */
#right #PR {
	width: 226px;
	background: #fff;
	padding-top: 10px;
	overflow: hidden;
}
/* RITZDVD バナー */
#right #PR #right_ritzdvd {
	width: 226px;
	height: 79px;
	margin-bottom: 15px;
}
#right #PR #right_ritzdvd a {
	width: 226px;
	height: 0 !important;
　 height /**/: 79px;
	padding: 79px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/top/kaigyo_bnr_ritzdvd.jpg) no-repeat;
}





#topad {
width:940px;
margin-left:auto; margin-right:auto;
float:none;
clear:both;
}
#topad table tr td {
text-align:center;
}

/* お役立ちブログ */

#right #right_contnav {
	background: url(../img/all/left/left_bg.gif) repeat-y;
	padding-bottom: 10px;
	border-bottom:solid 1px #dddddd;
	margin-bottom:10px;
	margin-top: 10px;
}
#right_contnav span {
	display: block;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
#right_contnav a:hover span {
	color: #333;
	text-decoration: none;
}

#right #right_contnav dt {
	width: 226px;
	height: 0 !important;
　 height /**/: 17px;
	padding: 17px 0 0 0;
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}
#right #right_contnav #right_usefulblog {
	margin-top: 6px;
	background: url(../img/all/left/h_usefulblog.gif) no-repeat;
}
#right_contnav li {
	list-style-type: none;
	width: 226px;
	height: 37px;
	padding-top: 1px;
	display: block;
	overflow: hidden;
}
#right_contnav li a {
	height: 37px;
	display: block;
	padding: 5px 0 0 50px;
	overflow: hidden;
}
/* ブログ_img */
#right #right_contnav li.right_conciergeblog a {
	background: url(../img/all/left/btn_conciergeblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_conciergeblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_naviblog a {
	background: url(../img/all/left/btn_naviblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_naviblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_toughblog a {
	background: url(../img/all/left/btn_toughblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_toughblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_bgblog a {
	background: url(../img/all/left/btn_bgblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_bgblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_sysblog a {
	background: url(../img/all/left/btn_sysblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_sysblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_cheerupblog a {
	background: url(../img/all/left/btn_cheerupblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_cheerupblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_estheblog a {
	background: url(../img/all/left/btn_estheblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_estheblog a:hover {
	background-color: #fafafa;
}
#right #right_contnav li.right_nailblog a {
	background: url(../img/all/left/btn_nailblog.jpg) no-repeat 8px 1px;
}
#right #right_contnav li.right_nailblog a:hover {
	background-color: #fafafa;
}