@charset "euc-jp";
/* CSS Document */

/*------------------------------------------------
目次:

00.初期化
01.全体
02.レイアウト
03.ヘッダー
04.メイン
05.フッター
06.フォーム
07.申込番号の入力
08.出荷状況の照会
09.原材料表示
10.商品変更
11.プライバシーについて
12.エラー
------------------------------------------------*/


/*------------------------------------------------
00.初期化
------------------------------------------------*/
html {
	overflow-y: scroll;
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, caption, tbody, tfoot, thead, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {
	border: 0;
	line-height: 0;
	vertical-align: top;
	font-size: 0;
}
ul, ol, li {
	list-style-type: none;
}
table {
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: 400;
}
object, embed {
	vertical-align: top;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}


/*------------------------------------------------
01.全体
------------------------------------------------*/
body {
	background-color: #ffffff;
	background: url(../image/back.gif) repeat-y left top;
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック", Verdana, sans-serif;
	color: #333333;
	font-size: 12px;
	letter-spacing: 0.1em;
}
* body {
	font-size: 75%;
}
th, td {
	padding: 3px;
}
a:link {
	color: #0099ff;
}
a:visited {
	color: #669966;
}
a:hover {
	color: #0099ff;
}
a:active {
	color: #ffcc33;
}
table {
	border-collapse: collapse;
}
input {
	padding: 3px;
}
.attention {
	color: #ff3737;
}
.star {
	font-size: 133%;
}
.warning {
	width: 340px;
	margin: 10px auto;
	padding: 5px;
	border: 1px solid #ff0000;
	text-align: center;
	color: #ff0000;
}

/*------------------------------------------------
02.レイアウト
------------------------------------------------*/
div#wrapper {
	width: 705px;
}
.tableTitle {
	width: 496px;
	margin: 1em auto 0;
	padding: 3px;
	background-color: #009966;
	text-align: left;
	color: #ffffff;
	font-size: small;
}
.partition {
	margin-top: 1em;
	text-align: center;
}
.confirmationSentence {
	width: 500px;
	margin: 1em auto 0;
	text-align: left;
}
.subTitle {
	width: 500px;
	margin: 1em auto 0;
	background-color: #009966;
	font-size: 150%;
	color: #ffffff;
}

/*------------------------------------------------
03.ヘッダー
------------------------------------------------*/
div#wrapper div#header {
	/*width: 705px;
	height: 90px;
	background: url(../image/blue5top.gif) no-repeat left top;
	text-align: center;*/
}
div#wrapper div#header img {
	/*margin-top: 25px;*/
}

/*------------------------------------------------
04.メイン
------------------------------------------------*/
div#wrapper div#contentsWrap {
	padding: 1em 11px 0 74px;
	text-align: center;
}
div#wrapper div#contentsWrap div#contents {
	width: 620px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
div#wrapper div#contentsWrap div#contents div#accepts,
div#wrapper div#contentsWrap div#contents div#shippingInfo {
	width: 310px;
	text-align: left;
	font-weight: 800;
}
div#wrapper div#contentsWrap div#contents div#accepts {
	float: left;
}
div#wrapper div#contentsWrap div#contents div#shippingInfo {
	float: right;
}
div#wrapper div#contentsWrap div#contents div#accepts dl dt,
div#wrapper div#contentsWrap div#contents div#shippingInfo dl dt {
	padding-right: 5px;
	float: left;
}
div#wrapper div#contentsWrap div#contents div#accepts dl dd strong,
div#wrapper div#contentsWrap div#contents div#accepts dl dd a {
	color: #ff0033;
}
div#wrapper div#contentsWrap div#contents div#shippingInfo dl dd strong,
div#wrapper div#contentsWrap div#contents div#shippingInfo dl dd a {
	color: #009933;
}
div#wrapper div#contentsWrap div#contents div#accepts dl dd strong,
div#wrapper div#contentsWrap div#contents div#shippingInfo dl dd strong {
	font-size: 116%;
}
div#wrapper div#contentsWrap div#contents div#rawMaterial {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #666666;
	clear: both;
	text-align: left;
}
div#wrapper div#contentsWrap div#contents div#rawMaterial p {
	margin-top: 10px;
}
div#wrapper div#contentsWrap div#contents div#rawMaterial a {
	width: 230px;
	height: 30px;
	display: block;
}
div#wrapper div#contentsWrap div#contents div#rawMaterial a:hover {
	background: url(../image/materials_button2.gif) no-repeat left top;
}
div#wrapper div#contentsWrap div#contents div#accepts .acceptsBtn,
div#wrapper div#contentsWrap div#contents div#shippingInfo .shippingInfoBtn {
	width: 85px;
	height: 85px;
	display: block;
	overflow: hidden;
}
div#wrapper div#contentsWrap div#contents div#accepts .acceptsBtn:hover,
div#wrapper div#contentsWrap div#contents div#shippingInfo .shippingInfoBtn:hover,
div#wrapper div#contentsWrap div#contents div#rawMaterial a:hover {
	text-indent: -9999px;
}
div#wrapper div#contentsWrap div#contents div#accepts .acceptsBtn {
	background: url(../image/02_2.gif) no-repeat left top;
}
div#wrapper div#contentsWrap div#contents div#shippingInfo .shippingInfoBtn {
	background: url(../image/01_2.gif) no-repeat left top;
}

