@charset "UTF-8";

#formWrap span.red {
	font-size: 10px;
	vertical-align: super;
}

#formWrap .inner .txt{
	margin:15px 19px;
}

.ptbl{
	vertical-align: top; 
	display: table-cell;
	padding-left: 0px;
/*	height: 45px; */
	height: 20px;
	font-size: 16px;
	font-weight: bold;
}

.tblL{
	width: 200px;
	background-color: #fff;
	border: none;
}

.tblR{
	width: 600px;
	border: none;
}

.tblLast{
	border-bottom: none;
}

.smtOnly{
	display: none;
}

.pcOnly{
	display: block;
}

.pcOnlyTable{
}

#formWrap span.pcOnlyTable {
	font-size: 12px;
	vertical-align: middle;
}

.required{
	display: inline-block; 
	background-color: #d00020;
	color: #fff;
	border-radius: 5px;
	font-size: 10px;
	width: 30px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	margin-top: 5px;
	position:relative;
	top:-3px;
}

.fieldset{
/*	padding: 19px 0 20px; */
	padding: 7px 0 8px; 
	border-bottom: solid 1px #b3b3b3;
}

.fieldset.last{
	border-bottom: none;
}

.fieldset > div{
/*	margin-top: 20px; */
	margin-top: 2px;
}

.fieldset > div:first-child{
	margin-top: 0px;
}



@media screen and (max-width:640px)
{
body{
	width: 100%;
}

#gFooter {
	width: 100%;
}

#header {
	width: 98%;
	height: 65px;
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 2%;
	border-bottom: 1px solid #dedede;
}

#mainContents{
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
}
h2 .inner{
	padding: 0 8%;
}
h2 {
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	margin: 27px auto 30px auto;
	line-height: 1.3;
}
h2 a{
	margin-top: 5%;
}
h2:before {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px dotted #191919;
    position: absolute;
    top: -5px;
}
h2:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px dotted #191919;
    border: none;
    position: absolute;
    top: 175px;
}
#formWrap {
	width: 100%;
	margin: 0 auto;
	line-height: 20px;
}
#formWrap .inner {
	width: 100%;
	border: 0px;
	padding: 0px;

}

#formWrap span.red {
	font-size: 14px;
	vertical-align: baseline;
}

#formWrap .txt{
	font-size: 14px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#formWrap .txtFirst{
	border-bottom: 1px solid #737070;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 9px;
}

#formWrap .inner .txt{
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 25px;
}

.fieldset{
	padding: 5% 0;
}

.fieldset:after{
	content: "";
	display: block;
	clear: both;
}

.required {
    margin-bottom: 7px;
}

#gFooterArea {
	margin-top: 55px;
	font-size: 14px;
	background-image: none;
	background-color: #cacaca;
}

#gFtrNav {
	width: 100%;
}

#gFtrNav li {
	height: 24px;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
	background-image: none;
}

.submit .link_b {
	background-image: none;
}

.submit{
	clear: both;
}

.smtOnly{
	display: block;
}

.pcOnly{
	display: none;
}

.pcOnlyTable{
	display: none;
}

.smtLine{
	display: inline-block;
	width: 100%;
}

.ptbl{
	font-size: 14px;
	height: auto; 
/*	height: 10px; */
	padding-left: 0px;
	float: left;
}

.tblL{
	width: 100%;
	background-color: transparent;
	border-left: 0px;
	border-top: 0px;
	font-weight: bold;
}

.tblR{
	width: 100%;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}

.tblLast{
	border-bottom: 0px;
}

.smtCat{
	font-weight: bold;
}


#formWrap .freecL {
  height: auto;
}

#formWrap input {
	width: 100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#formWrap .chxbox input {
	width: 10px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.f_txtarea2{
	width: 100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lastNameArea,.firstNameArea{
	display: block;
	position: relative;
}

.f_label1{
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background-color: #828282;
  color: #fff;
  font-weight: normal;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  height: 37px;
  line-height: 37px;
  vertical-align: middle;
}

input.f_txt2 {
  width: 190px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;  
}

.cpright{
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	color: #8e8e8e;
}

.submit .btn {
	margin: 30px auto;
	background-image: none;
	width: 92%;
}
.submit .btn:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.smtSubmit{
	width: 100%;
	height: 65px;
	line-height: 65px;
	color: #ffffff;
	text-align: center;
	background: #686868 url(../images/btn_submit_smt.gif) no-repeat right center;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


#kiyaku {
	width: 100%;
	margin: 0 auto;
	line-height: 20px;
}
#kiyaku .inner {
	width: 100%;
	border: 0px;
	padding: 0px;

}

