@charset "UTF-8";

/*
======== table of content. ===============

summary:about要素

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

#contact p.error { margin-bottom:10px; }
	#contact ul.error { padding-bottom:15px; }
		#contact ul.error li { margin-bottom:5px; }
			#contact ul.error strong { color:#900; font-weight:normal; }


#contact .inner dl { position:relative; display:table; width:100%; margin-bottom:10px; }
	#contact .inner dt { display:table-cell; width:25%; vertical-align:top; }
	#contact .inner dd { display:table-cell; }
		#contact .inner dd input,
		#contact .inner dd textarea { width:98%; padding:2px; font-size:100%; }
		#contact .inner dd textarea { min-height:120px; }
		#contact input[type=text],
		#contact textarea { border:1px solid #ccc; outline:0; }
		#contact input[type=text]:focus,
		#contact textarea:focus { background-color:#f9eeff; }
		#contact input[type=submit] { padding:10px 30px; border:1px solid #ccc; background:#000; outline:none; color:#fff; cursor:pointer; }
		#contact .inner dd strong { color:#900; font-weight:normal; }

#contact .fa-ul li { display:block; margin-bottom:5px; }
	#contact .fa-ul .fa-li { top:4px; }