@charset "utf-8";
/* ---------------------------------------------------------------------------------
  ビューティーナビ株式会社
  Copyright(C)2008 Beauty Navi Co. Ltd. All Rights Reserved. All rights Reserved.
 
  $Id: top.css 10084 2011-12-22 07:26:29Z pasona_heya $
 --------------------------------------------------------------------------------- */

/* ---------------------------
共通
--------------------------- */
div#contentsArea {
	float: left;
	width: 600px;
}
/*##### ブロックタイトル ######*/
div#contentsArea h2 {
	float: left;
	width: 200px;
	font-size: 10px;
	text-indent: -9999px;
}
/*更新曜日*/
div#contentsArea p.updateDay {
	float: right;
	width: 320px;
	/* padding-top: 5px; */
	text-align: right;
	font-size: 12px;
    color: #838383;
}
/*過去の○○はこちら*/
p.ancOldList {
	text-align: right;
	padding-bottom: 0px;
	font-size: 10px;
}
div#trendSalonContainer p.ancOldList {
	text-align: right;
	padding-bottom: 0px;
}
p.ancOldList a {
	text-decoration: underline;
	color: #E72167;
}
/*エリアセレクト(イチオシ特集・今だけ限定プラン・注目のトレンドサロン)*/
p.commonAreaSelect {
	width: 570px;
	margin-bottom: 8px;
	padding-top: 4px;
	padding-left: 15px;
	padding-bottom: 4px;
	text-align: right;
	background-color: #ECECEC;
	line-height: 20px;
	padding-right: 15px;
}
p.commonAreaSelect a:link,
p.commonAreaSelect a:visited {
	text-decoration: none;
	color: #444444;
}
p.commonAreaSelect a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #E6105C;
}

/* ---------------------------
美容室検索
--------------------------- */

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

グローバルマップ
	- 2011.4.1

--------------------------- */
#globalmapSection ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
#globalmapSection ul.nav li a {
	display: block;
	text-indent: -9876px;
}
#globalmapSection ul.nav li a:hover {
	background-position: 0 bottom;
}


div#globalmapSection {
	height: 303px;
	width: 600px;
	margin-bottom: 13px;
}

div#globalmapSection h2 {
	height: 50px;
	width: 400px;
	margin: 0;
	padding: 0;
	text-indent: -9876px;
	float: none;
}

div#globalmapAreaSection {
	background-image: url(../images/top/area_nav_bg.gif);
	float: left;
	height: 302px;
	width: 400px;
	position: absolute;
}


/* globalmapWordSearch */
#globalmapWordSearch {
  width: 270px;
}
#globalmapWordSearch form {
  width: 270px;
  margin: 0;
  padding: 0;
}
#globalmapWordSearch form fieldset {
  margin: 0;
  padding: 0;
  border: none;
  height: 50px;
}
#globalmapWordSearch form fieldset legend {
  margin: 0;
  padding: 0;
  height: 20px;
  text-indent: -9876px;
}
#globalmapWordSearch form fieldset p {
  margin: 0;
  padding-left: 10px;
  width: 270px;
  height: 25px;
}
#globalmapWordSearch form fieldset p input#keyword {
  width: 195px;
  vertical-align: middle;
  margin: 3px 0 0 0;
  padding: 0;
  /*float: left;*/
}
#globalmapWordSearch form fieldset p span input {
  /*float: right;
  width: 65px;*/
  vertical-align: middle;
}

/* pick-up-word */
#globalmapWordSearch dl {
  margin: 0;
}
#globalmapWordSearch dl dt {
  font-size: 10px;
  line-height: 20px;
  padding-left: 10px;
}
#globalmapWordSearch dl dd {
  margin: 0;
  padding-left: 10px;
  font-size: 10px;
  line-height: 20px;
}
#globalmapWordSearch dl dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
  #globalmapWordSearch dl dd ul li {
  float: left;
  padding-right: 10px;
}
  #globalmapWordSearch dl dd ul li a {
  text-decoration: underline !important;
}
  #globalmapWordSearch dl dd ul li a:hover {
  text-decoration: none !important;
}


/* map-button */
div#globalmapAreaSection ul.nav a {
	overflow: hidden;
	background-repeat: no-repeat;
}

div#globalmapAreaSection ul.nav li {
	position: absolute;
	height: 31px;
}