#kiyaku span.red {
	font-size: 14px;
	vertical-align: baseline;
}

#kiyaku .txt{
	font-size: 14px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#kiyaku .txtFirst{
	border-bottom: 1px solid #737070;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 9px;
}

#kiyaku .inner .txt{
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 25px;
}
.warning3{
  font-size: 12px;
  color: #d00020;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: 109vw;
  left: 12vw;
}

#kiyaku .txt {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-top: 0px;
}

#kiyaku .smtLine {
    width: 38%;
}

#kiyaku .txt a{
    font-size: 14px;
    margin-top: 2em;
    font-weight: nomal;
    margin-left: 0;
    display: inline-block;
}

#kiyaku p {
  overflow-y:scroll;
  height:120px;
  width: 100%;
  border:solid 2px #b3b3b3;
  box-sizing: border-box;
  padding: 4% 5%;
  font-size: 12px;
  line-height: 1.5;
}


.submit{
  margin: 10% auto 15%;
}

.submit button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	display: block;
	margin: 0 auto;
	background-color: #fab900;
	width: 100%;
	color: #222;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.5;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	display: block;
	position: relative;
	box-sizing: border-box!important;
	font-size: 13px;
	padding: 0.9em 0 0.8em;
}


.submit button:after {
    content: url(/-/Media/Ricoh/Sites/co_jp/3dp/contact/images/converBtnArrow.png);
    position: absolute;
    right: 2%;
    top: 35%;
    box-sizing: border-box!important;
}

.submit button:hover{
  background-color: #fff;
  outline: solid 3px #fab900;
  color: #fab900;
  box-sizing: border-box!important;
}
.submit button:hover:after {
    content: url(/-/Media/Ricoh/Sites/co_jp/3dp/contact/images/converBtnArrow_on.png);
}

.warning3{
  font-size: 12px;
  color: #d00020;
  font-weight: bold;
  display: block;
  margin:0px auto 10px auto;
  width: 270px;
}


/* footer
-------------------------------------------- */

footer {
  clear: both;
}

footer .footer_adj_u {
	width: 88%;
	padding:0;
	margin: 0 auto;
	background-color: #474747;
	padding: 5% 0;
}

footer .footer_adj_d {
  width: 100%;
  margin: 0 auto;
  background-color: #000000;
}

footer .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
  overflow: hidden;
}

footer .inner_u {
  padding: 0;
}

footer .inner dl {
  float: left;
  background: url(../images/footer_dot.gif) repeat-y right;
  margin-right: 5%;
  margin-bottom: 0px;
  padding: 0;
  width: 45%;
}

footer .inner dl a:link, footer .inner dl a:visited, footer .inner dl a:hover, footer .inner dl ul li a:visited,
footer .inner ul li dl a:visited, footer .inner dl ul li a:hover, footer .inner ul li dl a:hover {
  color: #BABABA;
  text-decoration: none;
}

footer .inner dl a:hover {
  text-decoration: underline;
}

footer .inner dl:nth-child(5) {
  background: none;
  margin-right: 0;
}

footer .inner dl.last {
  background: none;
  margin-right: 0;
}

footer .inner dl dd {
  color: #BABABA;
  font-size: 14px;
  line-height: 28px;
  padding-right: 0px;
  float: left;
}

footer .inner ul {
  clear: both;
  margin-bottom: 25px;
}

footer .inner ul li {
  float: left;
  color: #848484;
  font-size: 14px;
  margin-right: 5%;
  line-height: 28px;
}

footer .inner ul li a:link, footer .inner ul li a:visited, footer .inner ul li a:hover {
  color: #848484;
  text-decoration: none;
}

footer .inner ul li a:hover {
  text-decoration: underline;
}

footer .inner .copyright {
  clear: both;
  float: none;
  font-size: 10px;
  color: #838383;
  padding: 5% auto;
  line-height: 40px;
}

footer .footer_u {
  background: #474747;
  background-color: #474747;
}

footer .footer_d {
	background: #000000;
	background-color: #000000;
}
footer .footer_d .footer_adj_d {
	width: 88%;
	padding:0;
	margin: 0 auto;
	padding: 5% 0 2%;
	background: #000000;
	background-color: #000000;
}


}