@charset "UTF-8";

/*  こう食品法令コンサルタント
	<kou-syokuhin.jp> base.css
---------------------------------------------------- */

/* reset styles */

:is(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	dl,
	dt,
	dd,
) {
	margin: 0;
}
:is(
	ul,
	th,
	td,
) {
	padding: 0;
}

/* basic style
---------------------------------------------------------------------- */
body {
	margin: 0;
	font-size: 82%;
	line-height: 1.5;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: sans-serif;
	background-color: #addafe;
	color: #222;
}

a {
	color: #600;
	text-decoration: none;
}
a:link {
	color: #600;
}
a:visited {
	color: #300;
}
a:hover,
a:focus,
a:active {
	color: #900;
}

img {
	border: 0;
	vertical-align: middle;
}

#container {
	background: #ffffff;
	width: 900px;
	margin: 0px auto;
}

/* #page-header
---------------------------------------------------------------------- */
#page-header {
	position: relative;
	height: 66px;
	width: 900px;
}

#page-header h1#logo {
	position: absolute;
	left: 80px;
	top: 18px;
}

#page-header p#btn-sitemap {
	text-align: right;
	margin-top: 25px;
	padding-right: 80px;
}

/* invisible content
---------------------------------------------------------------------- */
#page-header ul#navskip {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* #global-nav
---------------------------------------------------------------------- */
#global-nav {
	height: 69px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/bg_global-nav.gif) no-repeat center top;
}

#global-nav h2 {
	height: 0;
	overflow: hidden;
}

#global-nav ul {
	width: 824px;
	margin: 0 auto;
	padding-top: 3px;
}

#global-nav ul li {
	display: inline;
	height: 69px;
}

#global-nav ul li a {
	display: block;
	float: left;
	width: 164px;
	height: 45px;
	padding: 6px 0;
	color: #222;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #cccccc;
}

#global-nav ul li.first a {
	border-left: none;
}
#global-nav ul li a small {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}

#global-nav ul li a:hover,
#global-nav ul li a:focus,
#global-nav ul li a:active,
#global-nav ul li a.now {
	background: url(../img/bg_global-nav_on.gif) repeat-x;
}

/* #lead
---------------------------------------------------------------------- */
#lead {
	clear: both;
	width: 823px;
	margin: 0 auto;
}

#lead h1 {
	margin-top: 0.3em;
}

#lead p {
	margin: 2em 1em;
}

/* #wrapper
---------------------------------------------------------------------- */
#wrapper {
	margin: 33px 39px 0;
	background: url(../img/bg_content.gif) repeat-y;
}

#wrapper:after {
	display: block;
	clear: both;
	content: "";
}

/* #main
---------------------------------------------------------------------- */
.main {
	float: right;
	width: 513px;
	padding-right: 40px;

	& :where(div) {
		margin-bottom: 1.2em;
	}
	& :where(div)::after {
		display: block;
		clear: both;
		content: "";
	}

	& :where(article, section) {
		margin-bottom: 3.2em;
		clear: both;
	}

	& :where(section)::after {
		display: block;
		clear: both;
		content: "";
	}

	& :where(h1) {
		margin: 0.2em 0 1.2em;
	}

	& :where(h2) {
		clear: both;
		margin: 0.2em 0 0.8em;
		padding-left: 1em;
		font-family: Courier, "Courier New", Helvetica, Arial, sans-serif;
		font-size: large;
		color: #ffffff;
		background: url(../img/bg_main_h2.gif) no-repeat 0px 0px;
		height: 34px;
		font-weight: bold;
		padding-top: 0.2em;
	}

	& :where(h4) {
		margin-inline-start: 1.5em;
	}

	& :where(p) {
		margin-block-end: 0.5em;
		padding-inline-start: 2em;
	}

	& :where(ul, ol) {
		padding-inline-start: 45px;

		> :where(li) {
			margin-block-end: 0.7em;

			& :where(strong) {
				margin-block-end: 0.1em;
				font-weight: bold;
				color: #666666;
				font-size: small;
			}
		}
	}

	& :where(dl) {
		margin-inline-start: 2em;
	}

	& :where(#lead-text) {
		position: absolute;
		left: 74px;
		top: 56px;
		padding-left: 0px;
		width: 345px;
		line-height: 1.4;
	}

	& :where(.main-lead) {
		position: relative;
		margin-bottom: 3.2em;
	}
}

/* #main table
---------------------------------- */
#main table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	margin-left: 1.5em;
}

#main th,
#main td {
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
}

#main th {
	white-space: nowrap;
}

/* zebra table
---------------------------------- */
#main table tr.even td {
	background: #efefef;
}

* html #main .highlight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');
}
*:first-child + html #main .highlight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');
}

/* #side
---------------------------------------------------------------------- */
#side {
	float: left;
	min-block-size: 544px;
	inline-size: 206px;
	background-image: url("../img/bg_side.gif");
	background-repeat: no-repeat;
}

#side h2 {
	padding: 1.5em 0 0.5em 1.2em;
	font-size: medium;
	text-shadow: 3px 3px 0.2em #fff;
}

#side p {
	margin: 1em 0;
}
#side ul {
	margin: 0.5em 0 2em;
}
#side ul li {
	display: inline;
	list-style-type: none;
	/*text-shadow: 2px 2px 0.2em #fff;*/
}

#side ul li a {
	display: block;
	padding: 0.6em 0.8em;
}

#side ul li a:hover img,
#side ul li a:focus img,
#side ul li a:active img {
	-webkit-transform: scale(1.2) translate(-3px, 0);
	-moz-transform: scale(1.2) translate(-3px, 0);
	-o-transform: scale(1.2) translate(-3px, 0);
	-ms-transform: scale(1.2) translate(-3px, 0);
	transform: scale(1.2) translate(-3px, 0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.kewpie_ai_link {
	display: block;
	margin-inline: auto;
	max-inline-size: fit-content;
}

.kewpie_ai_image {
	display: block;
}

/* page-footer
---------------------------------------------------------------------- */
#page-footer {
	clear: both;
	background: url(../img/bg_content_02.gif) no-repeat 39px 0px;
}

#page-footer #pageTop {
	width: 823px;
	margin: 0 auto;
	text-align: right;
	border-bottom: 1px solid #fca5a6;
	padding-top: 2em;
	padding-bottom: 0.5em;
}

#page-footer h2 {
	height: 0;
	overflow: hidden;
}

#page-footer ul {
	width: 744px;
	margin: 3em auto 1em;
	text-align: center;
}

#page-footer ul li {
	display: inline;
	list-style-type: none;
}

#page-footer ul li a {
	padding: 1px 8px;
	font-size: small;
	border-left: 1px solid #cccccc;
}

#page-footer ul li.first a {
	border-left: none;
}

#page-footer p {
	margin: 0;
	padding: 1em 0 2em;
	text-align: center;
	font-family: Courier, "Courier New", Helvetica, Arial, sans-serif;
}

#page-footer p small {
	font-size: 100%;
}