@charset "utf-8";

/*====================
 +base element
====================*/
body {
	background: #00b7d5;
	color: #fafafa;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 14px;
	line-height: 1.5;
	}
* html {
	font-size: 87.5%;
	}
*:target {
	-webkit-transition: background-color 1.0s;
	-moz-transition: background-color 1.0s;
	transition: background-color 1.0s;
	background: #efe8b1 !important;
	}

h1 {
	font-size: 172.8%;
	}
h2 {
	font-size: 144%;
	}
h3 {
	font-size: 120%;
	}
.caption {
	font-size: 84%;
	}

a {
	-webkit-transition: color 1.0s;
	-moz-transition: color 1.0s;
	transition: color 1.0s;
	color: #03b;
	text-decoration: underline;
	}
a:visited {
	color: #b07;
	text-decoration: underline;
	}
a:hover,
a:active,
a:focus {
	-webkit-transition: color 0.1s;
	-moz-transition: color 0.1s;
	transition: color 0.1s;
	color: #b30;
	text-decoration: none;
	}
h1 a,
h1 a:visited,
h2 a,
h2 a:visited {
	color: #121212;
	text-decoration: none;
	}
h1 a:hover,
h1 a:active,
h1 a:focus,
h2 a:hover,
h2 a:active,
h2 a:focus {
	color: #121212;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity="70");
	}
.sentence ins {
	display: block;
	padding: 1em 1em 0;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
	text-decoration: none;
	}
.sentence ins[datetime]:after {
	display: block;
	margin: 1em -1em 0;
	padding: 0.5em 1em;
	border: 1px dotted #c0c0c0;
	background: #fafafa;
	color: #b30;
	text-align: right;
	content: attr(datetime)" に追加";
	}

/*====================
 +header
====================*/
#header {
	position: relative;
	width: 900px;
	margin: 0 auto 14px;
	padding: 14px 0 0;
	line-height: 1.2;
	}
#header h1 a {
	color: #fafafa;
	text-decoration: none;
	}
#header h1 img {
	vertical-align: middle;
	}
#search {
	position: absolute;
	right: 0;
	bottom: 20px;
	text-align: right;
	}
#search p,
#search input {
	display: inline;
	}

/*====================
 +topic-path
====================*/
#topic-path {
	width: 852px;
	margin: 0 auto 3px;
	padding: 10px 20px 10px 28px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #fff url(/shared/img/icon/ico_point01.gif) 10px center no-repeat;
	color: #121212;
	}
#topic-path dt,
#topic-path dd,
#topic-path ol,
#topic-path li {
	display: inline;
	}
#topic-path dt {
	margin: 0 10px 0 0;
	font-weight: bold;
	}
#topic-path li a {
	padding: 0 25px 0 0;
	background: url(/shared/img/icon/ico_arrow01.gif) right center no-repeat;
	}

/*====================
 +container
====================*/
#container {
	width: 900px;
	margin: 0 auto;
	}

/*====================
 +primary
====================*/
#primary-contents {
	float: left;
	width: 434px;
	padding: 14px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #fff;
	color: #121212;
	}
#primary-contents h1 {
	margin: 0 0 14px 0;
	padding: 0 0 0 40px;
	background: url(/shared/img/icon/ico_fish01.gif) left center no-repeat;
	}

.sentence {
	margin: 14px 0 0;
	}
.sentence h2,
.sentence h3,
.sentence h4 {
	margin: 14px 0 7px;
	line-height: 1.2;
	}
.sentence h2 {
	padding: 26px 0 3px 90px;
	background: url(/shared/img/container/primary/bg_heading-lv2.gif) left bottom no-repeat;
	font-size: 142.9%;
	}
.sentence h3 {
	border-bottom: 2px dotted #999;
	color: #3676bb;
	}
.sentence h3 a {
	color: #3676bb;
	text-decoration: none;
	}
.sentence p {
	margin: 7px 0;
	}
.sentence ol {
	list-style: outside decimal;
	margin: 7px 0 7px 3em;
	}

#comments,
#trackback {
	margin: 14px 0;
	}
#comments fieldset {
	padding: 6px 13px;
	border: 1px solid #c0c0c0;
	background: #f0f0f0;
	}
#comments fieldset legend {
	padding: 4px 7px;
	border: 1px solid #c0c0c0;
	background: #fff;
	}
