@charset "utf-8";
/* ---------------------------------------------------------------------------------
  ビューティーナビ株式会社
  Copyright(C)2008 Beauty Navi Co. Ltd. All Rights Reserved. All rights Reserved.

  $Id: side.css 9072 2011-09-15 00:25:43Z motoki.kouchi $
 --------------------------------------------------------------------------------- */

div#sideArea {
	float: right;
	width: 300px;
}

/* ---------------------------

	ロレアルエキスパートサロンサイト
	-2009.4.1

--------------------------- */
div#lorealBnrBlock {
	margin-bottom: 8px;
}

/* ---------------------------
WHAT'S NEW
--------------------------- */
div#whatsNewBlock {
	/* width: 220px; */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B4B4B4;
	padding-left: 4px;
	/* padding-right: 4px; */
	background-image: url(../images/side_area/side_whats_new.gif);
	background-repeat: no-repeat;
}
/*タイトル*/
div#whatsNewBlock div.blockTitle {
	height: 38px;
	width: 220px;
	padding-bottom: 4px;
}
div#whatsNewBlock div.blockTitle h2 {
	font-size: 5px;
	width: 150px;
	text-indent: -9999px;
	float: left;
}
/*RSS*/
div#whatsNewBlock div.blockTitle p#ancRss {
	float: right;
	height: 14px;
	width: 33px;
	padding-top: 14px;
}
div#whatsNewBlock div.blockTitle p#ancRss a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 33px;
	text-indent: -9999px;
}
/*NEWS LIST*/
ul#newsList {
	list-style-type: none;
}
ul#newsList li {
	display: block;
	font-size: 11px;
	line-height: 15px;
	background-image: url(../images/side_area/icon_news_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	padding-left: 8px;
}

/* ---------------------------
今月の新着サロン
--------------------------- */
p#bannerNewSalon {
	width: 300px;
	padding-top: 6px;
	padding-bottom: 16px;
}

/* ---------------------------
画像広告
--------------------------- */
div#imageAdvertisementBox {
	width: 300px;
	margin-bottom: 10px;
	margin-top: 5px;
    }

/* ---------------------------
テキスト広告
--------------------------- */
ul#textimageAdvertisementList {
	list-style-type: none;
	margin-bottom: 5px;
}
ul#textimageAdvertisementList li {
	display: block;
	font-size: 10px;
	line-height: 15px;
	background-image: url(../images/side_area/icon_ad_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 9px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	padding-bottom: 5px;
}

/* ---------------------------
ヘアーサロンカタログ
--------------------------- */
/*##### バナー表示 ######*/
p#bannerHeirStyleCatalogue {
	width: 300px;
	padding-top: 10px;
	margin-bottom: 10px;
}
/*##### サロン別ヘアカタログ ######*/
div#salonHeirStyleCatalogueBlock {
	height: 94px;
	width: 284px;
	margin-bottom: 12px;
	padding-left: 8px;
	background-image: url(../style/images/common/side_hair_catalogue_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 8px;
}
div#salonHeirStyleCatalogueBlock div#salonHeirStyleCatalogueBox {
	float: right;
	width: 165px;
}
div#salonHeirStyleCatalogueBlock h2 {
	height: 44px;
	width: 165px;
	text-indent: -9999px;
	font-size: 12px;
}
div#salonHeirStyleCatalogueBlock p#publishSalonText {
	font-size: 12px;
	line-height: 17px;
	height: 24px;
}
p#publishSalonText span.salonCountText {
	font-size: 10px;
}
div#salonHeirStyleCatalogueBlock p#ancSalonList {
	text-align: right;
}
div#salonHeirStyleCatalogueBlock p#randomSalonImage {
	height: 86px;
	width: 109px;
	float: left;
}
/* ---------------------------
ピックアップサロン
--------------------------- */
div#sidePickUpSalonBlock {
	height: 130px;
	width: 228px;
	padding-left: 12px;
	margin-bottom: 15px;
	background-image: url(../style/images/common/side_pick_up_salon.jpg);
	background-repeat: no-repeat;
}
div#sidePickUpSalonBlock h2 {
	height: 32px;
	width: 216px;
	text-indent: -9999px;
}
div#sidePickUpSalonBlock p#sidePickUpSalonImage {
	padding: 1px;
	height: 73px;
	width: 98px;
	float: left;
}
div#sidePickUpSalonBlock div#sidePickUpSalonTextBox {
	float: right;
	width: 103px;
	padding-right: 12px;
}
div#sidePickUpSalonTextBox p#sidePickUpSalonName {
	height: 63px;
	font-weight: bold;
}
p#sidePickUpSalonName span#sidePickUpSalonStyleCount {
	font-size: 10px;
	font-weight: normal;
}
p#sidePickUpSalonName span#sidePickUpSalonStyleCount a {
	text-decoration: underline;
}
div#sidePickUpSalonTextBox p#sidePickUpSalonStyleAnc {
	background-image: url(../style/images/common/icon_side_pickup_anc_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	line-height: 12px;
	color: #F00353;
	padding-left: 15px;
}
div#sidePickUpSalonTextBox p#sidePickUpSalonStyleAnc a {
	color: #F00353;
}
div#sidePickUpSalonBlock p#sidePickUpSalonAncStyleList {
	width: 117px;
	background-image: url(../style/images/common/icon_side_pickup_anc_02.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 98px;
	margin-top: 20px;
	padding-left: 13px;
	font-size: 10px;
	line-height: 10px;
}
	/* ---------------------------
	その他バナー表示
	--------------------------- */
	div.sideBannerBlock {
		width: 300px;
		margin-bottom: 6px;
	}
	div.sideBannerBlock p {
		padding-bottom: 5px;
		font-size: 10px;
		line-height: 15px;
	}

