@charset "utf-8";

@import url("base.css");

/*====================================================
------------------------------------------------------
	 campaign.css ID: campaign
------------------------------------------------------
====================================================*/
.ex_maker{
	display: none;
	}
.ex_maker{
	display: none;
	}

/*------------------------------------------------------------
	- 基本
------------------------------------------------------------*/
#campaign,
#campaign_index{
	width: 950px;
	margin: 0 auto;
}
#main_750bg {
	width: 730px;
	background: url(/reform/common/img/bg_main_750.gif) 0 0 no-repeat;
	border: 1px solid #cccccc; 
	padding: 9px;
	}
.ex_campaign {
	display: none;
	}
#campaign_index .ex_maker {
	display: none;
	}

/*------------------------------------------------------------
	- 見出し
------------------------------------------------------------*/

#main_contents .head_line {
	width: 100%;
	background: url(/reform/campaign/img/bg_h3.gif) 0 0 no-repeat #ffc47c;
	margin: 0 0 5px 0;
	}
#main_contents .head_line .inner {
	width: 100%;
	background: url(/reform/campaign/img/bg_h3_bottom.gif) 0 100% no-repeat;
	padding: 0 0 3px 0;
	}

#main_contents .head_line h3 {
	background: url(/reform/campaign/img/icon_h3.gif) 1.5% 50% no-repeat;
	padding: .5em 0 .5em 25px;
	font-size: 120%;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	}

/*------------------------------------------------------------
	- キャンペーントップ：メインエリア
------------------------------------------------------------*/
#campaign_index #main_01{
	position:relative;
	width: 750px;
	margin:10px 0;
	}
#campaign_index #main_01 a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	}
#campaign_index #main_01 a{
	display:block;
	width:124px;
	height:25px;
	background:transparent url(/reform/common/img/btn_detail_124.gif) no-repeat 0 0;
	margin:10px 0 0 auto;
	position:absolute;
	right:5px;
	bottom:5px;
	text-indent:-9999px;
	}
#campaign_index #main_01 a:hover{
	background:transparent url(/reform/common/img/btn_detail_124.gif) no-repeat 0 -25px;
	}
/*------------------------------------------------------------
	- キャンペーントップ：インデックス
------------------------------------------------------------*/
#campaign_index #index{
	width: 728px;
	margin:0;
	padding:10px 0 10px 0;
	background:url(/reform/campaign/img/) #fff;
	border:1px solid #ccc;
	}
#campaign_index #index #inner{
	width: 100%;
	margin:0;
	padding: 0;
	background:url(/reform/campaign/img/bg_index.gif) center top repeat-y #fff;
	}
#campaign_index #index dl{
	position:relative;
	float:left;
	width: 358px;
	margin:5px 2px 5px 0;
	line-height:125%;
	font-weight:bold;
	}
#campaign_index #index dl dd{
	position:relative;
	display:block;
	float:left;
	width: 362px;
	}
#campaign_index #index dl dd img{
	position:relative;
	float:left;
	width: 70px;
	margin:0 5px 0 10px;
	padding:0;
	line-height:1%;
	}
#campaign_index #index dl dd em{
	display:block;
	margin-top:0.2em;
	}
#campaign_index #index dl dd a img{
	display:block;
	width: auto;
	margin:5px 0 0 0;
	padding:0;
	}
#campaign_index #index dl dd a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	}

/*------------------------------------------------------------
	- キャンペーントップ：メーカーリンク
------------------------------------------------------------*/
#campaign_index #maker_link{
	position:relative;
	width: 728px;
	margin:10px 0 0 0;
	padding:0;
	background: #fff;
	border:1px solid #ccc;
	}
#campaign_index #maker_link h3{
	width: 728px;
	margin:0 0 0 0;
	padding:5px 0;
	background: #ccc;
	text-align:center;
	line-height:100%;
	}
#campaign_index #maker_link ul{
	width: 728px;
	margin:0;
	padding:0 0 10px 0;
	}
#campaign_index #maker_link li{
	float:left;
	}
