@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :contact.css
 style info :zwei.com 資料請求ページ用CSS
=================================================================== */

/* -----------------------------------------------------------
	.contact TOPページ
----------------------------------------------------------- */

.contact #main #main_area #gate_form{
	width:820px;
	margin:0 auto 0px;
	zoom:1;
}

.contact #main #main_area #gate_form .section{
	width:820px;
	zoom:1;
	margin-bottom:40px;
}

.contact #main #main_area #gate_form .section:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.contact #main #main_area #gate_form .left{
	clear:both;
	float:left;
	width:416px;
}

.contact #main #main_area #gate_form h3{
	margin-bottom:1em;
}

.contact #main #main_area #gate_form p{
	width:380px;
	margin-bottom:1em;
}

.contact #main #main_area #gate_form p.intro_text{
	display:block;
	min-height:4em;
	height:auto !important;
	height:4em;
}


.contact #main #main_area #gate_form .right{
	width:380px;
	float:right;
}

.contact #main #main_area #info_area{
	width:820px;
	margin:0 auto 20px;
}

.contact #main #main_area #info_area h4{
	margin-bottom:1em;
}

.contact #main #main_area #info_area p{
	margin-bottom:2em;
}

.contact #main #main_area #info_area ul.info_tel{
	width:820px;
	zoom:1;
	margin-bottom:40px;
}

.contact #main #main_area #info_area ul.info_tel li{
	float:left;
}

.contact #main #main_area #info_area ul.info_tel:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


.contact #main #main_area #info_area p span.red_text{
	color:#be0707;
}

.contact #main #main_area .about_privacy{
	width:788px;
	border:1px solid #c7c7c7;
	padding:15px;
	margin:0 auto 20px;
}

.contact #main #main_area .about_privacy h4{
	margin-bottom:0.5em
}


p.goto_top{
	text-align:right;
	background:url(../img/share/ico-goto_top.gif) no-repeat right;
	padding-right:20px;
	margin-right:30px;
	margin-bottom:30px;
}



.contact #main #main_area p.links a{
	background:url(../img/share/btn-plus_arrow.gif) no-repeat left;
	display:inline-block;
	padding-left:20px;
}

.contact #main #main_area p.links span.popup{
	background:url(../img/share/ico-blank.gif) no-repeat right;
	display:inline-block;
	padding-right:20px;
}


/* -----------------------------------------------------------
	.contact ローカルエリア
----------------------------------------------------------- */

.contact #main #main_area a{
	color:#526093;
	text-decoration:underline;
}

.contact #main #main_area a:hover{
	color:#a9b0c9;
	text-decoration:underline;
}

.contact #wrapper{
	width:960px;
	margin:0 auto;
}

.contact #main{
	width:920px;
	margin:0 auto;
}

.contact #main_top{
	width:920px;
	padding-top:10px;
	background:url(../img/share/bg-topic_path.jpg) top no-repeat;
	height:90px;
	margin-bottom:35px;
	position:relative;
}

.contact #main_top h2{
	padding:10px 0 20px 20px;
	position:absolute;
	top:40px;
	left:0px;
	line-height:0;
}

.contact #main_top #topic_path{
	padding-bottom:0px;
}

.contact #main_top #topic_path ul{
	padding-bottom:5px;
}

.contact #main_area{
	width:880px;
	margin:0 auto;
}

.contact #main #main_area h2{
	margin-bottom:30px;;
}

.contact #main_area .intro p{
	width:565px;
	padding:30px 0 20px 30px;
	float:left;
}

.contact #main_area .intro p strong{
	color:#ee5189;
}

.contact #main_area .intro .imgR{
	width:228px;
	float:right;
	padding:30px 30px 0 0;
}

.contact #main_area .intro:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.contact #main_area .form_area p.apply{
	clear:both;
	width:240px;
	margin:20px auto 25px;
}

.contact #main_area .intro .imgR{
	width:228px;
	float:right;
	padding:30px 20px 0 0;
}

.contact #main_area .about{
	width:830px;
	margin:0 auto 20px;
}

.contact #main_area .about h3{
	margin-bottom:15px;
}

.contact #main_area .about h4{
	margin-bottom:15px;
	padding-left:5px;
}

.contact #main_area .about h4.bottom_change{
	margin-bottom:20px;
}

.contact #main_area .about .section{
	width:825px;
	padding-left:5px;
	margin-bottom:20px;
}

.contact #main_area .about .section p.catching{
	color:#ee5189;
	margin-bottom:20px;
}

.contact #main_area .about .section p{
	width:583px;
	margin-bottom:15px;
}

.contact #main_area .about .section .text_section{
	float:left;
	width:583px;
}

