@charset "shift_jis";

/* 共通 */

* {
color:#333;
font-size:14px;
line-height:1.4em;
margin:0;
padding:0;
list-style:none;
}

a:link,
a:visited {
color:#36f;
}

a:hover,
a:active {
color:#f63;
}

img {
border:0;
vertical-align:bottom;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

/* レイアウト */

body {
text-align:center;
background:#eee;
}

#document {
text-align:left;
width:620px;
padding:20px;
margin:0 auto;
background:#fff;
}

h1 {
font-size:20px;
text-align:center;
}

strong {
font-size:120%;
}

.right {
text-align:right;
margin:10px 0 0 0;
}

.sender {
width:100%;
margin:10px 0 0 0;
border-top:1px solid #000;
border-right:1px solid #000;
}

.sender th,
.sender td {
text-align:center;
vertical-align:top;
padding:8px 4px;
border-bottom:1px solid #000;
border-left:1px solid #000;
}

.sender th {
width:120px;
background:#ccc;
}

.sender td {
text-align:left;
}

.order {
width:100%;
margin:10px 0 0 0;
border-top:1px solid #000;
border-right:1px solid #000;
}

.order th,
.order td {
text-align:center;
padding:6px 4px;
border-bottom:1px solid #000;
border-left:1px solid #000;
}

.order th {
background:#ccc;
}

.order td.price {
text-align:right;
padding-right:35px;
}

.order .gray {
color:#999;
}

.gyo2 {
height:30px;
}

.order td.bn {
border:none;
}

.memo {
width:100%;
margin:10px 0 0 0;
border:1px solid #000;
}

.memo td {
font-weight:bold;
padding:8px;
}

p {
font-weight:bold;
text-align:center;
margin:10px 0 0 0;
}