/* ---------------------------

	ベビーバナー
	-2009.4.1

--------------------------- */
div#sideBannerBlock {
	width: 300px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B1B1B1;
}
div#sideBannerBlock p {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	line-height: 16px;
	height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
}
div#sideBannerBlock p a img {
	float: left;
}
div#sideBannerBlock p span {
	float: right;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0;
	width: 172px;
	cursor: pointer;
}



/* ---------------------------

	イチオシ特集
	-掲載枠移動
	-2008.8.22

--------------------------- */
div#recommendFeatureBlock {
	width: 287px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B4B4B4;
	background-image: url(../images/side_area/side_title_recommend_feature.gif);
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-bottom: 12px;
}
div#recommendFeatureBlock h2 {
	height: 47px;
	width: 280px;
	text-indent: -9999px;
	font-size: 12px;
}
div#recommendFeatureBlock div.recommendFeatureBox {
	width: 280px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	font-size: 11px;
}
div.recommendFeatureBox div.recommendFeatureText {
	width: 278px;
	padding-top: 4px;
	padding-bottom: 4px;
}
div.recommendFeatureText h3{
	/*padding-bottom: 3px;*/
	font-size: 11px;
	color: #77552F;
}
div.recommendFeatureText h3 a,
div.recommendFeatureText h3 a:hover,
div.recommendFeatureText h3 a:visited {
	/*padding-bottom: 3px;*/
	font-size: 11px;
	color: #77552F;
}
div.recommendFeatureText h4 a,
div.recommendFeatureText h4 a:hover,
div.recommendFeatureText h4 a:visited {
	padding-bottom: 3px;
	font-size: 14px;
	color: #F55C00;
}
div.recommendFeatureText h4 a{
	padding-bottom: 4px;
	font-size: 14px;
	color: #F55C00;
}
div.recommendFeatureText p {
	line-height: 13px;
	font-size: 10px;
}
div#recommendFeatureBlock p.recommendFeatureImage {
	width: 270px;
	padding: 4px;
	background-image: url(../images/side_area/recommend_feature_image_bg.gif);
	background-repeat: no-repeat;
}


		/*以下は現在使用しておりません*/

		/* ---------------------------
		エディターズスペシャル
		--------------------------- */
		div#editorsSpecialBlock {
			width: 234px;
			padding-left: 5px;
			border-left-width: 1px;
			border-left-style: solid;
			border-left-color: #B4B4B4;
			background-image: url(../images/side_area/side_title_editors_special.gif);
			background-repeat: no-repeat;
			margin-bottom: 12px;
		}
		div#editorsSpecialBlock h2 {
			height: 47px;
			width: 220px;
			text-indent: -9999px;
			font-size: 12px;
		}
		div#editorsSpecialBlock div.editorBox {
			margin-top: 10px;
			margin-bottom: 10px;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #B1B1B1;
			font-size: 11px;
		}
		div.editorBox div.editorText {
			width: 155px;
			float: right;
		}
		div.editorText h3 {
			padding-bottom: 10px;
			font-size: 12px;
		}
		div.editorText p {
			line-height: 15px;
			font-size: 10px;
		}
		div#editorsSpecialBlock p.editorImage {
			float: left;
			width: 70px;
			border-width: 1px;
			border-style: solid;
			border-color: #CCCCCC;
		}
		/* ---------------------------
		プロフェッショナル
		--------------------------- */
		div#sideProfessonalBlock {
			width: 229px;
			padding-left: 10px;
			border-left-width: 1px;
			border-left-style: solid;
			border-left-color: #B4B4B4;
			background-image: url(../images/side_area/side_title_professional.gif);
			background-repeat: no-repeat;
			margin-bottom: 12px;
		}
		div#sideProfessonalBlock h2 {
			height: 50px;
			width: 220px;
			margin-bottom: 8px;
			font-size: 10px;
		}
		/* 2008-05-08追加 */
		div#sideProfessonalBlock h2 a {
			display: block;
			height: 50px;
			width: 220px;
			text-indent: -9999px;
		}
		div#sideProfessonalBlock h3#sideSubTitleHairShow {
			height: 22px;
			width: 219px;
			background-image: url(../images/side_area/side_title_sub_hairshow.gif);
			background-repeat: no-repeat;
			background-position: left top;
			text-indent: -9999px;
			font-size: 12px;
			line-height: 12px;
			margin-bottom: 5px;
		}
		div#sideProfessonalBlock h3#sideSubTitleTalks {
			height: 22px;
			width: 219px;
			background-image: url(../images/side_area/side_title_sub_talk.gif);
			background-repeat: no-repeat;
			background-position: left top;
			text-indent: -9999px;
			font-size: 12px;
			line-height: 12px;
			margin-top: 10px;
			margin-bottom: 5px;
		}
		div#sideProfessonalBlock div.sideProfessonalBox {
			margin-top: 5px;
			margin-bottom: 10px;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #B1B1B1;
			font-size: 5px;
		}
		div.sideProfessonalBox div.sideProfessonalText {
			width: 105px;
			float: right;
		}
		div.sideProfessonalText h4 {
			padding-bottom: 5px;
			font-size: 12px;
		}
		div.sideProfessonalText p {
			line-height: 15px;
			font-size: 10px;
		}
		div#sideProfessonalBlock p.sideProfessonalImage {
			float: left;
			width: 100px;
			background-color: #D4CFD2;
			padding: 1px;
			border-width: 1px;
			border-style: solid;
			border-color: #CCCCCC;
		}
		/* ---------------------------
		ブログ
		--------------------------- */
		div#blogBlock {
			width: 220px;
			padding-left: 10px;
			padding-right: 9px;
			border-left-width: 1px;
			border-left-style: solid;
			border-left-color: #B4B4B4;
			background-image: url(../images/side_area/side_title_blog.gif);
			background-repeat: no-repeat;
			margin-bottom: 12px;
		}
		div#blogBlock h2 {
			height: 30px;
			width: 220px;
			margin-bottom: 12px;
			font-size: 10px;
		}
		div#blogBlock h2 a {
			display: block;
			height: 30px;
			width: 220px;
			text-indent: -9999px;
		}
		div#blogBlock span.blogBanner {
				height: 53px;
			width: 220px;
				margin-bottom: 10px;
			border-width: 1px;
			border-style: solid;
			border-color: #CCCCCC;
				display: block;
		}
		div#blogBlock h3 {
			font-size: 10px;
			padding-top: 6px;
		}
		div#blogBlock p {
			line-height: 15px;
			padding-bottom: 6px;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #B1B1B1;
			font-size: 10px;
		}
		div#blogBlock p a {
			color: #444444;
			text-decoration: underline;
		}
		div#blogBlock p span.blogPassageOfTime {
			font-size: 10px;
		}
		/* ---------------------------
		プレゼント
		--------------------------- */
		div#presentBlock {
			width: 300px;
			margin-bottom: 6px;
		}
		div#presentBlock h2 {
			height: 33px;
			width: 300px;
			background-image: url(../images/side_area/side_title_present.gif);
			background-repeat: no-repeat;
			font-size: 12px;
			text-indent: -9999px;
		}
		div#presentBlock div#presentBox {
			width: 278px;
			padding-right: 8px;
			padding-left: 12px;
			padding-top: 15px;
			border-right-width: 1px;
			border-left-width: 1px;
			border-right-style: solid;
			border-left-style: solid;
			border-right-color: #B4B4B4;
			border-left-color: #B4B4B4;
		}
		div#presentBox div.presentText {
			float: right;
			width: 210px;
		}
		div.presentText h3 {
			font-size: 11px;
			margin-bottom: 14px;
		}
		div.presentText h3 a {
			color: #444444;
		}
		div.presentText p {
			font-size: 10px;
			line-height: 15px;
		}
		div#presentBox p.presentImage {
			float: left;
	width: 62px;	height: 62px;
			border-width: 1px;
			border-style: solid;
			border-color: #CCCCCC;
		}

		div.presentText p.ancOldList {
	padding-top: 10px;
}
		div#presentBlock div#presentBottom {
			font-size: 1px;
			width: 300px;
			height: 10px;
			background-image: url(../images/side_area/side_bottom_present.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
		}


