@charset "utf-8";

/* ===================================================================

ロックパートナーズ株式会社

Copyright (C) RockPartners Inc. All Rights Reserved.
--------------------------------------------------------------------

file name  :  faq.css
info :  質問受付フォームディレクトリ以下の設定
contents :
	01. 共通部分
	02. P57
	
=================================================================== */

/*--------------------------------------------------------------------
	01. ディレクトリ以下CSS 
--------------------------------------------------------------------*/

/*  ページ見出し H3
-----------------------------*/

.faq#P57 h3 { background-image:url(../images/faq/ttl_57.png); }
.tc.faq#P57 h3 { background-image:url(../images/faq/ttl_tc.png); }
.rc.faq#P57 h3 { background-image:url(../images/faq/ttl_rc.png); }
.ma.faq#P57 h3 { background-image:url(../images/faq/ttl_ma.png); }
.fa.faq#P57 h3 { background-image:url(../images/faq/ttl_fa.png); }
.cs.faq#P57 h3 { background-image:url(../images/faq/ttl_careerservice.jpg); }

.course.faq#P57 h3 { background-image:url(../images/faq/ttl_course.png); }
body.course.faq#P57 { background:none;}

/*  .red
-----------------------------*/
.red {
	color:#cc3333;
}

/*--------------------------------------------------------------------
	02. P57
--------------------------------------------------------------------*/

/*  ページ見出し H3
-----------------------------*/
#P57 h4 {
	height:40px;
	margin:0 10px 20px;
	position:relative;
	background:url(../images/common/ttl_bg_01.png) no-repeat 0 0;
	font-weight:bold;
	color:#15157d;
}
#P57 h4 span {
	display:block;
	height:13px;
	position:absolute;
	left:20px;
	top:9px;
}

/*  #textA
-----------------------------*/
#textA {
	font-size:75%;
	padding:0 0 18px 0;
}

#textA #left {
	float:left;
	width:222px;
	padding:0 0 0 8px;
}

#textA #right {
	float:left;
	width:430px;
	line-height:1.8;
}

/*  #textB
-----------------------------*/
#textB {
	width:625px;
	margin:0 0 0 22px;
	font-size:75%;
	line-height:1.8;
}

/*  #formInput
-----------------------------*/
body.course.faq #formTop {
display:block;
margin:0 auto;
background:none;
width:600px;
padding:20px 0 20px 0;
}

body.course.faq #formInput {
display:block;
margin:0 auto;
background:none;
width:580px;
}
body.course.faq #formInput dl{
	position:relative;
	width:680px;
	font-size:75%;
	padding:1px 0 0;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
}

body.course.faq #formInput dl dt {
	position:absolute;
	width:190px;
	top:12px;
	left:8px;
	color:#181a81;
}

body.course.faq #formInput dl dd {
	padding:10px 0 10px 213px;
}

#formInput {
	margin:20px 0 0 22px;
	background:url(../images/common/line_dot.gif) repeat-x bottom;
	line-height:1.8;

}

#formInput dl {
	position:relative;
	width:600px;
	font-size:75%;
	padding:1px 0 0;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
}

* html #formInput dl {
overflow:hidden;
}
#formInput dl dt {
	position:absolute;
	width:160px;
	top:12px;
	left:8px;
	color:#181a81;
}

* html #formInput dl dt {
width:120px;

}

#formInput dl.auto dt {
	position:relative;
	width:auto;
	top:12px;
	left:8px;
	color:#181a81;
}

#formInput dl dd {
	padding:10px 0 10px 123px;
}
* html #formInput dl dd {
	padding:10px 0 10px 30px;
}
body.course.faq.entry #formTop {
margin:0;
}

body.course.faq.entry #formInput {
margin:0;
	padding-left:20px;
}

body.course.faq.entry #formInput dl {
padding-bottom:15px;
width:580px;
}

body.course.faq.entry #formInput dl dt {
width:140px;
}

body.course.faq.entry #formInput dl dd {
padding:10px 0 10px 173px;
}

#formInput dl #year li {
	float:left;
	padding:0 15px 0 0;
}

#formInput dl .text01 {
	width:232px;
	height:18px;
	padding:4px 4px 0 4px;
	background:url(../images/faq/input_text_P57_01.png) no-repeat 0 0;
}

#formInput dl #smallInput {
	padding:16px 0 0 0;
}

