@charset "utf-8";

#content .box { margin-top: 1em; }
#content .ac { text-align: center; }
#content .red { color: #cc0000; }
#content img { vertical-align: bottom; }
#content strong { font-size: 20px; font-weight: bold; color: #ff6600; }
#content table { margin-top: 1em; border-bottom: 1px solid #cccccc; }
#content table th,
#content table td { padding: 5px; border-top: 1px solid #cccccc; }
#content table th { white-space: nowrap; background: #ececec; }
#content a.linkbtn { margin: 2em auto; padding: 1em; border-radius: 4px; display: block; width: 200px; text-align: center; color: #fff; background-color: #008ff2; }


/* body#mode-index
----------------------------------------------------------------------- */
body#mode-index #content .box1 { margin-top: 30px; }

/* body#mode-story
----------------------------------------------------------------------- */
body#mode-story #content .box1 { margin-top: 30px; position: relative; height: 540px; background: url(../img/story-pic-1-1.jpg) 0 0 no-repeat; }
body#mode-story #content .box1 .text { position: absolute; width: 300px; top: 0; left: 0; }
body#mode-story #content .box2 { position: relative; height: 600px; background: url(../img/story-pic-2.jpg%3F150730-2) 0 bottom no-repeat; }
body#mode-story #content .box2 .text { position: absolute; width: 280px; top: 0; left: 0; }
body#mode-story #content .box3 { position: relative; height: 344px; background: url(../img/story-pic-3.jpg%3F2017-4-6) 0 bottom no-repeat; }
body#mode-story #content .box3 .text1 { position: absolute; width: 224px; top: 32px; right: 0; }
body#mode-story #content .box3 .text2 { position: absolute; width: 224px; bottom: 48px; left: 0; }
body#mode-story #content .box4-2 p { text-align: center; }
body#mode-story #content .box5 .fl { float: left; }
body#mode-story #content .box5 .fr { float: right; width: 340px; text-align: left; }
body#mode-story #content .box5-2 { position: relative; height: 338px; background: url(../img/story-pic-5-3.jpg) 0 bottom no-repeat; }
body#mode-story #content .box5-2 .text1 { position: absolute; width: 200px; top: 20px; left: 390px; }
body#mode-story #content .box5-2 .text2 { position: absolute; width: 300px; bottom: 20px; right: 400px; text-align: right; }

/* body#mode-zenkoku
----------------------------------------------------------------------- */
body#mode-zenkoku #content table { width: 100%; }
body#mode-zenkoku #content table th,
body#mode-zenkoku #content table td { padding: 10px; border-top: 1px solid #cccccc; }
body#mode-zenkoku #content table th { width: 10%; }
body#mode-zenkoku #content table td dl dt { margin-top: 10px; font-weight: bold; }
body#mode-zenkoku #content table td { padding: 0 10px 10px 10px; }

/* body#mode-online
----------------------------------------------------------------------- */
body#mode-online #content .dball h4.gen-subhead { background: url(../img/online-h-1.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #330000; }
body#mode-online #content .item h4.gen-subhead { background: url(../img/online-h-2.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #003366; }

body#mode-online #content .event-pane { padding: 0 18px 18px 18px; border: 2px solid #cccccc; }
body#mode-online #content .fl { float: left; width: 340px; }
body#mode-online #content .fr { float: right; width: 340px; }

body#mode-online #content table { margin: 1em 0 .5em 0; width: 100%; }
body#mode-online #content table th,
body#mode-online #content table td { border: 1px solid #ffffff; font-weight: normal; }
body#mode-online #content table th.ac { text-align: center!important; }

body#mode-online #content .dball table tr.label th { background: #FACECD; font-weight: bold; }
body#mode-online #content .dball table tr th,
body#mode-online #content .dball table tr td { background: #fff0f0; }
body#mode-online #content .dball table tr.even th,
body#mode-online #content .dball table tr.even td { background: #fff7f7; }
body#mode-online #content .dball table tr th,
body#mode-online #content .dball table tr td { border: 1px solid #ffffff; }

body#mode-online #content .item table tr.label th { background: #b4d9ff; font-weight: bold; }
body#mode-online #content .item table tr th,
body#mode-online #content .item table tr td { background: #e2f1ff; }
body#mode-online #content .item table tr th,
body#mode-online #content .item table tr td { border: 1px solid #ffffff; }

/* body#mode-event
----------------------------------------------------------------------- */
body#mode-event #content strong { font-size: 18px; }
body#mode-event #content .event-pane { padding: 0 18px 18px 18px; border-width: 2px; border-style: solid; }
body#mode-event #content .event-pane .begin { margin-top: 0; }
body#mode-event #content .event-pane ul { margin-left: 1.5em; }
body#mode-event #content .event-pane ul.kome { list-style: none; }
body#mode-event #content .event-pane ul.kome li { margin-left: -.5em; text-indent: -1em; }
body#mode-event #content .event-pane .fl { float: left; width: 300px; }
body#mode-event #content .event-pane .fr { float: right; width: 370px; }
body#mode-event #content .event-pane em { font-weight: bold; margin-top: .5em; display: inline-block; font-size: 16px; }
body#mode-event #content .event-pane .point { margin-top: .5em; }
body#mode-event #content .event-pane .point ul.col { position: relative; }
body#mode-event #content .event-pane .point ul.col div { width: 320px; position: absolute; left: 0; top: 0;  }
body#mode-event #content .event-pane .point ul.col img { position: absolute; right: 0; top: 0; }
body#mode-event #content .event-pane .point  table.col,
body#mode-event #content .event-pane .point  table.col th,
body#mode-event #content .event-pane .point  table.col td { border: none; vertical-align: top; }


body#mode-event #content #extreme .event-pane { border-color: #785000; }
body#mode-event #content #extreme h4.gen-subhead { background: url(../img/event-extreme-h.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #330000; }
body#mode-event #content #extreme .ranking .fl { float: left; width: 330px; }
body#mode-event #content #extreme .ranking .fr { float: right; width: 340px; }

body#mode-event #content #single .event-pane { border-color: #d93600; }
body#mode-event #content #single h4.gen-subhead { background: url(../img/event-single-h.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #330000; }

body#mode-event #content #gekiha .event-pane { border-color: #006600; }
body#mode-event #content #gekiha h4.gen-subhead { background: url(../img/event-gekiha-h.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #004000; }

body#mode-event #content #dende .event-pane { border-color: #59b200; }
body#mode-event #content #dende h4.gen-subhead { background: url(../img/event-dende-h.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #004000; }

body#mode-event #content #newteam .event-pane { border-color: #cc3333; }
body#mode-event #content #newteam h4.gen-subhead { background: url(../img/event-newteam-h.jpg) no-repeat; color: #ffffff; text-shadow: 1px 1px 0 #990000; }


/* body#mode-playercpu
----------------------------------------------------------------------- */
body#mode-playercpu #content .box { margin-top: 0; margin-bottom: 20px; }
body#mode-playercpu #content .box.col .fl { float: left; }
body#mode-playercpu #content .box.col .fr { float: right; width: 330px; }