The 320x224 represent square pixels.
The 368x224 don't, they have a pixel aspect ratio of 10/11 and take up a larger section of the screen.
Basic overscan:
http://www.lurkertech.com/lg/pixelaspect.html
More technical:
http://www.iki.fi/znark/video/conversion/
While the 368s have non-square pixels, trying to "square" them by resizing will lead to ugliness, most notably in the text.
I think things will look the least distorted if everything is letterboxed to 224, the 368 is cropped to 352 and the 320 is pillarboxed to 352.
a=avisource("013_intro-320x216.avi").trim( 12,815) # battle
b=avisource("014_intro-368x224.avi").trim( 3,235) # reward
c=avisource("015_intro-320x224.avi").trim(202,437) # worldmap
d=avisource("016_intro-368x216.avi").trim( 5,360) # menu
a=a.addBorders(16,4,16,4)
b=b.crop(16,0,0,0)
c=c.addBorders(16,0,16,0)
d=d.addBorders(0,4,0,4).crop(10,0,-6,0)
a++b++c++d
selectevery(2).converttoyv12()
http://ia600608.us.archive.org/32/items/Ff8ScreencapSamples/p8.mp4