#formInput dl #smallInput li {
	float:left;
	width:127px;
	padding:0 0 11px 0;
}

#formInput dl .text02 {
	width:60px;
	height:18px;
	padding:4px 4px 0 4px;
	background:url(../images/faq/input_text_P57_02.png) no-repeat 0 0;

}

#formInput dl .text03 {
	width:188px;
	height:18px;
	padding:4px 4px 0 4px;
	background:url(../images/faq/input_text_P57_03.png) no-repeat 0 0;

}

#formInput dl dd span.textArea {
	display:block;
	width:485px;
	height:106px;
	background:url(../images/faq/input_textArea_P57_01.png) no-repeat 0 0;
}

* html #formInput dl dd span.textArea {
width:400px;
background:none;
border:1px solid #CCC;
}
#formInput dl textArea {
	width:477px;
	height:98px;
	margin:4px 0 0 4px;
	border:none;
	font-size:12px;
}
* html #formInput dl textArea {
	border:1px solid #fff;
	margin:2px 0 0 3px;
}
*:first-child+html #formInput dl textArea {
	border:1px solid #fff;
	margin:2px 0 0 3px;
}
#formInput dl dd input {
	border:none;
	font-size:12px;
	vertical-align:middle;
}
* html #formInput dl dd input {
	vertical-align:baseline;
}

.ma #formInput dl dd .wpcf7-list-item {
display:block;
}
#btn {
	height:25px;
	padding:16px 0 16px 0;
	text-align:center;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
}

#btn strong {
	display:block;
	padding:0;
}

#btn01 {
	display:block;
	width:195px;
	height:25px;
	background:url(../images/faq/btn_P57_kakunin.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	margin:0 auto;
}

#btn02 {
	display:block;
	width:195px;
	height:25px;
	background:url(../images/faq/btn_P57_reset.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
}

#formInput span.wpcf7-list-item { padding-right:20px;}
.fa #formInput span.wpcf7-list-item { display:block;}

.wpcf7-not-valid-tip-no-ajax { padding-left:10px; color:#CC0000;}
.wpcf7-response-output.wpcf7-validation-errors { text-align:center; font-weight:bold; color:#CC0000;}
.wpcf7-response-output.wpcf7-mail-sent-ok { text-align:center; font-weight:bold; color:#339900;}


.course #formInput dl .text01 {
	width:232px;
	height:18px;
	padding:4px 4px 0 4px;
	background:none;
	border:1px solid #CCC;
}

.entry.course #formInput dl .text01 {
	width:232px;
	height:18px;
	padding:2px;
	background:none;
	border:1px solid #CCC;
}


.course #formInput dl .text02 {
	width:60px;
	height:18px;
	padding:4px 4px 0 4px;
	background:none;
	border:1px solid #CCC;

}

.entry.course #formInput dl .text02 {
	width:60px;
	height:18px;
	padding:2px;
	background:none;
	border:1px solid #CCC;

}

.course #formInput dl .text03 {
	width:188px;
	height:18px;
	padding:4px 4px 0 4px;
	background:none;
	border:1px solid #CCC;

}

.course #btn {
	height:25px;
	padding:16px 0 16px 122px;
	text-align:left;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
}

.entry.course #btn {
	height:25px;
	padding:16px 0 16px 0;
	text-align:left;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
}

.course #btn01 {
	width:195px;
	height:25px;
	background:url(../images/faq/btn_P57_kakunin.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	display:inline;
	padding-right:20px;
	padding-left:100px;
}

.entry.course #btn01 {
	width:195px;
	height:25px;
	background:url(../images/faq/btn_P57_kakunin.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	display:block;
	margin:0 auto;
}

.course #btn02 {
	width:195px;
	height:25px;
	background:url(../images/faq/btn_P57_reset.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	margin-left:20px;
}

.course #btn strong {
	padding:0;
	display:inline;
	float:left;
}

.entry.course #btn strong {
	padding:0;
	display:inline;
	float:none;
}

dl#waiting  { padding:0 15px 0 15px;}
dl#waiting dt {
color:#FF6600;
font-size:160%;
font-weight:bold;
padding-bottom:15px;
}

dl#waiting dd {
font-size:85%;
}

#backSelect {
font-size:85%;
padding:20px 15px 25px 15px;
border-bottom:1px dotted #CCC;
margin-bottom:20px;
}