/*------------------------------------------------
05.フッター
------------------------------------------------*/
div#wrapper div#footer {
	margin: 1em 11px 0 74px;
	padding-top: 1em;
	border-top: 1px solid #666666;
}
div#wrapper div#securityBox {
	width: 400px;
	margin: 1em auto 0;
	border: 1px solid #999999;
}
div#wrapper div#securityBox div#securityBoxInner {
	width: 396px;
	border: 2px solid #cccccc;
	overflow: hidden;
}
div#wrapper div#securityBox div#securityBoxInner div#verisign {
	width: 115px;
	padding: 10px 0;
	float: left;
	display: table-cell;
}
div#wrapper div#securityBox div#securityBoxInner div#securityText {
	width: 259px;
	min-height: 82px;
	height: auto !important;
	height: 82px;
	padding: 10px;
	border-left: 2px solid #cccccc;
	float: right;
	text-align: left;
}
div#wrapper div#formFooter {
	margin: 2em 11px 0 74px;
	padding: 1em 0 2em;
}

/*------------------------------------------------
06.フォーム
------------------------------------------------*/
div#wrapper div#contentsWrap {
	margin-top: 1em;
}
div#wrapper div#contentsWrap table#formTable {
	width: 400px;
	margin: 0 auto;
}
div#wrapper div#contentsWrap table#formTable th,
div#wrapper div#contentsWrap table#formTable td {
	border: 1px solid #003366;
}
div#wrapper div#contentsWrap table#formTable thead th {
	padding: 0;
	background-color: #009966;
	text-align: center;
	font-weight: 800;
	color:#ffffff;
}
div#wrapper div#contentsWrap table#formTable thead th p {
	padding: 1px;
	border: 1px solid #003366;
	font-size: 125%;
}
div#wrapper div#contentsWrap table#formTable thead th p strong {
	color:#ffff00;
}
div#wrapper div#contentsWrap table#formTable thead th p strong.attention {
	color: #ff3737;
	font-size: 87%;
}
div#wrapper div#contentsWrap table#formTable tbody th {
	background-color: #bdfdcf;
	text-align: center;
	font-weight: 400;
}
div#wrapper div#contentsWrap table#formTable tbody td {
	text-align: left;
}
div#wrapper div#contentsWrap p#buttonWrap {
	margin-top: 1em;
	text-align: center;
}
div#wrapper div#contentsWrap p#buttonWrap span#submitAttention {
	font-size: x-small;
}
div#wrapper div#returnTop {
	width: 400px;
	margin: 1em auto 0;
	text-align: center;
}
div#wrapper div#returnTop .link {
	padding-top: 1em;
}

/*------------------------------------------------
07.申込番号の入力
------------------------------------------------*/
div#wrapper div#contentsWrap ul#transition {
	width: 620px;
	overflow: hidden;
}
div#wrapper div#contentsWrap ul#transition li {
	margin-left: 3px;
	padding-left: 28px;
	background: url(../image/b_lis019.gif) no-repeat 6px center;
	display: table-cell;
	vertical-align: bottom;
}
* html div#wrapper div#contentsWrap ul#transition li {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html div#wrapper div#contentsWrap ul#transition li {/* IE 7 */
	display:inline;
	zoom:1;
}
div#wrapper div#contentsWrap ul#transition li.left {
	margin-left: 0;
	background: none;
}
div#wrapper div#contentsWrap ul#transition li strong {
	font-size: 133%;
}
div#wrapper div#contentsWrap h2#applicationTitle {
	margin: 2em 0 0;
}
div#wrapper div#contentsWrap .infoTable {
	width: 500px;
	margin: 2px auto 0;
	text-align: left;
}
div#wrapper div#contentsWrap .infoTable th,
div#wrapper div#contentsWrap .infoTable td {
	border: 1px solid #003366;
}
div#wrapper div#contentsWrap .infoTable th {
	width: 150px;
	background-color: #bdfdcf;
}
div#wrapper div#contentsWrap .infoTable td {
	width: 350px;
}
div#wrapper div#contentsWrap h3#inputTitle {
	margin-top: 1em;
}
div#wrapper div#contentsWrap .indispensabilityTable {
	width: 500px;
	margin: 5px auto 0;
	text-align: left;
}
div#wrapper div#contentsWrap .indispensabilityTable th {
	width: 150px;
	background-color: #bdfdcf;
}
div#wrapper div#contentsWrap .indispensabilityTable th,
div#wrapper div#contentsWrap .indispensabilityTable td {
	border: 3px solid #003366;
}
.centerCell {
	width: 325px;
}
div#wrapper div#contentsWrap .indispensabilityTable .attention.star {
	width: 25px;
	display: block;
	text-align: center;
}
div#wrapper div#contentsWrap table#deliveryDesiredDate {
	width: 500px;
	margin: 2px auto 0;
	text-align: left;
}
div#wrapper div#contentsWrap table#deliveryDesiredDate th,
div#wrapper div#contentsWrap table#deliveryDesiredDate td {
	border: 1px solid #003366;
}
div#wrapper div#contentsWrap table#deliveryDesiredDate thead th {
	background-color: #e2feea;
}
div#wrapper div#contentsWrap table#deliveryDesiredDate tbody th {
	background-color: #bdfdcf;
}
div#wrapper div#contentsWrap #fixation {
	width: 500px;
	margin: 1em auto 0;
	background-color: #009966;
	color: #ffffff;
}
div#wrapper div#contentsWrap #completionTable {
	width: 500px;
	margin: 1em auto 0;
	font-size: 133%;
}
div#wrapper div#contentsWrap #completionTable th,
div#wrapper div#contentsWrap #completionTable td {
	border: 2px solid #003366;
}
div#wrapper div#contentsWrap #completionTable th {
	background-color: #009966;
	text-align: center;
	color: #ffffff;
}
div#wrapper div#contentsWrap #completionTable td {
	background-color: #99ccff;
}
div#wrapper div#contentsWrap #completionTable td strong {
	margin: 1em 0;
	display: block;
}
div#wrapper div#contentsWrap #completionTable td a {
	color: #990099;
}