#areaNav2001 {
  left: 296px;
  top: 163px;
}
#areaNav2001 a {
  height: 125px;
  width: 95px;
	background-image: url(../images/top/area_nav_kantou.gif);
}
#areaNav2002 {
  left: 227px;
  top: 206px;
}
#areaNav2002 a {
  height: 82px;
  width: 66px;
  background-image: url(../images/top/area_nav_tokai.gif);
}
#areaNav2003 {
  left: 146px;
  top: 173px;
}
#areaNav2003 a {
  height: 115px;
  width: 78px;
  background-image: url(../images/top/area_nav_kansai.gif);
}
#areaNav2004 {
  left: 296px;
  top: 54px;
}
#areaNav2004 a {
  height: 106px;
  width: 95px;
  background-image: url(../images/top/area_nav_hokkaidoh.gif);
}
#areaNav2005 {
  left: 227px;
  top: 173px;
}
#areaNav2005 a {
  height: 30px;
  width: 66px;
  background-image: url(../images/top/area_nav_hokuriku.gif);
}
#areaNav2006 {
  left: 77px;
  top: 173px;
}
#areaNav2006 a {
  height: 76px;
  width: 66px;
  background-image: url(../images/top/area_nav_chugoku.gif);
}
#areaNav2007 {
  left: 13px;
  top: 173px;
}
#areaNav2007 a {
  height: 115px;
  width: 53px;
  background-image: url(../images/top/area_nav_kyushu.gif);
}

/* globalmapCouponSection（2011.10.14 修正） */ 
div#globalmapCouponSection {
	height: 302px;
	width: 191px;
	float: right;
	padding-left:9px;
	background-image: url(../images/top/coupon_nav_bg.gif);
}
div#globalmapCouponSection h3 {
	height: 42px;
	margin: 0;
	text-indent: -9876px;
}

div#globalmapCouponSection
ul.nav li {
	height: 37px;
	padding-left: 3px;
	padding-bottom: 4px;
	display:inline;
	float:left;
}
div#globalmapCouponSection
ul.nav li a {
	height: 37px;
	width: 84px;
}

#couponNav01 a {
	background-image: url(../images/top/coupon_nav_01.gif);
}
#couponNav02 a {
	background-image: url(../images/top/coupon_nav_02.gif);
}
#couponNav03 a {
	background-image: url(../images/top/coupon_nav_03.gif);
}
#couponNav04 a {
	background-image: url(../images/top/coupon_nav_04.gif);
}
#couponNav05 a {
	background-image: url(../images/top/coupon_nav_05.gif);
}
#couponNav06 a {
	background-image: url(../images/top/coupon_nav_06.gif);
}
#couponNav08 a {
	background-image: url(../images/top/coupon_nav_08.gif);
}
#couponNav09 a {
	background-image: url(../images/top/coupon_nav_09.gif);
}
#couponNav10 a {
	background-image: url(../images/top/coupon_nav_10.gif);
}
#couponNav11 a {
	background-image: url(../images/top/coupon_nav_11.gif);
}
#couponNav12 a {
	background-image: url(../images/top/coupon_nav_12.gif);
}
#couponNav13 a {
	background-image: url(../images/top/coupon_nav_13.gif);
}

/*##### Area Search Global ver ######*/
div#AreaSearchGlobalContainer {
	height: 303px;
	width: 600px;
	margin-bottom: 13px;
}
div#AreaSearchGlobalContainer p {
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}
div#AreaSearchGlobalContainer li {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	list-style-type: none;
	padding-left: 16px;
}
div#AreaSearchGlobalContainer li a {
	background-image: url(../images/area_salon_search/icon_salon_area.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
	color:#555555;
	text-decoration: underline;
}
/*##### Area Search Area ver ######*/
div#AreaSearchAreaContainer {
	height: 525px;
	width: 395px;
	float: left;
	margin-bottom: 10px;
}
div#AreaSearchAreaContainer form {
	margin-top: 9px;
	padding: 0;
}
div#AreaSearchAreaContainer p {
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}
/*

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

#searchKeyBlock {
	border:1px solid #B8A698;
	width: 388px;
}
.mainSearchKeyBox {
	padding: 0 12px;
	background-color:#FFFFFF;
	margin: 0;
}

.mainSearchKeyBox #railwaySearchTtl {
	margin: 8px 0;
}

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

.mainSearchKeyBox #railwaySearchTtl h3 {
	background-position: 0 -150px;
}
#searchKeyBlock .searchStart {
	border-top:1px dashed #CCCCCC;
	padding: 8px 12px;
	background-color: #FFFFFF;
}
#searchKeyBlock .searchStart .submitSearchBtn {
	float: left;
	width: 162px;
	height: 26px;
}
#searchKeyBlock .moreSearchLink {
	float: right;
	font-size: 10px;
	background-color: #FFFFFF;
}

.mainSearchKeyBox strong{
	font-weight: bold;
	color: #C00;
}

/* ---------------------------
厳選サロン
--------------------------- */