#campaign_index #maker_link li a{
	display:block;
	width: 134px;
	border:1px solid #ccc;
	background:url(/reform/campaign/img/bg_maker_link.gif) bottom #fff;
	padding:0.2em 0 0.2em;
	margin:10px 0 0 8px;
	text-align:center;
	}

/*------------------------------------------------------------
	- メインエリア
------------------------------------------------------------*/
#campaign #main_01{
	width: 750px;
	margin:10px 0;
	}

/*------------------------------------------------------------
	- 各詳細
------------------------------------------------------------*/
#campaign #main_750bg .inner {
	display: block;
	width: 730px;
	padding: 0;
	}
#campaign #main_750bg .inner dt{
	width: 455px;
	margin:0 0 5px 0;
	padding:0.45em 0;
	background: url(/reform/campaign/img/icon_dt.gif) 1% 50% no-repeat #ff920a;
	font-size: 100%;
	line-height:100%;
	color:#fff;
	text-indent:25px;
	font-weight:bold;
	}
#campaign #main_750bg .inner .box_01,
#campaign #main_750bg .inner .box_02{
	margin-bottom:10px;
	}
#campaign #main_750bg .inner .left{
	display: block;
	width: 455px;
	float:left;
	}
#campaign #main_750bg .inner .left dd{
	width: 455px;
	}
#campaign #main_750bg .inner .right{
	display: block;
	width: 250px;
	float:right;
	}
#campaign #main_750bg .inner .right .photo{
	margin-bottom:10px;
	}
/*------------------------------------------------------------
	- 基本200908
------------------------------------------------------------*/
#campaign,
#campaign_index{
	width: 950px;
	margin: 0 auto;
}
#main_campaign {
	width: 750px;
	padding:0;
	margin:22px auto;
	text-align:center;
	}

#main_campaign .inner01{
	background: url(/reform/campaign/img200908/bg01.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;
}
#main_campaign .inner02{
	background: url(/reform/campaign/img200908/bg02.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;
}
#main_campaign .boxleft{
	width:365px;
	float:left;
}
#main_campaign .boxright{
	width:365px;
	float:right;
}
#main_campaign .photo{
	padding:9px 5px;
}
#main_campaign .photo2{
	padding:0 5px;
	margin:15px 0 0;
	text-align:left;
}
#main_campaign div.txtbox{
	padding:0 8px;
	color:#000000;
}
#main_campaign .txtbox strong{
	font-size:140%;
	line-height:100%;
	display:block;
}
#main_campaign .txtbox strong span{
	font-size:80%;
	line-height:140%;
}
#main_campaign .txtbox table{
	margin:5px 0 10px 0;
	width:352px;
}
#main_campaign .txtbox table th{
	text-align:right;
}
.linkarea{
	padding:20px 0 20px 0;
}
.linkarea2{
	padding:20px 0 20px 0;
	text-align:right;
}
.linkarea a{
background:url(/reform/common/img/arrow_blue_sq.gif) no-repeat scroll 0 50%;
margin-left:3.3em;
padding:0 16px;
margin:26px 26px 26px 3.3em;
}
.linkarea2 a{
background:url(/reform/common/img/arrow_blue_sq.gif) no-repeat scroll 0 50%;
margin-left:3.3em;
padding:0 16px;
margin:26px 0 26px 3.3em;
}
/*------------------------------------------------------------
	- 基本200909
------------------------------------------------------------*/
#main_campaign .left{
	width:193px;
	float:left;
	padding:9px 5px;
}
#main_campaign .left .photo{
	padding:0 0 4px 0;
}
#main_campaign .right{
	width:150px;
	float:right;
	padding:10px 0 4px 0;
}
#main_campaign .right .txtbox table{
	margin:10px 0 10px 0;
	width:120px;
}
#main_campaign strong.red{
	color:#EE0000;
	font-size:120%;
	line-height:130%;
}
#main_campaign .boxright.in04bg{
	background: url(/reform/campaign/img200909-2/price04.gif) no-repeat 210px bottom;
	background: url(../../campaign/img200909-2/price04.gif) no-repeat 210px bottom;
}
#main_campaign .boxleft.in05bg{
	background: url(/reform/campaign/img200909-2/price05.gif) no-repeat 210px bottom;
	background: url(../../campaign/img200909-2/price05.gif) no-repeat 210px bottom;
}
#main_campaign .boxright.in06bg{
	background: url(/reform/campaign/img200909-2/price06.gif) no-repeat 210px bottom;
	background: url(../../campaign/img200909-2/price06.gif) no-repeat 210px bottom;
}
#main_campaign .inner03{
	background: url(/reform/campaign/img200909-2/bg01.gif) repeat-y;
	background: url(../../campaign/img200909-2/bg01.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;
}
#main_campaign .inner04{
	background: url(/reform/campaign/img200909-2/bg02.gif) repeat-y;
	background: url(../../campaign/img200909-2/bg02.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;	
}
#main_campaign .inner05{
	background: url(/reform/campaign/img200909-2/bg03.gif) repeat-y;
	background: url(../../campaign/img200909-2/bg03.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;	
}
#main_campaign .inner06{
	background: url(../../campaign/img200909-2/bg04.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;	
}
#main_campaign .inner07{
	background: url(../../campaign/img200909-2/bg07.gif) repeat-y;
	width: 741px;
	text-align:left;
	margin:0 auto 10px auto;
	padding:0;
}
#main_campaign div.bg07bottom{
	clear:both;
	background-image:none;
	height:14px;
}
#main_campaign div.bg07bottom img{
	vertical-align:bottom;
}
#main_campaign .inner07 .box01{
	width:241px;
	margin-left:9px;
	float:left;
	text-align:center;
}
#main_campaign .inner07 .box01.top{
	margin-left:0;
}
#main_campaign .inner07 .box01 .txtbox{
	text-align:left;
}
#main_campaign .inner07 table{
	margin:10px 0 10px 0;
	width:225px;
}
#main_campaign .inner07 table.bottom{
	margin:0;
	padding:0;
	width:220px;
	vertical-align:top;
}
#main_campaign .inner07 table.bottom0{
	margin:0;
	padding:0;
	width:220px;
	vertical-align:top;
}
#main_campaign .inner07 table.bottom0 strong{
}
#main_campaign .inner07{
	vertical-align:bottom;
}