/* ---------------------------

モバイル
	-追加
	-2008.7.28

--------------------------- */
div#mobileBlock {
	width: 300px;
}
div#mobileBlock h2 {
	width: 300px;	height: 49px;
	background-image: url(../images/side_area/side_title_mobile.gif);	background-repeat: no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}
div#mobileBlock h3 {
	border-top-color: #B1B1B1;
	border-top-style: dashed;
	border-top-width: 1px;
	margin-top: 10px;
	width: 278px;	height: 42px;
	background-image: url(../images/side_area/side_title_mobile_mailmagazine.gif);	background-repeat: no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}
div#mobileBlock div#mobileBox {
	width: 278px;
	padding-right: 8px;	padding-left: 12px;	padding-top: 0px;
	border-right-width: 1px;	border-right-style: solid;	border-right-color: #B4B4B4;
	border-left-width: 1px;	border-left-style: solid;	border-left-color: #B4B4B4;
}
div#mobileBox div.mobileText {
	float: right;
	width: 210px;
}
div.mobileText h3 {
	font-size: 11px;
	margin-bottom: 14px;
}
div.mobileText h3 a {
	color: #444444;
}
div.mobileText p {
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 10px;
}
div.mobileText p.ancOldList {
	padding-bottom: 0px;
}
div#mobileBox p.mobileImage {
	float: left;
	width: 62px;	height: 62px;
}