/*##### 厳選サロン Global ver ######*/
div#selectSalonGlobalContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#selectSalonGlobalContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/select_salon/title_select_salon.gif);
	background-repeat: no-repeat;
}
/*エリアセレクト --------- */
div#selectSalonGlobalContainer ul#pickUpAreaSelect {
	height: 27px;
	width: 600px;
	list-style-type: none;
}
ul#pickUpAreaSelect li {
	display: block;
	height: 27px;
	width: 120px;
	float: left;
}
ul#pickUpAreaSelect li a {
	display: block;
	height: 27px;
	width: 120px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
}
/*北海道*/
li#pickUpHokkaido a {
	background-image: url(../images/top/pick_up_btn_hokkaido.jpg);
}
/*関東*/
li#pickUpKantou a {
	background-image: url(../images/top/pick_up_btn_kantou.jpg);
}
/*東北*/
li#pickUpToukai a {
	background-image: url(../images/top/pick_up_btn_toukai.jpg);
}
/*関西*/
li#pickUpKansai a {
	background-image: url(../images/top/pick_up_btn_kansai.jpg);
}
/*九州*/
li#pickUpKyusyu a {
	background-image: url(../images/top/pick_up_btn_kyusyu.jpg);
}
ul#pickUpAreaSelect li a:hover {
	background-position: bottom;
}
/*厳選サロンブロック（グラデーション背景）*/
div#selectSalonGlobalBlock {
	padding-top: 3px;
		padding-left: 13px;
	padding-left: 0px;
	padding-bottom: 0px;/*
	background-image: url(../images/top/pick_up_bg.gif);*/
	background-image: url(../images/select_salon/global_select_salon_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	/*border: 1px solid #B6B2B2;*/
	margin-top: 3px;
	height: 260px;
}
/*サロンボックス*/
div#selectSalonGlobalBlock div.selectSalonBox {
	float: left;
	width: 192px;
	height: 128px;
	padding-left: 4px;
	padding-right: 4px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
/*サロンタイトル*/
div#selectSalonGlobalBlock div.selectSalonBox h3 {
	padding-bottom: 4px;
	float: left;
	width: 92px;
}
div#selectSalonGlobalBlock div.selectSalonBox h3 a {
	display: block;
	width: 92px;
	height: 118px;
	text-decoration: none;
	text-indent: -9999px;
}
div#selectSalonGlobalBlock div.selectSalonBox p {
	float: right;
	padding-right: 5px;
	line-height: 15px;
	font-size: 10px;
	width: 90px;
}
div#selectSalonGlobalBlock div.selectSalonBox p.selectSalonStation a {
	display: block;
	height: 56px;
	width: 90px;
	text-indent: -9999px;
	text-decoration: none;
}

