@charset "utf-8";
/*

染の安坊「簡単手ぬぐい見積」
適用業務スタイルシート

*/


/*タグレベル*/
html		{ background:#eee; }
body		{ margin:2px; border:1px solid #eee; padding:8px 2px; background:#fff; }

/*
body		{ font-family:Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic" , "游ゴシック体", "YuGothic",
			  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body		{ font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; }
*/

body		{ font-family:"Meiryo UI", "メイリオ", Meiryo, Verdana, sans-serif; }

body		{ font-size:14px; line-height:110%; }
/*
iframe		{ display:block; width:98%; margin:2px 0px; border:1px solid #66f; padding:0px; }
*/
h1			{ display:block; margin:8px 1px;	border:0px solid #000; padding:2px;					vertical-align:top;	}
h2			{ display:block; margin:8px 1px;	border:0px solid #000; padding:2px;					vertical-align:top;	}
h3			{ display:block; margin:2px 0px;	border:0px solid #000; padding:6px 90px 6px 16px;	vertical-align:top;	}

h1			{ font-weight:normal; font-size:24px; color:#e1cb9a; background:#0f093d; text-align:center; line-height:133%;	}
h2			{ font-weight:normal; font-size:24px; color:#e1cb9a; background:#4b1444; text-align:center; line-height:133%;	}
/*
h1			{ font-weight:normal; font-size:24px; color:#dca; background:#335; text-align:center; line-height:133%;	}
h2			{ font-weight:normal; font-size:24px; color:#dca; background:#535; text-align:center; line-height:133%;	}
*/
h3			{ font-weight:normal; font-size:16px; color:#fff; background:#999;	}


dl			{ margin:0px; padding:0px }
dt			{ float:left; clear:both; width:100px;	margin:2px 0px 0px;	border-bottom:1px solid #666;	padding:0px 2px; background:#eee; }
dd			{ float:left; 							margin:0px;			border:0px solid #ddd;			padding:0px 2px; background:#fff; }
br			{ clear:both; }
table		{ margin:initial;	border:0px solid #000; padding:0px; border-collapse:collapse; }
tr			{ margin:0px;		border:0px solid #000; padding:0px; }
th			{ margin:0px;		border:1px solid #ddd; padding:0px 2px; background:#eee; font-size:16px; line-height:110%; font-weight:normal; }
td			{ margin:0px;		border:1px solid #ddd; padding:0px 2px; background:#fff; font-size:16px; line-height:110%; }

hr			{ margin:1px 0px; border:initial; border-top:1px solid #999; padding: 0px; }

div			{ font-size:0; vertical-align:top; }
p			{ margin:4px 0px; font-size:16px; line-height:120%; }
p.sub1		{ margin:4px 20px; }

div.para	{ display:inline-block; margin:1px; border:1px solid #bbb; padding:1px; font-size:16px; color:#999; }

a:link		{ color:#00f;	text-decoration:none;	font-weight:normal; }
a:visited	{ color:#00f;	text-decoration:none;	font-weight:normal; }
a:hover		{ color:#000;	text-decoration:none;	font-weight:normal; background:#ff9; }
a:active	{ color:#000;	text-decoration:none;	font-weight:normal; background:#f00; }

/*基本ボックス*/
.frame0		{ display:none;	}
.frame1		{ display:block;	border:0px solid #bbf; padding:1px; }

.hide		{ display:none;			margin:0px;			border:0px solid #ccc; padding: 0px; }
.main0		{ display:block;		margin:0px;			border:0px solid #ccc; padding: 0px; }
.main0i		{ 						margin:0px;			border:0px solid #ccc; padding: 0px; vertical-align:top; }
.main0ii	{ display:inline-block;	margin:0px;			border:0px solid #ccc; padding: 0px; vertical-align:top; }
.main1		{ display:block;		margin:1px auto;	border:1px solid #ccc; padding: 1px; }
.main1i		{ 						margin:1px;			border:1px solid #ccc; padding: 1px; vertical-align:top; }
.main1ii	{ display:inline-block;	margin:1px;			border:1px solid #ccc; padding: 1px; vertical-align:top; }
.main2		{ display:block;		margin:auto;		border:1px solid #ccc; padding:20px; }
.main2i		{ 						margin:1px;			border:1px solid #ccc; padding:20px; vertical-align:top; }
.main2ii	{ display:inline-block;	margin:1px;			border:1px solid #ccc; padding:20px; vertical-align:top; }

.foot1		{ display:inline-block; margin:2px 8px;	padding:0; font-size:14px;}
.foot2		{ display:inline-block; margin:2px;		padding:0; font-size:12px;}

.col1		{ display:block;		margin:2px 10px 2px 2px; border-left:3px solid #00f; padding:0px 2px; }
.col1i		{ display:inline-block;	margin:2px 10px 2px 2px; border-left:3px solid #00f; padding:0px 2px; }
.download	{ display:block;		margin:2px; border:1px solid #090; padding:160px 20px; }


/*見積明細*/
table.est th	{ padding:4px 10px; }
table.est td	{ padding:4px 10px; }



/*ajaxレスポンス*/
/*
.res1		{ display:block;		margin:1px; border:1px solid #ccc; padding: 1px;						font-size:12px; line-height:100%; }
.res1i		{ display:inline-block;	margin:1px; border:1px solid #ccc; padding: 1px; vertical-align:top;	font-size:12px; line-height:100%; }
.res2		{ display:block;		margin:1px; border:1px solid #ccc; padding: 1px;						font-size:16px; line-height:100%; }
.res2i		{ display:inline-block;	margin:1px; border:1px solid #ccc; padding: 1px; vertical-align:top;	font-size:16px; line-height:100%; }
*/
.res1		{ display:none;	margin:1px; border:1px solid #ccc; padding: 1px;						font-size:12px; line-height:100%; }
.res1i		{ display:none;	margin:1px; border:1px solid #ccc; padding: 1px; vertical-align:top;	font-size:12px; line-height:100%; }
.res2		{ display:none;	margin:1px; border:1px solid #ccc; padding: 1px;						font-size:16px; line-height:100%; }
.res2i		{ display:none;	margin:1px; border:1px solid #ccc; padding: 1px; vertical-align:top;	font-size:16px; line-height:100%; }

/*エラー表示*/
div.info				{ font-size:16px; line-height:100%; }
div.info_e				{ margin:0px; border-top:2px solid #f00; padding:1px 0px 0px; color:#c00; }
div.info_w				{ margin:0px; border-top:2px solid #990; padding:1px 0px 0px; color:#000; }
div.info_off			{ display:none; }	/*非表示*/

div.sum	{}

/*
	フォーム関連

	form40では特定のスタイルシートはありません、ここで指定します。
*/
/*
form					{ display:block; margin:2px; border:1px solid #f88; padding:2px; }	*/
form					{ display:block; margin:0px; border:0px solid #f88; padding:0px; }
input					{ margin:1px; border:1px solid #999; }
input					{ font-family:Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif; font-size:16px; }

input[type="text"]		{ font-size:16px; }
input[type="date"]		{ font-size:16px; }
input[type="month"]		{ font-size:16px; }
input[type="image"]		{ margin:0px; border:initial; }
input[type="checkbox"]	{ margin:2px; border:initial; vertical-align:middle; }
input[type="radio"]		{ margin:2px; border:initial; }
input[type="color"]		{ width:80px; height:10px; background-color:#ccc; -webkit-appearance:none; }

input[type="button"]	{ color:#fff; white-space:nowrap; font-family:Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif; }
input[type="submit"]	{ color:#fff; white-space:nowrap; font-family:Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif; }
input[type="button"]:hover	{ color:#000; }
input[type="submit"]:hover	{ color:#000; }


input:valid				{ border-color:#999; }
input:invalid			{ border-color:#f66; }

input.app_curr			{ padding:0px 2px; text-align:right; }	/*金額フィールド*/

select					{ margin:1px; font-family:Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif; font-size:16px; }

/*ラジオボタン（ボタン）*/
div.radio_btn			{ margin:2px 4px;			padding:0px; display:block; font-size:14px; }
label.radio_btn			{ margin:2px; cursor:pointer; color:#000; font-size:16px; }
label.radio_btn:hover	{ background:#eee; }
/*ラジオボタン（画像）*/
input.radio_img			{ display:none; }
div.radio_img			{ margin:2px 4px;			padding:0px; display:block; font-size:14px; }
label.radio_img			{ display:block; margin:2px; border-width:2px 2px 2px 12px; border-style:solid; border-color:#ddd; padding:6px 6px 2px;
								 cursor:pointer; font-size:16px; vertical-align:top; }
label.radio_img:hover	{ background:#eee; }

label.radio_img hr		{ margin:2px 0; border-width:3px 0 0 0; border-color:#ddd; }
label.radio_img div		{ display:inline-block; width:240px; margin:4px; border:0px solid #00f; font-size:15px; color:#666; line-height:120%; }	/*説明文*/

input.radio_img:checked + label		{ border-color:#066; } /* or446 */
input.radio_img:checked + label hr	{ border-color:#066; }

img.radio_img			{ display:inline-block; width:200px; margin:4px 0 0; border:1px solid #ddd; }
/*----*/

textarea				{ font-family:Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif; }

button					{ color:#fff; white-space:nowrap; }
button:hover			{ color:#000; }
button:disabled			{ background:#ddd; color:#aaa; }

/*ボタン色*/
.btn_close		{ border-color:#00f; background:#00f; }		.btn_close:hover	{ background:#99f; }	/*閉じる*/
.btn_clear		{ border-color:#099; background:#06c; }		.btn_clear:hover	{ background:#99f; }	/*クリア*/
.btn_menu		{ border-color:#666; background:#666; }		.btn_menu:hover		{ background:#ccc; }	/*サブサブメニュー*/

.btn_list		{ border-color:#0b0; background:#080; }		.btn_list:hover		{ background:#9f9; }	/*リスト*/
.btn_show		{ border-color:#090; background:#084; }		.btn_show:hover		{ background:#9f9; }	/*参照*/
.btn_print		{ border-color:#095; background:#088; }		.btn_print:hover	{ background:#9ff; }	/*印刷*/

.btn_enter		{ border-color:#f60; background:#c60; }		.btn_enter:hover	{ background:#f99; }	/*実行*/
.btn_add		{ border-color:#f00; background:#c00; }		.btn_add:hover		{ background:#f99; }	/*追加*/
.btn_edit		{ border-color:#b90; background:#c90; }		.btn_edit:hover		{ background:#ff9; }	/*修正*/
.btn_del		{ border-color:#f09; background:#c08; }		.btn_del:hover		{ background:#f9f; }	/*削除*/

.btn_misc0		{ border-color:#aaa; background:#aaa; }		.btn_misc0:hover	{ background:#ccc; }	/*その他０*/
.btn_misc1		{ border-color:#f00; background:#f00; }		.btn_misc1:hover	{ background:#ccc; }	/*その他１*/
.btn_misc2		{ border-color:#f80; background:#f80; }		.btn_misc2:hover	{ background:#ccc; }	/*その他２*/
.btn_misc3		{ border-color:#a70; background:#a70; }		.btn_misc3:hover	{ background:#ccc; }	/*その他３*/
.btn_misc4		{ border-color:#090; background:#090; }		.btn_misc4:hover	{ background:#ccc; }	/*その他４*/
.btn_misc5		{ border-color:#09b; background:#09b; }		.btn_misc5:hover	{ background:#ccc; }	/*その他５*/
.btn_misc6		{ border-color:#00f; background:#00f; }		.btn_misc6:hover	{ background:#ccc; }	/*その他６*/
.btn_misc7		{ border-color:#90f; background:#90f; }		.btn_misc7:hover	{ background:#ccc; }	/*その他７*/
.btn_misc8		{ border-color:#f0f; background:#f0f; }		.btn_misc8:hover	{ background:#ccc; }	/*その他８*/
.btn_misc9		{ border-color:#f09; background:#f09; }		.btn_misc9:hover	{ background:#ccc; }	/*その他９*/

.btn_img		{ border-color:#999; background:#fff; }		.btn_img:hover		{ background:#ff0; }	/*画像ボタン*/
.btn_img		{ margin:0px 1px; border-width:2px; padding:0px 1px; cursor:pointer; font-size:12px; }

/*ボタンサイズ、形状*/
.btn_sz1u	{ margin:2px 2px; border-width:0px; border-radius:14px 14px 0 0; padding:4px 18px; cursor:pointer; font-size:16px; }
.btn_sz1d	{ margin:2px 2px; border-width:0px; border-radius:0 0 14px 14px; padding:4px 18px; cursor:pointer; font-size:16px; }
.btn_sz1	{ margin:6px 2px; border-width:0px; border-radius:14px; padding:4px 18px; cursor:pointer; font-size:16px; }
.btn_sz2	{ margin:2px 1px; border-width:0px; border-radius: 8px; padding:4px  4px; cursor:pointer; font-size:14px; }
.btn_sz3	{ margin:0px 1px; border-width:0px; border-radius: 8px; padding:0px  4px; cursor:pointer; font-size:12px; }


div.tag_grp				{ display:inline-block; margin:1px; border:1px solid #ccc; padding:1px 6px; }

/*フォームフィールド*/
div.form_items	{ margin:1px;  padding:0px; }
div.form_item	{ font-size:16px; }
div.form_lbl	{ font-size:16px; vertical-align:middle; }
div.form_fld	{ font-size:16px; vertical-align:middle; }
div.form_lbl2	{ font-size:16px; vertical-align:middle; }
div.form_fld2	{ font-size:16px; vertical-align:middle; }

/*フォーム上の説明用リンク*/
div.form_desc				{ display:block; margin:8px 0 0 0; text-align:right; font-size:12px; }
div.form_desc a:link		{ color:#fff; }
div.form_desc a:visited		{ color:#fff; }
div.form_desc a:hover		{ color:#000; background:#fff; }
div.form_desc a:active		{ color:#fff; background:#f00; }

div.form_desc::before		{	/*三角表示*/
	content:""; display:inline-block; width:0px; height:0px; vertical-align:-2px; 
	border-top:7px solid transparent; border-right:2px solid transparent; border-bottom:7px solid transparent; border-left:12px solid #f99; 
/*	border-width:7px; border-style:solid; border-color:transparent transparent transparent #f99;*/
}

p.res		{ margin:8px 0px; font-size:20px; line-height:140%; }

/* 2019/01/29 add */
div.cp1		{ display:block; border:1px solid #f44; padding:8px; font-size:14px; color:#f44; line-height:120% }	/*キャンペーン*/




.font1		{ font-size:18px; }
.font2		{ font-size:16px; }
.font3		{ font-size:14px; }
.font4		{ font-size:12px; }


/*	--------
	ＰＣ
	--------*/
@media (min-width:768px) {
	.frame1		{ margin:auto; width:971px; }
	.head		{ width:971px; margin:0 auto; }
	.head1		{ display:inline-block; }
	.head2		{ display:none; }
	.head3		{ display:inline-block; }

	.main0i		{ display:inline-block;	}
	.main1i		{ display:inline-block; }
	.main2i		{ display:inline-block; }

	/*フォーム関連*/
	div.form_items	{ display:table; border-collapse:collapse; }
	div.form_item	{ display:table-row; margin:1px;  padding:1px; }
	div.form_lbl	{ display:table-cell; width:200px; padding:4px 4px;	border:1px solid #aaa; color:#fff; background:#446; }
	div.form_fld	{ display:table-cell; width:500px; padding:4px 1px;	border:1px solid #aaa;}

	/* 2019/01/29 add */
	div.cp1		{ margin:8px 254px 8px 210px; }	/*キャンペーン*/

	/*見積明細*/
	div.est 		{ margin:10px 40px; }
	table.est 		{ margin:10px 40px; }
}
/*	--------
	スマホ
	--------*/
@media screen and (max-width:767px) {
	.frame1		{ margin:auto; width:auto; }
	.head		{ margin:0 auto; }
	.head1		{ display:none; }
	.head2		{ display:block; margin:0 auto; }
	.head2 img	{ max-width:100%; }
	.head3		{ display:none; }

	.main0i		{ display:block; }
	.main1i		{ display:block; }
	.main2i		{ display:block; }

	/*フォーム関連*/
	div.form_items	{ display:block; margin:0px;  padding:0px; }
	div.form_item	{ display:block; border-bottom:1px solid #aaa; padding:1px; }
	div.form_lbl	{ display:block; margin:1px 1px 1px 12px; padding:2px; color:#fff; background:#446;}
	div.form_fld	{ display:block; margin:1px 1px 1px 12px; padding:2px;}

	/* 2019/01/29 add */
	div.cp1		{ margin:8px; }	/*キャンペーン*/

	/*見積明細*/
	div.est 		{ margin:2px; }
	table.est 		{ margin:2px; }
}