div#mobileBlock div#mobileBottom {
	font-size: 1px;
	width: 300px;	height: 10px;
	background-image: url(../images/side_area/side_bottom_mobile.gif);	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* ---------------------------

対談
    -追加
    -2008.9.26
    -修正
    -2009.03.18

--------------------------- */
div#dialogueBlock {
    width: 300px;
}
div#dialogueBlock div#dialogueHeader {
    width: 300px;
    height: 45px;
    background-image: url(../images/side_area/side_title_dialogue.gif);    background-repeat: no-repeat;
}
div#dialogueBlock div#dialogueHeader h2 {
    width: 300px;
    height: 45px;
}
div#dialogueBlock div#dialogueHeader h2 a {
    width: 300px;
    height: 45px;
    display:block;
    text-indent:-9999px;
}
div#dialogueBlock div#dialogueBox {
    width: 275px;
    background: url(../images/side_area/side_bg_dialogue.gif) top;    background-repeat: no-repeat;
    padding-right: 8px;    padding-left: 15px;    padding-top: 0px;
    border-right-width: 1px;    border-right-style: solid;    border-right-color: #B4B4B4;
    border-left-width: 1px;    border-left-style: solid;    border-left-color: #B4B4B4;
}
div#dialogueBlock div#dialogueBox div.dialogueText {
    width: 190px;
    padding-right: px;    padding-left: 0px;    padding-top: 5px; padding-bottom: 14px;
}
div#dialogueBlock div.dialogueText p {
    font-size: 10px;
    line-height: 15px;
}
div#dialogueBlock div#dialogueBox p.ancOldList {
    font-size:10px;
    padding-bottom:0px;
    text-align:right;
}
div#dialogueBlock div#dialogueBottom {
    font-size: 1px;
    width: 300px;    height: 10px;
    background-image: url(../images/side_area/side_bottom_dialogue.gif);    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-bottom: 15px;
}

/* ---------------------------

日本ロレアル　HIV/エイズ予防教育活動　サイトリンク
	-追加
	-2009.2.13

--------------------------- */

div#against_aidsBnrBlock {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* ---------------------------

サテライトサイト　テキストリンク
	-追加
	-2009.3.3

--------------------------- */
ul#satelliteSiteList {
	list-style-type: none;
	margin-bottom: 5px;
	margin-top: 10px;
}
ul#satelliteSiteList li {
	display: block;
	font-size: 10px;
	line-height: 15px;
	background-image: url(../images/side_area/icon_ad_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 9px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	padding-bottom: 5px;
}

/* ---------------------------

Pマーク表示
	-追加
	-2009.6.19

--------------------------- */
div#privacymarkBlock {
        width: 230px;
        height: 80px;
        padding: 12px 35px 0px 35px;
}
div#privacymarkBlock p.pmarkText {
        height: 75px;
        width: 140px;
        font-size: 10px;
	line-height: 14px;
        padding: 5px 5px 0px 5px;
        float: right;
}
div#privacymarkBlock p.pmarkImage {
        width: 75px;
        height: 80px;
        float: left;
}

