@charset "utf-8";

/* content
---------------------------------------- */
#content{
	padding-bottom: 40px;
}
#content .leftside{
	width:calc(50% - 20px);
	float: left;
}
#content .rightside{
	width:calc(50% - 20px);
	float: right;
}
#content ul.menu{
	width:100%;
	max-width: 600px;
	border-top:1px solid #CCC;
	margin-bottom: 43px;
}
#content ul.menu>li{
	border-bottom:1px solid #CCC;
}
#content ul.menu>li>a{
	display: block;
	box-sizing:border-box;
	width:100%;
	max-width: 600px;
	padding:11px 20px 10px 0;
	background-image:url(/common/img/icon_arrow_right_g.png);
	background-repeat: no-repeat;
	background-position: center right 6px;
	background-size: 15px auto;
	color:#017770;
	text-indent: 1px;
}
#content ul.sub{
	border-top:1px dotted #999;
}
#content ul.sub>li{
	margin-left: 50px;
	border-bottom:1px dotted #999;
}
#content ul.sub>li:last-of-type{
	border-bottom:none;
}
#content ul.sub>li>a{
	display: block;
	box-sizing:border-box;
	padding:11px 20px 10px 0;
	background-image:url(/common/img/icon_arrow_right_g.png);
	background-repeat: no-repeat;
	background-position: center right 6px;
	background-size: 15px auto;
	color:#017770;
	text-indent: 1px;
}
#content ul.menu>li.biz{
	padding:15px 0 15px 0;
}
#content ul.menu>li.biz a{
	/*
	float: left;
	*/
	display: block;
	width:194px;
	padding:0;
	background: none;
}
#content ul.menu>li.biz p.sup{
	font-size:13px;
	margin-top: 10px;
	line-height: 150%;
	/*
	font-size:12px;
	float: left;
	margin: 6px 0 0 18px;
	*/
}
@media screen and (max-width:800px) {
	#content{
		padding-bottom: 20px;
	}
	#content .leftside{
		width:calc(50% - 12px);
	}
	#content .rightside{
		width:calc(50% - 12px);
	}
	#content ul.sub>li{
		margin-left: 30px;
	}
}
@media screen and (max-width:500px) {
	#content{
		padding-bottom: 0;
	}
	#content .leftside{
		/*
		width:calc(50% - 7px);
		*/
		width:100%;
		float: none;
	}
	#content .rightside{
		/*
		width:calc(50% - 7px);
		*/
		width:100%;
		float: none;
	}
	#content .leftside ul.menu:last-of-type{
		margin-bottom: 0;
	}
	#content .rightside ul.menu:first-of-type{
		border-top:none;
	}
	#content ul.menu{
		margin-bottom: 35px;
	}
	#content ul.menu>li>a{
		padding:8px 14px 8px 0;
		background-size: 13px auto;
		text-indent: 0px;
	}
	#content ul.sub>li>a{
		padding:8px 14px 8px 0;
		background-size: 13px auto;
		text-indent: 0px;
	}
	#content ul.menu>li.biz a{
		float: left;
		display: block;
		width:130px;
	}
	#content ul.menu>li.biz a img{
		width:100%;
	}
	#content ul.menu>li.biz p.sup{
		float: left;
		width:calc(100% - 140px);
		margin: 0px 0 0 10px;
		font-size:11px;
		line-height: 130%;
	}
}