@charset "utf-8";
.naviBox h2.sideNavForm span.bgBox{
	background-image:url(/img/side/icon_form.png);
	background-repeat: no-repeat;
	background-position: 12px center;
}
.naviBox h2.sideNavContact span.bgBox {
	padding-top: 30px;
    background-image: url(/img/side/icon_contact.png);
    background-repeat: no-repeat;
    background-position: 12px center;
}

.form .ppBox p,
.form .ppBox ul,
.form .ppBox ol{ margin-bottom:0;}
.form .ppBox dl.frame{ margin:23px 0;}



.form ul.fourOneOne+ul.asterList{ margin-top:-23px; }

.form dd ul.fourOneOne{ margin-top:15px; }



dl.cmpnyInfo{ margin-bottom:27px; }
dl.cmpnyInfo dt{ text-align:right; }
dl.cmpnyInfo dd{ text-align:right; }

.pic_unit div{
width:204px;
float:right;
margin-left:16px;
margin-bottom:15px;
font-size:90%;
}





.step{ margin-bottom:27px;}
.step p{ margin-bottom:26px;}
.step h3{
  margin-bottom: 17px;
  padding-bottom: 9px;
  background: #f4f4f4;
  border: solid 1px #d1d1d1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 0 0 2px #fff inset;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
  -moz-box-shadow: 0 0 0 2px #fff inset;
  zoom: 1;
}

.step h3 span{
display:block;
/*width:522px;*/
padding:10px 0 0 18px;
}

.step h3 strong{
margin-right:16px;
padding:4px 18px 5px 0;
background:url(/services/design/img/line_vertical.gif) repeat-y right top;
}



ul.bookRef{
width:502px;
margin:0 auto 13px;
list-style:none;
}


ul.bookRef>li{
width:160px;
float:left;
margin-right:11px;
list-style:none;
}

ul.bookRef>li:last-child{ margin-right:0;}
ul.bookRef>li.ie8{margin-right:0;}



table.form_tbl{
width:100%;
margin:0 0 13px;
border-collapse:collapse;
border:none;
border-spacing:0;
empty-cell:show;
}

table.form_tbl th{
width:190px;
padding-bottom:10px;
text-align:left;
vertical-align:top;
}



table.form_tbl th strong{
display:block;
margin-top:13px;
}

table.form_tbl th label{
display:block;
padding:4px 5px 2px 5px;
background:#c9e883;
}

table.form_tbl th span{
display:block;
font-size:90%;
padding:3px 0px 20px 18px;
font-weight:normal;
line-height:1.33;
}


table.form_tbl th.spanCell label{ width:524px; }


table.form_tbl th em{
color:#f00;
font-weight:bold;
font-style:normal;
}

table.form_tbl td{
padding:0 0 0px 15px;
border:none;
vertical-align:top
}

table.form_tbl td img{ margin-left:10px; vertical-align:middle; }
table.form_tbl td p{ margin-bottom:0; font-size:90%; }
table.form_tbl td ul{ list-style:none; margin:0;}
table.form_tbl td ul.asterList{ font-size:90%; }

table.form_tbl input{ vertical-align:middle; margin-bottom:0px; }