/* ---------------------------

ビューティーナビ公式ツィッター
    -追加
    -2010.1.19
--------------------------- */
div#twitterBlock {
    width: 300px;
}
div#twitterBlock div#twitterHeader {
    width: 300px;
    height: 45px;
    background-image: url(../images/side_area/side_title_twitter.gif);    background-repeat: no-repeat;
}
div#twitterBlock div#twitterHeader h2 {
    width: 300px;
    height: 45px;
}
div#twitterBlock div#twitterHeader h2 a {
    width: 300px;
    height: 45px;
    display:block;
    text-indent:-9999px;
}
div#twitterBlock div#twitterBox {
    width: 275px;
    padding-right: 8px;    padding-left: 15px;    padding-top: 0px;
    border-right-width: 1px;    border-right-style: solid;    border-right-color: #B4B4B4;
    border-left-width: 1px;    border-left-style: solid;    border-left-color: #B4B4B4;
}
div#twitterBlock div#twitterBox div.twitterText {
	float: right;
	width: 200px;
    padding-right: 5px;    padding-left: 0px;    padding-top: 5px; padding-bottom: 8px;
}
div#twitterBlock div.twitterText p {
    font-size: 10px;
    line-height: 15px;
}
div#twitterBox p.twitterImage {
	float: left;
	width: 62px;	height: 62px;
}
div#twitterBlock div#twitterBox p.ancOldList {
    font-size:10px;
    padding-bottom:0px;
    text-align:right;
}
div#twitterBlock div#twitterBottom {
    font-size: 1px;
    width: 300px;    height: 10px;
    background-image: url(../images/side_area/side_bottom_twitter.gif);    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-bottom: 15px;
}

/* ---------------------------

	中エリアセレクトサロン設定
	-東京
	-2010.05.xx

--------------------------- */
/*タイトル*/
div#sideArea #cityAdBlock h3 {
	height: 30px;
	width: 423px;
	width: 300px;
	margin-bottom: 5px;
	background-image: url(../images/select_salon/title_select_salon.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div#sideArea #cityAdBlock {
	width: 300px;
}
div#sideArea #cityAdBlock {
	text-indent: 0px;
}
/*サロンボックス*/
div#sideArea #cityAdBlock .cityAdBox {
	width: 280px;
	height: 128px;
	padding-left: 4px;
	padding-right: 14px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	border: solid 1px #999999;
	margin-bottom: 4px;
}
/*サロンタイトル*/
div#sideArea #cityAdBlock .cityAdBox h4 {
	padding-bottom: 4px;
	float: left;
	width: 92px;
}
div#sideArea #cityAdBlock .cityAdBox h4 a {
	display: block;
	width: 92px;
	height: 118px;
	text-decoration: none;
	text-indent: -9999px;
}
div#sideArea #cityAdBlock .cityAdBox p {
	float: right;
	padding-right: 5px;
	line-height: 15px;
	font-size: 10px;
	width: 175px;
}
div#sideArea #cityAdBlock .cityAdBox p.selectSalonStation a {
	display: block;
	height: 56px;
	width: 175px;
	text-indent: -9999px;
	text-decoration: none;
}
div#sideArea #cityAdBlock .cityAdBox p.selectSalonComment {
	height: 32px;
}
div#sideArea #cityAdBlock .cityAdBox p.btnLookSalonInfo {
	text-align: left;
	padding-top: 6px;
}
div#sideArea #cityAdBlock .cityAdBox p.btnLookSalonInfo img {
	padding-left: 31px;
}		

/* ---------------------------

	中エリアセレクトサロン設定
	-神奈川
	-2010.05.xx

--------------------------- */
div#sideArea #townAdBlock {
	width: 300px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B1B1B1;
	margin-bottom: 10px;
}
div#sideArea #townAdBlock p {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 19px;
	height: 75px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
}
div#sideArea #townAdBlock p a img {
	float: left;
}
div#sideArea #townAdBlock p span {
	float: right;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0;
	width: 185px;
	cursor: pointer;
}

