@charset "utf-8";

body.tactics #content ol { list-style: none; padding-bottom: 20px; }
body.tactics #content ol li { margin-bottom: -20px; width: 740px; overflow: hidden; }
body.tactics #content ol li img { vertical-align: bottom; }
body.tactics #content ol li .gen-parahead { margin: 0; padding: 0; position: relative;  height: 65px; vertical-align: bottom; }
body.tactics #content ol li .gen-parahead em { display: block; position: absolute; bottom: 0; left: 0; width: 90px; height: 65px; background: url(../img/face-goku.jpg) no-repeat; }
body.tactics #content ol li .gen-parahead span { display: block; position: absolute; bottom: 5px; left: 95px; }
body.tactics #content ol li .fl { float: left; }
body.tactics #content ol li .fr { float: right; }
body.tactics #content ol li .how { width: 340px; }
body.tactics #content ol li .fig { margin-top: 20px; }
body.tactics #content ol li h5 { margin-top: 20px; margin-bottom: -5px; border-bottom: 3px solid #cccccc; font-size: 16px; }


/* body#tactics-index
----------------------------------------------------------------------- */
body#tactics-index #content ol li { height: 300px; }
body#tactics-index #content ol li .gen-parahead { margin: 0; padding: 0; position: relative; height: 65px; vertical-align: bottom; }
body#tactics-index #content ol li .gen-parahead em { display: block; position: absolute; bottom: 0; left: 0; width: 90px; height: 65px; background: url(../img/face-goku.jpg) no-repeat; }
body#tactics-index #content ol li .gen-parahead span { display: block; position: absolute; bottom: 5px; left: 95px; }
body#tactics-index #content ol li .text { margin-top: 15px; padding-right: 395px; }

body#tactics-index #content ol li#advanced1 { height: 320px; background: url(../img/howto1-pic.jpg) 0 bottom no-repeat; }
body#tactics-index #content ol li#advanced2 { height: 425px; position: relative; }
body#tactics-index #content ol li#advanced2 .text { padding-left: 0; padding-right: 435px; }
body#tactics-index #content ol li#advanced2 .pic { position: absolute; right: 0; bottom: 0; }
body#tactics-index #content ol li#advanced3 { height: 310px; background: url(../img/howto3-pic.jpg) right bottom no-repeat; }
body#tactics-index #content ol li#advanced3 .text { width: 340px; }
body#tactics-index #content ol li#advanced4 { height: 301px; background: url(../img/howto4-pic.jpg) 0 bottom no-repeat; }

body#tactics-index #content ol li#tip2 { height: 485px; background: url(../img/basic-pic-2.jpg%3F150730) no-repeat bottom; }
body#tactics-index #content ol li#tip2 .how { margin-left: 500px; width: 240px; }
body#tactics-index #content ol li#tip4 { margin-bottom: -20px; position: relative; height: 540px; }
body#tactics-index #content ol li#tip4 .box1 { width: 345px; height: 235px; margin-left: 395px; }
body#tactics-index #content ol li#tip4 .box1 h5,
body#tactics-index #content ol li#tip4 .box2 h5 { margin-top: 15px; border-bottom: 3px solid #cccccc; font-size: 16px; }
body#tactics-index #content ol li#tip4 .box1 .text,
body#tactics-index #content ol li#tip4 .box2 .text { padding: 0; }
body#tactics-index #content ol li#tip4 .box1 .pic { width: 380px; position: absolute; left: 0; top: 80px; }
body#tactics-index #content ol li#tip4 .box2 { width: 345px; height: 220px; }
body#tactics-index #content ol li#tip4 .box2 .pic { width: 380px; position: absolute; right: 0; top: 315px; }
body#tactics-index #content ol li.tip1,
body#tactics-index #content ol li#tip3,
body#tactics-index #content ol li#tip5,
body#tactics-index #content ol li#tip6,
body#tactics-index #content ol li#tip7 { height: 320px; }


/* body#tactics-intermediate
----------------------------------------------------------------------- */
body#tactics-intermediate #content ol li#tip4 .box { position: relative; }
body#tactics-intermediate #content ol li#tip4 .box p { padding-right: 115px; }
body#tactics-intermediate #content ol li#tip4 .box img { position: absolute; top: 0; right: 0; }


/* body#tactics-advanced
----------------------------------------------------------------------- */
body#tactics-advanced #content #tip3 .append { padding-top: 15px; clear: both; }
body#tactics-advanced #content #tip3 .append div { margin-top: 20px; position: relative; background: url(../img/advanced-pic-4.jpg) left top no-repeat; height: 290px; }
body#tactics-advanced #content #tip3 .append p { margin: 0; position: absolute; top: 15px; right: 0; width: 405px; }
body#tactics-advanced #content #tip5 .how { width: 300px; }