@charset "utf-8";

/* --------about内のh1指定-------- */

h1 {
	float: left;
	padding-bottom: 25px;
	width: 90px;
	padding-right: 10px;
	font-size: 1em;
}

.explainArea {
	width: 465px;
	float: left;
}

.explain {
	margin-top: 4px;
	width: 465px;
}

h2 {
	padding-top:20px;
	padding-bottom:20px;
}

h2.first {
	padding-top:0;
}

hr {
	display: none;
}

.AboutCampaignInfo {
	padding:10px 5px;
}



/* --------各キャンペーン用のエリア指定-------- */

#campArea {
	clear:both;
	width: 565px;
}

#campArea dl {
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
}

#campArea dt,
#campArea dd {
	margin: 0;
	padding: 0;
}

#commonCampaign,
#lumine,
#nailstation,
#express,
#very {
	width:565px;
	clear:left;
}


/* --------サロン名-------- */

.SalonName {
	clear:both;
	width:565px;
	height:25px !important;
	overflow:hidden;
	background:url(/campaign/img/bgSalonName.jpg) no-repeat 0% 50%;
	margin-bottom: 16px;
	font-size:0.9em;
	line-height:0;
	zoom:1;
}
.SalonName:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.SalonName h3 {
	padding:0px 8px 0px 5px;
	display:inline;
	font-weight:bold;
	color:#ffffff;
	vertical-align:middle;
}
.SalonName h3 img {
	vertical-align:middle;
}

/* 文字ベースのタイトル */
.SalonNameEspecially h3 {
	clear:both;
	width:565px;
	height:26px;
	overflow:hidden;
	background:url(/campaign/img/bgSalonName.jpg) no-repeat 0% 50%;
	margin-bottom: 16px;
	font-size: 108%;
	color: #ffffff;
	font-weight: bold;
}

.SalonNameEspecially h3 span {
	display: block;
	width: 310px;
	height: 19px;
	overflow: hidden;
	padding:5px 8px 2px 5px;
}


/* --------サロン詳細へのリンク-------- */

.SalonName .details {
	background: url(/campaign/img/ico_LinktoSalonDetail.gif) no-repeat 0% 50%;
	display:inline;
	vertical-align:middle;
	padding:3px 0 3px 14px;
}
.SalonName .details a {
	color:#FFFFFF;
}


/* --------キャンペーン名-------- */

.campHead {
	clear:both;
	width: 565px;
	background:url('../campaign/img/boxBg_campName.gif') no-repeat 0% 100%;
	padding-bottom:4px;
	margin-bottom:3px;
}
.campHead h4 {
	background:#EEBBB8 url('../campaign/img/boxBg_campName_top.gif') no-repeat 0% 0%;
	padding:4px 6px 0 6px;
	width:553px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
}

/* --------キャンペーン実施期間-------- */

dl.campDate {
	clear:both;
	font-size:0.9em;
	letter-spacing:0;
	color:#d18a8b;
	margin:0;
	padding-bottom:0;
	padding-left:6px;
	text-align:right;
}

dl.campDate dt {
	display:inline;
	padding:0;
}

dl.campDate dd {
	display:inline;
	font-weight:bold;
	margin-left:3px;
}

dl.campDate dd img {
	vertical-align:middle;
}

dl.campDate dd a {
	color:#d18a8b;
}


/* --------キャンペーン内容部分------- */

.campMain {
	width:545px;
	clear:both;
	padding:0 10px 15px 10px;
}

.campMain h5 {
	font-size:100%;
	padding-top:8px;
}

.campMain strong {
	color: #C31D1D;
	font-weight: normal;
}

.campMain ul {
	margin-left:25px;
}

.campTable td ul {
	margin-left: 20px;
}

.campMain ol {
	margin-left:30px;
}

.campTable td ol {
	margin-left: 25px;
}

.campMain ul li,
.campMain ol li,
.campTable td ul li.padTop {
	padding-top:8px;
}

.campMain ul li,
.campTable td ul li {
	list-style-type: disc;
}

.campMain ul li ul li ,
.campMain ol li ul li,
.campTable td ul li ul li {
	list-style-type: circle;
}

.campMain ul li ol,
.campTable td ul li ol {
	padding-top:3px;
	margin-left:25px;
}

.campMain ul li ol li,
.campTable td ul li ol li {
	padding-top:3px;
	list-style-type: decimal;
}

.campMain dl {
	padding-left:13px;
	margin-bottom:0;
}

.campMain dl dt {
	float:left;
	padding-right:10px;
}

.marTop {
	margin-top: 10px;
}

.campMain .campName {
	font-weight:bold;
}

a.LinkDetail {
	background: url('../campaign/img/ico_LinkDetail.gif') no-repeat center left;
	padding-left: 14px;
	margin-top:10px;
}


/* --------表形式-------- */

.campTable {
	border-collapse: collapse;
	width: 565px;
	clear: both;
	margin-bottom: 10px;
}

.campTable strong {
	color: #C31D1D;
	font-weight: normal;
}

.campTable th {
	font-size: x-small;
	font-weight: bold;
	border-bottom: 3px solid #EEBBB8;
	color: #d18a8b;
	text-align: left;
}

.campTable th.hdTarget {
	width: 70px;
	padding-left: 5px;
}

.campTable th.hdDetail {
	width: 345px;
}

.campTable th.hdSpan {
	width: 125px;
	padding-left: 5px;
}