/*

	特典別広告スペース（リスト表示）

*/
/*
#wrapper #container #contentsArea .campaignAdBlock {
	background-color: #F4F1E8;
	border-width: 1px;
	border-style: solid;
	border-color: #9B8472;
	width: 598px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox {
	background-color: #9B8472;
	width: 598px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox h4 {
	font-size: 12px;
	float: left;
	height: 30px;
	width: 500px;
	padding-top: 5px;
	padding-left: 20px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox a {
	color: #FFFFFF;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox p {
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
*/
/*cutPlan*/
/*
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span {
	display: block;
	float: right;
	height: 16px;
	width: 54px;
	line-height: 1px;
	font-size: 1px;
	background-image: url(../../../salon/images/campaign_ad/icon_campaign_ad.gif);
	text-indent: -9999px;
}

#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanCut {
	background-color: #d362af;
	background-position: center 0;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanColor {
	background-color: #26ccba;
	background-position: center -20px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanPerm {
	background-color: #1CA3DC;
	background-position: center -40px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanExtension {
	background-color: #ffaa00;
	background-position: center -60px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanCorrect {
	background-color: #9859b3;
	background-position: center -80px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanHareEsthe {
	background-color: #d362af;
	background-position: center -100px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdHeadBox span.campaignAdPlanTreatment {
	background-color: #d362af;
	background-position: center -120px;
}


#wrapper #container #contentsArea .campaignAdBlock .campaignAdImageBox {
	background-color: #F4F1E8;
	float: left;
	height: 184px;
	width: 135px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdTextBox {
	float: right;
	width: 410px;
	padding-right: 10px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdTextBox .campaignPrice {
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	padding-top: 5px;
	padding-right: 15px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdTextBox .campaignPrice img.newOrAll {
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdTextBox .campaignPrice strong {
	font-size: 14px;
	font-weight: bold;
	color: #FF0066;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdTextBox .campaignAdText {
	clear: both;
	font-size: 10px;
	line-height: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdSalonBox {
	float: right;
	width: 420px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdSalonBox h4 {
	float: left;
	width: 300px;
	margin-top: 8px;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom: solid 1px #CCCCCC;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdSalonBox .campaignAdSalonImageBox {
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdSalonBox .campaignAdSalonArea {
	float: left;
	width: 300px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdFoot {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #9B8472;
	padding-top: 10px;
}
#wrapper #container #contentsArea .campaignAdBlock .campaignAdFoot p {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
*/

/*

	サロン検索連動：特集表示部

*/

div#sideArea div#connectedFeatureBlock {
	margin-bottom:16px;
	border-left:1px solid #9B8472;
	border-top:4px solid #9B8472;
	background-color: #FFFFFF;
}
/*#####特集リストブロック#####*/
div#sideArea div#connectedFeatureBlock h2 {
	color: #9B8472;
	padding: 8px;
	font-size: 16px;
}


div#sideArea div#connectedFeatureBlock p.connectedFeatureImage {
	padding-top: 12px;
}
div#sideArea div#connectedFeatureBlock p.connectedFeatureImage img {
	border: 3px solid #DFDFDE;
}
div#sideArea div#connectedFeatureBlock div.connectedFeatureListBox {
	margin-left: 10px;
	width: 278px;
	border-bottom-width: 1px;
	padding-bottom: 12px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
}
/*特集キャッチコピー*/
div#sideArea div#connectedFeatureBlock div.connectedFeatureBox p.connectedFeatureCopy {
	font-size: 11px;
	color: #765631;
}
div#sideArea div#connectedFeatureBlock div.connectedFeatureBox p.connectedFeatureCopy a {
	color: #765631;
}
/*特集名*/
div#sideArea div#connectedFeatureBlock div.connectedFeatureBox h3 {
	font-size: 14px;
	color: #F55C00;
	padding-bottom: 3px;
}
div#sideArea div#connectedFeatureBlock div.connectedFeatureBox h3 a {
	color: #F55C00;
}
/*特集説明文*/
div#sideArea div#connectedFeatureBlock div.connectedFeatureBox p.connectedFeatureText {
	font-size: 10px;
	line-height: 13px;
}


/*

	サロン検索連動：特集表示部

*/

div#sideArea div#searchKeyBlock {
	margin-bottom:16px;
	border:1px solid rgb(184, 166, 152);
}

.tabNav{
	position:relative;
	z-index:10;
	padding-left:1em;
	*zoom:1;
	list-style: none;
	padding-top: 4px;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a {
	display:block;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid rgb(184, 166, 152);
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
}
.tabNav li a.active{
	background-color:#fff;
	border: 1px solid rgb(184, 166, 152);
	border-bottom:1px solid #fff;
	font-weight: bold;
}
.mainSearchKeyBox {
	padding: 0 12px;
	background-color:#FFFFFF;
	margin: 0;
}


div#sideArea div#searchKeyBlock div#searchKeyHead {
	border-bottom:1px dashed #CCCCCC;
	width: 298px;
	height: 42px;
	margin-bottom: 4px;
}
div#sideArea div#searchKeyBlock div#searchKeyHead h2 {
	background-image: url(../../../salon/images/salon_list/title_search_list.gif);
	background-position: 0 -50px;
	height: 40px;
	text-indent: -9999px;
	width: 110px;
	float: left;
}
div#sideArea div#searchKeyBlock div#searchKeyHead .headMoreSearchLink {
	float: right;
	padding-top: 10px;
	width: 132px;
}

