html,body{
     height:100%;
}
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
#contents{
     padding-bottom:60px; /*フッターの高さと同じ*/
}


.section-background{
	background: url('../images/contact.png');
}
.contact{
   	font-size: 10px;
	color: #999;
	font-weight: 100;
	text-align: center;
	top: 50%;
	transform: translateY(0%);
	/*position: absolute;*/
	padding-right: 0px;
    /*line-height: 10px;*/
}

.list{
	font-size: 10px;
	color: #999;
	font-weight: 100;
	text-align: left;
	float: left; 
	top: 50%;
	transform: translateY(0%);
	/*position: absolute;*/
	padding-left: 1em;
        line-height: 15px;*/
}

.price{
	font-size: 10px;
	color: #999;
	font-weight: 100;
	text-align: right;
	top: 50%;
	transform: translateY(0%);
	/*position: absolute;*/
	padding-right: 2em;
        line-height: 15px;*/
}


.txt{
        display: inline-block;
        font-size: 10px;
	color: #999;
	font-weight: 100;
	text-align: left;
	top: 50%;
	transform: translateY(0%);
	/*position: absolute;*/
	padding-right: 1em;
        line-height: 20px;*/
}

.push {
  height: 100px;
}

.contact i {
    width: 60px;
    height: 80px;
    border-radius: 30px;
    border: 2px solid  #313131;
    color:  #313131;
    font-size: 40px;
    display: inline-block;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 10px 0;
    text-align: center;
    float: center;
    transition: all .6s ease-in-out;
}
.contact-item:hover i{
    background-color: #b1b1b1;
    border: 2px solid #b1b1b1; !important;
    color: #fff;
    text-align: center;
}
.contact h3{
        padding-top: 0px;
	padding-bottom: 5px;
	font-size: 20px;
	text-align: center;
	color: #313131;
}
.contact p{
	font-size: 13px;
	color: #969595;
}

.form{
    margin-top: 50px;
    background: #f9f9f9;
}
.form h3{
    margin-left: 15px;
    font-size: 25px;
}
.form .message{
    margin: 0px 15px;
    height: 180px;
    width: 98%;
}
.btn-sub {
    border-radius: 0px;
    color: white;
    background-color: #313131;
    padding: 10px 25px;
    margin: 10px 30px;
    border-color: #313131;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
}
.btn-sub:hover{
    background-color: #fff;
    border-color: ##313131;
    color: ##313131;
}
input[type="username"], input[type="email"], input[type="text"], .message{
	border-color: transparent;
	background: #fff;
	font-size: 13px;
	color: #969595;
}
input[type="username"]:focus, input[type="email"]:focus, input[type="text"]:focus, .message:focus{
    border-color: #4a148c;
    box-shadow: 0 0 8px rgba(74,20,140,.1) !important;
}
input.form-control, .message {
    border-radius: 0px;
}