/* layout.css */


/* 全体 */
body {
background-color: #ffffff;				/* 背景色 */
background-image: url(./img/bg00.gif);	/* 背景画像 */
text-align: center;						/* IE用センタリング */
}


/* 外枠 */
#outside {
width: 800px;	/* 全体幅800px=メインフレーム+サイドフレーム+30px */
margin: 0 auto;	/* 自動マージン（センタリング） */
background-color: #ccffff;
}


/* 内側 */
#inner {
margin: 0 10px;	/* 自動マージン */
}


/* ヘッダ */
#header {
text-align:left;
height: 80px;
}


/* メインフレーム */
#main_flame {
width: 570px;		/* 幅 */
text-align:left;
float: left;		/* 左寄せ */
background-color: #ffffff;
}


/* 左フレーム */
#left_flame {
width: 285px;		/* 幅 */
text-align:left;
float: left;		/* 左寄せ */
background-color: #ffffff;
}


/* 右フレーム */
#right_flame {
width: 285px;		/* 幅 */
text-align:left;
float: right;	/* 右寄せ */
background-color: #ffffff;
}


/* サイドフレーム */
#side_flame {
width: 200px;	/* 幅200px */
text-align:left;
float: right;	/* 右寄せ */
background-color: #ffffff;
}


/* フッタ */
#footer {
}


h1 {
font-size: 160%;
background-color: #ccffcc;
margin: 5px;
padding: 5px;
}


h2 {
font-size: 120%;
background-color: #ccffcc;
margin: 10px;
padding: 5px;
}


p {
font-size: 95%;
margin: 20px 15px;
}


img {
margin: 0px 7px;
}


.unborder {
border-style: none;
margin: 0px;
}


.imglink {
padding: 10px;
}


/* 更新履歴 */
#modified {
text-align:right;
margin: 10px;
font-size: 80%;
}

ul {
font-size: 90%;
margin: 15px;
}


li {
padding: 0px 5px;
}


li.head {
background-color: #ccffcc;
padding: 4px;
margin: 2px 0px;
}

#note li {
font-size: 90%;
color: red;
}