.mainSearchKeyBox #areaSearchTtl,
.mainSearchKeyBox #railwaySearchTtl,
.mainSearchKeyBox #cutpriceSearchTtl,
.mainSearchKeyBox #campaignAdSearchTtl  {
	margin-bottom: 16px;
}

.mainSearchKeyBox h3 {
	background-image: url(../../../salon/images/salon_list/title_search_list.gif);
	height: 20px;
	text-indent: -9999px;
}

.mainSearchKeyBox #areaSearchTtl h3 {
	background-position: 0 -100px;
}
.mainSearchKeyBox #railwaySearchTtl h3 {
	background-position: 0 -150px;
}
.mainSearchKeyBox #cutpriceSearchTtl h3 {
	background-position: 0 -200px;
}
.mainSearchKeyBox #campaignAdSearchTtl h3 {
	background-position: 0 -300px;
}
.mainSearchKeyBox #charaSearchTtl h3 {
	background-position: 0 -450px;
}

div#sideArea .mainSearchKeyBox td {
	padding-right: 1.5em;
	width: 180px;
}
div#sideArea .mainSearchKeyBox td {
	padding-right: 1.5em;
	width: 280px;
}
div#sideArea .mainSearchKeyBox ul {
	padding: 0;
	margin: 0 0 12px 0;
	list-style: none;
}
div#sideArea .mainSearchKeyBox div.tokuten {
	float: left;
	width: 130px;
}
div#sideArea .mainSearchKeyBox label {
	font-size: 12px;
	line-height: 18px;
}

div.clearbox {
	clear: both;
	height: -1px;
	margin: 0;
	line-height: 1px;
	font-size: 0px;
}
div#sideArea div#searchKeyBlock div#searchStart {
	text-align: center;
	border-top:1px dashed #CCCCCC;
	padding: 8px 0;
	margin-top: 10px;
	background-color: #FFFFFF;
	line-height: 10px;
	font-size: 12px;
}
div#sideArea div#searchKeyBlock div#searchStart p {
	color: #E72167;
	font-size: 10px;
	margin-bottom: 4px;
}
div#sideArea div#searchKeyBlock .moreSearchLink {
	text-align: center;
	font-size: 10px;
	padding: 0 12px;
	background-color: #FFFFFF;
}

.mainSearchKeyBox strong{
	font-weight: bold;
	color: #C00;
}
.mainSearchKeyBox a:hover {
	text-decoration: underline;
}

/*
	厳選スタイル誘導枠テスト
*/

div#gensenStyleLinkBlock {
	background-image: url(../style/images/common/side_gensen_style_bg.jpg);
	background-repeat: no-repeat;
	margin-top:6px;
	padding: 25px 6px 7px 6px;
}
div#gensenStyleLinkBlock .styleBox {
	width:92px;
	height:148px;
	float:left;
	line-height:10px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}
div#gensenStyleLinkBlock .styleBox img {
	margin-bottom:3px;	
}
div#gensenStyleLinkBlock .styleBox a:hover {
	text-decoration: none;
	color: #E72167;
}

