@charset "UTF-8";
/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :一行説明 "なんとなく趣味のページ用スタイルシート";
 :作成日 "2007-12-11";
 :公開版 [:版 "1.5"; :作成日 "2007-12-26"];
 :作成者 [:名 "ムシムシ"; :ホームページ <http://www.geocities.jp/sendaituri/> ];
*/
@font-face					{	font-family: 'あんず文字';
								src: url('font/APJapanesefont.ttf') format('woff');
}
body						{	color:#000000;
								background-color:#ffffdd;
								margin:0em;
								padding:0.25em 0.5em 0.25em 0.5em;}

ins							{	font-size:105%;
								text-decoration:none;}
ins[title]:before			{	content:"（" attr(title) "）";
								color:#FF6600;
								font-size:65%;}
ins[title]:after			{	content:"ここまで";
								color:#FF6600;
								font-size:50%;}
del							{	text-decoration:line-through;
								color:#666666;}
del[title]:before			{	content:"(" attr(title) ")";
								color:#FF6600;
								font-size:60%;}
/*　アンカー　設定　*/
a							{	text-decoration:underline;
								color:#700000;}
a:hover						{	color:#a00000;
								text-decoration:underline;
								outline: 1px solid #d00000;
								opacity:1;}
a:focus						{	color:#a00000;
								text-decoration:underline;
								outline: 1px solid #d00000;}
a[type]						{	color:#003399;
								opacity:0.6;}
a[href="#turisi"]			{	color:#003399;}
a[id*="pic"]				{	opacity:1;
								color:#330066;}
a[accesskey]:after			{	content:"("  attr(accesskey) ")";
								font-size:95%;
								color:#007000;}
a[type][title]				{	color:#002277;}
/*　見出　設定　*/
h1							{	font-size:160%;
								text-shadow: 5px 5px 10px #808080;}
h2							{	font-size:120%;
								margin:0.5em 0em 0em 1em;
								padding:0em;
								color:#105000;}
h3							{	font-size:110%;
								margin:0.5em 0em 0em 2em;
								padding:0em;
								color:#000080;}
h4							{	font-size:100%;
								margin:0.5em 0em 0em 2em;
								padding:0em;}
/*　メルアド　設定　*/
address						{	font-style:normal;
								margin:0em 0em 0em 2em;
								padding:0em;}
/*　段落　設定　*/
p							{	margin:0.5em 0em 0em 1em;
								padding:0em 0em 0em 0.5em;}
/*　箇条書き　設定　*/
ul							{	margin:0.25em 0em 0em 1em;
								padding:0em;
								list-style-type:none;}
ul li						{	margin:0.25em 0em 0.25em 0em;
								padding:0;}
ol							{	margin:0.5em 0em 0.5em 1em;
								padding:0em;
								list-style-type:none;}
ol li						{	margin:0.25em 0em 0.25em 0em;
								padding:0em;}
menu						{	margin:0.25em 0em 0em 1em;
								padding:0em;
								list-style-type:none;}
menu li						{	margin:0.25em 0em 0.25em 0em;
								padding:0;}
dl							{	margin:0.5em 0em 0.5em 0em;
								padding:0em;}
dl dt						{	margin:0.5em 0em 0em 3em;
								padding:0em 0.25em 0em 0em;
								font-size:130%;}
dl dd						{	margin:0.25em 0em 0em 5em;
								padding:0em 0.25em 0.15em 0em;}
dl dd dl					{	margin:0.25em 0em 0em 0em;
								padding:0em;}
dl dd dl dt					{	margin:0.25em 0em 0.25em 0em;
								padding:0em;}
dl dd dl dd					{	margin:0.5em 0em 0em 1em;
								padding:0em;}
/*　テーブル　設定　*/
table						{	margin:0em 0em 0em 3em;
								padding:0em;
								border:3px double gray;}
th							{	border-width: 1px;
								border-style:groove;}
td							{	border-width: 1px;
								border-style:groove;}

hr							{	clear:both;}

/*　整形鴻ﾐeキスト　*/
pre							{	border:3px double gray;
								padding:0em 0.5em 0em 0.5em;}
/*　引用　設定　*/
q							{	background-color:#ffefff;
								color:#404000;
								quotes: "  " " ";
								border:1px solid #404000;}
q[cite]:after				{	content:"（"  attr(cite) "）";
								font-size:90%;
								color:#404000;}
blockquote					{	background-color:#ffefff;
								color:#404000;
								margin:0.5em 0em 0.5em 2em;
								padding:0em 0.5em 0em 0em;
								border:3px double #404000;}
blockquote[title]:before	{	content:"[" attr(title) "]";
								font-size:90%;
								color:#444500;}
blockquote[cite]:after		{	content:"url:" attr(cite) ;
								color:#444500;
								font-size:90%;}
/*　フレーズ要素　*/
cite						{	color:#504000;
								font-style:normal;}
code						{	color:#504000;}
dfn							{	color:#404500;
								font-style:normal;}
acronym						{	color:#304900;}
abbr						{	color:#304900;}
em							{	color:#a00000;
								font-style:normal;
								font-weight:bold;}
em#jvs						{	color:#004540;}
strong						{	color:#a00000;
								font-weight:bold;
								font-size:120%;}
/*　画像　設定　*/
img							{	border:0px;}
dd[id]>img[alt]:after		{	content:"(" attr(alt) ")";}
div[id]>img[alt]:after		{	content:"(" attr(alt) ")";}
/*　物理要素　*/
small						{	font-size:0.5em;}
iframe						{	margin:0em;
								padding:0em;}
/*　汎用ブロック　*/
body[id]>div				{	padding:0.5em;
								page-break-after: always;
								border:3px double gray;
							}
/*　物理要素　*/
i							{	font-style:oblique;
								font-weight:normal;
								font-size:80%;}
i:before					{	content: "- "; }
/*　HTML 5 */
aside						{	border:3px double gray;
								display:block;}
header						{	display:block;
								background: -webkit-gradient(linear, left top, right bottom, from(rgb(255,222,255)), to(#ffffdd));
								background: -moz-linear-gradient(top, rgb(255,222,255),  #ffffdd);
								background: -o-linear-gradient(top, rgb(255,222,255),  #ffffdd);
								background: linear-gradient(top, rgba(255,222,255,0),  #ddffdd);}
header > dl					{	font-size:65%;
								opacity:0.5;}
hgroup						{	display:block;}
section						{	display:block;}
nav							{	display:block;
								font-size:90%;}
article						{	display:block;}
footer						{	display:block;}
/*　class指定　*/
.column						{	-moz-column-count: 2;
								-moz-column-gap: 2em;
								-moz-column-rule: 1px solid #99cc99;
								-webkit-column-count: 2;
								-webkit-column-gap: 3em;
								-webkit-column-rule: 1px solid #99cc99;
								-o-column-count: 2;
								-o-column-gap: 3em;
								-o-column-rule: 1px solid #99cc99;
								column-count: 3;
								column-gap: 3em;
								column-rule: 1px solid #cc99ff;}

.license					{	font-size:85%;
								margin:1em 0em 1em 1em;
								padding:1em;
								width:25em;}
.cc-info					{	margin:0em;
								padding:0em;
								border:none;}
.container					{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#thumbnail					{	display:none;
								margin:0em;
								padding:0em 1.5em 0.5em 0em;
								background-color:#ddddff;
								border:3px double gray;
								position:absolute;
								z-index:1;}
#thumbnail>object			{	margin:0.25em -0.25em 0.25em 0.5em;}
#thumbnail #close > a		{	position: absolute;
								background-color:#ccccff;
								border:3px double #aaaaaa;
								right: 0;
								top: 3em;
								display: block;
								width: 6em;
								color: #000;
								font-weight: bold;
								text-align: center;
								text-decoration: none;}
#thumbnail #close > a:hover	{	color: #ff358b;}

#thumbnail #close			{	position: relative;
								top: 2em;}
#thumbnail #close1 > a		{	background-color:#ccccff;
								border:3px double #aaaaaa;
								display: block;
								width: 6em;
								color: #000;
								font-weight: bold;
								text-decoration: none;}
/*　釣り設定　*/
#mainarea					{	-moz-box-flex:1;
								-webkit-box-flex:1;
								-o-box-flex:1;}
#turi >header				{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}

#turi >header>aside			{	font-size:60%;
								width:27em;
								opacity:0.5;}
#turi >header>aside>div		{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#turi>div.column			{	border:3px double gray;
								-webkit-border-image: url(img/pin_s.png)20 20 20 20 / 20px 20px 20px 20px;
								-moz-border-image: url(img/pin_s.png)20 / 20px repeat repeat;
								-o-border-image: url(img/pin_s.png)20 20 20 20 / 20px 20px 20px 20px repeat repeat;
								border-image: url(img/pin_m.png)30 30 30 30 / 22px 22px 22px 22px round round;
								-moz-box-shadow: 10px 10px 10px #99eeFF;
								-webkit-box-shadow: 10px 10px 10px #99eeFF;
								box-shadow: 10px 10px 10px gray;
								background-color:#efffff;
								padding:0.5em 1em 1.75em 1em;}
#turi > div.column >nav> menu {	margin:0em;
								padding:0em;}
#turi > div.column >nav> menu > li {	padding-bottom:0.25em;
								border-bottom: 1px solid #33ccff;}
#turi :target				{	color:#990000;}
#turi ul					{	clear:both;
								padding-top:0.25em;}
#turi article>dl			{	margin:0.5em 2.5em;
								border:1px solid #008000;
								font-size:85%;}
#hoshoku>header				{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#hoshoku>header>hgroup		{	width:45em;
								-moz-box-flex:1;
								-webkit-box-flex:1;
								box-flex:1;}
#hoshoku>header>aside		{	font-size:60%;
								width:27em;
								opacity:0.5;}
#hoshoku>header>aside>div	{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#hoshoku dl					{	background-color:#ffffff;
								margin:0em;
								padding:0em;}
#hoshoku dl dt				{	font-size:120%;
								color:#006000;
								font-weight:bold;
								padding:0em;}
#hoshoku>div				{	background-color:#ffffff;
								margin:0em;
								padding:0em;}
#hoshoku .setumei			{	-moz-box-flex:1;
								-webkit-box-flex:1;
								-o-box-flex:1;
								box-flex:1;}
#hoshoku .sikake			{	border:3px double gray;
								width:20em;
								padding:0.5em;}
#hoshoku .sikake dd			{	margin:0em;
								font-size:85%;}
#hoshoku .sikake dt			{	margin:0em;
								font-size:85%;}
#hoshoku>div[class="column"] {	padding:0.5em;}
#hoshoku dd[class="column"] {	border:3px double gray;
								padding:1em;}
#hoshoku #xdocument			{	border:3px double gray;
								-moz-border-radius: 0px;
								-webkit-border-radius: 0px;
								border-radius: 0px;
								top:0em;
								-moz-box-shadow: 0px 0px 0px #ee99ff;
								-webkit-box-shadow: 0px 0px 0px #ee99ff;
								box-shadow: 0px 0px 0px gray;}
#ryori>header				{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#ryori>header>hgroup		{	width:30em;
								-moz-box-flex:1;
								-webkit-box-flex:1;
								-o-box-flex:1;
								box-flex:1;}
#ryori>header>aside			{	font-size:60%;
								width:27em;
								opacity:0.5;}
#ryori>header>aside>div		{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#ryori>header>aside
#ryori>div					{	background-color:#efefef;}

#ryori>.container>nav		{	background-color:#ffeeff;
								border:3px double gray;
								padding:0.5em;
								margin:0.5em;}
#ryori :target				{	color:#990000;}
#ryori h2[id="r0"]			{	width:5em;
								-moz-border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Gecko */
								-webkit-border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Webkit */
								-o-border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Gecko */
								border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px;
								position:relative;
								z-index:1;
								top:-1em;
								left:-2.25em;
								width:13em;
								-moz-transform: rotate(-12deg);
								-webkit-transform: rotate(-12deg);
								-o-transform: rotate(-12deg);
								transform: rotate(-20deg);
								padding-left:0.75em;}
#ryori article				{	background-color:#ffeeff;
								border:3px double gray;
								margin-top:2em;
								margin-left:1.5em;
								font-family: 'あんず文字';
								writing-mode: tb-rl;}
