@charset "utf-8";

/*
	* Name: orangehouse.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-06. 領域設定 - Main -
		  - 02-06-01. 領域設定 - Order 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 table {
		margin-top: -10px;
	}


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

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

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


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

	#orderform ol {
		margin-bottom: 36px !important;
	}

	#orderform table tr td {
		padding: 8px 6px 8px 6px;
	}

	#orderform table tr td.thumbnail {
		width: 130px;
	}

	#orderform table tr td.thumbnail {
		width: 130px;
	}

	#orderform table tr td.name {
		width: 41%;
	}

	#orderform table tr td.price {
		width: 13%;
	}

	#orderform table tr td.ordersize {
		width: 24%;
	}

	#orderform table tr td.ordersize input.button {
		padding: 0;
	}

	#orderform table tr td.orderprice {
		text-align: right;
		width: 23%;
	}

	#orderform table tr td.orderprice input.button {
		padding: 0;
	}

	#orderform table tr td.total {
		color: #C03030;
		font-weight: bold;
		text-align: right;
	}

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

	#orderform form table td input#name_company {
		width: 180px;
	}

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

	#orderform form table td input#postalcode {
		width: 90px;
	}

	#orderform form table td input#municipality {
		width: 320px;
	}

	#orderform form table td input#building {
		width: 320px;
	}

	#orderform form table td input#tel {
		width: 180px;
	}

	#orderform form table td input#fax {
		width: 180px;
	}

	#orderform form table td input#website {
		width: 260px;
	}

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

	#orderform form table td textarea#comment {
		display: block;
		font-size: 100%;
		height: 120px;
		width: 360px;
		margin-bottom: 6px;
	}

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

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

	#orderform form input.button {
		color: #333333;
		margin-bottom: 24px;
		margin-left: 8px;
		margin-right: 8px;
	}

}