#main_campaign .in07bg{
	background: url(/reform/campaign/img200909-2/price07.gif) no-repeat right;
	background: url(../../campaign/img200909-2/price07.gif) no-repeat right;
	height:130px;
}
#main_campaign .in08bg{
	background: url(/reform/campaign/img200909-2/price08.gif) no-repeat right bottom;
	background: url(../../campaign/img200909-2/price08.gif) no-repeat right bottom;	
	height:130px;
}
#main_campaign .inner07 .box01 .txtbox strong.linetop{
	border-top:1px solid #333333;
	padding:6px 0 0 0;
	margin:0;
	line-height:120%;
}

/*------------------------------------------------------------
	- 期間外用キャンペーン
------------------------------------------------------------*/
.priceat{
	font-size:0.8em;
	text-align:right;
}
.stxt{
	font-size:0.8em;
}
p{
	color:#ffffff;
}
#campaign #main_cam{
	width: 750px;
	margin:10px 0;
}
#campaign #main_cam .img{
	margin:0;
	padding:0;
} 
#campaign #main_cam ul#btn_navi li{
	float:left;
	margin:10px 0 0;
}
#campaign #main_cam ul#btn_navi li img{
	vertical-align:top;
}
#kt_link{
	padding:25px 0 0;
	display:block;
	clear:both;
}
#campaign #main_cam #kt{
	background:#480000;
	text-align:center;
	clear:both;
	margin:5px 0 0;
}
#campaign #main_cam .mt{
	margin:5px auto 12px;
}
#campaign #main_cam .ex .ill{
	float:left;
	margin: 0 0 0 9px;
}
#campaign #main_cam .ex .wh,
#campaign #main_cam .ex .wh2{
	background:#ffffff;
	width:653px;
	float:left;
	margin:0 0 0 5px;
}
#campaign #main_cam .ex .wh table{
	color:#480000;
	border:none;
	border-collapse:collapse;
	margin:0 10px;
}
#campaign #main_cam .ex .wh table th{
	border:none;
	border-collapse:collapse;
	padding:4px 2px 4px 0;
	vertical-align:top;
	text-align:left;
	width:51px;
}
#campaign #main_cam .ex .wh table td{
	border:none;
	border-collapse:collapse;
	text-align:left;
	width:144px;
	padding:4px 10px 4px 4px;
}
#campaign #main_cam .ex .wh ul{
	padding:0 10px;
}
#campaign #main_cam .ex .wh ul li{
	float:left;
	padding:0 0 0 10px;
	width:200px;
	text-align:left;
}
#campaign #main_cam #kt .ex .wh ul li{
	background:url(../../campaign/img_cam/ic_kt.gif) 0 5px no-repeat;
	color:#480000;
}
#campaign #main_cam .add{
	padding: 10px 20px 10px 80px;
	font-size:0.8em;
	text-align:left;
}
#campaign #main_cam .tit{
	padding:20px 0 0;
	clear:both;
}
#campaign #main_cam .tit_copy{
	color:#ffffff;
	margin:5px 15px;
	text-align:left;
	font-size:1.2em;
}
#campaign #main_cam .photo{
	margin:0 0 0 10px;
	float:left;
}
#campaign #main_cam .osusume{
	float:right;
	text-align:left;
}
#campaign #main_cam .osusume table{
	border:none;
	padding:0;
	margin:0;
}
#campaign #main_cam .osusume table td{
	color:#ffffff;
	width:110px;
	padding:5px 10px 0 0;
	vertical-align:top;
}
#campaign #main_cam .price{
	clear:both;
	padding:10px 0;
}
#campaign #main_cam .osusume2{
	margin:10px 0 0 9px;
	text-align:left;
}
#campaign #main_cam .osusume2 table{
	border:none;
	padding:0;
	margin:0;
}
#campaign #main_cam .osusume2 table td{
	color:#ffffff;
	width:110px;
	padding:5px 8px 0 0;
	vertical-align:top;
}

