﻿@charset "UTF-8";

@media screen and (min-width: 850px) {

	body {
		width: 850px;
		margin: 0 auto;
	}

	.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	#wrapper { /* default_style.css の bodycolor に順ずる*/
		background-color: #ffffff;
	}

	#container {
		float: right;
		width: 645px;
	}

	/*------------------------------------------
        PC用 左メニュー 階層表示の指定
    -------------------------------------------*/
	.menubar {
		float: left;
		width: 200px;
	}

	.btn-toolbar {
		display: none;
	}

	.menulist {
		display: block;
		position: static;
		max-height: none;
		overflow-y: visible;
	}

	.menulist, .menulist ul, .menulist li {
		width: 200px; /* メニューの幅 */
	}

	.menulist a {
		display: block;
		padding: 5px 0.5em;
	}

	.menulist a, .menulist a:link, .menulist a:hover, .menulist a:visited {
		font-size: 14px; /* 文字サイズ */
		color: #333333; /* 文字色 */
		border-left: 8px solid #004e2a; /* 見出し */
		text-decoration: none;
		margin: 0px 0px 2px;
	}

	.menulist a:hover { /* カーソルが乗ったとき */
		color: #333333; /* 文字色 */
		background: #d7ebe6; /* 背景色 */
		border-left: 8px solid #3cbd81; /* 見出し */
	}

	.menulist li {
		position: relative;
		display: block;
		list-style: none;
		background: #b1d5d1; /* メニュー背景色（li） */
		border: 0;
		padding: 0;
	}

	.menulist li:first-child {
		border-top: 0px solid #ffffff;
	}

	.menulist li ul {
		padding: 2px 2px 0px;
		background: #ffffff; /* サブメニュー ul背景 */
		border: 1px solid #d3d3d3;
	}

	.menulist li li {
		background: #b1d5d1; /* サブメニュー背景色（li） */
	}

	.menulist li li a:hover {
		background: #d7ebe6; /* カーソルが乗ったとき */
		border-left: 8px solid #3cbd81;
	}

	.menulist ul {
		display: block;
		visibility: hidden;
		position: absolute;
		left: 202px; /* メニューの幅と同じ値 */
		top: 15px; /* サブメニューのボーダー幅を減算 */
	}

	.menulist li:hover > ul {
		visibility: visible;
	}

	.menulist .m_close > a {
		background: #b1d5d1;
	}

	.menulist .m_close > a:hover {
		background: #d7ebe6;
	}

	.menulist .m_open > a {
		background: none;
	}

	.m_close, .m_open {
		z-index: 2;
	}

}