/*##### 厳選サロン Area ver ######*/
div#selectSalonAreaContainer {
	width: 500px;
	margin-bottom: 10px;/*
	padding-left: 11px;*/
	float: right;
	background-image: url(../images/select_salon/area_select_salon_bg.gif);
}
/*タイトル*/
div#selectSalonAreaContainer div.blockTitle {
	height: 30px;
	width: 423px;
	width: 500px;
	margin-bottom: 5px;
	background-image: url(../images/select_salon/title_select_salon.gif);
	background-repeat: no-repeat;
}
/*ブロックタイトル*/
div#selectSalonAreaContainer div.blockTitle h2 {
	float: left;
	width: 200px;
	font-size: 10px;
	text-indent: -9999px;
}
/*更新曜日*/
div#selectSalonAreaContainer div.blockTitle p.updateDay {
	color:#E72167;
	float: right;
	width: 240px;
	text-align: right;
	font-size: 12px;
}
/*厳選サロンブロック*/
div#selectSalonAreaContainer div.selectSalonAreaBlock {
	width: 248px;
	float: left;
}
/*サロンボックス*/
div#selectSalonAreaContainer div.selectSalonBox {
	float: left;
	width: 242px;
	height: 128px;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: 8px 0px;
}
/*サロンタイトル*/
div#selectSalonAreaContainer div.selectSalonBox h3 {
	width: 92px;
	height: 118px;
	float: left;
}
div#selectSalonAreaContainer div.selectSalonBox h3 a {
	display: block;
	width: 92px;
	height: 118px;
	text-decoration: none;
	text-indent: -9999px;
}
div#selectSalonAreaContainer div.selectSalonBox p {
	width: 135px;
	padding-bottom: 5px;
	padding-right: 10px;
	line-height: 15px;
	font-size: 10px;
	float: right;
}
div#selectSalonAreaContainer div.selectSalonBox p.selectSalonStation a {
	display: block;
	height: 56px;
	width: 90px;
	text-indent: -9999px;
	text-decoration: none;
}
div#selectSalonAreaContainer div.selectSalonBox p.pickUpNewSalon {
	padding-bottom: 4px;
	float: left;
	width: 40px;
	height: 117px;
}

/* ---------------------------
メニュー別でおトク
--------------------------- */
div#campaignContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#campaignContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/top/title_campign.gif);
	background-repeat: no-repeat;
}
/*メニュー別でおトク　Global ver */
div#campaignGlobalBlock {
	border: 1px solid #CCCCCC;
	background-image: url(../images/top/campign_bg_global.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}
/*エリアセレクト--------- */
div#campaignAreaSelectBox {
	width: 579px;
	background-image: url(../images/top/campaign_title_aria.jpg);
	background-repeat: no-repeat;
}
p#campaignAreaSelectTitle {
	float: left;
	height: 32px;
	width: 200px;
	text-indent: -9999px;
}
ul#campaignAreaSelect {
	width: 362px;
	list-style-type: none;
	background-image: url(../images/top/campaign_title_aria.jpg);
	background-repeat: no-repeat;
	float: right;
}
ul#campaignAreaSelect li {
	display: block;
	float: left;
	height: 25px;
	width: 72px;
	background-repeat: no-repeat;
}
ul#campaignAreaSelect li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 72px;
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
}
/*北海道*/
li#campaignHokkaido {
	background-position: url(../images/top/campign_btn_hokkaido.jpg);
}
li#campaignHokkaido a {
	background-image: url(../images/top/campign_btn_hokkaido.jpg);
}
/*関東*/
li#campaignKantou {
	background-image: url(../images/top/campign_btn_kantou.jpg);
}
li#campaignKantou a {
	background-image: url(../images/top/campign_btn_kantou.jpg);
}
/*東海*/
li#campaignToukai {
	background-image: url(../images/top/campign_btn_toukai.jpg);
}
li#campaignToukai a {
	background-image: url(../images/top/campign_btn_toukai.jpg);
}
/*関西*/
li#campaignKansai {
	background-image: url(../images/top/campign_btn_kansai.jpg);
}
li#campaignKansai a {
	background-image: url(../images/top/campign_btn_kansai.jpg);
}
/*九州*/
li#campaignKyusyu {
	background-image: url(../images/top/campign_btn_kyusyu.jpg);
	padding-right: 2px;
}
li#campaignKyusyu a {
	background-image: url(../images/top/campign_btn_kyusyu.jpg);
	padding-right: 2px;
}
ul#campaignAreaSelect li a:hover {
	background-position: bottom;
}
/*キャンペーンメニュー*/
ul#campaignMenu {
	width: 579px;
	list-style-type: none;
}
ul#campaignMenu li {
	display: block;
	float: left;
	height: 100px;
	width: 141px;
	padding-right: 5px;
	background-repeat: no-repeat;
}
ul#campaignMenu li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 141px;
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
}
/*カラー*/
li#campaignColor {
	background-image: url(../images/top/campaign_menu_color.jpg);
}
li#campaignColor a {
	background-image: url(../images/top/campaign_menu_color.jpg);
}
/*パーマ*/
li#campaignPermanent {
	background-image: url(../images/top/campaign_menu_permanent.jpg);
}
li#campaignPermanent a {
	background-image: url(../images/top/campaign_menu_permanent.jpg);
}
/*エクステ*/
li#campaignExtension {
	background-image: url(../images/top/campaign_menu_extension.jpg);
}
li#campaignExtension a {
	background-image: url(../images/top/campaign_menu_extension.jpg);
}
/*縮毛矯正*/
ul#campaignMenu li#campaignStraight {
	padding-right: 0px;
	background-image: url(../images/top/campaign_menu_super_straight.jpg);
}
li#campaignStraight a {
	background-image: url(../images/top/campaign_menu_super_straight.jpg);
}

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

		/* ---------------------------
		イチオシ特集
		--------------------------- */
		div#recommendFeatureContainer {
			width: 600px;
			margin-bottom: 4px;
		}
		/*タイトル*/
		div#recommendFeatureContainer div.blockTitle {
			height: 35px;
			width: 600px;
			background-image: url(../images/top/title_recommend_feature.gif);
			background-repeat: no-repeat;
		}
		/*特集ボックス------*/
		div.recommendFeatureBox {
			width: 592px;
		}
		div.recommendFeatureContents {
			float: right;
			width: 390px;
		}
		div.recommendFeatureContents h3 {
			font-size: 10px;
			padding-bottom: 3px;
			line-height: 11px;
		}
		div.recommendFeatureContents p.recommendText {
			line-height: 15px;
			padding-bottom: 5px;
			font-size: 10px;
		}
		div.recommendFeatureContents p.ancDetails {
			margin: 0px;
			padding: 0px;
		}
		div.recommendFeatureBox p.salonImage {
			float: left;
			height: 80px;
			width: 180px;
			padding: 4px;
			background-image: url(../images/top/recommend_feature_image_bg.gif);
			background-repeat: no-repeat;
		}
		/*セパレーター*/
		div.recommendFeatureBoxSeparator {
			line-height: 0px;
			height: 6px;
			margin-bottom: 6px;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #B1B1B1;
		}
		/*特集エンド*/
		div#recommendFeatureBoxEnd {
			line-height: 0px;
			height: 20px;
			margin-bottom: 5px;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #B1B1B1;
		}