#comments dt,
#trackback dt {
	font-weight: bold;
	}
#comments dd,
#trackback dd {
	margin: 4px 14px;
	}
#comments textarea {
	width: 360px;
	}

/*====================
 +secondary
====================*/
#secondary-contents {
	float: right;
	width: 437px;
	}
#secondary-contents .column {
	float: left;
	width: 214px;
	margin: 0 0 0 4px;
	}
* html #secondary-contents .column {
	display: inline;
	}
#secondary-contents .section-lv2 {
	margin: 0 0 3px;
	padding: 14px;
	background: #fff;
	color: #121212;
	}
#secondary-contents .section-lv2:last-child {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	}
#secondary-contents h2 {
	padding: 0 0 0 26px;
	background: url(/shared/img/icon/ico_fish03.gif) left 2px no-repeat;
	line-height: 1.2;
	}
#secondary-contents ul {
	list-style: outside circle;
	margin: 0 0 0 1.5em;
	}
#intro {
	margin: 0 0 3px;
	padding: 0 1px 0 0;
	text-align: right;
	}
#ingredient ul {
	list-style: none;
	margin: 0;
	}
#ingredient li {
	display: inline-block;
	margin: 2px 1px 0 0;
	}
* html #ingredient li {
	display: inline;
	zoom: 1;
	}
*:first-child+html #ingredient li {
	display: inline;
	zoom: 1;
	}
#ingredient li a,
#ingredient li a:visited {
	padding: 2px 4px;
	background: #3676bb;
	color: #fafafa;
	text-decoration: none;
	-webkit-transition: background-color 1.0s;
	-moz-transition: background-color 1.0s;
	transition: background-color 1.0s;
	}
#ingredient li a:hover,
#ingredient li a:active,
#ingredient li a:focus {
	background: #bb3636;
	-webkit-transition: background-color 0.1s;
	-moz-transition: background-color 0.1s;
	transition: background-color 0.1s;
	}
.pagetop1 {
	position: relative;
	z-index: 100;
	width: 900px;
	margin: 14px auto -16px;
	text-align: right;
	}
#footer {
	position: relative;
	z-index: 10;
	background: #009dc3;
	}
#footer a {
	color: #fafafa;
	text-decoration: underline;
	}
#footer .copyright a,
#footer .copyright a:visited {
	text-decoration: none;
	}
#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #fafafa;
	text-decoration: none;
	}
#footer-inner {
	width: 900px;
	margin: 0 auto;
	padding: 7px;
	}
#footer-inner li {
	float: left;
	}
#footer-inner p {
	padding: 0 44px 0 0;
	text-align: right;
	}

/*====================
 +module
====================*/
.simple-table	th,
.simple-table	td {
	padding: 7px;
	border: 1px solid #c0c0c0;
	}
.simple-table	th {
	max-width: 230px;
	background: #d5d5d5;
	white-space: normal;
	}
.dense th {
	white-space: normal;
	}
.complex-table {
	font-size: 85.7%;
	}
.greater {
	background: #fce6de;
	color: #b30;
	}
.less {
	background: #e0e8fe;
	color: #03b;
	}

.related-link {
	margin: 20px 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 16px 12px;
	background: #009DC3;
	}
.related-link dt {
	position: relative;
	top: -0.65em;
	left: 0;
	text-shadow:
		1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		-1px -1px 0 #fff;
	font-size: 114.3%;
	}
.related-link dd {
	color: #fff;
	}
.related-link a {
	color: #fff;
	}
.related-link a:hover,
.related-link a:focus,
.related-link a:active {
	color: #ffa;
	}
.log-list,
.terms-list,
.simple-list {
	margin: 14px 0;
	}
.log-list dt,
.terms-list dt,
.simple-list dt {
	font-weight: bold;
	}
.log-list dd,
.terms-list dd,
.simple-list dd {
	margin: 4px 0 4px 14px;
	}
ul.simple-list {
	list-style: disc outside;
	margin-left: 2em;
	}

.entry-info,
.page-move {
	padding: 7px 4px;
	border-top: 2px dotted #999;
	border-bottom: 2px dotted #999;
	}
.entry-info li {
	display: inline;
	margin: 0 7px 0 0;
	}
.page-move {
	margin: 14px 0;
	list-style: inside circle;
	}