/*------------------------------------------------
08.出荷状況の照会
------------------------------------------------*/
div#wrapper div#contentsWrap p#receiving {
	margin-top: 1em;
	font-size: 250%;
	font-weight: 800;
}
div#wrapper div#contentsWrap div#accident {
	width: 23em;
	max-width: 620px;
	margin: 2em auto 0;
	border: 1px solid #003366;
	color: #ff0000;
}
div#wrapper div#contentsWrap div#accident p {
	margin: 1em 0;
	color: #333333;
	font-size: 133%;
}
div#wrapper div#contentsWrap table#shipmentStatus {
	width: 500px;
	margin: 2em auto 0;
	text-align: left;
}
div#wrapper div#contentsWrap table#shipmentStatus th,
div#wrapper div#contentsWrap table#shipmentStatus td {
	border: 1px solid #003366;
}
div#wrapper div#contentsWrap table#shipmentStatus thead th {
	background-color: #009966;
	color: #ffffff;
}
div#wrapper div#contentsWrap table#shipmentStatus tbody th {
	width: 33%;
	background-color: #bdfdcf;
}
div#wrapper div#contentsWrap p#accidentText {
	width: 500px;
	margin: 1em auto 0;
	text-align: left;
	color: #ff0000;
}
.contactText {
	margin-top: 1em;
}
.shipmentTable {
	margin-top: 1em !important;
}
/* #1536 start */
.logout{
	text-align: center;
	margin: 36px 0px 0px 0px;
}
/* #1536 end */
/*------------------------------------------------
09.原材料表示
------------------------------------------------*/
div#wrapper div#contentsWrap h2#materialTitle,
div#wrapper div#contentsWrap p#materialText {
	width: 500px;
	margin: 0 auto;
	text-align: left;
}
div#wrapper div#contentsWrap p#materialText {
	margin-top: 1em;
}
div#wrapper div#contentsWrap div#materialWrap {
	width: 420px;
	margin: 2em auto 0;
	padding: 1em;
	background-color: #e6e6e6;
}
div#wrapper div#contentsWrap div#materialWrap p {
	margin-top: 1em;
}
div#wrapper div#contentsWrap div#materialWrap .top {
	margin-top: 0;
}
.materialTable {
	margin-top: 1em !important;
}

/*------------------------------------------------
10.商品変更
------------------------------------------------*/
div#wrapper div#contentsWrap h2#pageTitle {
	width: 500px;
	margin: 1em auto 0;
	background-color: #009966;
	font-size: 200%;
	color: #ffffff;
}
div#wrapper div#contentsWrap div#commodityText {
	width: 500px;
	margin: 1em auto;
	text-align: left;
}
div#wrapper div#contentsWrap div#buttonArea {
	margin-top: 2em;
}

/*------------------------------------------------
11.プライバシーについて
------------------------------------------------*/
div#wrapper div#contentsWrap div#privacyText {
	width: 500px;
	margin: 2em auto 0;
}
div#wrapper div#contentsWrap div#privacyText p {
	margin-top: 1em;
	text-align: left;
}
div#wrapper div#contentsWrap div#privacyText .mail {
	text-align: center;
}

/*------------------------------------------------
12.エラー
------------------------------------------------*/
div#wrapper div#contentsWrap #errorMessage {
	width: 500px;
	margin: 1em auto 0;
	font-size: 133%;
}
div#wrapper div#contentsWrap #errorMessage th,
div#wrapper div#contentsWrap #errorMessage td {
	border: 2px solid #003366;
}
div#wrapper div#contentsWrap #errorMessage th {
	background-color: #000099;
	color: #ffffff;
	text-align: center;
}