/* 全体のスタイル */
body {
    margin: 0;
    font-family: Arial, sans-serif;
	font-size:12px;
    background-color: #F1E1A3;
    min-width: 680px;
    width: 100px;


}

.container {
    display: flex;

}

/* メニューのスタイル */

.menu {
    width: 170px; /* メニューの幅 */
    background-color: #F1E1A3; /* メニューの背景色 */
    color: #332211;
    padding: 5px 0px 0px 10px;
}

.menu a {
    text-decoration: none;
}

.menu a:link {
    color: #332211;
}

.menu a:visited {
    color: #776655;
}

.menu a:active,
.menu a:hover {
    color:#FFFFFF;
    text-decoration:none;
    background-color:#332211;
}


   
   .waku-menu{font-size:12px;
    font-family:normal;
    color:#332211;
    text-align:center;
    font-weight:normal;
    font-style:normal;
    line-height:140%;
    width:155px;
    padding:3px;
    border-style:solid;
    border-color:#332211;
    border-width:0px;
    background-color:#A7925A;}
   
   
   .waku-menu_a {
    font-size:12px;
    color:#665544;
    line-height:150%;
    width:155px;
    padding:3px;
    background-color:#FFFFFF;}
   
   .waku-menu_b {
    font-size:12px;
    color:#665544;
    line-height:150%;
    width:155px;
    padding:3px;
    background-color:none;}
   



/* メインコンテンツのスタイル */
.content {
    flex: 1;
    padding: 20px;

}






/* ヘッダーとフッターのスタイル */
header, footer {
    background-color: #332211;
    color: #fff;
    padding: 10px;


}

/* ヘッダー内のリンクのスタイル */
header a:link,
header a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

header a:active,
header a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}


header h1 {
    margin: 0;
    color: #F1E1A3;
	font-size:12px;
    font-weight: bolder;        
}

header .text {
	font-size:11px;
    color: #FFFFFF;    
     
}


footer p {
    margin: 0;
    text-align: center;
}