table.form_tbl input[type="text"]{	/*width:330px;*/width:80%; border:1px solid #7f9db9; padding:4px 2px 2px; }
table.form_tbl input[title="username"]{ width:130px; margin-left:3px; border:1px solid #7f9db9; padding:4px 2px 2px; }
table.form_tbl input[type="radio"],
table.form_tbl input[type="checkbox"]{ margin-right:4px;}
table.form_tbl input[maxlength="20"]{ width:130px; margin-right:10px;}
talbe.form_tbl input[name="telnumber"]{ width:115px; }

table.form_tbl textarea{ max-width:335px;}


table.form_tbl td table{ margin-bottom:0;}
table.form_tbl td table th{ padding-left:0;padding-bottom:5px;text-align:right;width:100px;font-weight:normal; }
table.form_tbl td table th label{
width:auto;
padding-left:0;
background:#fff;
}

table.form_tbl th ul.asterList{ 
margin-top:5px;
margin-left:12px;
font-weight:normal;
font-size:90%;
line-height:1.1;
}



table.form_tbl td table td{ padding-bottom:5px;padding-left:10px; line-height:1.33; }
table.form_tbl td table td input{ margin-top:3px;}
table.form_tbl td table td input[type="text"]{ width:215px;}
table.form_tbl td table td input[alt="zipCode"]{ ime-mode:disabled; width:auto; }
table.form_tbl td table td input[alt="deliZipCode"]{ ime-mode:disabled; width:auto; }



table.form_tbl td table.spec{ margin-bottom:10px; }
table.form_tbl td table.spec th{ zoom:1;padding-top:4px;border-bottom:1px solid #e4e4e4; }
table.form_tbl td table.spec td{ padding-top:9px;border-bottom:1px solid #e4e4e4; }

table.form_tbl td table.spec tr:first-child th{ padding-top:0;}
table.form_tbl td table.spec tr:first-child td{ padding-top:5px;}


table.form_tbl td table.spec td li{ margin-bottom:4px;}
table.form_tbl td table.spec td ul.asterList{ margin-left:2em;}
table.form_tbl td table.spec td ul.asterList li{ margin-bottom:0;}

table.form_tbl td table.spec td li span{ font-size:90%; }
table.form_tbl td table.spec td li input[name="size"]+label+span{ display:block;padding-left:2em; }




p.agreement{ text-align:center; }
p.agreement input{ margin-right:5px; vertical-align:middle;} 


ul.bt_formStep{
padding-top:10px;
border-top:1px solid #d6d6d6;
font-size:0;
line-height:0;
list-style:none;
}

ul.bt_formStep li.backward{ float:left; }
ul.bt_formStep li.forward{ float:right; }



/**
 *  お問い合わせ（/customer_support/contact_form.html）
 */
P.remarks {
	margin-bottom:10px;
}
SPAN.linkBtn {
	float:left;
	color:#FF9102;
	border:solid 1px #FF9102;
	border-radius:3px;
	padding:0px 20px 0px 20px;
	margin-right:8px;
}
SPAN.linkBtn img {
	margin-right:5px;
}

.docList{
	position:relative;
	width:94%;
	border:solid 1px #c3d0d8;
	padding:3%;
	margin-bottom:20px;
}
.docList h3{
	width:65%;
	color:#1e9b24;
	font-size:32px;
	font-weight:normal;
	border-bottom:solid 1px #78c37c;
}
.docList ul{
	width:65%;
	float:left;
	margin:15px 0 0 18px;
}
.docList ul li{
	font-size: 14px;
	line-height: 1.7;
}
.docList div{
}
.docList div img.cataImg{
	position:absolute;
	top:0;
	right:0;
}
.docList div img.cataNew{
	position:absolute;
	top:-42px;
	right:10px;
}

p.cata{
	display:block;
	min-height:162px;
	position:relative;
}
p.cata img.cataImg{
	position:absolute;
	top:0;
	right:0;
}
form .ppBox{
	width:740px;
    padding: 10px;
    box-sizing: border-box;
}




/****** 通常スマホ対応 ******/
@media only screen and (max-width: 767px){
.docList h3,
.docList ul{width:100%;}
.docList ul{margin-left:0;}
.docList div img.cataImg,
p.cata img.cataImg{position:relative;}
p.cata img.cataImg{float:left;margin-right:10px;}
p.cata:after {
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
overflow:hidden;
font-size:0em;
line-height:0;
}
p.sample img{width:100% !important;}
.ppBox{
	word-break:break-all;
}
}
/****** iframe内用のスマホ対応 (iframeのwidthが740pxのため、PCでもスマホ表示になるのを防止。******/
@media only screen and (max-width: 739px){
	
table.form_tbl tr{
	display: block;
	height: auto !important;
}	
table.form_tbl th{
	display: block;
	width:100% !important;
}
#pb_formbody table.form_tbl th{box-sizing:border-box;}

}


/*****************************************************
******************************************************

 ここから下はリニューアル時に別のスタイルシートへ移動 
 
******************************************************
******************************************************/

/***** 資料請求フォーム部分強制CSS  *****/

p#info_cadlus{background:#000;}

#pb_formbody .wrapBox,
#pb_formbody .wrapBox .mainBox{width:100% !important;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "sans-serif" !important;padding:0;}

#pb_formbody form table{
	border-collapse: separate;
    border-spacing: 2px;
}
#pb_formbody table.form_tbl th label{background:none;}
#pb_formbody form table thead td{padding:10px 0;text-align:center;font-size:16px;}
#pb_formbody form table tbody td{font-size:12px;}
#pb_formbody table.form_tbl td{padding:10px;vertical-align:middle;}
#pb_formbody table.form_tbl input,
#pb_formbody table.form_tbl select{height:25px;}
#pb_formbody table.form_tbl input[type="text"]{border:1px solid #ccc;}
#pb_formbody table.form_tbl input#familyName,
#pb_formbody table.form_tbl input#firstName{margin-left:10px;}
#pb_formbody table.form_tbl input#tel{width:60%;}
#pb_formbody table.form_tbl input#email,
#pb_formbody table.form_tbl input#remail{width:80%;}
#pb_formbody table.form_tbl input#email{margin-bottom:5px;}
#pb_formbody table.form_tbl input[type="checkbox"]{vertical-align:middle !important;}
#pb_formbody table.form_tbl textarea{width:95%;max-width:100% !important;}
#pb_formbody div.pms{margin:0;}
#pb_formbody div.pms div.btn,
#pb_formbody div.pms div.check{width:100%;text-align:center;}
#pb_formbody ul.bt_formStep li{width:100%;margin-left:0 !important;text-align:center;}
#pb_formbody dl.frame{
width: 100%;
margin-bottom: 27px;
background: #f4f4f4;
border: solid 1px #d1d1d1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 2px 6px #fff inset;
-webkit-box-shadow: 0 0 2px 2px #fff inset;
-moz-box-shadow: 0 0 2px 2px #fff inset;
box-sizing:border-box;
}
#pb_formbody dl.frame,
#pb_formbody dl.frame dt,
#pb_formbody dl.frame dd{background-image:none;}
#pb_formbody dl.frame dt,
#pb_formbody dl.frame dd{width:100% !important; box-sizing: border-box;}





/****** 通常スマホ対応 ******/
@media only screen and (max-width: 767px){
ul.bookRef{width:96%;margin:0 2%;}
ul.bookRef>li{width:100%;float:none;text-align:center;margin-bottom:20px;}
ul.bookRef>li img{width:40%;}
.infoRed{width:100%;box-sizing:border-box;}
ul.fourOneOne{width:96%;margin:0 auto;}
}

/****** iframe内用のスマホ対応 (iframeのwidthが740pxのため、PCでもスマホ表示になるのを防止。******/
@media only screen and (max-width: 739px){

form .ppBox{width:96%;margin:0 2% 10px;}	
.wrapBox,
.mainBox {
	width: 100% !important;
}
#pb_formbody h2{width:96%;margin:0 2% 10px;}	
#pb_formbody dl.frame,
#pb_formbody #cadlus_inquiry{width:96%;margin:0 2% 10px; }

#jspframe,
#pb_formbody{width:100% !important;}
table.form_tbl input[type="text"],
#pb_formbody table.form_tbl input#email,
#pb_formbody table.form_tbl input#remail,
#pb_formbody table.form_tbl textarea
{width:95%;}
#pb_formbody table.form_tbl th label{width:100% !important;}
#pb_formbody table.form_tbl input#familyName, 
#pb_formbody table.form_tbl input#firstName
{width:30% !important;}

#request4info ,
#request4info div.wrapBox,
#request4info div.ctsBox,
#request4info div.mainBox{width:100% !important;box-sizing:border-box !important;}
	

#request4info table.form_tbl td,
#pb_formbody table.form_tbl td{
	display:list-item !important;
	list-style:none;
	/*width:100% !important;*/
	box-sizing: border-box;
}
#pb_formbody table.form_tbl td:first-child{
	padding-bottom:0 !important;
}
#pb_formbody .seminar_info dl{margin:0;}
#request4info div.infobox{width:96% !important; box-sizing: border-box; margin:0 auto;}
#request4info .form .ppBox dl.frame{border: solid 1px #d1d1d1;background-color:#f4f4f4;}
#request4info .form .ppBox dl.frame,
#request4info .form .ppBox dl.frame dt,
#request4info .form .ppBox dl.frame dd{background-image:none;}
#request4info .form .ppBox dl.frame dt,
#request4info .form .ppBox dl.frame dd{width:100% !important; box-sizing: border-box;}

#request4info table.form_tbl input,
#request4info table.form_tbl td table td input{font-size:18px !important;}

#request4info table.form_tbl input.txt{height:35px !important;}
#request4info table.form_tbl input.wReg{width:95% !important;}
#request4info table.form_tbl td table td input[name="city"],
#request4info table.form_tbl td table td input[name="street"]{width:95% !important;}
table.form_tbl input[maxlength="20"]{width:35% !important;margin-left:5px;}
#request4info table.form_tbl td table.form_tbl td{padding:0px 0px 10px 0px !important;}
#request4info table.form_tbl input#company,
#request4info table.form_tbl td table td input[name="building"],
#request4info table.form_tbl td table td input[name="company"]{width:95% !important;}
#request4info table.form_tbl td table td input[name="email"],
#request4info table.form_tbl td table td input[name="re_mail"]{width:95% !important;}
#request4info table.form_tbl td table td input[name="zip"]{width:50% !important;}
table.form_tbl td table th{padding-bottom:0;text-align:left;}
ul.bt_formStep{
	width: 100%;
	margin:0;
	display: flex;
	justify-content: space-between;
}
ul.bt_formStep:after {
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
overflow:hidden;
font-size:0em;
line-height:0;
}
ul.bt_formStep li{margin:0;text-align:center;box-sizing:border-box;}
ul.bt_formStep li.send,
ul.bt_formStep li.back {float: none;}
#pb_formbody ul.bt_formStep li img{width:auto !important;}

#form_nav2 table.form_tbl input{height:35px !important;font-size:18px !important;}
#form_nav2 table.form_tbl input[type="text"]{width:95% !important;}
#form_nav2 table.form_tbl td input[name="zip"]{width:50% !important;}
#form_nav2 table.form_tbl td input[name="last_name"],
#form_nav2 table.form_tbl td input[name="first_name"]{width:35% !important;}
#form_nav2 .ppBox{width:96%;margin:0 auto;border-top:1px solid #ccc;padding-top:10px;}
#form_nav2 dl.frame{width:100%;}
#form_nav2 ul.asterList{width:96%;margin:0 auto;}
#form_nav3 ul.asterList{width:96%;margin:0 auto;}
#form_nav3 .step h3,
#form_nav4 .step h3{width:96%;margin:0 auto;}
#form_nav4 ul.bookRef li{width:80%;margin:0 auto 20px;}
#form_nav4 ul.bookRef li:nth-child(2){padding-left:0 !important;margin-left:0;padding:0;width:80%;margin:0 auto;}

#form_nav4 table.form_tbl input{height:35px !important;font-size:18px !important;}
#form_nav4 table.form_tbl input[type="text"]{width:95% !important;}
#form_nav4 table.form_tbl td input[name="zip"]{width:50% !important;}
#form_nav4 table.form_tbl td input[name="last_name"],
#form_nav4 table.form_tbl td input[name="first_name"]{width:35% !important;}
#form_nav4 .ppBox{width:96%;margin:0 auto;border-top:1px solid #ccc;padding-top:10px;}

SPAN.linkBtn{margin-bottom:10px;}
#pb_formbody form table{box-sizing:border-box;}
#pb_formbody table.form_tbl td, #pb_formbody table.form_tbl td{
	width:100% !important;
}
table.confirm tbody td{
 display: block;
}
table.confirm tbody td pre {
	margin: 0;
	padding-bottom: 10px !important;
}

}