#ryori #xdocument			{	margin:0em;
								padding:0em;
								border:3px double gray;
								-moz-border-radius: 0px;
								-webkit-border-radius: 0px;
								border-radius: 0px;
								top:0em;
								-moz-box-shadow: 0px 0px 0px #ee99ff;
								-webkit-box-shadow: 0px 0px 0px #ee99ff;
								box-shadow: 0px 0px 0px gray;}
#ryori hr					{	margin:0em;
								padding:0em;}
#nikki dl[id]				{	padding:1em;
								background-color:#efffef;
								-moz-column-count: 2;
								-moz-column-gap: 2em;
								-moz-column-rule: 1px solid #99cc99;
								-webkit-column-count: 2;
								-webkit-column-gap: 3em;
								-webkit-column-rule: 1px solid #99cc99;
								-o-column-count: 2;
								-o-column-gap: 3em;
								-o-column-rule: 1px solid #99cc99;
								column-count: 3;
								column-gap: 3em;
								column-rule: 1px solid #cc99ff;
								border:3px groove gray;}
#nikki h2 + ol				{	padding:1em;
								background-color:#efffef;
								-moz-column-count: 2;
								-moz-column-gap: 2em;
								-moz-column-rule: 1px solid #99cc99;
								-webkit-column-count: 2;
								-webkit-column-gap: 3em;
								-webkit-column-rule: 1px solid #99cc99;
								-o-column-count: 2;
								-o-column-gap: 3em;
								-o-column-rule: 1px solid #99cc99;
								column-count: 3;
								column-gap: 3em;
								column-rule: 1px solid #cc99ff;
								border:3px groove gray;}