.contact #main_area .about .section .text_section .info_more{
	width:520px;
	border:1px solid #c7c7c7;
	padding:20px 30px;
	min-height:194px;
	height:auto !important;
	heoght:194px;
}

.contact #main_area .about .section .text_section dl.info_more dt{
	font-weight:bold;
	padding-bottom:8px;
}

.contact #main_area .about .section .text_section dl.info_more dd{
	padding-bottom:6px;
}

.contact #main_area .about .section .text_section dl.info_more dd.last{
	padding-bottom:15px;
}

.contact #main_area .about .section .img_section{
	float:right;
	width:226px;	
}

.contact #main_area .about .section .img_section img{
	padding-bottom:5px;
}

.contact #main_area .about .section:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* -----------------------------------------------------------
	共通：ツヴァイの無料コンサルティングで分かること
----------------------------------------------------------- */

.contact #main_area .consult{
	background:url(../img/share/bg-consult.gif);
	width:820px;
	margin-left:30px;
	margin-bottom:40px;
}

.contact #main_area .consult_tp{
	background:url(../img/share/bg-consult_tp.gif) top no-repeat;
	width:820px;
	padding-top:10px;
}

.contact #main_area .consult_bt{
	background:url(../img/share/bg-consult_bt.gif) bottom no-repeat;
	width:820px;
	padding-bottom:10px;
}

.contact #main_area .consult_bt h4{
	margin:12px 0px 20px 30px;
}

.contact #main_area .consult_bt ul{
	margin-left:30px;
	padding-bottom:20px
}

.contact #main_area .consult_bt ul li{
	float:left;
	width:247px;
}

.contact #main_area .consult_bt ul li.step1{
	padding-right:5px;
}

.contact #main_area .consult_bt ul li.step1 dd{
	padding-right:6px;
	padding-top:1px;
}

.contact #main_area .consult_bt ul li.step2{
	padding-right:15px;
}

.contact #main_area .consult_bt ul li.step2 dd{
	padding-left:5px;
}

.contact #main_area .consult_bt ul li.step3 dd{
	padding-left:4px;
	padding-top:2px;
}

.contact #main_area .consult_bt ul dt{
	padding-bottom:10px;
}

.contact #main_area .consult_bt ul:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* -----------------------------------------------------------
	フォーム部分
----------------------------------------------------------- */

.contact #main_area a.btn-plus_arrow{
	background:url(../img/share/btn-plus_arrow.gif) left no-repeat;
	padding-left:20px;
	color:#be0707 !important;
	display:inline-block;
}

.contact #main_area a.btn-plus_arrow:hover{
	color:#df8383 !important;
	text-decoration:under-line;
}

.contact #main_area a.red_txt:hover{
	color:#df8383 !important;
}


.contact #main_area .form_area{
	width:830px;
	margin:0 auto 20px;
}

.contact #main_area .form_area h3{
	margin-bottom:10px;
}

.contact #main_area .form_area p{
	width:820px;
	margin:0 0 10px 7px;
}

.contact #main_area .form_area p.long_space{
	margin-bottom:2em;
}


.contact #main_area .form_area table.form_section{
	width:820px;
	border-top:1px solid #526093;
	border-bottom:1px solid #526093;
	margin-bottom:20px;
}

.contact #main_area .form_area table.form_section th{
	width:170px;
	padding:7px 10px 6px 16px;
	border-bottom:1px solid #dcdfe9;
	vertical-align:top;
}

.contact #main_area .form_area table.form_section td{
	border-bottom:1px solid #dcdfe9;
	padding:7px 0 6px 0;
	vertical-align:top;
}

.contact #main_area .form_area table.form_section tr.last th,.contact #main_area .form_area table.form_section tr.last td{
	border-bottom:none;
}

.contact #main_area .form_area p.btn_submit{
	text-align:center;
	margin-bottom:2em;
}

.contact #main_area .form_area table.form_section td ul li.middle{
	padding-bottom:10px;
}

/* -----------------------------------------------------------
	完了画面
----------------------------------------------------------- */

.contact #main_area div.complete{
	text-align:right;
	padding:80px 20px 10px 0;
}

.contact #main_area div.complete h2{
	margin-bottom:24px;
}

.contact #main_area p.btn_back{
	margin-top:10px;
	margin-bottom:80px;
	text-align:center;
}

/* -----------------------------------------------------------
	特定文字色変更部分共通
----------------------------------------------------------- */

.contact #main_area a.red_txt,.contact #main_area span.red_txt,.contact #main_area strong.red_txt{
	color:#be0707 !important;
}

.contact #main_area .gray_text{
	color:#999999;
}