/* ---------------------------
今だけ限定プラン
--------------------------- */
div#limitedPlanContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#limitedPlanContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/top/title_limited_plan.gif);
	background-repeat: no-repeat;
}
/*上部-----------*/
div#limitedPlanPickUpArea {
	margin-bottom: 7px;
	background-color: #DFDFE0;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}
div#limitedPlanPickUpBlock {
	padding: 1px;
	background-color: #FFFFFF;
}
div#limitedPlanPickUpBlock div.limitedPlanBox {
	width: 131px;
	padding-top: 3px;
	padding-bottom: 6px;
	float: left;
	padding-left: 6px;
}
div#limitedPlanPickUpBlock h3#planPickupImageleft {
	float: left;
	width: 290px;
	height:60px;
	background-image: url(../images/top/title_sub_limited_plan.gif);
	background-position:left;
	background-repeat:repeat-x;
	padding-top:20px;
}
div#limitedPlanPickUpBlock div#planPickupImageright {
	float: left;
	width: 140px;
}
div#limitedPlanPickUpBlock div.limitedPlanBox p {
	font-size: 10px;
	line-height: 12px;
	width: 135px;
	height: 52px;
}
div#limitedPlanPickUpBlock div.limitedPlanBox p.ancDetails {
	margin: 0px;
	padding: 0px;
	height: auto;
	text-align: right;
	width: 131px;
	height:19px;
}
div#limitedPlanLeftBlock p.planImage,
div#limitedPlanRightBlock p.planImage {
	width: 140px;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}

/*下部 -----------*/
div#limitedPlanLeftBlock {
	float: left;
	width: 290px;
	padding-right: 9px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B1B1B1;
}
div#limitedPlanRightBlock {
	float: right;
	width: 290px;
	padding-left: 10px;
}
div#limitedPlanLeftBlock h3,
div#limitedPlanRightBlock h3 {
	width: 290px;
	padding-bottom: 4px;
} 
div#limitedPlanLeftBlock div.limitedPlanBox,
div#limitedPlanRightBlock div.limitedPlanBox {
	width: 141px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: right;
	margin-bottom: 0px;
}
div.limitedPlanBox p {
	font-size: 10px;
	line-height: 15px;
	height: 68px;
}
div.limitedPlanBox p.ancDetails {
	margin: 0px;
	padding: 0px;
	height: auto;
}
div#limitedPlanLeftBlock p.planImage,
div#limitedPlanRightBlock p.planImage {
	width: 140px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