#nikki dl[id]:nth-of-type(1) {	border:3px ridge gray;}
#nikki dl[id]:nth-last-of-type(1) {	border:3px ridge gray;}
#nikki dl[id] dt			{	color:#006000;
								font-weight:bold;
								padding:0em;
								margin-left:1.5em;}
#nikki dl[id] dd			{	margin-left:3em;}
#nikki>ol li				{	display:inline;
								width:5em;}
#nikki>ol+dl,p				{	clear:both;}
#nikki #xdocument			{	margin:0em;
								padding:0em;
								border:3px double gray;
								-moz-border-radius: 0px;
								-webkit-border-radius: 0px;
								border-radius: 0px;
								top:0em;
								-moz-box-shadow: 0px 0px 0px #ee99ff;
								-webkit-box-shadow: 0px 0px 0px #ee99ff;
								box-shadow: 0px 0px 0px gray;}
#attention					{	float: right;
								width:30em;}
#onsen article > dl			{	border:3px double gray;
								margin:0.5em;}
#onsen article > dl > dt	{	color:#105000;
								font-weight:bold;}
#onsen article > dl > dd > span {	color:#000080;
								font-weight:bold;}
#onsen article > dl > dd > span:after { content: "　";}
/* 観察設定 */
.xmlimgjp					{	border:3px ridge gray;}
.xmlimgjp > div				{	border:none;
								margin-top:0.5em;
								margin-left:2em;
								float:left;
								width:25%;}
