/*-------------------------------------------*/
/*	全体共通
/*-------------------------------------------*/
@charset "utf-8";

a:link,a:visited,a:active {
	text-decoration: none;
	color: #4A2500;										/* #44210b = こげ茶色 ,#4A2500 */
	font-weight: bold;
}

a:hover { 
	text-decoration: underline;
	color: #4A2500;										/* #ff99cb = 薄ピンク #4A2500 = こげ茶色 */
	font-weight: bold;
}

/*-------------------------------------------*/
/*	スマホ レスポンシブ対応
/*-------------------------------------------*/
@media only screen and (max-width: 660px) {
	#rwdMenuWrap li {
		text-align: center;
	}

	#rwdMenuWrap li span {
		display: none;
	}

	#rwdMenuWrap li.sptel span {
		display: block;
	}

	nav {
		display: none;
	}

	#rwdMenuWrap {
		background: #fff none repeat scroll 0 0;
		opacity: 0.9;
		position: absolute;
		top: 75px;
		width: 100%;
	}

	#rwdMenuWrap #switchBtnArea {
		width: 100%;
		position: absolute;
		top: 45px;
		right: 10px;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn {
		top: -80px;
		right: 0px;
		width: 30px;
		height: 40px;
		background: url(/images/spnav/btnOpen.png) no-repeat center center;
		position: absolute;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose {
		background-image: url(/images/spnav/btnClose.png);
	}

	#rwdMenuWrap ul {
		width: 100%;
		display: none;
		padding-left: 0;
	}

	#rwdMenuWrap ul li {
		width: 100%;
		border-bottom: #aaa 1px solid;
		list-style: none;
	}

	#rwdMenuWrap ul li a {
		padding: 15px 20px;
		display: block;
	}

	#rwdMenuWrap ul li a:hover {
		background-color: #e0ffff;				/* #e0ffff = light cyan 薄青 */
	}

	#contents {
		width: 100%;
	}

	#contents p {
		padding: 0 20px 2em 20px;
	}

	#rwdMenuWrap ul li:first-child {			/* 追加 ※一番上の行に上線を追加 */
		width: 100%;
		border-top: #aaa 1px solid;
		list-style: none;
	}
}

/*-------------------------------------------*/
/*	クリアフィックス
/*-------------------------------------------*/
nav > ul:before,
nav > ul:after {
	content: " ";
	display: table;
}
nav > ul:after {
	clear: both;
}

nav > ul {
	*zoom: 1;
}


