@charset "utf-8";

/* CSS Document */

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

/* #main main-lead
---------------------------------- */
#main .main-lead em {
	font-style: normal;
	color: #fa8b32;
	font-size: large;
	font-weight: bold;
}

#main p.main-lead em {
	font-style: normal;
	color: #f36580;
}

/* #main main-lead2
---------------------------------- */
#main .main-lead2 {
	width: 400px;
	margin: 0em auto 1.9em;
}

#main .main-lead2 h2 {
	clear: both;
	font-family: Courier, "Courier New", Helvetica, Arial, sans-serif;
	font-size: medium;
}

#main .main-lead2 h2 {
	color: #fa771b;
}

/* #main .unit-01
---------------------------------- */
#main .unit-01 {
	width: 480px;
	margin: 0 auto;
	text-align: left;
}

/* #main .frame
---------------------------------- */
#main section.frame {
	padding: 0.5em 1em;
	border: 5px solid #cccccc;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	border-radius: 1em;
	margin-bottom: 3.2em;
}

#main section.frame-1 {
	border: 5px solid #cde99d;
}

#main section.frame-2 {
	border: 5px solid #acd1f9;
}

#main section.frame h2 {
	clear: both;
	font-family: Courier, "Courier New", Helvetica, Arial, sans-serif;
	font-size: medium;
}

#main section.frame h2 {
	text-align: center;
	background: none;
}

#main section.frame-1 h2 {
	color: #73ae1a;
}

#main section.frame-2 h2 {
	color: #89c0fe;
}

#main section.frame ol {
	padding-left: 2em;
}

#main section.frame li {
	margin-bottom: 0.7em;
}

#main section.frame li li {
	margin-bottom: 0.1em;
}

#main section.frame li strong {
	margin-bottom: 0.1em;
	font-weight: bold;
	color: #666666;
	font-size: small;
}

#main section.frame li blockquote {
	padding-left: 1em;
}

/* .news
---------------------------------- */
.news #main dl {
	line-height: 2;
	margin-top: 30px;
}

.news #main dt {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 26px;
	background: url(../img/news_mark_01.gif) no-repeat left center;
}

.news #main dd {
	margin: 0em 0em 0em 17em;
	padding: 0px;
}

/* #main .fig-right
---------------------------------- */
#main .fig-right p,
#main .fig-right ul {
	margin-top: 1em;
	width: 300px;
	float: left;
	line-height: 1.7;
}

#main .fig-right figure {
	margin: 1em 2px 0px 0px;
	width: 160px;
	float: right;
}

#main .fig-right figure img {
	padding: 5px;
	display: block;
	box-shadow: 0px 0px 4px #ddd;
}

#main .fig-right figure figcaption {
	padding-top: 1em;
	font-size: 86%;
	text-align: center;
}

/* #main .fig-left
---------------------------------- */
#main .fig-left p,
#main .fig-left ul {
	margin-top: 1em;
	width: 300px;
	float: right;
	line-height: 1.7;
}

#main .fig-left p {
	padding-left: 0px;
}

#main .fig-left figure {
	margin: 1em 2px 0px 0px;
	width: 160px;
	float: left;
}

#main .fig-left figure img {
	padding: 5px;
	display: block;
	box-shadow: 0px 0px 4px #ddd;
}

#main .fig-left figure figcaption {
	padding-top: 1em;
	font-size: 86%;
	text-align: center;
}

/* #main .line
---------------------------------- */
#main .line {
	clear: both;
	margin-bottom: 20px;
}

/* aside
---------------------------------- */
article aside {
	margin-top: 38px;
	padding: 13px 20px;
	width: auto;
	float: none;
	border: solid 2px #e5e5e5;
}

article aside h2 {
	padding: 10px 0px 0px 33px;
	font-size: 114%;
	min-height: 33px;
	height: 33px;
	height: auto !important;
	background-image: url(images/bg_dot.png);
	background-repeat: no-repeat;
}

article aside p {
	margin-top: 1em;
	line-height: 1.7;
}

/* #side
---------------------------------------------------------------------- */
#side #shortcut ul li {
	display: inline;
	text-align: left;
	list-style: circle;
}

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

#side #shortcut ul li a:hover,
#side #shortcut ul li a:focus,
#side #shortcut ul li a:active {
	background: #ebfde4;
}

/* ---------------------------------------
For 食品法令クイズ Pages (explain/quiz.html)
------------------------------------------ */
body#quiz #main .quiz-judge {
	position: relative;
}

body#quiz #main .quiz-area-inner {
	background: url(../explain/img/bg_quiz-area.gif) repeat-y;
	padding-bottom: 1em;
}

body#quiz #main .quiz-area-inner div {
	width: 500px;
}

body#quiz #main .quiz-area-inner div dt {
	padding-left: 20px;
	font-weight: bold;
}

body#quiz #main .quiz-area-inner div dd {
	padding-left: 28px;
}

body#quiz #main .quiz-area-inner div form {
	padding-left: 40px;
	width: 390px;
}

body#quiz #main .quiz-decision h2 {
	margin: 0px;
	padding: 0px;
	background: none;
}

body#quiz #main .judge-area {
	padding: 1em;
}

body#quiz #main .judge-area td {
	text-align: center;
}

body#quiz #main .judge-area td p {
	padding-left: 0px;
	margin-top: 0.4em;
	margin-bottom: 0.8em;
	font-weight: bold;
}

