@charset "utf-8";

/*=========================================================
	[ owner.css ]
	design - content style
	date - creation:2014-03-25 // update:2014-03-25
=========================================================*/

/* 1. content
=========================================================*/
/* able setting
---------------------------------------------------------*/
#contactForm {
	position:relative;
}
dl#contactTelHeader {
	bottom:13px;
	right:70px;
	position:absolute;
    background: url("../images/owner/con_head_bg.gif") no-repeat scroll 3px 100% rgba(0, 0, 0, 0);

    color:#222;
    font-weight:bold;
    padding:0 0 0 55px;
    min-height:70px;
    text-align:left;
}

#contactForm {
    background-image: url("../images/owner/form_bg.jpg");
}

#contactInner{
    background-image: url("../images/owner/form_btm.jpg");
}
#contactForm h3 {
		position: relative;
		background: url("../images/owner/form_tit.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 50px;
		line-height: 2;
		margin: 0;
		padding: 100px 0 0;
		overflow: hidden;
		font-size: 24px;
		font-weight: bold;
		color: #000;
}
#contactForm h4 {
	text-align:left;
}

#btnArea.alCent td {
	text-align:center;
}
#btnArea.alCent input {
	float:none;
}

#headerTitle {
    background: url("../images/owner/contact-title.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	width:899px;
	height:41px;
	padding-top:90px;
	border-bottom:1px #00A26B solid;
}
#headerTitle p{
	font-weight:bold;
	font-size:130%;
	margin-left:20px;
	margin-top:0;
}
#contactForm .tb {
	padding-top:2px;
    background: url("../images/for_border1.gif") repeat-x;
}

#out07 {
    left: 935px;
    top: 320px;
}
#out08 {
    left: 935px;
    top: 320px;
}

#step span {
	padding:5px;
	font-size:14px;
	margin:2px 5px;
}

#step span.current {
	background:#FFCCFF;
	font-weight:bold;
}
#step span.arrow {
	display:inline-block;
	width:6px;
	height:12px;
	margin:2px 15px;
	padding:5px 0;
	background:url("../images/owner/steparrow.gif") no-repeat 0 7px;
	text-indent:-9999px;
}

input.btnE:hover {
	opacity:0.7;
}

#btnConfirm {
		margin: 0px auto;
		width: 40%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0px 0px 0px 1px #FFF inset;
    border: 1px solid #F73B00;
    background: transparent linear-gradient(to bottom, #FB7B31 43%, #F73B00 59%) repeat scroll 0% 0%;
    color: #F1F1F1;
    text-align: center;
}
#btnConfirm a {
    padding: 18px 6px;
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    text-decoration: none;
}


#btnSend {
	margin: 0px auto;
	width: auto;
	height: auto;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 1px #FFF inset;
	border: 1px solid #727272;
	background: transparent linear-gradient(to bottom, #5F5F5F 43%, #727272 59%) repeat scroll 0% 0%;
	color: #F1F1F1;
	text-align: center;
}
#btnSend a {
    padding: 18px 6px;
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    text-decoration: none;
}
#btnReturn {
	margin: 0px auto;
	width: auto;
	height: auto;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 1px #FFF inset;
	border: 1px solid #727272;
	background: transparent linear-gradient(to bottom, #5F5F5F 43%, #727272 59%) repeat scroll 0% 0%;
	color: #F1F1F1;
	text-align: center;
}
#btnReturn a {
    padding: 18px 6px;
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    text-decoration: none;
}

.errortext {
	margin-bottom:20px;
}

.errortext span {
	padding:10px 30px;
	border:solid thin #FF0F0F;
	color:#FF0F0F;
	font-size:20px;
	display:inline-block;margin:0 1.0em;
}

/**** for smartphone *****/
@media screen and (max-width: 400px) {
#contactForm h3{line-height:1.8rem;font-size:20px;}
#contactForm #btnArea ul li{width:50% !important;}
#btnSend {width:auto;}
#btnReturn{width:auto;}
}