/******************************************************************************/
/*dcPremium.html
/******************************************************************************/
body{
	background:#fff url(../img/dcpr_body_bg.gif) top left repeat-x;
}
#container{
	background:none;
}

h1#dcprTitle{
	width:950px;
	height:80px;
	text-indent:-9999px;
	background:url(../img/dcpr_title.gif) 0 30px no-repeat;
	margin-bottom:30px;
}



/*共通で使えそう*/
.disN{
	display:none;
}
.tPink{
	color:#FF008A;
}




/*広告掲載無料キャンペーン	#adCampaign*/
#adCampaign{
	width:950px;
	position:relative;
	margin-bottom:60px;
}
#adCampaign h2{
	width:950px;
	height:170px;
	text-indent:-9999px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) 0 0 no-repeat;
}
#adCampaignConti{
	position:absolute;
	top:-73px;
	right:48px;
}
#adCampaign h3{
	width:870px;
	height:47px;
	text-indent:-9999px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) 0 -170px no-repeat;
	margin:20px 0 10px 0;
}
#whatAd{
	width:950px;
	background:#FFFFCF;
}
#whatAd h4{
	width:950px;
	height:55px;
	text-indent:-9999px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) 0 -217px no-repeat;
	margin-bottom:20px;
}
#whatAdFlow1{
	float:left;
	width:218px;
	height:308px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) 0 -272px no-repeat;
}
#whatAdFlow1 p{
	width:150px;
	padding-top:15px;
	margin-left:38px;
}
#whatAdFlow2{
	float:left;
	width:530px;
	margin-bottom:15px;
}
#whatAdFlowCap{
	background:#FF3398;
	color:#fff;
	padding:5px 10px;
	width:290px;
	margin-left:200px;
}
* html body #whatAdFlowCap{width:310px;}
#whatAdFlow3{
	float:left;
	width:182px;
	margin-bottom:15px;
}
#whatAdFlow3Voice{
	width:182px;
	height:185px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) -218px -272px no-repeat;
}
#whatAdFlow3Voice p{
	width:150px;
	padding-top:15px;
	margin-left:16px;
}
#whatAdFlow3 h5{
	margin-top:10px;
}
#adPoint{
	clear:both;
	background:#fff;
	width:910px;
	margin:0 20px 10px 20px;
	position:relative;
}
#adPoint h4{
	width:68px;
	height:47px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) -882px -170px no-repeat;
	position:absolute;
	top:-16px;
	left:-10px;
}
#adPoint ul{
	padding:15px 60px;
}
#adPoint ul li{
	list-style-type:none;
	padding:5px 0;
	border-bottom:2px dotted #ccc;
}
#adPoint ul li img{
	margin:0 5px;

}
#letsAd{
	width:950px;
	height:145px;
	text-indent:-9999px;
	background:url(../img/dcpr_sprite_ad_campaign.gif) 0 -580px no-repeat;
}




/*ホームページご担当者様へ		#message*/
#message{
	width:950px;
	height:400px;
	margin-top:20px;
	margin-bottom:60px;
	position:relative;
	background:url(../img/dcpr_message_bg.gif) top left no-repeat;
}
#messageText{
	width:420px;
	float:left;
	margin:35px 0 0 30px;
	line-height:1.5;
}
* html body #messageText{
	margin:35px 0 0 15px;
}
#message img{
	float:right;
	margin:40px 10px 0 0;
}
#messageText h2{
	width:420px;
	height:60px;
	text-indent:-9999px;
	background:url(../img/dcpr_message_h2.gif);
	margin-bottom:20px;
}
.tU{
	text-decoration:underline;
}
#messagePoint{
	margin-top:5px;
	color:#FF008A;
	text-decoration:underline;
}
#messageCom{
	width:581px;
	height:222px;
	text-indent:-9999px;
	background:url(../img/dcpr_message_com.gif);
	position:absolute;
	left:-15px;
	bottom:-45px;
}




