サイトのどこにおいても良いように書き換えた。
サーバーのどこかに置いてください。
★HTMLとCSSの基本を身につけましょう。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』であって、デザインのためではありません。
★スタイルシートの
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html )
は、絶対にひつような知識。これがないとDIVをデザインのために書いたり、煩雑なHTML/CSSになる。
頑張ってください。
<style type="text/css" media="screen">
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.6em;}
p{text-indent:1em;line-height:1.8em;}
div.header,div.section,div.footer{width:90%;min-width:630px;max-width:900px;margin:0 auto;padding:5px;position:relative;}
div.header h1,div.header h2{width:49%;display:inline-block;position:relative;}
div.header h1 img,div.header h2 img{width:90%;height:auto;}
div.header div.nav{width:100%;line-height:2em;text-align:center;}
div.header div.nav a{text-decoration:none;font-weight:bold;color:black;}
div.header div.nav ul,div.header div.nav ul li{list-style:none;margin:0;padding:0;}
div.header div.nav ul li{display:inline-block;width:13%;position:relative;margin-left:1px;font-weight:bold;}
div.header div.nav ul li+li:before{content:"|";position:absolute;left:-1px;top:0;}
div.header div.nav ul li ul{position:absolute;top:2em;width:100%;display:none;z-index:10;}
div.header div.nav ul li:hover ul{display:block;}
div.header div.nav ul li ul li{font-weight:normal;width:100%;}
div.header div.nav ul li ul li:before{content:"";}
div.section h2,div.section p,div.section div.section,div.section div.aside{width:auto;margin:0 300px 0 0;min-width:0;border-color:gray;border-style:dotted;}
div.section{min-height:800px;}
div.section div.section{min-height:0;}
div.section div p{width:auto;margin:0;}
div.section div.nav{position:absolute;width:295px;top:0;right:0;font-size:0.95em;}
div.section div.nav h4{line-height:33px;border-bottom:ridge 5px rgb(255,100,100);}
div.section div.nav h4:before{content:url(/wp/wp-content/uploads/2014/07/icon_sidebar1.png);position:relative;top:10px;}
div.section div.nav ul{list-style-type:none;line-height:1.8em;}
div.section div.aside{font-size:0.95em;}
div.section div.aside h4{line-height:3em;margin:1em 2em;text-align:center;font-size:1.5em;}
div.section div.aside dl{margin-left:170px;line-height:1.6em;position:relative;}
div.section div.aside dt{position:relative;font-widght:bold;}
div.section div.aside dd{min-height:2em;margin-left:0;text-indent:1em;}
div.section div.aside dd a{position:absolute;background-color:rgb(255,200,200);width:8em;text-decoration:none;display:block;right:10px;}
div.section div.aside dt a:before{content:"";background-image:url(/wp/wp-content/themes/stinger3ver20140327/images/no-img.png);position:absolute;top:0;left:-160px;width:110px;height:110px;display:block;background-size:cover;}
div.section h2{border-width:1px 1px 0 1px;}
div.section div.section,div.section * p{border-width:0 1px;}
div.section * p{border:none;}
div.section div.aside{border-width:0 1px 1px 1px;}
div.section div.aside h4{border-style:dotted;border-width:1px 0px;border-color:gray;background-color:rgb(200,200,200);}
div.section h2,div.section p,div.section div.section{background-color:white;}
div.section * p{background-color:transparent;}
div.header div.nav ul li ul li{background-color:rgb(255,240,240);}
body{background-image:url(/wp/wp-content/uploads/2014/07/04-polish-wood.png);}
div.section div.aside dl a{text-decoration:none;}
div.section div.aside dl a:hover{text-decoration:underline;}
div.section div.aside{background-color:rgb(255,225,225);}
-->
</style>
お礼
詳しいご回答、ありがとうございました。 知識がないので参考にさせていただいて、勉強させてもらいます。