@charset "UTF-8";
/* ******************************************************************

	--commercial.css--

	1. Layout setting

****************************************************************** */
/*==================================================================
	1. Layout setting
===================================================================*/
#header, #navi, #footer {
	display:none;
}
#contents {
	padding-top:40px
}
.rightText {
	margin-bottom:10px;
	text-align:right;
}
.commercialList dt {
	font-size:153.9%;
	font-weight:bold;
	margin:20px 0 10px;
}
.commercialList dd {
	margin-left:33px;
}
.commercialList dd li {
	margin-left:1em;
	text-indent:-1em;
}
.commercialList .contactBox {
	margin-left:-33px;
}
.commercialList .contactBox div {
	max-width:600px;
	margin:20px auto 0;
	padding: 15px;
	background:#CCC;
	text-indent:0;
}
.commercialList .contactBox p {
	margin-bottom:0;
	margin-left:4em;
	text-indent:-4em;
}
@media screen and (max-width:736px) {
	.commercialList dt {
		font-size:116%;
	}
	.commercialList dd {
		margin-left:20px;
	}
	.commercialList .contactBox {
		margin-left:-20px;
	}
	.commercialList .contactBox div {
		padding:10px;
	}
}
@media screen and (max-width:420px) {
	.commercialList .contactBox span.note {
		display:block;
	}
}