/*プランエンド*/
div#limitedPlanEnd {
	font-size: 1px;
	line-height: 0px;
	height: 10px;
	text-indent: -5000px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	margin-bottom: 10px;
}

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

ハイクラス
	-カットの匠がいるサロン特集＋ハイクオリティーサロン特集
	-2008.12.4

--------------------------- */
div#highclassContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#highclassContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/top/title_highclass.gif);
	background-repeat: no-repeat;
}
/*上部-----------*/
div#highclassPickUpArea {
	width: 600px;
	height: 90px;
	text-indent: -5000px;
	background-image: url(../images/top/bnr_highclass.gif);
	background-repeat: no-repeat;
}
div#highclassPickUpBlock {
	padding: 1px;
	background-color: #FFFFFF;
}
div#highclassPickUpBlock div.highclassBox {
	width: 131px;
	padding-top: 3px;
	padding-bottom: 6px;
	float: left;
	padding-left: 6px;
}
div#highclassPickUpBlock h3#planPickupImageleft {
	float: left;
	width: 290px;
	height:60px;
	background-image: url(../images/top/title_sub_limited_plan.gif);
	background-position:left;
	background-repeat:repeat-x;
	padding-top:20px;
}
div#highclassPickUpBlock div#planPickupImageright {
	float: left;
	width: 140px;
}
div#highclassPickUpBlock div.highclassBox p {
	font-size: 10px;
	line-height: 12px;
	width: 135px;
	height: 52px;
}
div#highclassPickUpBlock div.highclassBox p.ancDetails {
	margin: 0px;
	padding: 0px;
	height: auto;
	text-align: right;
	width: 131px;
	height:19px;
}
div#highclassLeftBlock p.planImage,
div#highclassRightBlock p.planImage {
	width: 140px;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}

/*下部 -----------*/
div#highclassLeftBlock {
	float: left;
	width: 290px;
	padding-right: 9px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B1B1B1;
}
div#highclassRightBlock {
	float: right;
	width: 290px;
	padding-left: 10px;
}
div#highclassLeftBlock h3,
div#highclassRightBlock h3 {
	width: 290px;
	padding-bottom: 4px;
} 
div#highclassLeftBlock div.highclassBox,
div#highclassRightBlock div.highclassBox {
	width: 141px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: right;
	margin-bottom: 0px;
}
div.highclassBox p {
	font-size: 10px;
	line-height: 15px;
	height: 68px;
}
div.highclassBox p.ancDetails {
	margin: 0px;
	padding: 0px;
	height: auto;
}
div#highclassLeftBlock p.planImage,
div#highclassRightBlock p.planImage {
	width: 140px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
/*ハイクラスエンド*/
div#highclassEnd {
	font-size: 1px;
	line-height: 0px;
	height: 10px;
	text-indent: -5000px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	margin-bottom: 0px;
}

/* ---------------------------
注目のトレンドサロン
--------------------------- */

div#trendSalonContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#trendSalonContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/top/title_trend_salon.gif);
	background-repeat: no-repeat;
}
/*サロンボックス*/
div.trendSalonBlock {
	float: left;
	width: 194px;
	padding-right: 9px;
}
div.trendSalonBlockEnd {
	float: left;
	width: 194px;
	padding-right: 0px;
}
div.trendBox {
	float: right;
	width: 109px;
	padding-left: 3px;
}
div.trendBox h3 {
	padding-bottom: 4px;
}
div.trendBox p {
	font-size: 10px;
	line-height: 15px;
}
div.trendSalonBlock p.trendSalonImage,
div.trendSalonBlockEnd p.trendSalonImage {
	float: left;
	width: 80px;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}
/*特集エンド*/
div#trendSalonEnd {
	font-size: 1px;
	line-height: 0px;
	height: 10px;
	text-indent: -5000px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	margin-bottom: 5px;
}


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

ブログ
	-右カラムから移動
	-2008.8.1