.xmlimgjp > dl				{	margin-left:45%;}
.xmlimgjp > dl + dl			{	clear:both;
								margin-left:2em;}
.xmlimgjp > dl + ul			{	font-size:85%;
								clear:both;
								margin-left:2em;
								margin-top:2em;}
.xmlimgjp > ul > li > span	{	font-weight:bold;
								font-size:100%;}
.xmlimgjp  dl dt			{	font-size:100%;}
.xmlimgjp  dl dd			{	font-size:90%;}
.xmlimgjp h2 + div + dl+ dl dt
							{	margin-top: 0.15em;
								margin-bottom:0.15em;}
.xmlimgjp h2 + div + dl+ dl dd
							{	margin-top: 0.15em;
								margin-bottom:0.15em;}
.xmlimgfs 					{	font-size:80%;}
.xmlimgfs dt				{	float:left;}
.xmlimgfs dt:after			{	content: " : "; }
.xmlimgfs dd hr				{	height:0em;
								width:0em;
								margin:0em;
								padding:0em;
								visibility:hidden;}
.xmlimgfs dd.clear			{	clear:both;}
/* クロスドキュメントメッセージ */
#xdocument					{	margin:0em 1.25em;
								background-color:#ffefff;
								border:none;
								position:relative;
								z-index:0;
								top:-0.5em;
								font-size:90%;
								-moz-box-shadow: 10px 10px 10px #ee99ff;
								-webkit-box-shadow: 10px 10px 10px #ee99ff;
								box-shadow: 10px 10px 10px gray;
								-moz-border-radius: 15px;
								-webkit-border-radius: 25px;
								border-radius: 25px;}
