@charset "utf-8";

@import 'grid.less';
@column-width: 60;
@gutter-width: 20;
@columns: 12;

.top-title {
	width:100%;
	height:120px;
	background:url(../img/page-title-bg.png)repeat-x;
	position:absolute;
	z-index:99;
	top:390px;
	}
#page-top-title {
	width:244px;
	height:33px;
	position:relative;
	top:20px;
	left:50%;
	margin-left:-122px;
	z-index:999;
	}
	.top-title h1 {
		visibility:hidden;
		}

img.contact-btn {
	margin-left:275px;
	}
	img.contact-btn:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
		}

article {
	.column(6);
	margin-left:0;
	}

	article h3 {
		font:"Meiryo UI";
		font-size:16px;
		letter-spacing:1px;
		text-align:center;
		color:white;
		padding:2px;
		margin-bottom:5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color:#DE4870
		}
		article th img {
			margin-right:10px;
			}



/*CONTACT FORM*/

.contact-form {
    .column(12);
		margin: 0px 0 80px 0!important;
}

fieldset {
	border:none;
	}

.contact-form h3 {
    font-size:2em;
    font-weight:bold;
    color:#284585;
    .column(5);
    margin-bottom:20px;
}

	.contact-form h5 {
		.column(12);
		background-color:#A2DAEE;
		padding:5px 20px;
		color:#284585;
		font-size:14px;
		}

		.tb1 tr{
width: 100%;

		}


		.tb1 th{
			width: 50%;
	    padding: 40px 0 40px 0;
		}

		.tb1 td{
width: 50%;
		}



        .contact-form input, .contact-form textarea {
            border:1px solid #ccc;
            width:100%;
            font-size:16px;
			margin:10px;
        }
            .contact-form input {
				width:500px;
                height:30px;
                padding:5px 10px;
            }

			.contact-form select {
				width:200px;
                height:30px;
               	margin:10px;
            }

            .contact-form textarea {
				width:500px;
                height:100px;
                resize: none;
                padding:5px 10px;
            }

			.contact-form p {
				margin: 30px 0;
				}


            .submit_btn {
                background: url(../faq/img/submit.png) no-repeat;
                width:200px;
                height:40px;
                text-indent: -9999px;
                border:none;
				margin-top:10px;
				margin-left:10px;
            }
			.submit_btn:hover {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter: alpha(opacity=80);
				-moz-opacity: 0.8;
				opacity: 0.8;
			}

#thankyou {
    display:table;

}

#thankyou h2 {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size: 28px;
	font-weight:bold;
	color: #E10059;
}
/*TOOLTIP*/

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	z-index:99999;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

/*FAQs*/
dl.faqs{ margin: 1em 0.5em;}

dl.faqs dt{
	font-size: 16px;
    margin-bottom: 0.75em;
    cursor: pointer;
    background: url(http://www.climer.jp/abitstest/css/../faq/img/a.png) no-repeat;
    padding-left: 28px;
    background-position: 0% 3px;
	}
dl.faqs dt:hover{ font-weight: bold; color: #de4870;}
dl.faqs dd{ font-size: 14px; margin-bottom: 1.25em;
		padding: 8px;
        border: 1px solid #CCC;
        background-color: white;
 }