/*5つのワケがあります			#reason*/
#reason{
	width:950px;
	height:730px;
	background:url(../img/dcpr_reason_bg.gif) bottom left repeat-x;
	position:relative;
	margin-bottom:20px;
}
#reason h2{
	width:950px;
	height:70px;
	text-indent:-9999px;
	background:url(../img/dcpr_reason_h2.gif);
}
#reason img{
	margin:15px 0 0 15px;
	float:left;
}
#reasonMini{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	position:absolute;
	top:330px;
	left:30px;
}
#reasonMiniCap{
	color:#6481B5;
	line-height:1.2;
	position:absolute;
	top:405px;
	left:15px;
}
#reason1{
	width:235px;
	height:125px;
	position:absolute;
	top:445px;
	left:0px;
}
#reason2{
	margin-top:65px;
}
#reason2,#reason3,#reason4,#reason5{
	width:370px;
	float:right;
	margin-right:15px;
	margin-bottom:15px;
}
* html body #reason2{margin-right:7px;}
* html body #reason3{margin-right:7px;}
* html body #reason4{margin-right:7px;}
* html body #reason5{margin-right:7px;}
#reason2,#reason3,#reason4{
	height:125px;
}
#reason5{
	height:145px;
}
#reason1{background:url(../img/dcpr_reason1.gif);}
#reason2{background:url(../img/dcpr_reason2.gif);}
#reason3{background:url(../img/dcpr_reason3.gif);}
#reason4{background:url(../img/dcpr_reason4.gif);}
#reason5{background:url(../img/dcpr_reason5.gif);}
#reason h3{
	display:none;
}
#reason1 p, #reason2 p, #reason3 p, #reason4 p, #reason5 p{
	margin:80px 0 0 30px;
}
#reason1 p{
	width:195px;
}
#reason2 p, #reason3 p, #reason4 p, #reason5 p{
	width:330px;
}




/*つまりドライブコンパスPREMIUMとは	#dcprIs*/
#dcprIs{
	width:950px;
	height:165px;
	margin-top:10px;
	margin-bottom:110px;
	background:url(../img/dcpr_is_bg.gif);
	position:relative;
}
#dcprIsB{
	width:260px;
	height:85px;
	text-indent:-9999px;
	background:url(../img/dcpr_is_b.gif);
	position:absolute;
	bottom:-50px;
	left:180px;
}





/*導入事例						#sample*/
#sample{
	width:950px;
	/*margin-bottom:20px;	/*事例が4個以下の時に有効*/
	margin-bottom:110px;	/*事例が5個以上の時に有効*/
	position:relative;
}
* html body #sample{padding-bottom:15px;}
* + html body #sample{padding-bottom:15px;}
#sample:after{content:""; display:block; clear:both;}
#sample h3{
	width:180px;
	height:120px;
	background:url(../img/dcpr_sample_h3.gif);
	text-indent:-9999px;
	position:absolute;
	top:-126px;
	left:0px;
}
.sampleBox{
	width:200px;
	height:202px;
	padding:10px;
	margin:0 17px 15px 0;
	float:left;
	background:url(../img/dcpr_sample_box.gif);
}
* html body .sampleBox{
	width:220px;
	height:222px;
}
.sampleBox h4{
	background:#4C6DAA;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:2px 5px;
}
.sampleBox h5{
	font-size:12px;
	font-weight:normal;
	margin:10px 0 2px 0;
	
}
#sample p{
	width:265px;
	height:187px;
	text-indent:-9999px;
	background:url(../img/dcpr_sample_other.gif);
	position:absolute;
	right:80px;
	top:140px;
}/*事例が数によって位置を調整*/




/*お客様の声					#voice*/
#voice{
	clear:both;
	width:950px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:#FFE3D4 url(../img/dcpr_voice_bg.gif) bottom left no-repeat;
	position:relative;
}
#voice:after{content:""; display:block; clear:both;}
#voice h3{
	width:950px;
	height:70px;
	text-indent:-9999px;
	background:url(../img/dcpr_voice_h3.gif);
}
.voiceBoxLine{
	clear:both;
}
* html body .voiceBoxLine{
	margin-left:-20px;
}
.voiceBox{
	width:290px;
	margin-left:20px;
	margin-bottom:5px;
	float:left;
	background:#fff url(../img/dcpr_voice_text_bg.gif) top left no-repeat;
}
.voiceText{
	padding:15px 15px 0 15px;
}
.voiceFrom{
	width:260px;
	height:45px;
	padding:5px 15px 0 15px;
	color:#4C6DAA;
	background:url(../img/dcpr_voice_from_bg.gif) bottom left no-repeat;
}
* html body .voiceFrom{
	width:290px;
	height:55px;
}
p#voiceOther{
	width:198px;
	height:125px;
	text-indent:-9999px;
	background:url(../img/dcpr_voice_other.gif);
	position:absolute;
	bottom:-10px;
	right:50px;
	/*top:-60px;*/
}




