@charset "utf-8";
/* CSS Document */

body{
	margin:0px auto;
	padding:0px auto;
	background-color:#ffffff; /* 背景色２ */
	background-size: cover;
	font-family: "ＭＳ ゴシック",sans-serif;
	color: #000000;
}

div#wrapper{
	margin:0px auto;
	padding:0px 0px;
}

/* --- ナビゲーション --- */

div#navi{
	margin:0px auto;
	padding:50px auto;
	width:20%;
	height:100%;
	display:block;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #89c3eb; /* メニュー背景色２ */
	float:left;
}

div#navi ul.menu{
	margin:100px auto;
	padding:0px;
	list-style-type: none;
	text-align: left;
}

div#navi ul.menu li.l-00{
	height: 25px;
	border-top: 3px #A0A0A0 solid; /* 項目の下境界線 */
}

div#navi ul.menu li a{
	display: block;
	position: relative; /* IE6用 */
	padding: 15px 10px; /* リンクエリアのパディング（上下、左右） */
	
	color: #404040; /* 文字色 */
	text-decoration: none; /* テキストの下線（なし） */
}

div#navi ul.menu li.l-01 a{
	background: #FFE6E6; /* リンクエリアの背景 */
}

div#navi ul.menu li.l-02 a{
	background: #FFF5F5; /* リンクエリアの背景 */
	padding-left: 25px;
}

div#navi ul.menu li a:hover{
	background: #FFCCCC; /* リンクエリアの背景 */
	color: #404040; /* 文字色 */
}

/* --- コンテンツ --- */

div#contents{
	float:right;
	width:78%;
	margin:0px auto;
}

/* ---- フッタ－ ---- */

div#footer{
	display:block;
	margin:0px;
	padding:0px;
	font-size: 0.9em;
	text-align:center;
	background-color:#89c3eb; /* フッターの背景色２ */
}

#footer-link{
	padding-top:10px;
	padding-right:50px;
	text-align:right;
}