html,body{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#CCCCCC;
	height: 100%;
	display: flex ;
	flex-direction: column; /* 上下に配置 */;
}
A:link{color:#6699CC;text-decoration:none;}/*リンク下線なし*/	
A:visited{color:#9999CC;text-decoration:none;}/*訪問済み*/
A:active{color:#ff9900;text-decoration:none;}/*アクティブリンク*/
A:hover{color:#663333;text-decoration:none;font-weight:bold;}/*リンクマウスオーバー*/

/* ヘッダ */
div.header{
	float: none;
	padding:0;
	width:100% ;
	height:40px;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#756162;
	font:normal 10pt/100% Proportional;
}

/* ヘッダロゴ */
div.hlogo{
	float: left;
	padding:0;
	width:200px;
	height:40px;
	vertical-align:middle;
}

/* ヘッダロゴイメージ */
div.hlogo img{
	padding:2px 2px 2px 2px;
}

/* ヘッダアイコン */
div.hicon{
	float: left;
	padding:0;
	width:40px;
	height:40px;
	vertical-align:middle;
}

/* ヘッダタイトル */
div.htitle{
	float: left;
	padding:0;
	/*width:680px; */
	height:40px;
	vertical-align:middle;
}

/* ヘッダタイトルh1 */
div.htitle h1{
	margin-left:10px;
	text-align:left;
	color:#FFFFFF;
	font-size:18pt;
	text-shadow: 3px 3px 2px #666666;
}

/* メインエリア */
div.main{
	float: none;
	padding:0;
	flex: 1;
	display: flex;              /* 左右分割 */
	overflow: hidden;           /* 子要素のスクロールを制御 */
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-right:auto;
	color:#FFFFFF;
	background-color:black;
	font:normal 10pt/100% Proportional;
}

/* 左メニュ */
div.lmenu{
	display:flex;
	flex-direction: column; /* 上下に積む */
	flex: 0 0 130px ;
	overflow-y: auto;
	float: none;
	padding:0;
	width:130px;
	box-sizing: border-box;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-left:0px;
	margin-right:auto;
	vertical-align:middle;
	color:#895c4f;
	background-color:#ffe09b ;
	font:normal 9pt/100% Proportional;
}

/* 左メニュフォーム */
div.lmenuform{
	flex: 0 0 75px;	/* 高さ固定 */
	float: none;
	padding:0;
	width:130px;
	height:80px;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-left:0px;
	margin-right:auto;
	vertical-align:middle;
	color:#895c4f;
	background-color:#ffe09b ;
	font:normal 9pt/100% Proportional;
}

/* 左メニュフォームセレクト */
div.lmenuform select{
	width: 65px;
	padding:0;
	margin-left:10px;
	color:#756162;
	font:normal 9pt/100% Proportional;
}

/* 左メニュフォームインプット */
div.lmenuform input[type="submit"]{
	padding:0;
	margin-left:10px;
	color:#756162;
	font:normal 9pt/100% Proportional;
}

/* 左メニュリスト */
div.lmenulist{
	flex: 1;               /* 残りの高さを占有 */
	/*flex: 0 0 130px; */
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	float: none;
	padding:0;
	width:130px;
	box-sizing: border-box;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-left:0px;
	margin-right:auto;
	vertical-align:middle;
	color:#895c4f;
	background-color:#ffe09b ;
	font:normal 9pt/100% Proportional;
}

/* 左メニュdl */
div.lmenu dl{
	padding:0px 0px 2px 0px;
	color:#666666;
	font:normal 9pt/120% Proportional;
}

/* 左メニュDT */
div.lmenu dt{
	background:#a78a6d;
	padding:2px 2px 2px 3px;
	border-width:0px;
	border-color:#a78a6d;
	border-style:solid;
	margin:1px 1px 1px 1px;
	color:#FFFFFF;
	font:bold 9pt/120% Proportional;
}

/* 左メニュDD */
div.lmenu dd{
	/* display: list-item; */
	list-style:none;
	background:#FFFFCC;
	/* padding:2px 2px 2px 10px; */
	padding:2px 2px 2px 2px;
	border-width:1px;
	border-color:#a78a6d;
	border-style:solid;
	margin:1px 1px 1px 1px;
	color:#756162;
	font:normal 9pt/120% Proportional;
}

/* 左メニュリンク */
div.lmenu dd A:link{
	display:block;
	color:#756162;
	text-decoration:none;	
}

/* 左メニュリンク既読 */
div.lmenu dd A:visited{
	color:#756162;
	text-decoration:none;	
}

/* 左メニュマウスオーバー */
div.lmenu dd A:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#d4a786;
	width:100%;
}

/* コンテンツ */
div.cont{
	flex: 1 ;
	display: flex ;
	flex-direction: column; /* chead → cbody を上下に積む */
	overflow: hidden;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable; /* CSS新仕様：スクロールバー分を確保 */
	padding:0;
	width:100% ;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-left:0px;
	margin-right:auto;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#FFFFCC;
	font:normal 10pt/100% Proportional;
}

/* コンテンツヘッダ */
div.chead{
	float: none;
	padding-left: 5px;
	padding-right: 5px;
	width: calc(100% - 10px);
	min-width: 820px ;
	box-sizing: border-box;     /* paddingを幅に含める */
	height:25px;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle;
	background-color:#a78a6d;
	color:#FFFFFF;
}

/* コンテンツヘッダタイトル */
div.ctitle{
	padding:0;
	float: left ;
	height:25px;
	margin-left:5px;
	vertical-align:middle;
	font:bold 11pt/140% Proportional;
}

/* コンテンツ日付 */
div.cdate{
	display: flex;
	float:right;
	padding:0;
	width:190px;
	height:25px;
	vertical-align:middle;
	font:normal 10pt/140% Proportional;
}

/* コンテンツボディ */
div.cbody{
	float: none;
	padding-left: 5px;
	padding-right: 5px;
	width: calc(100% - 10px);
	min-width: 0; /* flexboxの縮み対策 */
	box-sizing: border-box;
	display: flex; 
	flex: 1 1 auto ;
	border-width:1px;
	border-color:#a78a6d;
	border-style:solid;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:3px;
	vertical-align:middle;
	color:#5d5e6a;
	background-color:#FFFFCC;
	background-image:url("../common/images/bg_diary.gif");
	background-repeat:repeat;
	font:normal 10pt/100% Proportional;
}

/* コンテンツテキスト */
div.cbtext{
	display: flex; 
	min-width: 410px ;
	overflow: visible;
	padding:0;
	border-width:0;
	margin-left:0px;
	margin-bottom:0px;
	vertical-align:middle;
}

/* コンテンツpre */
div.cbtext pre{
	margin-left:5px;
	margin-bottom:2px;
	color:#5d5e6a;
	font:normal 10pt/120% Proportional;
}

/* コンテンツclockquote */
div.cbtext blockquote{
	margin-left:15px;
	margin-bottom:2px;
	color:#869163;
	font:normal 10pt/100% Proportional;
}

/* コンテンツ　小文字 */
div.cbtext q{
	quotes:none;
	margin-left:15px;
	margin-bottom:2px;
	color:#869163;
	font:normal 10pt/100% Proportional;
}

/* コンテンツイメージエリア */
div.cbimage{
	float: right ;
	padding-right: 5px;
	overflow: visible;
	padding:0;
	border-width:0;
	margin-left:0px;
	margin-right:3px;
	margin-bottom:0px;
	vertical-align:middle;
}

/* コンテンツイメージ */
div.cbimage img{
	padding:0;
	margin-top:5px;
	margin-right: 10px;
	margin-bottom:5px;
	vertical-align:middle;
	max-width: 100%;
	height: auto;
	display: inline-block
}

/* コンテンツナビ */
div.cnavi{
	float: none;
	padding:0;
	/* width:800px; */
	height:25px;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-top:5px;
	margin-left:5px;
	margin-right:auto;
	vertical-align:middle;
	background-color:#FFFFCC;
}

/* フッタ */
div.footer{
	float: none;
	padding:0;
	flex: 0 0 60px ;
	width: 100% ;
	height:60px;
	border-width:0;
	border-color:#679700;
	border-style:solid;
	margin-right:auto;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#FFFFFF;
	background-image:url("../common/images/dock_bg.gif");
	font:normal 10pt/100% Proportional;
}

/* フッタナビ画像 */
div.ftnavi img{
	border:0;
}

/* address */
address{
	margin-left:58px;
	margin-right:20px;
	color:#999999;
	font-size:10pt;
	font-family:Times;
	font-style:italic;
}