.campTable td {
	padding: 8px 0 6px 0;
	background-image: url('../service/img/bgNailStationMenuList.gif');
	background-position: top;
	background-repeat: repeat-x;
	vertical-align: top;
}

#nailstation .campTable tr.first td,
#very .campTable tr.first td,
#express .campTable tr.first td {
	background-image: none;
}

.campTable td.tdTarget {
	padding-top: 8px;
	padding-left: 5px;
}

.campTable td.tdTarget img {
	display: block;
	margin-bottom: 2px;
}

.campTable td.date {
	font-size: 0.9em;
	padding-left: 5px;
}


/* --------「詳細」と「ページトップ」のエリア指定-------- */

.naviArea {
	clear:both;
	background: url(/campaign/img/bottomAreaLine.gif) no-repeat top center;
	padding-top: 7px;
	padding-bottom: 20px;
	margin-bottom:30px;
}

.naviArea .pageTop {
	background: url(/campaign/img/ico_pagetop.gif) no-repeat top left;
	padding-left: 16px;
	float: right;
}

.naviArea .relationPage {
	background: url(/campaign/img/ico_detail.gif) no-repeat top left;
	padding-left: 16px;
	float: left;
}
.naviArea .relationPage a {
	font-weight:bold;
}



/* --------very用配色-------- */

#very .SalonName,
#veryCommon .SalonName {
	background-image:url(/campaign/img/bgSalonNameVery.jpg);
}
#very .SalonName .details,
#veryCommon .SalonName .details {
	background-image:url(/campaign/img/ico_LinktoSalonDetailVr.gif);
}
#very .campHead,
#veryCommon .campHead {
	background-color:#D7B0C2;
	background-image:url(/campaign/img/boxBg_campNameVery.gif);
}
#very .campHead h4,
#veryCommon .campHead h4 {
	background:#D7B0C2 url(/campaign/img/boxBg_campNameVery_top.gif) no-repeat 0% 0%;
}
#very .campDate,
#veryCommon .campDate {
	color:#a96788;
}
#very .naviArea,
#veryCommon .naviArea {
	background-image:url(/campaign/img/bottomAreaLineVery.gif);
}

#very .campTable th {
	border-bottom: 3px solid #D7B0C2;
	color: #a96788;
}
#very .campTable td {
	background-image: url('../service/img/bgVeryMenuList.gif');
}



/* --------express用配色-------- */

#express .SalonName,
#expressCommon .SalonName {
	background-image:url(/campaign/img/bgSalonNameExpress.jpg);
}
#express .SalonName .details,
#expressCommon .SalonName .details {
	background-image:url(/campaign/img/ico_LinktoSalonDetailEx.gif);
}
#express .campHead,
#expressCommon .campHead {
	background-image:url(/campaign/img/boxBg_campNameExpress.gif);
}
#express .campHead h4,
#expressCommon .campHead h4 {
	background:#BEBEBE url(/campaign/img/boxBg_campNameExpress_top.gif) no-repeat 0% 0%;
}
#express .campDate,
#expressCommon .campDate {
	color:#aaa;
}
#express .naviArea,
#expressCommon .naviArea {
	background-image:url(/campaign/img/bottomAreaLineExpress.gif);
}

#express .campTable th {
	border-bottom: 3px solid #BEBEBE;
	color: #aaa;
}
#express .campTable td {
	background-image: url('../service/img/bgExpressMenuList.gif');
}

/* --------共通キャンペーン配色-------- */

#commonCampaign .campHead {
	background-image:url(/campaign/img/bg_campNameComm_btm.gif); background-color:#d6bf86;
}
#commonCampaign .hasImage .campHead {
	background-image:url(/campaign/img/bg_campNameComm_btmHalf.gif); background-color:#d6bf86;
}
#commonCampaign .campHead h4 {
	background:#d6bf86 url(/campaign/img/bg_campNameComm_top.gif) no-repeat 0% 0%;
}
#commonCampaign .campHead .campDate {
	background:#d6bf86 url(/campaign/img/bg_campNameComm_top.gif) no-repeat 100% 0%;
}
#commonCampaign .campDate {
	color:#c1a360;
}
#commonCampaign .naviArea {
	background-image:url(/campaign/img/bottomAreaLineVery.gif);
}


/* --------ルミネ用配色-------- */

#lumine .campHead {
	background-color:#91c0cf;
	background-image:url(/campaign/img/boxBg_campNameLumine_btm.gif);
}
#lumine .campHead h4 {
	background:#91c0cf url(/campaign/img/boxBg_campNameLumine_top.gif) no-repeat 0% 0%;
}
#lumine .campDate {
	color:#80b0be;
}
#lumine .naviArea {
	background-image:url(/campaign/img/bottomAreaLineExpress.gif);
}



/* --------ルミネ用レイアウト-------- */

#lumine h3 {
	font-size:100%;
	font-weight:bold;
	color:#64b1c9;
	padding:0;
	margin:10px 0;
	display:block;
}

#lumine .enforcedSalon {
	margin:0;
	padding:5px 0;
	font-size:86%;
}
#lumine .enforcedSalon a,
#lumine .campDate a {
	color:#80b0be;
}

#lumine .enforcedSalon dt {
	float:left;
	padding:0 5px 0 0;
}
#lumine .enforcedSalon dd {
	padding:0 0 0 0;
	margin:0;
}