--------------------------- */
div#blogContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#blogContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/top/title_blog.gif);
	background-repeat: no-repeat;
}
div#blogContainer span.blogBanner {
	width: 135px;
	height: 136px;
	display: block;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}
div#blogContainer div.archiveList {
	height: 136px;
	width: 460px;
	float: right;
	background-repeat: no-repeat;
}
div#blogContainer div.archiveList dl {	clear: both;	margin: 0;	padding: 8px 0;	height: 10px; border-bottom:1px solid #cccccc;	}
div#blogContainer div.archiveList dl.lined {	background-color:#EFEFEF; 	}
div#blogContainer div.archiveList dl dt {
	float: left;	width: 158px;	height: 10px;	font-size: 10px;	line-height: 10px;
	margin-right: 0;	padding-right: 2px;
}
div#blogContainer div.archiveList dl dd {
	float: right;	width: 300px;	height: 10px;	font-size: 10px;	line-height: 10px;
	margin: 0;	padding: 0;
}
/*ブログエンド*/
div#blogEnd {
	font-size: 1px;
	line-height: 0px;
	height: 10px;
	text-indent: -5000px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	margin-bottom: 0px;
}


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

プロフェッショナル
	-右カラムから移動
	-2008.8.1

--------------------------- */
div#professionalContainer {
	width: 600px;
	margin-bottom: 15px;
	background-image: url(../images/top/professional_container_bg.gif);
}
/*タイトル*/
div#professionalContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/top/title_professional.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin-bottom: 4px;
}

/*	新着情報	*/
div#professionalContainer #professionalNewBlock {
	clear: both;
	width: 600px;
	background-color: #FFFFFF;
}
div#professionalContainer #professionalNewBlock div.professionalLeftBox {
	width: 290px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	float: left;
	margin-bottom: 0px;
}
div#professionalContainer #professionalNewBlock div.professionalRightBox {
	width: 290px;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	float: left;
	margin-bottom: 0px;
}
div#professionalContainer #professionalNewBlock div.professionalBox {
	width: 180px;
        height: 80px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: right;
	margin-bottom: 0px;
}
div#professionalContainer #professionalNewBlock h3 {
	width: 600px;
	height: 30px;
	background-image: url(../images/top/title_sub_professional_new.gif);
	background-repeat: no-repeat;
	margin: 0;
	text-indent: -5000px;
}
div#professionalContainer #professionalNewBlock h4 {
	font-size: 10px;
}
div.professionalBox p {
	font-size: 10px;
	line-height: 13px;
	height: auto;
	margin-top: 2px;
}
div.professionalBox p.ancDetails {
	margin: 0px;
	padding: 0px;
	height: auto;
}
div#professionalContainer #professionalNewBlock p.planImage {
	width: 100px;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}

/*	http://www.biyou-job.com/リンク	*/
div#professionalBlockFull {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B1B1B1;
	clear: both;
	width: 600px;
	background-color: #FFFFFF;
}
div#professionalBlockFull div.professionalBox {
	width: 290px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: right;
	margin-bottom: 0px;
}
div#professionalContainer #professionalBlockFull h3 {
	width: 600px;
	height: 30px;
	background-image: url(../images/top/title_sub_tokon.gif);
	background-repeat: no-repeat;
	margin: 0;
	margin-top: 8px;
	text-indent: -5000px;
}
div#professionalContainer #professionalBlockFull h4 {
	font-size: 10px;
}
div#professionalBlockFull p.planImage {
	width: 300px;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	background-color: #CCCCCC;
}
div#professionalContainer p.ancOldList {
	margin: 0;
	/* padding: 1em 0; */
	background-color: #FFFFFF;
}

/*プロエンド*/
div#professionalEnd {
	font-size: 1px;
	line-height: 0px;
	height: 5px;
	text-indent: -5000px;
	clear: both;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
	margin-bottom: 0px;
}

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

おすすめサイト
	-関西版トップ限定
	-2009.11.11

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

#recommendSiteBlock {
	clear: both;
	width: 600px;
}
#recommendSiteBlock h4 {
	background-image: url(../images/top/title_sub_recommend_site.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 600px;
	text-indent: -9999px;
}
#recommendSiteBlock p {
	float: left;
	padding-top: 0px;
	padding-right: 32px;
	padding-bottom: 9px;
	padding-left: 32px;
}
#recommendSiteBlock p a img {
	border: 1px solid #CCCCCC;
}

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