/*------------------------------------------------------------
	- トイレ
------------------------------------------------------------*/
#tl_link{
	margin:25px 0 0;
	display:block;
}
#campaign #main_cam #tl{
	background:#002c2a;
	text-align:center;
	clear:both;
	margin:5px 0 0;
}
#campaign #main_cam .ex .wh .illtl{
	float:left;
	vertical-align:bottom;
	margin:0 0 0 10px;
}
#campaign #main_cam .ex .wh .wh_bg,
#campaign #main_cam .ex .wh2 .wh_bg{
	display:block;
	clear:both;
}
#campaign #main_cam #tl .ex .wh{
	margin:0 9px 5px 0;
}
#campaign #main_cam #tl .ex .wh ul{
	padding:0 10px;
	float:right;
	width:540px;
}
#campaign #main_cam .ex .wh ul li.r01{
	float:left;
	padding:0 0 0 10px;
	width:150px;
	text-align:left;
}
#campaign #main_cam .ex .wh ul li.r02{
	float:left;
	padding:0 0 0 10px;
	width:200px;
	text-align:left;
}
#campaign #main_cam .ex .wh ul li.r03{
	float:left;
	padding:0 0 0 10px;
	width:160px;
	text-align:left;
}
#campaign #main_cam #tl .ex .wh ul li{
	background:url(../../campaign/img_cam/ic_tl.gif) 0 5px no-repeat;
	color:#002c2a;
}
#campaign #main_cam #tl .osusume{
	float:left;
	text-align:left;
	margin:0 0 0 10px;
	width:460px;
}
#campaign #main_cam #tl .photo {
	float:left;
	margin:0 10px 0 0;
}
#campaign #main_cam #tl .osusume .tit_copy{
	margin:5px;
}
#campaign #main_cam #tl .osusume table{
	border:none;
	padding:0;
}
#campaign #main_cam #tl .osusume table td{
	color:#ffffff;
	padding:5px 0 0 0;
	vertical-align:top;
}
#campaign #main_cam #tl .osusume table td.mgn{
	padding:56px 0 0;
}
#campaign #main_cam #tl .price{
	float:right;
	width:266px;
	margin:0 5px 0 0;
	padding:0;
	text-align:right;
}
#campaign #main_cam #tl .price .mgn{
	margin:32px 0 0;
}
/*------------------------------------------------------------
	- お風呂
------------------------------------------------------------*/
#bt_link{
	margin:25px 0 0;
	display:block;
}
#campaign #main_cam #bt{
	background:#00295b;
	text-align:center;
	clear:both;
	margin:5px 0 0;
}
#campaign #main_cam .ex .wh .illtl,
#campaign #main_cam .ex .wh2 .illtl{
	float:left;
	vertical-align:bottom;
	margin:0 10px;
}
#campaign #main_cam #tl .ex .wh{
	margin:0 0 0 5px;
}
#campaign #main_cam #tl .ex .flcl{
	padding:5px 0 0 89px;
	margin:0;
	clear:both;
}
#campaign #main_cam #tl .ex .wh2{
	margin:0;
}
#campaign #main_cam #tl .ex .wh table,
#campaign #main_cam #tl .ex .wh2 table{
	border:none;
	border-collapse:collapse;
	color:#002c2a;
	margin:0 10px 0 0;
	text-align:left;
}
#campaign #main_cam #tl .ex .wh th,
#campaign #main_cam #tl .ex .wh2 th{
	border:none;
	border-collapse:collapse;
	width:52px;
	padding:4px 2px 4px 0;
}
#campaign #main_cam #tl .ex .wh td,
#campaign #main_cam #tl .ex .wh2 td{
	border:none;
	border-collapse:collapse;	
	padding:4px 10px 4px 4px;
	width:115px;
}

