@charset "UTF-8";

/* lineupgrade table */
table.table-lineupgrade { margin-bottom:20px; }
table.table-lineupgrade th { width:auto; padding:7px; text-align:center; font-weight:normal; background-color:#EAFAFF; border:1px #DDD solid; }
table.table-lineupgrade td { width:auto; padding:7px; border:1px #DDD solid; }
table.table-lineupgrade td.t-lg-FFF4D5 { width:15%; text-align:center; background-color:#FFF4D5; line-height:1.5em; }
table.table-lineupgrade td.t-lg-center { text-align:center; }
table.table-lineupgrade td.t-lg-EEE { background-color:#EEE; }

/* gradelist table */
table.table-gradelist { margin-bottom:3px; }
table.table-gradelist th.th-precede { width:17%; padding:7px; text-align:center; font-weight:normal; background-color:#FFE495; border:1px #DDD solid; vertical-align:bottom; }
table.table-gradelist th.th-following { width:auto; padding:7px; text-align:center; font-weight:normal; background-color:#AAECFF; border:1px #DDD solid; }
table.table-gradelist td { width:auto; padding:7px; border:1px #DDD solid; text-align:center; }
table.table-gradelist td.td-EAFAFF { text-align:center; background-color:#EAFAFF; }
table.table-gradelist td.td-FFF4D5 { text-align:center; background-color:#FFF4D5; }

/* lineup area */
#lineupbody { margin:0 auto 5px; width:700px; background:url("../lineup/images/bg_lineup.gif") 0 0 repeat-y; }
#resultbody { margin:0 auto 20px; padding-top:45px; width:700px; background:url("../lineup/images/bg_result.gif") 0 0 no-repeat; }
.lineup-left { width:340px; margin-right:20px; float:left; }
.lineup-right { width:340px; float:left; }
.lineup-left h3,.lineup-right h3 { margin-bottom:0; padding:5px; text-align:center; color:#FFF; background-color:#06C; }
.lineup-contents { padding:10px 15px 0; }
.lineup-contents h4 { margin-bottom:3px; padding-left:17px; background:url("../lineup/images/mark_arrow.gif") 0 3px no-repeat; }
.lineup-contents select { margin-bottom:20px; width:100%; }
.result-contents { padding:10px 15px; background-color:#FFF4D5; }
.result-contents input { padding:5px; width:296px; color:#E68800; font-weight:bold; border:2px #CCC solid; }

/* lineuppoint area */
ul.lineuppoint { list-style:none; margin-bottom:20px; }

/* sample button area */
div#b-sample { margin:30px auto 10px; width:300px; }
div#b-sample a { display:block; height:35px; background:url("../lineup/images/b_sample.gif") 0 0 no-repeat; }
div#b-sample a:hover { background-position:0 -35px; }