@charset "utf-8";


/* --------------------------------
	font-size (default : 14px)

		10px ： 72%
		11px ： 79%
		12px ： 86%
		13px ： 93%
		14px ： 100%
		15px ： 108%
		16px ： 115%
		17px ： 122%
		18px ： 129%
		19px ： 136%
		20px ： 143%
		21px ： 150%
		22px ： 158%
		23px ： 165%
		24px ： 172%
		25px ： 179%
		26px ： 186%
		28px ： 200%
		30px ： 214%
-------------------------------- */


/* ============================================================

	style info : お問い合わせページでのスタイルを記述

============================================================ */

/* -----------------------------------
	parts > contact
----------------------------------- */

.article_contact {
	margin-bottom:70px;
}

.article_contact header h1 {
	margin: 20px 0 50px;
	width: 331px;
	height: 78px;
	text-indent: -9999px;
	background: url(../img/contact/contact.png) 0 0 no-repeat;
}

.article_contact header p {
	margin-bottom:55px;
	width: 645px;
	height: 68px;
	text-indent: -9999px;
	background: url(../img/contact/contact.png) 0 -79px no-repeat;
}

.article_contact dl {
	overflow:hidden;
}

.article_contact dl dt {
	clear:both;
	overflow:hidden;
	float: left;
	margin-bottom:27px;
	width: 142px;
	height:31px;
	text-indent: -9999px;
}

.article_contact dl dd {
	float: right;
	margin-bottom:27px;
	width: 570px;
	font-size:79%;
}

.article_contact dl.confirm_list dd {
	padding-top: 4px;
	font-size: 100%;
}

.article_contact .ttl_name {
	background: url(../img/contact/contact.png) 98px -146px no-repeat;
}

.article_contact .ttl_email {
	background: url(../img/contact/contact.png) 42px -178px no-repeat;
}

.article_contact .ttl_team {
	background: url(../img/contact/contact.png) 67px -208px no-repeat;
}

.article_contact .ttl_type {
	background: url(../img/contact/contact.png) 6px -243px no-repeat;
}

.article_contact .ttl_body {
	padding-top:90px;
	background: url(../img/contact/contact.png) -508px -185px no-repeat;
}
.article_contact .ttl_confirm_body {
	background: url(../img/contact/contact.png) -508px -275px no-repeat;
}

.article_contact dl dd .text {
	float:left;
	padding:5px;
	height:28px;
	border: 1px solid #d8d8d8;
}

.article_contact dl dd .textarea {
	width: 500px;
	min-width:200px;
	max-width: 500px;
	min-height: 223px;
}

.article_contact dl dd .input_name {
	width: 328px;
}

.article_contact dl dd .input_long {
	width: 500px;
}

.article_contact dl dd .check_area {
	float:left;
	width: 514px;
}

.article_contact dl dd .check_area label {
	margin-right: 15px;
}

.article_contact dl dd .check_area input {
	margin-right: 5px;
	margin-bottom: 10px;
}

.article_contact dl dd .icon_require {
	float: left;
	display: block;
	padding-top:9px;
	padding-left: 15px;
	width:37px;
	height:20px;
	text-indent: -9999px;
	background: url(../img/contact/contact.png) 15px -302px no-repeat; 
}

.article_contact .btn_area {
	margin:39px auto 0;
	width: 690px;
	height:50px;
	padding-top: 27px;
	text-align:center;
	vertical-align: top;
	border-top: 5px solid #e3e3e3;
}

.article_contact .btn_area input.confirm {
	display: block;
	margin:0 auto;
	width: 176px;
	height: 50px;
	border:none;
	text-indent: -9999px;
	cursor:pointer;
	background: url(../img/contact/contact.png) 0 -413px no-repeat;
}

.article_contact .btn_area input.back {
	display: inline-block;
	margin-right: 20px;
	width: 176px;
	height: 50px;
	border:none;
	text-indent: -9999px;
	cursor:pointer;
	background: url(../img/contact/contact.png) -181px -413px no-repeat;
}

.article_contact .btn_area input.entry {
	display: inline-block;
	margin:0 auto;
	width: 176px;
	height: 50px;
	border:none;
	text-indent: -9999px;
	cursor:pointer;
	background: url(../img/contact/contact.png) -362px -413px no-repeat;
}

.txt_comp {
	margin-bottom: 65px;
	width: 674px;
	height: 68px;
	text-indent: -9999px;
	background: url(../img/contact/contact.png) 0 -338px no-repeat;
}

.article_contact .btn_to_top a {
	display:block;
	width: 176px;
	height: 50px;
	text-indent: -9999px;
	background: url(../img/contact/contact.png) -543px -413px no-repeat;
}

.article_contact .btn_area input.confirm:hover,
.article_contact .btn_area input.back:hover,
.article_contact .btn_area input.entry:hover,
.article_contact .btn_to_top a:hover
 {
 	/*
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	*/
}