@charset "UTF-8";
/* CSS Document */

header h1 img {
	width: 54px;}
header h1 span {
    width: 154px; }

/*移設用*/
#formCon{
	margin-bottom:30px;
	padding-bottom:20px;
	background:#FFFFFF;
}
#formCon h1{
    font-size: 150%;
    font-weight: bold;
    color: #011664;
    border-left: 5px solid #011664;
    padding: 0px 0px 0px 0.5em;
    line-height: 3;
}
#formCon section{
	border-top: 1px solid #DDD;
	margin: 0px 15px;
}
#formCon div.information {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 10px 8px;
    margin: 10px 0px 20px;
}
div.information .inquiry-arrow {
    background-image: url(../../common/icon/arw_inquiry.png);
    background-repeat: no-repeat;
    background-position: left 0.4em;
    padding: 0px 0px 0px 15px;
}
#formCon a{
	color: #63A7D7;
	text-decoration:none;
}
#formCon a:hover{
	text-decoration:underline;
}



/* form */

.field {
	width: auto;
	margin: 1em auto;
	padding: 0;
	color: #333;
}

.field p.caption {
	font-size: 0.8em;
	color: #aaa;
	padding: 0;
	margin: 0;
}

label,
legend {
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0.2em;
}

.require {
	color: #d00;
	padding-left: 0.5em;
	font-size: 0.8em;
}


fieldset {
	border: none;
	padding: 0;
	margin: 1em 0;
}

fieldset label {
	font-weight: normal;
	display: inline;
}

fieldset ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

fieldset input {
	width: 1em;
	display: inline;
}

/*
.button {
	width: 300px;
	font-size: 1.0em;
	margin: 8px auto;
	padding: 5px;
	border: 1px #ccc solid;
	color: #333;
	background: #eee;
	border-radius: 10px;
	box-shadow: 0 2px 2px #CCC;
	-webkit-box-shadow: 0 2px 2px #CCC;
	-webkit-appearance: none;
}
*/

button.button {
	border: none;
	padding: 0;
	background: none;
	cursor: pointer;
	width: 210px;
}

.ui-controlgroup-label,
label.ui-input-text {
	font-weight: bold;
	display: block;	
}

.ui-field-contain {
	padding: 0;
	margin: 0 0 1em
}


/* confirm */

#confirm .field p {
	padding: 0 0 0 1em;
	margin: 0;
}


/* error */

p.error,
.error p {
	color: #d00;
	padding: 0.2em 0 0;
	margin: 0;
	font-weight: bold;
}

.error input {
	background-color: #fee;	
}

/* PDFマーク */
.txtLink01-pdf,
.txtLink01-pdf-dec{
	padding: 2px 5px 4px 24px;
	background: url(../../../common/mark-pdf.gif) no-repeat 0.3em top;
	_background-position:0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}


/* footer */

small {
	font-size: 0.8em;
}

h1.title {
	background-color: #005396;
	-webkit-background-size: 32px 23px;
	font-size: 1.143em;
	color: white;
	padding-left: 10px;
	line-height: 39px;
}

#Contents {
	background-color: white;
	border-bottom: #005396 2px solid;
	padding: 10px;
	padding-top: 0;
}

p {
	font-size: 13px;
}

.foS,.fo-s{
	font-size: 11px;
}
.color-brown {
	color: #995300;
	}

.ColorRed {
	color: red;
}

.item-block {
	margin-bottom: 20px;
}

#formCon h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0 2px;
	border-left:5px solid #005396;
	padding-left:5px;
}

.half {
	width: 50% !important;
}

.widthform200 {
    border: 2px solid #CCCCCC;
    width: 100%;
}

.widthform500 {
    border: 2px solid #CCCCCC;
    width: 100%;
}

.w200 {
    width: 100%;
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
select {
	font-size: 17px;
	width: 100%;
	height: 40px;
	padding: 4px;
	margin-bottom: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.midium{
	width:90% !important;
	
}
.short,input[type=text].short{
	width:90px; !important;
	}
	
.short,input[type=text].short02{
	width:60px; !important;
	}
	
select {
	font-size: 13px;
	height: 40px;
	background:#CCCCCC;
}


input[type="checkbox"],
input[type="radio"] {
-webkit-transform: scale(2.2);
  transform: scale(2.2);
  margin:10px 5px 15px;

}

textarea {
	font-size: 17px;
	width: 100%;
	padding: 4px;
	margin-bottom: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* 数値のインプット */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* 郵便番号 */
.field-post input {
	width: 50%;
	margin-bottom: 8px;
}

.right10{
	margin-right:10px;
}
.left10{
	margin-left:10px;
}
.left5{
	margin-left:5px;
}

button.button {
    width: auto;
}

p.annotation
{	padding-left: 0.90em;
	text-indent: -0.90em;
	}

.form-line{
	padding-bottom:5px;
	border-bottom:#CCC 1px solid;
	margin-bottom:7px;
}

.line-dot{
	border-bottom:dotted 1px #999999;
	margin-bottom:10px;
}

#footer {
    background: url("../images/footer-back.gif") repeat scroll 0 0 transparent;
    font-size: 11px;
    height: 64px;
    letter-spacing: 0.2em;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: auto;
}


/* 確認ページ */

.confirm .item-block {
	border-left: solid 3px #ccc;
	padding-left: 6px;
}


/* 完了ページ */

.thank {
	padding: 30px 0;
	text-align:center;
	font-size:1.2em;
}


.lay-top20 {
	margin-top: 20px !important;
}

.center {
	text-align: center;
}

.kyocho {
    background: #E3EED9;
    background: linear-gradient(white 60%, #e3eed9 60%);
    line-height: 2.0; }