/* ---------------------------

エキサイトクーポン
    -追加
    -2010.11.10
--------------------------- */
div#exciteCouponBlock {
    width: 300px;
    margin-bottom: 8px;
}
div#exciteCouponBlock div#exciteCouponTop {
    width: 300px;
    height: 15px;
    background-image: url(../images/side_area/excite_coupon_top.gif);
 background-repeat: no-repeat;
}
div#exciteCouponBlock div#exciteCouponBox {
    width: 296px;    padding-top: 0px;
	float: right;
    border-right-width: 2px;    border-right-style: solid;    border-right-color: #ef828a;
    border-left-width: 2px;    border-left-style: solid;    border-left-color: #ef828a;
}
div#exciteCouponBlock div#exciteCouponBox div#exciteCouponText {
	float: right;
	width: 145px;
    padding-right: 8px;    padding-left: 10px;    padding-top: 0px; padding-bottom: 0px;
    background-image: url(../images/side_area/excite_coupon_body.gif);    background-repeat: no-repeat;
}
div#exciteCouponBlock div#exciteCouponBox div#exciteCouponText ul {
	list-style: none;
	padding: 0;
}
div#exciteCouponText ul #couponPercent {
color: #FFFFFF;
float: left;
height: 40px;
width: 55px;
text-align: center;
}
#couponPercent strong {
font-size: 27px;
line-height: 27px;
}
#couponRegulerPrice {
float: right;
height: 28px;
width: 90px;
text-align: right;
}
#couponSpecialPrice {
float: right;
height: 22px;
width: 90px;
text-align: right;
}
#couponSpecialPrice strong {
color: #FF0000;
font-size: 18px;
font-weight: bolder;
}
div#exciteCouponBlock div#exciteCouponText p {
clear: both;
    font-size: 10px;
    line-height: 15px;
}
div#exciteCouponBox div#exciteCouponImage {
	float: left;
	width: 122px;
	padding-left: 8px;
	text-align: center;
}
div#exciteCouponBox div#exciteCouponImage h3 {
	margin-bottom: 5px;
}
div#exciteCouponBox div#exciteCouponImage h3 a img {
	border: 1px solid #CCCCCC;
}
div#exciteCouponBlock div#exciteCouponBottom {
clear: both;
    font-size: 1px;
    width: 300px;    height: 10px;
    background-image: url(../images/side_area/excite_coupon_bottom.gif);    background-repeat: no-repeat;
    text-indent: -9999px;
}

/* -------------------------------------
今月のとっておき特集ABテスト-ここから
--------------------------------------- */

/* -------------------------------------------------

	今月のとっておき特集
	-右カラムランダム表示用BOX（コンテンツ風）
	-2011.2.10

--------------------------- */
div#specialFeatureBlock {
	width: 287px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B4B4B4;
	background-image: url(../images/side_area/side_special_feature_title.gif);
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-bottom: 8px;
}
div#specialFeatureBlock h2 {
	height: 40px;
	width: 280px;
	text-indent: -9999px;
	font-size: 12px;
}
div#specialFeatureBlock div.specialFeatureBox {
	width: 287px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom:7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	font-size: 11px;
}
div#specialFeatureBlock p.specialFeatureImage {
	float:left;
	width: 180px;
	padding: 4px;
	background-image: url(../images/side_area/side_special_feature_image_bg.gif);
	background-repeat: no-repeat;
}
div#specialFeatureBlock div.specialFeatureBox div.specialFeatureText {
	float:right;
	width: 84px;
	height:138px;
	padding:0px 7px 0px 7px;
}
div#specialFeatureBlock div.specialFeatureText p.txt {
	height:118px;
	line-height: 14px;
	font-size: 10px;
}
div#specialFeatureBlock div.specialFeatureText p.specialFeatureButton {
	width:80px;
	height:20px;
}

/* -------------------------------------------------

	今月のとっておき特集
	-右カラムランダム表示用BOX（バナー風）
	-2011.2.10

--------------------------- */
div#specialFeatureBlock02 {
	width:300px;
	height:140px;
	background-image: url(../images/side_area/side_special_feature_banner_bg.gif);
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-bottom: 8px;
}
div#specialFeatureBlock02 div.specialFeatureBox {
	width: 290px;
	height:130px;
	padding:5px 0 5px 5px;
}
div#specialFeatureBlock02 div.specialFeatureBox p.specialFeatureImage {
	float:left;
	width: 180px;
	height:130px;
	display:block;
}
div#specialFeatureBlock02 div.specialFeatureBox h2 {
	float:right;
	width: 110px;
	height: 130px;
	font-size: 12px;
}
div#specialFeatureBlock02 div.specialFeatureBox h2 a {
	width: 110px;
	height: 130px;
	text-indent: -9999px;
	display:block;
}

/* -------------------------------------
今月のとっておき特集ABテスト-ここまで
--------------------------------------- */

/* -------------------------------------
メルマガ誘導枠
--------------------------------------- */

div#mailmagazine {
	  background:url(/pa/images/mail_bg.gif) no-repeat;
	  background-position:left top;
	  width:300px;
	  height:140px;
	  margin-top: 6px;
}

div#maildetail {
	  padding:62px 0 0 16px;
}
	  
div #mail_btn a {
	  background:url(/pa/images/mail_btn.jpg) no-repeat;
	  background-position:left top;
	  width:268px;
	  height:63px;
	  display:block;
	  width:268px;
	  height:63px;
	  text-indent:-9999px;
}

div#mail_btn a:hover {
	  background-position: 0 bottom;
}