@charset "utf-8";

/* entry style
--------------------------------------------------*/
.entry-contents {
	padding:20px 0;
	background: url(../img/bg-light-gray.png);
}

/* entry text */
.entry-text {
	float:left;
	width:452px;
	margin:0 20px 0 0;
}

.entry-text h3 {
	margin:20px 0;
	font-size:36px;
	color:#e60012;
}

.entry-text h4 {
	margin:50px 0 10px 10px;
	font-size:18px;
	font-weight:normal;
}

.entry-text p {
	line-height:2em;
}

/* entry form */
.entry-form {
	float:left;
	width:488px;
}

.entry-form span {
	color:#f00;
}

.entry-form-header {
	width:488px;
	height:89px;
	background: url(../img/bg-entry-header.png);
	text-align:center;
}

.entry-form-header p {
	padding:70px 0 0;
}

.entry-form-input {
	width:468px;
	padding:15px 10px 20px;
	background: url(../img/bg-entry-input.png);
}

.entry-form-bottom {
	width:488px;
	height:10px;
	background: url(../img/bg-entry-btm.png);
}

.entry-form-input p {
	width:125px;
	margin:0 0 0 5px;
	font-size:14px;
	float:left;
}

.entry-form-input hr {
	margin:10px 0;
	border-top:1px dashed #ddd;
}

.entry-form-input input,
.entry-form-input textarea {
	border:0;
	padding:5px 10px;
	font-size:1.3em;
	color:#888;
	border:solid 1px #ccc;
	margin:0 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.form-name, .form-handle-name,
.form-age, .form-tel,
.form-mail, .form-site,
.form-portfolio {
	width:320px;
	float:left;
}

.form-age input {
	width:30px;
}

.form-age span {
	margin:0 10px;
	color:#999;
	font-size:1.2em;
}

.form-mail input, .form-site input {
	width:300px;
}

.form-portfolio input {
	width:300px;
	margin:0 0 10px;
	padding:3px 5px;
}

.form-portfolio p {
	width:300px;
	margin:0 0 10px;
	line-height:1.2em;
	font-size:12px;
}

.form-pr-text p {
	float:none;
	margin-bottom:10px;
}

.form-pr-text textarea {
	width:420px;
	height:150px;
	margin:0 0 20px 10px;
	resize:none;
	font-size:1.2em;
	line-height:1.8em;
}

.entry-form-btn {
	width:300px;
	margin:0 auto;
	text-align:center;
}

.entry-form-btn .form-btn-confirm {
	width:130px;
	height:31px;
	margin:0 10px 0 0;
	background: url(../img/btn-contact-form.png) no-repeat -130px top;
	border:none;
	text-indent:-9999px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	cursor:pointer;
}
.entry-form-btn .form-btn-confirm:hover {background-position:-130px -31px;}

.entry-form-btn .form-btn-reset {
	width:130px;
	height:31px;
	margin:0;
	background: url(../img/btn-contact-form.png) no-repeat -260px top;
	border:none;
	text-indent:-9999px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	cursor:pointer;
}
.entry-form-btn .form-btn-reset:hover {background-position:-260px -31px;}




/* about step */
.about-step-nav a:hover {
	background:#f1592a;
	color:#fff;
}

.about-step-nav h4 {
	margin:5px 0 0;
	font-size:12px;
}

#about-step-tab {
	display:block;
	border-left:1px solid #bbb;
}


#about-step-tab li {
	display:block;
	float:left;
	width:84px;
	padding:10px 0;
	text-align:center;
	background:url(../img/bg-dark-gray.png);
	border:1px solid #bbb;
	border-left:none;
	color:#f8930e;
	cursor:pointer;
}

#about-step-tab li:hover {
	background:#ffe4b8;
}

#about-step-tab li.select {
  background:#f8930e;
  color:#fff;
  cursor:auto;
}

.disnon {
  display: none;
}

.content-wrap {
  clear: left;
  width: 426px;
  padding:10px 0px;
  height: 110px;
  text-align: center;
  background: #fafafa;
}

.about-step-text {
	width:380px;
	margin:0 20px;
	float:left;
	position:relative;
}

.about-step-text p a {
	color:#e60012;
}

.about-step-image {
	float:right;
}

.about-step-text h3 {
	margin:15px 0 5px;
	font-size:16px;
	text-align:left;
	color:#666;
	font-weight:normal;
}

.about-step-text p {
	text-align:left;
	line-height:1.8em;
}

.entry-step {
	position:absolute;
	top:70px;
	left:295px;
}