/*キャンペーン					#campaign*/
#campaign{
	clear:both;
	width:920px;
	height:488px;
	margin-top:55px;
	margin-bottom:20px;
	padding:15px;
	background:url(../img/dcpr_campaign_border.gif);
}
* html body #campaign	{width:950px;height:500px;}
#campaignB{
	width:920px;
	height:488px;
	background:#fff;
	position:relative;
}
#campaign h3,
#campaign h4,
#campaign h5,
#campaignP,
#c1Img,
#c2Img{
	text-indent:-9999px;
}
#campaign h3{
	width:290px;
	height:165px;
	background:url(../img/dcpr_campaign_h3.gif);
	position:absolute;
	top:-45px;
	left:-45px;
}
#campaign h4{
	width:140px;
	height:170px;
	background:url(../img/dcpr_campaign_h4.gif);
	position:absolute;
	bottom:0px;
	left:0px;
}
#campaign h5{
	width:270px;
	height:100px;
	background:url(../img/dcpr_campaign_h5.gif);
	position:absolute;
	top:-30px;
	left:370px;
}
#campaignP{
	width:750px;
	height:150px;
	background:url(../img/dcpr_campaign_p.gif) left bottom no-repeat;
	padding-top:30px;
	margin-left:150px;
	margin-bottom:10px;
}
* html body #campaignP{height:180px;}
#campaignC1{
	width:380px;
	margin-left:150px;
	float:left;
}
* html body #campaignC1{margin-left:75px;}
#campaignC2{
	width:350px;
	margin-left:20px;
	float:left;
}
#c1Txt,#c2Txt{
	height:88px;
}
#c1Txt{width:380px;}
#c2Txt{width:350px;}
#c1Img,#c2Img{
	height:190px;
}
#c1Img{
	width:380px;
	background:url(../img/dcpr_campaign_c1.gif);
}
#c2Img{
	width:350px;
	background:url(../img/dcpr_campaign_c2.gif);
}




/*お申し込み・お問い合わせ					#contact*/
#contact{
	width:950px;
	height:70px;
	margin:20px 0 50px 0;
	background:url(../img/dcpr_contact_bg.gif);
}
#contact p{
	width:480px;
	height:30px;
	text-indent:-9999px;
	float:left;
	margin:20px 60px 0 20px;
	background:url(../img/dcpr_contact_p.gif);
}
* html body #contact p{
	margin-left:10px;
}
a#contactBtn1, a#contactBtn2{
	display:block;
	width:180px;
	height:30px;
	float:left;
	margin:20px 10px 0 0;
	text-indent:-9999px;
}

a#contactBtn1{background:url(../img/dcpr_contact_btn.gif) top left;}
a#contactBtn2{background:url(../img/dcpr_contact_btn.gif) top right;}
a#contactBtn1:hover{background-position:bottom left;}
a#contactBtn2:hover{background-position:bottom right;}













/*--------*/
body#fm{
	background:#fff;
}
#footRect{
	margin-bottom:24px;
}
#footRect .com{
	margin-bottom:10px;
}
#footRect .com img{
	vertical-align:middle;
	width:90px;
	height:40px;
	margin-right:8px;
}
#footRect .com .comSep{
	margin-right:8px;
}
#footRect .com a:link,
#footRect .com a:visited {color:#333;text-decoration:none;}
#footRect .com a:hover,
#footRect .com a:active  {color:#666;text-decoration:underline;}
#footRect #reg{
	letter-spacing:1px;
}

/*--------*/
h1#formTitle{
	margin-top:12px;
	margin-bottom:12px;
}
.formNav{
	margin-bottom:12px;
}
#formLead{
	margin-bottom:24px;
}
#formRect{
	margin-bottom:12px;
	padding:12px;
	border:1px solid #aaa;
	background:url(../img/dcpr_bg_form.gif) repeat;
}
form#formSet{
	width:574px;
}
dl#dlForm{
}
dl#dlForm dt{
	clear:left;
	display:block;
	font-weight:bold;
}
dl#dlForm dd{
	/*background:#88f;*/
}
dl#dlForm dt.dtH{
	float:left;
	width:130px;
	/*background:#888;*/
	margin-bottom:12px;
}
dl#dlForm dd.ddH{
	float:left;
	width:434px;
	margin-bottom:12px;
	padding-left:8px;
	border-left:2px solid #aaa;
}
* html dl#dlForm dd.ddH{
	width:444px;
}
dl#dlForm dt.dtV{
	margin-bottom:8px;
	padding-top:12px;
	border-top:1px solid #aaa;
	/*background:#88a;*/
}
dl#dlForm dd.ddV{
	margin-bottom:12px;
}

dl#dlForm textarea.iM{
	width:574px;
	height:4em;
}
dl#dlForm textarea.iL{
	width:574px;
	height:7em;
}
dl#dlForm input.iS{width:120px;}
dl#dlForm input.iM{width:240px;}
dl#dlForm input.iL{width:400px;}
dl#dlForm #fm01,
dl#dlForm #fm011,
dl#dlForm #fm02,
dl#dlForm #fm021,
dl#dlForm #fm03,
dl#dlForm #fm04,
dl#dlForm #fm05,
dl#dlForm #fm11,
dl#dlForm #fm13,
dl#dlForm #fm14,
dl#dlForm #fm15{
	ime-mode:active;
}
dl#dlForm #fm06,
dl#dlForm #fm061,
dl#dlForm #fm07,
dl#dlForm #fm071,
dl#dlForm #fm08,
dl#dlForm #fm12{
	ime-mode:disabled;
}
dl#dlForm .ex{
	color:#c33;
	letter-spacing:1px;
}