/* --- 全体の背景・テキスト --- */

body {
margin: 0;
padding: 0;
background-image: url(bg.gif);
background-color:#8FBC8F;  /* ---ページの背景色 */

font: normal 80% "Lucida Sans Unicode",sans-serif;
color: #1e1e1e; 
text-decoration: none;
}

/* --- 全体のリンクテキスト --- */
 a:link { color: #1e1e1e; }
a:visited { color:#1e1e1e;}
a:hover { color: #FFFFFF; }
a:active { color: #666633; }

/* --- 携帯の場合のコンテナ --- */
@media screen and (max-width: 320px){
  div {
    width: 200px;
  }
} 

/* --- コンテナ --- */
#container {
width:700px; /* ページの幅 */
height:900px; /* ページの長さ ここが他と違う */
margin-top: 10px; /* センタリング */
margin-left:320px;
margin-right: 70px;
/*background: url(sidebar.bmp) repeat-y left;  左サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
/* border-left: 8px #ffffff solid; 左の境界線 */
/*border-right: 8px #ffffff solid;  右の境界線 */
}
#containerInner {
width: 100%;
/*background: url(sidebar.bmp) repeat-y right; 右サイドバーの背景画像 */
}

/* --- ヘッダ --- */
#header {
background-color: #ffffff; /* ヘッダの背景色 */
margin-bottom:0px;

}

/* --- ナビゲーション --- */
#nav {
float: left;
margin-left:13px;
width: 0px; /* 左サイドバーの幅 */
text-align: center;
line-height: 14px;

}

/* --- メニュー --- */
#menu {
margin-bottom: 0px;
}

/* --- メインカラム --- */
#content {
float: left;
width: 500px; /* メインカラムの幅 */
}



/* --- サブナビゲーション --- */
#aside {
float: left;
width: 180px; /* 右サイドバーの幅 */
}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */

width: 100%;
height: 100px;
margin-top: -860px; /* ポイント2 ライセンス位置上下の調整ここがほかと違う*/
padding:  -10px;
background-color: #8fbc8f; /* フッタの背景色 */
}