@charset "utf-8";

/*
	* Name: contact.css
	* License: MIT License
	  - http://www.opensource.org/licenses/mit-license.php
	* Author: Hiroaki Nakagawa
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com

	* Contents:
	  - 01. 初期設定 - 基本設定 -
	    - 01-01. 初期設定 - 文字 -
	  - 02. 領域設定 - ブロック -
	    - 02-04. 領域設定 - Contents -
	      - 02-04-01. 領域設定 - Title -
	    - 02-05. 領域設定 - News -
	    - 02-06. 領域設定 - Main -
	      - 02-06-01. 領域設定 - Mail Form -
*/


/* Load External Files */

@import url('../../common/css/import.css');


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 01-01. 初期設定 - 文字 -
	======================================== */

	p {
		margin-bottom: 30px;
	}


	/* ========================================
	   * 02. 領域設定 - ブロック -
	======================================== */

	#mailform {
	}


	/* ========================================
	   * 02-04. 領域設定 - Contents -
	======================================== */

	#contents div#topimage {
		background-image: url("../img/img_comment.gif");
	}

	#contents div.container ol {
		margin-bottom: 36px;
		margin-top: -20px;
	}

	#contents div.container table {
		margin-bottom: 10px;
		margin-top: -10px;
	}

	#contents div.container table tr td {
		padding: 10px 16px 10px 16px;
	}


	/* ========================================
	   * 02-04-01. 領域設定 - Title -
	======================================== */

	#contents h2#title_contact {
		background-image: url("../img/title_contact.gif");
	}


	/* ========================================
	   * 02-06-01. 領域設定 - Mail Form -
	======================================== */

	#mailform form table tr th span.necessary {
		color: #C03030;
		font-size: 80%;
		padding: 0 0 0 4px;
	}

	#mailform form table tr td span.caution {
		color: #C03030;
		display: block;
		font-size: 80%;
		margin: 6px 0 0 2px;
		padding: 0;
	}

	#mailform form table tr td input#name_person {
		width: 180px;
	}

	#mailform form table tr td input#mail {
		width: 180px;
	}

	#mailform form table tr td textarea#comment {
		display: block;
		font-size: 100%;
		height: 120px;
		margin-bottom: 6px;
		padding: 2px 4px 2px 4px;
		width: 90%;
	}

	#mailform form table tr td br {
		display: none;
	}

	#mailform form input.button {
		color: #333333;
		margin: 12px 0 0 10px;
	}

}