.visual1 img {
	padding: 6px;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
	-webkit-transition: background-color 1.0s;
	-moz-transition: background-color 1.0s;
	transition: background-color 1.0s;
	}
.visual1 a:hover img,
.visual1 a:active img,
.visual1 a:focus img {
	border: 1px dotted #8d8dbe;
	background: #bcc4ed;
	}
.affiliate {
	margin: 14px;
	}
.affiliate h2,
.affiliate h3,
.affiliate h4 {
	margin: 0;
	padding: 7px;
	border: 1px dotted #c0c0c0;
	border-bottom: 0 none;
	background: none;
	color: #454545;
	font-size: 100%;
	}
.affiliate p {
	margin: 0;
	padding: 6px 13px;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
	}
.affiliate a {
	margin: 2px 2px 2px 0;
	}

/*====================
 +signature
====================*/
.home .entry,
.category .entry,
.search .entry,
.archive .entry {
	margin: 14px 0 0;
	}
.home .entry .thumb,
.category .entry .thumb,
.search .entry .thumb,
.archive .entry .thumb {
	float: left;
	margin: 0 0 7px;
	padding: 6px;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
	-webkit-transition: background-color 1.0s;
	-moz-transition: background-color 1.0s;
	transition: background-color 1.0s;
	}
.home .entry a:hover .thumb,
.home .entry a:active .thumb,
.home .entry a:focus .thumb,
.category .entry a:hover .thumb,
.category .entry a:active .thumb,
.category .entry a:focus .thumb,
.search .entry a:hover .thumb,
.search .entry a:active .thumb,
.search .entry a:focus .thumb,
.archive .entry a:hover .thumb,
.archive .entry a:active .thumb,
.archive .entry a:focus .thumb {
	border: 1px dotted #8d8dbe;
	background: #bcc4ed;
	}
.home .entry h2,
.home .entry p,
.category .entry h2,
.category .entry p,
.search .entry h2,
.search .entry p,
.archive .entry h2,
.archive .entry p {
	margin: 0 0 0 121px;
	}
.home .entry p,
.category .entry p,
.search .entry p,
.archive .entry p {
	margin-bottom: 7px;
	}
.home .entry .entry-info,
.category .entry .entry-info,
.search .entry .entry-info,
.archive .entry .entry-info {
	clear: both;
	}

.page #primary-contents {
	float: none;
	width: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.page #secondary-contents {
	float: none;
	width: auto;
	}
.page #intro {
	display: none;
	}
.page #secondary-contents .column {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	float: none;
	width: auto;
	margin: 4px 0 0;
	}
* html .page #secondary-contents .column {
	display: block;
	}
.page #secondary-contents .section-lv2 {
	width: 222px;
	margin: 0 4px 0 0;
	padding: 14px;
	background: #fff;
	color: #121212;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
* html .page #secondary-contents .section-lv2 {
	width: 194px;
	}
* html .page #secondary-contents .section-lv2 {
	width: 194px;
	}
html>/**/body .page #secondary-contents .section-lv2 {  
	color /*\**/: 194px\9;  
	}
.page #secondary-contents #ingredient {
	width: 448px;
	}
* html .page #secondary-contents #ingredient {
	width: 420px;
	}
* html .page #secondary-contents #ingredient {
	width: 420px;
	}
html>/**/body .page #secondary-contents #ingredient {  
	color /*\**/: 420px\9;  
	}

* html .page #secondary-contents .section-lv2 {
	float: left;
	}
*:first-child+html .page #secondary-contents .section-lv2 {
	float: left;
	}
.page #secondary-contents #archives,
.page #secondary-contents #others {
	margin: 0;
	}
.page #secondary-contents .section-lv2:last-child {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.page #secondary-contents .column:last-child .section-lv2:first-child {
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
	}
.page #secondary-contents .column:last-child .section-lv2:last-child {
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	}

/*====================
 +clearfix
====================*/
.clearfix:after,
.entry:after,
#container:after,
.page #secondary-contents .column:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	}

* html .clearfix,
* html .entry,
* html #container,
* html .pagetop1,
* html .page #secondary-contents .column {
	zoom: 1;
	}

*:first-child+html .clearfix,
*:first-child+html .entry,
*:first-child+html #container,
*:first-child+html .pagetop1,
*:first-child+html .page #secondary-contents .column {
	zoom: 1;
	}

/*====================
 +a11y
====================*/
.a11y,
#search h2,
#search legend {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	}