@charset "utf-8";
/* --------------------
基本エレメント初期値設定
基本的には作り始め以降いじらない
 --------------------*/
*   { margin: 0px; padding: 0px }
/*html { overflow-y:scroll; }*/
/* operaとNN /*//*/
html {margin-bottom:1px; height:100%;}
/* ここまでoperaとNN */
/*IE6用の配置*/
/* 文字のサイズとカラー */
/*body,p,th,td,dt,dd,div,b,em,li,strong,span,input,textarea { color: #252525; font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; }*/
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
html {
    font-size: 62.5%;
}
body {
    color: #333333;
    font-size: 1.4em;
    font-family: 'Noto Sans JP', sans-serif;
    *font-size: small;
    *font: x-small;
    _text-align: center;
}
p,th,td,dt,dd,div,h2, h3,h4,ul,li,strong,span,input,textarea
 {}
input, textarea {
    font-size: 1.0em;
    font-family: 'Noto Sans JP', sans-serif;
}
table {
    font-size:inherit;
    font:90%;
}
h3 {  }
/* 画像 */
img     { vertical-align: bottom; border: 0 }
.img-border  { border: solid 1px silver }
/* リスト */
li { list-style:none; }
/* 上付文字 */
sup  { font-size: 50% }
/* テーブル */
th  { font-weight: normal; text-align: left }
/* アドレス */
address  { font-style: normal }
/* リンク処理 */
a {  text-decoration: none }
/*a:link    { color: #8C472E;  }
a:visited  { color: #8C472E; }
a:hover    { text-decoration: underline }
a:active { color: #999999; }*/
/* --------------------
よく使うスタイル-フォントの強調など
 --------------------*/
 
/* ========== 回り込み・回り込みクリア ==================== */
.clear  { clear: both }
.f-left  { float: left; display: inline-block;  }
.f-right { display:inline-block; float:right; }
/* ↓これは画像の場合 */
.f-left_p      { float: left; padding: 0 20px 10px 0px; display: inline }
.f-right_p  { float: right; padding: 0 0 10px 20px; display: inline }
/* ========== 局地的に行揃え ==================== */
.center { text-align:center; }
table.center  { margin-right: auto; margin-left: auto; }
table.center td  { text-align: left }
.right { text-align:right; }
/* ========== フォントサイズ ==================== */
.font-s  { font-size: 85% }
.font-l  { font-size: 116% ; }
.font-ll { font-size:131%; }
/* ========== フォントカラー ========== */
.font-red       { color: #dc0000 }
.font-bl    { color: #4048B2 }
.font-gr     { color: #2d730b }
.font-brown { color:#8F6630 }
.ini  { text-indent: -1em; padding-left: 1em }
.hr1     { color: #808080; margin-top: 10px; margin-bottom: 10px; margin-left: 28px; width: 530px; height: 1px } 
/* ========== margin-bottom ========== */
body .mb-0 { margin-bottom: 0px; }
body .mb-2em { margin-bottom: 2em; }
body .mb-3em { margin-bottom: 3em; }
body .mb-4em { margin-bottom: 4em; }
/* ========== 行の高さ ========== */
#main .lh180 { line-height:180%; }
/* ========== 一般的なリスト ========== */
ul.normal  { margin-bottom: 13px; margin-left: 30px }
ul.normal li  { list-style-type: disc; margin-bottom: 12px }
ul.num  { margin-bottom: 13px; margin-left: 30px }
ul.num li   { list-style-type: decimal; margin-bottom: 12px }
/* ========== hr ========== */
.hr  { background: url(../img/hr.gif) no-repeat left top; padding-top: 1em; margin-bottom: 1em }
/* ========== 備考欄 ========== */
.bikou   { margin-bottom: 1em; padding-top: 1em; border: solid 1px #666666; }
.bikou p,.bikou table  { margin: 0px auto; width: 520px }
/* ========== jama追加 ========== */
div#result1,
div#result2 {
	display:none;
	margin:20px 0;
	border-color:#c2c2c2;
	border-style:solid;
	border-width:1px 1px 1px 3px;
	padding:10px;
}
div#error {
	border-color:#ff0000;
	border-style:solid;
	border-width:1px;
	padding:10px;
	background-color:#ffe0e0;
	margin:0 auto 20px;
}
div#error ul li {
	list-style:disc inside;
	margin:5px 0;
}
div#error ul li.md {
	list-style:none;
}
div#reminder {
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	width:500px;
}
#reminder dl{
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	width: 300px;
}
#reminder dl dt {
	_text-align: left;
	float: left;
	padding:5px 8px;
	width: 6em;
	margin-right:5px;
	background-color:#e4e7ee;
}
#reminder dl dd {
	_text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#reminder p {
	text-align:center;
	margin-bottom:12px;
}
div.form_kind {
	border-color:#c2c2c2;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	padding:10px 10px 0;
	margin-bottom:10px;
	height:100%;
}
div.form_kind .name {
	float:left;
	width:60%;
}
div.form_kind .note {
	float:left;
	width:30%;
}
div.form_kind .bottom {
	clear:both;
}
table.order {
	margin:10px 0 20px;
}
table.order th {
	text-align: left;
	padding:10px;
	background-color:#e4e7ee;
	border:1px solid #ffffff;
	vertical-align:top;
}
table.order td {
	text-align: left;
	padding:10px;
	border:1px solid #ffffff;
}
div.order_number {
	margin:10px auto;
	padding:20px;
	border:1px solid #c2c2c2;
	width:300px;
}
div.order_number span.order_number {
	font-size:200%;
}

dl#news dd.multirow{padding-left:103px;white-space:nowrap;}
dl#news dd.multirow p.sentence{margin-left:13px;}
dl#news dd.multirow p.mark{float:left;}