PR
	-九州版トップ限定
	-2010.06.29

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

#promotionBlock {
	clear: both;
	width: 600px;
}
#promotionBlock h4 {
	background-image: url(../images/top/title_sub_pr.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 600px;
	text-indent: -9999px;
}
#promotionBlock p {
	float: left;
	padding-top: 0px;
	padding-right: 32px;
	padding-bottom: 9px;
	padding-left: 32px;
}
#promotionBlock p a img {
	border: 1px solid #CCCCCC;
}

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

	今月のとっておき特集
	-2011.3.28

--------------------------- */
div#specialFeatureMainContainer {
	width: 600px;
	margin-bottom: 15px;
}
/*タイトル*/
div#specialFeatureMainContainer div.blockTitle {
	height: 35px;
	width: 600px;
	background-image: url(../images/special_feature/special_feature_title.gif);
	background-repeat: no-repeat;
}

/*--ナビゲーション背景 --------- */
div#specialFeatureMainContainer div#specialFeatureAreaSearch{
	float:left;
	width:600px;
	height:29px;
	background-image: url(../images/special_feature/special_feature_navi_bg.gif);
	background-repeat: no-repeat;
}
/*--特集一覧ボタン --------- */
div#specialFeatureAreaSearch p#specialFeatureAreaSearchRight{
	float:right;
	width:110px;
	height:20px;
	padding:5px 5px 5px 35px;}

/*--ナビゲーション --------- */
div#specialFeatureAreaSearch ul#specialFeatureAreaSearchLeft{
  display: inline;
	width:450px;
	height:30px;
	list-style-type: none;
  float: left;
}
div#specialFeatureAreaSearch ul#specialFeatureAreaSearchLeft li {
	display: block;
	width:90px;
	height:30px;
	float: left;
}
div#specialFeatureAreaSearch ul#specialFeatureAreaSearchLeft li a {
	display: block;
	width:90px;
	height:30px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
}

/*北海道*/
li#specialFeatureHokkaido a.defaultLink,
li#specialFeatureHokkaido a:hover {
	background-image: url(../images/special_feature/special_feature_navi_hokkaido.gif);
}
/*関東*/
li#specialFeatureKantou a.defaultLink,
li#specialFeatureKantou a:hover {
	background-image: url(../images/special_feature/special_feature_navi_kantou.gif);
}
/*東海*/
li#specialFeatureToukai a.defaultLink,
li#specialFeatureToukai a:hover {
	background-image: url(../images/special_feature/special_feature_navi_toukai.gif);
}
/*関西*/
li#specialFeatureKansai a.defaultLink,
li#specialFeatureKansai a:hover {
	background-image: url(../images/special_feature/special_feature_navi_kansai.gif);
}
/*九州*/
li#specialFeatureKyusyu a.defaultLink,
li#specialFeatureKyusyu a:hover {
	background-image: url(../images/special_feature/special_feature_navi_kyusyu.gif);
}

/*--とっておき特集背景 --------- */
div#specialFeatureMainContainer div#specialFeatureMainBlock{
	clear:both;
	width:600px;
	height:240px;
	background-image: url(../images/special_feature/special_feature_bg.gif);
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
/*--とっておき特集ボックス --------- */
div#specialFeatureMainBlock div.specialFeatureMainBox{
	float:left;
	width:188px;
	height:224px;
	padding:6px 6px 10px 6px;
}
div.specialFeatureMainBox p.specialFeatureMainImage{
	width:180px;
	height:130px;
	padding: 4px;
	background-image: url(../images/special_feature/special_feature_image_bg.gif);
	background-repeat: no-repeat;
}
div.specialFeatureMainBox p.specialFeatureMainText{
	width:176px;
	height:67px;
	font-size:10px;
	line-height:14px;
	padding:4px 6px 0 6px;
	color:4D4D4D;
}
div.specialFeatureMainBox p.specialFeatureMainText a{
	color:4D4D4D;
}
div.specialFeatureMainBox p.specialFeatureMainButton{
	width:180px;
	height:15px;
	padding:0 4px 0 4px;
}
/*プランエンド*/
div#specialFeatureEnd {
	font-size: 1px;
	line-height: 0px;
	height: 10px;
	text-indent: -5000px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
}

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