#xdocument #xdoc_box		{	display: -moz-box;
								display: -webkit-box;
								display: -o-box;
								display: box;}
#xdocument #msgdisplay		{	margin:0em 1em;}
#xdocument #memo			{	-moz-border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Gecko */
								-webkit-border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Webkit */
								-o-border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px; /* Gecko */
								border-image: url(img/scotch-tape.png) 2 8 2 5 / 2px 8px 2px 5px;
								position:relative;
								z-index:1;
								top:-1.5em;
								width:13em;
								padding-left:1.25em;
								opacity:0.8;
								}
#xdocument iframe			{	visibility:hidden;}
#xdocument dl				{	margin:0em;
								padding:0em;}
#xdocument dl dt			{	margin:0.5em 0em 0em 0em;
								padding:0em;}
#xdocument dl dd			{	margin:0em;
								padding:0em;}
								
#dbcrm						{	visibility:hidden;}
#xcoment					{	visibility:hidden;}

#output h2:before			{	content: url(img/aicon02_3.gif); }
.notes						{	font-size:90%;}
@media screen and (min-width: 0px) and (max-width : 800px) {
.column						{	-moz-column-count: 1;
								-moz-column-gap: 2em;
								-moz-column-rule: 1px solid #99cc99;
								-webkit-column-count: 1;
								-webkit-column-gap: 3em;
								-webkit-column-rule: 1px solid #99cc99;
								-o-column-count: 1;
								-o-column-gap: 3em;
								-o-column-rule: 1px solid #99cc99;
								column-count: 1;
								column-gap: 3em;
								column-rule: 1px solid #cc99ff;}
#hoshoku .sikake			{	display:none;}
.container					{	display: block;}
#ryori>.container>nav		{	display: none;}
#nikki dl[id]				{	-moz-column-count: 1;
								-webkit-column-count: 1;
								column-count: 1;}
#nikki h2 + ol				{	-moz-column-count: 1;
								-webkit-column-count: 1;
								column-count: 1;}
}
@media screen and (min-width: 1200px) {
#ryori article				{	-webkit-writing-mode : vertical-rl;}
}
ol [itemprop="nutrition"]	{	display:none;}
ol [itemprop="review"]		{	display:none;}
ol [itemprop="ingredient"]	{	font-size:80%;}

hgroup ul 					{	display:none;}

#turi > div.column >nav> menu > li > span	{	font-size:80%;}
#review						{	display:none;}