/* 全体の枠組み */


body{
   text-align:center;	/*   文字の横配置 */
}

div.container{
   margin:0 auto;
   width:800px;	
   text-align:left;	
   border:1px solid #222222;
   background:#F5F5F5;			/* 背景一括指定 */
}

div.border{
   border:1px solid #222222;
}

div#maincontent{
    float:right;
	width:590px;
    background:#ffffff;			/* 背景一括指定 */
}

div#sidecontent{
   float:left;
   width:200px;
   background:#F5F5F5;			/* 背景一括指定 */
}






/* ヘッダー */


div#header{
    padding:15px;
   background:#55AA00;			/* 背景一括指定 */
}

div#footer{
   clear: both;
   padding:15px;
   background:#55AA00;			/* 背景一括指定 */
}






/* テーブルの余白 */

div#maincontent table{
   font-size:15px;			/*  フォントサイズ */
}

div#maincontent .list{
   border:solid 1px #bbbbbb;
}

div#maincontent td{
   width:33%;
   padding:3px;
}





/* 文字の大きさ */

div#header h1{
   	font-size:30px;			/*  フォントサイズ */
	color:#fff;		/*  フォントカラー */
}

div#sidecontent ul{
    margin: 0 0 0 1em;
    padding: 0;
}

div#sidecontent li{
   	font-size:15px;			/*  フォントサイズ */
    list-style-type: none;
    line-height:180%;
}

div#footer adress{
	font-size:12px;			/*  フォントサイズ */
}

div.navi{
	font-size:12px;			/*  フォントサイズ */
	margin:5px;		/*   外回り余白 */
}

p{
	font-size:12px;			/*  フォントサイズ */
	margin:10px;		/*   外回り余白 */
}