@charset "utf-8";

/* ##############################################################

#FILE_DESCRIPTION {
	--------------------------------------------
	#filename	: style.css;
	#author     : #Shigemi_Uehala;
	#version    : 1.0;
	#last update: 20100120 #Shigemi_Uehala;
	
	”ページ”用スタイル
	--------------------------------------------
}

#CONTENT {
	--------------------------------------------
	- Shop
	--------------------------------------------
}

#FONT_SIZE {
	--------------------------------------------
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|
	--------------------------------------------
}

############################################################## */

body#CONTACT {
}

body#CONTACT p {
	margin-bottom: 10px;
}

body#CONTACT p.description {
	margin-bottom: 15px;
}
/* ==============================================================

	[ Form ]
	
============================================================== */
body#CONTACT div#contactForm {
}
/* -----------------------------------
	フォーム設定
----------------------------------- */
body#CONTACT div#contactForm .info {
	margin: 20px 0 10px;
	background-color: #f3f5e3;
	text-align: center;
	padding: 20px;
	border: dotted 1px #aaa;
	}
	body#CONTACT div#contactForm #ok {
	background-color: #ddf0cb;
	}
	body#CONTACT div#contactForm #ng {
	background-color: #f0cbcb;
	}
	
	/* 必須項目  */
	body#CONTACT div#contactForm table em {
	color: #D51C4C;
	font-style: normal;
	font-weight: bold;
	}

	body#CONTACT div#contactForm table th {
		width: 14em;
		vertical-align: top;
	}
	
	body#CONTACT div#contactForm table th span.hissu {
	font-size: 77%;
	color: #fff;
	background-color: #d51c4c;
	padding: .2em .5em;
	margin-right: 1em;
	display: inline-block;
	}

	body#CONTACT div#contactForm table td .formTextArea {
		padding:2px;
		width:300px;
	}
	
	body#CONTACT div#contactForm table td .formContactContent {
		height:200px;
		padding:2px;
		width:400px;
	}


body#CONTACT div#contactForm table td.submit {
	padding: 20px 0;
	text-align: center;
	background: url(../../common/img/table_th_bg.gif) left top no-repeat #E8ECF0;
}

/* ボタン達 */
body#CONTACT div#contactForm table td.submit .formBtn {
	margin: 0 10px;
	padding: 10px;
	background-color: #c6c2b6;
	border: none;
	color: #fff;
	cursor: pointer;
	}
	
	body#CONTACT div#contactForm table td.submit .formBtn:hover {
	background-color: #06418C;
	}
	

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

	[ FAX ]
	
============================================================== */
body#CONTACT div#contactFax {
}

/* -----------------------------------
	PDF
----------------------------------- */
body#CONTACT div#contactFax #pdfLink {
	margin: 10px 0 20px;
	padding: 10px 20px;
	background-color: #f6f7ed;
	}
	body#CONTACT div#contactFax #pdfLink ul {
		margin: 10px 0;
	}
	body#CONTACT div#contactFax #pdfLink li {
		margin: 5px 0;
	}
	body#CONTACT div#contactFax #pdfLink li a {
		padding-right: 20px;
		background: url(../img/pdf_small.gif) no-repeat right center; 
	}
	
	/* リーダーDLうながし */
	body#CONTACT div#contactFax #pdfLink p#pdfGuide {
		padding-top: 10px;
		border-top: dotted 1px #aaa;
		font-size: 92%;
		color: #888;
	}
	

/* -----------------------------------
	GUIDE
----------------------------------- */
body#CONTACT div#contactFax #chuumon {
	margin: 40px 0 20px;
	border: solid 4px #ddd;
	position: relative;
	padding-top: 2em;
	}
	body#CONTACT div#contactFax #chuumon h3 {
		position: absolute;
		top: -1.4em;
		left: 10px;
		display: inline-block;
		padding: .7em 15px .7em 15px;
		background-color: #06418c;
		margin-bottom: 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #fff;
	}
	
	body#CONTACT div#contactFax #chuumon ol {
		padding: 1px 15px;
		padding-left: 3em;
		color: #555;
	}
	body#CONTACT div#contactFax #chuumon ol li {
		list-style-type: decimal;
		list-style-position: outside ;
		margin: 10px 0;
	}
	
	body#CONTACT div#contactFax #chuumon ol li ol {
		margin: 10px 0;
		background-color: #fbf3f3;
		padding: 5px 30px;
	}
	body#CONTACT div#contactFax #chuumon ol table {
		margin: 10px 0;
	}
	
	body#CONTACT div#contactFax #chuumon ol li ol li{
		list-style-type: upper-roman;
		margin: 10px;
}