#campaign #main_cam #bt .ex .wh table{
	color:#193569;
}
#campaign #main_cam .ex .wh table th{
	border:none;
	border-collapse:collapse;
	padding:4px 2px 4px 0;
	vertical-align:top;
	text-align:left;
	width:51px;
}
#campaign #main_cam .ex .wh table td{
	border:none;
	border-collapse:collapse;
	text-align:left;
	width:144px;
	padding:4px 10px 4px 4px;
}

#campaign #main_cam #tl .ex .wh ul,
#campaign #main_cam #tl .ex .wh2 ul{
	padding:0 10px;
	float:right;
	width:540px;
}
#campaign #main_cam .ex .wh ul li.r01,
#campaign #main_cam .ex .wh2 ul li.r01{
	float:left;
	padding:0 0 0 10px;
	width:150px;
	text-align:left;
}
#campaign #main_cam .ex .wh ul li.r02,
#campaign #main_cam .ex .wh2 ul li.r02{
	float:left;
	padding:0 0 0 10px;
	width:200px;
	text-align:left;
}
#campaign #main_cam .ex .wh ul li.r03,
#campaign #main_cam .ex .wh2 ul li.r03{
	float:left;
	padding:0 0 0 10px;
	width:160px;
	text-align:left;
}
#campaign #main_cam #bt .ex .wh ul li,
#campaign #main_cam #bt .ex .wh2 ul li{
	background:url(../../campaign/img_cam/ic_bt.gif) 0 5px no-repeat;
	color:#002c2a;
}

#campaign #main_cam #bt .photo {
	float:left;
	margin:0;
	width:467px;
	height:260px;
}
#campaign #main_cam #bt .photo img{
	margin:0 0 0 10px;
	float:left;
}
#campaign #main_cam #bt .tit_copy{
	margin:5px;
}
#campaign #main_cam #bt table.op{
	border:none;
	padding:0;
	float:right;
	width:275px;
	text-align:left;
	margin:0;
}
#campaign #main_cam #bt table.op td{
	color:#ffffff;
	padding:0 10px 10px 0;
	vertical-align:top;
}

#campaign #main_cam #bt .price{
	clear:both;
	margin:0 0 0 93px;
	padding:14px 0 0;
}


.foot_freecall p{
	color:#333333;
}