#image-btn {
	border: 0px;
	width: 513px;
	height: 60px;
	background: url(../explain/img/btn_judge.gif) no-repeat center top;
	color: transparent;
}

/* .quiz-decision
---------------------------------- */
body#quiz #main .quiz-decision h2 {
	background: #fb9c9d; /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fb9c9d), color-stop(0, #fa5256));
	background: -webkit-linear-gradient(top, #fa5256 0%, #fb9c9d 100%);
	background: -moz-linear-gradient(top, #fa5256 0%, #fb9c9d 100%);
	background: -o-linear-gradient(top, #fa5256 0%, #fb9c9d 100%);
	background: -ms-linear-gradient(top, #fa5256 0%, #fb9c9d 100%);
	background: linear-gradient(top, #fa5256 0%, #fb9c9d 100%);
	border-radius: 5px 5px 0 0;
	line-height: 1;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); /* for iPhone */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	margin-top: 10px;
}

#main .quiz-decision h2 a {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
	padding: 10px 15px;
	display: block;
}

h3 {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #fa5256;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
	padding: 10px 15px;
	display: block;
}

h4 {
	color: #fa5256;
}

h5 {
	color: #fb9c9d;
}

.content {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 0 0 5px 5px;
	border-top: none;
}

.content p {
	padding: 15px;
}

:target > h2 {
	background: #ff7400; /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ff7400), color-stop(0, #ffa443));
	background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: linear-gradient(top, #ffa443 0%, #ff7400 100%);
}

.content .detail-link {
	padding-left: 215px;
}

/* ---------------------------------------
For profile index Pages
------------------------------------------ */
body.profile #main .fig-left p,
body.profile #main .fig-left ul {
	width: 335px;
}

body.profile #main .object {
	clear: none;
	text-align: center;
	padding-top: 1.2em;
	padding-bottom: 5em;
}

body.profile #main .object img {
	border: 1px solid #fca5a6;
}

/* ---------------------------------------
For コンサルタント Pages (consultant/index.html)
------------------------------------------ */
body.consultant #main .info dt,
body.consultant #main .info h4 {
	font-size: medium;
	font-weight: bold;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}

body.consultant #main .info dd {
	padding-left: 1.5em;
	padding-bottom: 0.3em;
}

body.consultant #main #info-1 dt {
	color: #fa4f53;
}

body.consultant #main #info-2 dt {
	color: #5a9ffe;
}

body.consultant #main #info-3 dt {
	color: #3ea129;
}

body.consultant #main #info-4 h4 {
	color: #fa6519;
}

body.consultant #main #info-4 div {
	background: url("../img/consultant_line_02.gif") no-repeat 2em bottom;
	padding-bottom: 0.2em;
}

body.consultant #main #info-4 p {
	margin-top: 1.2em;
}

body.consultant #main .info2 h3 {
	color: #f91d29;
	font-size: medium;
	padding: 0.2em 0em 0.3em 3em;
}

body.consultant #main .detail-link li {
	display: inline;
	list-style-type: none;
}

/* ---------------------------------------
For お問い合わせ Pages (contact/index.html)
------------------------------------------ */
body.contact #wrapper {
	background: none;
}

body.contact #main {
	float: none;
	margin: 0 auto;
}

body.contact #main .fig p {
	margin-top: 1em;
	width: 300px;
	float: left;
	line-height: 1.7;
}

body.contact #main .fig figure {
	margin: 1em 2px 0px 0px;
	width: 160px;
	float: right;
}

body.contact #main .picture {
	text-align: center;
	padding-top: 5em;
	padding-bottom: 5em;
}

body.contact #side {
	display: none;
}

body.contact #page-footer {
	background: none;
}

/* ---------------------------------------
For 機関紙 Pages (kikanshi/index.html)
------------------------------------------ */

.newsletter_year_heading {
	margin-block: 0.5rem;
	margin-inline: 1rem;
	border-left: 6px solid #ffa7a7;
	padding-block: 0.5rem;
	padding-inline: 0.625rem;
	background-color: #f6f6f6;
	color: #686868;
	text-shadow: none;
}

.newsletter_backnumber_year {
	margin-block: 1.25rem;
}

.newsletter_list {
	display: grid;
	grid-template-columns: repeat(auto-fill, 6rem);
	column-gap: 1rem;
	row-gap: 0.5rem;
	margin-block: 0;
	margin-inline-start: 2.5rem;
	padding: 0;
	list-style-type: none;

	& :where(.newsletter_item) {
		margin: 0;
		text-align: end;
	}
}

/* ---------------------------------------
For sitemap Pages
------------------------------------------ */
body.sitemap #wrapper {
	background: none;
}

body.sitemap #main {
	float: none;
	margin: 0 auto;
}

body.sitemap #side {
	display: none;
}

body.sitemap #page-footer {
	background: none;
}

body.sitemap #main dt {
	font-size: medium;
	font-weight: bold;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}

body.sitemap #main dd {
	padding-left: 1.5em;
	padding-bottom: 0.3em;
	background: url("../img/consultant_line_02.gif") no-repeat 0px bottom;
	margin-bottom: 0.5em;
}

body.sitemap #main dt a:hover,
body.sitemap #main dt a:focus,
body.sitemap #main dt a:active {
	color: #ff9933;
}

/* ---------------------------------------
dummy
------------------------------------------ */

/* #main table
---------------------------------- */
body.dummy #main table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

body.dummy #main th,
body.dummy #main td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px;
}

body.dummy #main th {
	background: #243200;
	color: #ffffff;
}

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