body { background-color: white; font-size: 90%; margin-left: 0px; margin-right: 0px; }



table.void { margin: 0px; padding: 0px; border: none; }
a.void { text-decoration: none; color: none; }
a.dotted { text-decoration: none; border-bottom: blue dotted 1px; color: blue; }


img.button { border: none; margin: 0px 3px; vertical-align: middle; }

div.info { margin: 10px; padding:6px 12px; background-color: beige; border: 1px solid gray ; line-height: 1.7; }
div.small { font-size: 90%;}

div.main { margin: 0px 15px; }
div.normal { line-height: 1.7; }
div.formtitle { font-weight: bold; font-size: 18; border-left: 20px solid #284ea1; padding-left: 10px; margin: 18px 0px; height: 40px; padding-top: 11px; line-height: 1;}
div.formpre { text-indent: -15px; line-height: 1.3; margin: 5px 0px 5px 15px;}
span.maru { color: #284ea1; }

.info div.title { font-size:110%; font-weight: bold;  }



/* フォーム */
div.form { margin: 0px; padding:6px 12px; background-color: whitesmoke; border: 2px solid #284ea1 ; line-height: 1.7; }
.form div.chu { font-size: 90%; color: firebrick; margin: 3px; }
.form div.caution { color: red; font-size: 90%; font-weight: bold; }
.form table.fd { border-collapse: collapse ; font-size: 95%; width: 90%; }
.form td.f { background-color: ivory; padding: 5px 8px; border: 1px gray solid; vertical-align: top; border-right:  dotted 1px gray;}
.form td.d { background-color: white; padding: 3px 8px; border: 1px gray solid; border-left: dotted 1px gray;}
.form input.button { background-color: #284ea1; color :white; }
.form .textbox { border: 1px solid gray; }

/* 最初のページ */
.info_index a { display: block; width: 250px; text-align: center; text-decoration: none; border: none; height: 25px; margin: 3px; vertical-align: middle ;}



.info_index div.chu { vertical-align: middle; border: none; padding: 5px 0px; margin: 3px ;}
.info_index table { border-collapse: collapse; font-size: 100%; }
.info_index td { border: none; }


/* 全般 */
table.fd { border-collapse: separate ; }
td.f { text-align: right; background-color: #a0a7c9; padding: 3px; margin: 1px:}
td.d { background-color: white; padding: 3px; margin: 1px;}
td.fl { background-color: #a0a7c9; padding: 3px; margin: 1px; }
td.dr { background-color: #cccccc; padding: 3px; margin: 1px; text-align: right;}
.void table { border-collapse: collapse; }
.void td { border: none; }
span.redline { border-bottom: 1px solid red; }

.info_index a { display: block; width: 250px; height: 25px; }
.info_index a:hover { background-position: 0px -25px; }

a.button_card { background-image: url('img/button_card.png'); }
a.button_mae { background-image: url('img/button_mae.png'); }
a.button_ato { background-image: url('img/button_ato.png'); }
a.button_others { background-image: url('img/button_others.png'); }

a.i_q { display: block; background-image: url('img/i_q.gif'); padding: 2px 0px 0px 20px;  margin-top: 0px; margin-bottom: 0px; background-repeat: no-repeat; height: 20px; text-decoration: none;}
a.i_q:hover { text-decoration: underline; }


/* イメージボタン */
#infoBar a.card { display: block; background: url('img/info_card.png'); background-repeat: no-repeat;}
#infoBar a.notify { display: block; background: url('img/info_notify.png'); background-repeat: no-repeat;}
#infoBar a.order { display: block; background: url('img/info_order.png'); background-repeat: no-repeat;}

#infoBar a:hover {
	background-position: 0px -29px; 
}