@import url("style.css");
.ip .left
{
	float: left;
	width: 17.4em;
}
.ip .right
{
	margin-left: 17.4em;
}
.ip .right img + img
{
	margin-top: -0.3em;
}
ul.ip_menu
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.ip_menu	li
{
	margin: 0;
	padding: 0;	
	margin-right: -2em;
}
ul.ip_menu li a
{
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 59px;
}
ul.ip_menu li a span
{
	display: none;
}
ul.ip_menu li.ipbody a, ul.ip_menu li.ipbody a:link
{
	background-image: url("../images/ip/ip-body-off.jpg");
	height: 56px;
}
ul.ip_menu li.ipbody a:hover, ul.ip_menu li.ipbody a.active
{
	background-image: url("../images/ip/ip-body-on.jpg");
}
ul.ip_menu li.ipsoul a, ul.ip_menu li.ipsoul a:link
{
	background-image: url("../images/ip/ip-soul-off.jpg");
	height: 57px;
}
ul.ip_menu li.ipsoul a:hover, ul.ip_menu li.ipsoul a.active
{
	background-image: url("../images/ip/ip-soul-on.jpg");
}
ul.ip_menu li.ipenv a, ul.ip_menu li.ipenv a:link
{
	background-image: url("../images/ip/ip-env-off.jpg");
}
ul.ip_menu li.ipenv a:hover, ul.ip_menu li.ipenv a.active
{
	background-image: url("../images/ip/ip-env-on.jpg");
}
ul.ip_menu li.ipmind a, ul.ip_menu li.ipmind a:link
{
	background-image: url("../images/ip/ip-mind-off.jpg");
	height: 58px;
}
ul.ip_menu li.ipmind a:hover, ul.ip_menu li.ipmind a.active
{
	background-image: url("../images/ip/ip-mind-on.jpg");
}
ul.ip_menu li.ipfamily a, ul.ip_menu li.ipfamily a:link
{
	background-image: url("../images/ip/ip-family-off.jpg");
	height: 58px;
}
ul.ip_menu li.ipfamily a:hover, ul.ip_menu li.ipfamily a.active
{
	background-image: url("../images/ip/ip-family-on.jpg");
}
.right div
{
	background-color: #fff3e7;
	padding: 0.5em 2em 1em 2em;
	margin-right: 1.65em;
	margin-top: -0.2em;
}
@media all and (device-width: 768px)
{
	.right div
	{
		margin-right: 0;
		margin-top: -0.3em;
	}
	.right img
	{
		margin-left: 1px;
	}
}
@media all and (min-device-width: 320px) and (max-device-width: 480px)
{
	ul.ip_menu
	{
		list-style-type: circle;
		margin: 10px;
		padding-left: 10px;
}
ul.ip_menu	li
{
	padding-left: 10px;	
}
ul.ip_menu li a.active
{
	font-weight: bold;
}
	ul.ip_menu li.ipbody a, ul.ip_menu li.ipbody a:link,
ul.ip_menu li.ipbody a:hover, ul.ip_menu li.ipbody a.active,
ul.ip_menu li.ipsoul a, ul.ip_menu li.ipsoul a:link,
ul.ip_menu li.ipsoul a:hover, ul.ip_menu li.ipsoul a.active,
ul.ip_menu li.ipenv a, ul.ip_menu li.ipenv a:link,
ul.ip_menu li.ipenv a:hover, ul.ip_menu li.ipenv a.active,
ul.ip_menu li.ipmind a, ul.ip_menu li.ipmind a:link,
ul.ip_menu li.ipmind a:hover, ul.ip_menu li.ipmind a.active,
ul.ip_menu li.ipfamily a, ul.ip_menu li.ipfamily a:link,
ul.ip_menu li.ipfamily a:hover, ul.ip_menu li.ipfamily a.active
{
	background-image: none;
	height: auto;
}
ul.ip_menu li a span
{
	display: block;
	font-size: 1.1em;
}
.ip .left
{
	float: none;
	width: auto;
}
.ip .right
{
	margin-left: 0;
}
.right div
	{
		margin-right: 0;
	}
}