@charset "UTF-8";
#article .update {
	margin: 10px 20px;
	padding: 0;
	font-size: 11px;
	text-align: right;
	background: 0
}
#article .white-all {
	border: 1px solid #fff;
	background: #fff
}
#ad_fluct_google, #fluct_ad_unit_1000018145, #fluct_ad_unit_1000018146 {
	text-align: center;
	margin: 10px 0
}
#ad_fluct_google {
	padding: 20px 0;
	background: none
}

#ad_fluct_google div{
	display:inline-block !important;
}


#ad_fluct_yahoo {
	margin: 0 0 0 10px
}
#article .textbanner {
	clear: both;
	margin: 10px 20px;
	padding: 0;
	font-size: 12px;
	font-weight: 400
}
.article-tag {
	margin: 0 20px 10px;
	padding: 0;
	background: 0
}
.article-tag a {
	display: inline-block;
	float: left;
	margin: 2px;
	padding: 4px 8px;
	font-size: 13px;
	line-height: 1.2;
	color: #666;
	text-decoration: none
}
.article-tag a.catbarp, .article-tag a.catbar1, .article-tag a.catbar2, .article-tag a.catbar3, .article-tag a.catbar4, .article-tag a.tagbar {
	background: #f0f0f0
}
.article-tag a:hover.catbarp, .article-tag a:hover.catbar1, .article-tag a:hover.catbar2, .article-tag a:hover.catbar3, .article-tag a:hover.catbar4, .article-tag a:hover.tagbar {
	background: #DB2955;
	color: #fff
}
#article .social-bookmark {
	margin: 10px 20px;
	padding: 5px 0 0;
	background: 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
}
.social-bookmark #evernote, .social-bookmark #hatena, .social-bookmark #mixi_check, .social-bookmark #gree, .social-bookmark #facebook_share, .social-bookmark #pinterest, .social-bookmark #twitter, .social-bookmark #google_plusone, .social-bookmark #mixi_like, .social-bookmark #facebook_like, .social-bookmark #send_line {
	float: right;
	margin: 0 5px;
	padding: 0
}
#article ol#article_next, #article ol#article-category {
	margin: 0;
	padding: 0
}
#article ol#article_next li, #article ol#article-category li {
	margin: 0 0 .25em 1.75em;
	padding: 0;
	font-size: 87.5%;
	list-style: square
}
.cat-special {
	padding: 80px 0 10px;
	background: #fff url(../../images/section/img_bg_special.png) 0 0 no-repeat
}
#ask-form {
	margin: 10px 0;
	clear: both
}
a#article-ask-submit {
	width: 80%;
	margin: 10px auto;
	text-align: center;
	font-size: 15px;
	color: #fff
}
.article-main {
	margin: 0;
	padding: 0;
	background: url(../../images/common/img_hand_related.png) 10px bottom no-repeat;
	background: 0
}
#article .gotohome_area, #article .gotohome_area p {
	margin: 10px 10px 20px;
	padding: 0;
	background: #f9f9f9;
	line-heigh: 1;
	font-weight: 700
}
.article-header-ask {
	margin: 0;
	padding: 0 0 10px;
	background: #fff
}
.article-main-ask {
	margin: 10px 0;
	padding: 0;
	background: 0
}
.article-footer {
	margin: 10px 0;
	padding: 0
}
#cat_recipe {
	margin: 0;
	padding: 0;
	background: 0
}
#cat_recipe .cat_recipe_genre, #cat_recipe .cat_recipe_calory {
	float: left;
	width: 46%;
	margin: 2%;
	padding: 0
}
#cat_recipe .cat_recipe_genre ul, #cat_recipe .cat_recipe_calory ul {
	margin: 0;
	padding: 0
}
#cat_recipe .cat_recipe_genre li, #cat_recipe .cat_recipe_calory li {
	margin: 0;
	padding: 0;
	list-style: none
}
#cat_recipe .cat_recipe_genre li a, #cat_recipe .cat_recipe_calory li a {
	width: 90%;
	text-align: center
}
#article .series {
	clear: both;
	margin: 10px 20px;
	padding: 10px;
	background: #f3f8ed url(../../images/section/img_bg_series.png) left top no-repeat
}
#article .series ul {
	margin: 30px 10px 0;
	padding: 0;
	list-style: none
}
#article .series li {
	margin: 0;
	padding: 5px 0;
	line-height: 1.4;
	list-style: none;
	border-bottom: 1px dotted #ccc
}
#news-spot {
	margin: 0;
	padding: 0;
	background: 0
}
#news-spot p {
	margin: 0 20px;
	padding: 0;
	font-size: 81.25%
}
#author-spot {
	margin: 30px 20px 0;
	padding: 0;
	background: #f0f0f0
}
#author-spot p {
	margin: 10px;
	padding: 0;
	font-size: 81.25%
}
#article .greybox {
	margin: 25px 20px;
	padding: 0;
	background: #e0e0e0
}
#article .orangebox {
	margin: 25px 20px;
	padding: 0;
	background: #ffdda2
}
#article .memo {
	clear: both;
	margin: 25px 20px;
	padding: 0;
	background: #edfbed url(../../../images/common/img_memo.png) 15px 15px no-repeat
}
#article .memo h3 {
	padding: 0 0 0 40px
}
#article .checkout {
	clear: both;
	margin: 25px 20px;
	background: #e0f5e2
}
#article .checkout2 {
	clear: both;
	margin: 25px 20px;
	background: #fff
}
#article .munakata {
	margin: 25px 20px;
	padding: 0 0 0 130px;
	background: #fbeded url(../../../images/section/recipe/img_munakata.gif) 15px 15px no-repeat
}
#article .nakano {
	margin: 25px 20px;
	padding: 0 0 0 130px;
	background: #f8ebe9 url(../../../images/section/kenko100/img_nakano.gif) 15px 15px no-repeat;
	background-size: 20%
}
#article .baba {
	margin: 25px 20px;
	padding: 220px 0 0;
	background: #f5f5f5 url(../../../images/section/kenko100/img_baba.jpg) center 15px no-repeat;
	background-size: 30%
}
#article .haruko {
	margin: 25px 20px;
	padding: 220px 0 0;
	background: #f5f5f5 url(../../../images/section/kenko100/img_haruko.jpg) center 15px no-repeat;
	background-size: 30%
}
#article .watari {
	margin: 25px 20px;
	padding: 220px 0 0;
	background: #f5f5f5 url(../../../images/section/kenko100/img_watari.jpg) center 15px no-repeat;
	background-size: 30%
}
@media screen and (max-width: 480px) {
	#article .munakata {
		margin: 25px 20px;
		padding: 130px 0 0;
		background: #fbeded url(../../../images/section/recipe/img_munakata.gif) center 10px no-repeat
	}
	#article .nakano {
		margin: 25px 20px;
		padding: 130px 0 0;
		background: #f8ebe9 url(../../../images/section/kenko100/img_nakano.gif) center 10px no-repeat;
		background-size: 20%
	}
	#article .baba {
		margin: 25px 20px;
		padding: 130px 0 0;
		background: #f8ebe9 url(../../../images/section/kenko100/img_baba.jpg) center 10px no-repeat;
		background-size: 30%
	}
	#article .haruko {
		margin: 25px 20px;
		padding: 130px 0 0;
		background: #f8ebe9 url(../../../images/section/kenko100/img_haruko.jpg) center 10px no-repeat;
		background-size: 30%
	}
	#article .watari {
		margin: 25px 20px;
		padding: 130px 0 0;
		background: #f8ebe9 url(../../../images/section/kenko100/img_watari.jpg) center 10px no-repeat;
		background-size: 30%
	}
}
#article .profile {
	margin: 25px 20px;
	background: #fff
}
#article .profile img {
	margin: 10px
}
#alert {
	margin: 20px 0 0;
	padding: 10px;
	background: #333;
	text-align: right;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
#alert a {
	display: inline-block;
	margin: 0;
	padding: 3px 10px;
	font-size: 14px;
	color: #900;
	background: #ff0;
	color: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px
}
#article a.link-out {
	padding: 0 22px 0 0;
	background: url(/images/link/link_outer.gif) right top no-repeat;
	background-size: contain
}
#article a.link-pdf {
	padding: 0 22px 0 0;
	background: url(/images/link/link_pdf.gif) right top no-repeat;
	background-size: contain
}
#article a.link-file {
	padding: 0 22px 0 0;
	background: url(/images/link/link_file.gif) right top no-repeat;
	background-size: contain
}
#article a.link-zip {
	padding: 0 22px 0 0;
	background: url(/images/link/link_zip.gif) right top no-repeat;
	background-size: contain
}
#article a.link-xls {
	padding: 0 22px 0 0;
	background: url(/images/link/link_xls.gif) right top no-repeat;
	background-size: contain
}
#article .figure a img {
	border: 1px solid #fff;
	padding: 0
}
#article .figure a:hover img {
	border: 1px solid red;
	padding: 0
}
#article .figure a:visited img {
	border: 1px solid #fff;
	padding: 0
}
#article .figure a span {
	padding: 0 0 0 24px;
	background: url(/images/link/link_zoom.png) left center no-repeat;
	background-size: contain
}
#article .button {
	margin: 0 0 5px
}
#article b {
	font-weight: 700;
	color: #c00
}
#article h1, #article h2, #article h3, #article h4 {
	line-height: 1.25
}
#article h1 {
	margin: 1em 20px 10px;
	font-size: 137.5%;
	font-weight: 700
}
#article h1.nocat-h1 {
	font-size: 137.5%;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	filter: dropshadow(color=#333, offx=1, offy=1)
}
#article h1.article-h1-ask {
	font-size: 125%;
	margin: 0;
	padding: 25px 10px 25px 55px;
	background: #fff url(../../../images/section/ask/img_ask_question.png) 10px center no-repeat
}
#article.cat-ask-baba h1.article-h1-ask, 
#article.cat-ask-haruko h1.article-h1-ask,
#article.cat-ask-watari h1.article-h1-ask, 
#article.cat-ask-ai h1.article-h1-ask {
	font-size: 125%;
	margin: 0;
	padding: 25px 20px;
	border: none;
	background: none
}
@media screen and (max-width: 480px) {
	#article h1.article-h1-ask {
		margin: 0
	}
}
#article h1#h1-keyvisual {
	margin: 0 0 10px;
	padding: 0
}
#article h2 {
	font-size: 81.25%;
	font-weight: 700;
	line-height: 1.25
}
#article .article-main h2 {
	margin: 20px;
	padding: 7px 5px;
	font-size: 81.25%;
	border-left: 5px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background: -moz-linear-gradient(top, #fff, #e0e0e0)!important
}
#article h2#h2-subread {
	margin: 0 20px 1em;
	padding: 0
}
#article .article-main-ask h2 {
	margin: 20px 10px;
	padding: 0 0 0 55px;
	height: 3em;
	font-size: 112.5%;
	border: 0;
	border-radius: 0;
	background: url(../../../images/section/ask/img_ask_solve.png) 0 0 no-repeat
}
#article.cat-ask-baba .article-main h2, 
#article.cat-ask-haruko .article-main h2, 
#article.cat-ask-watari .article-main h2, 
#article.cat-ask-ai .article-main h2 {
	margin: 20px;
	padding: 7px 5px;
	font-size: 100%;
	height: 1.2em;
	border-left: 5px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	background: #e0e0e0!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0))!important;
	background: -moz-linear-gradient(top, #fff, #e0e0e0)!important
}
#article .article-header h2 {
	margin: 0 20px;
	padding: 0;
	font-size: 106.25%;
	border: 0;
	background: 0
}
#article .article-header h2, #article .article-header-column h2 {
	margin: 0 20px;
	padding: 0;
	font-size: 106.25%;
	border: 0;
	background: 0
}
.cat-column h2#h2-subread {
	font-size: 125%;
	color: #300;
	border-bottom: 1px solid #ccc
}
#article .article-main-column h2 {
	clear: both;
	margin: 1.5em 20px;
	padding: 0;
	font-size: 106.25%;
	border: 0;
	background: 0
}
#article h2#article-category-h2, #article h2#article-next-h2, #article h2#article-related-h2, #article h2#article-recent-h2, #article h2#article-info-h2, #article h2#article-external-h2 {
	margin: 1em 0;
	padding: 10px 5px;
	font-weight: 700;
	color: #fff;
	background: #0097A7;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
#article h2.h2-ranking {
	margin: 0 0 1em;
	padding: 5px;
	font-weight: 700;
	color: #fff;
	background: #0097A7;
	border-bottom: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
#article h2.recent-topics-h2 {
	margin: 10px 10px 0;
	padding: 0;
	font-size: 125%;
	border: 0;
	background: 0
}
#article h2.recent-topics-h2 a {
	color: #555
}
#article h2.recent-topics-h2 span {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	border: 0;
	background: 0;
	color: #666
}
#article #kenko-spot h2 {
	clear: both;
	margin: 0;
	padding: 8px 5px;
	font-size: 81.25%;
	border: 0;
	background: #900;
	color: #fff
}
#kenko-search h2 {
	clear: both;
	margin: 0 0 10px;
	padding: 6px 8px;
	background: #f0f0f0;
	border: 0
}
#article h2#h2-series {
	margin: 0;
	padding: 0 0 0 25px;
	border: 0;
	background: 0
}
#article h3 {
	margin: 20px;
	font-size: 81.25%;
	font-weight: 700;
	border-bottom: 1px dotted #ccc
}
#article h4 {
	font-size: 81.25%
}
#article h3.article-tag-h3 {
	font-size: 81.25%;
	margin: 15px 0 5px;
	padding: 0;
	border-bottom: 1px dotted #ccc
}
#article h3.category-topics-h3 {
	margin: 0;
	padding: 20px 0 10px 55px;
	font-size: 81.25%;
	color: #333;
	background: 0
}
#article h3.category-section-h3 {
	margin: 10px;
	padding: 0
}
#article h3.category-section-h3 span {
	font-weight: 400;
	font-size: 75%
}
#article h3.category-section-h3 a {
	color: #555
}
#article h3.category-section-nopict-h3 {
	margin: 10px;
	padding: 0 0 0 5px;
	border-left: 4px solid #999
}
#article h3.category-section-nopict-h3 span {
	font-weight: 400;
	font-size: 75%
}
#article h3.category-section-nopict-h3 a {
	color: #555
}
#kenko-search h3 {
	clear: both;
	margin: 0 0 10px;
	padding: 0;
	font-size: 81.25%;
	line-height: 2;
	background: 0;
	border-bottom: 1px dotted #ccc
}
#article p {
	margin: 25px 20px;
	padding: 0;
	font-size: 81.25%;
	font-weight: 400;
	line-height: 1.75
}
#article p.caption {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-weight: 400;
	text-indent: 0;
	line-height: 1.4
}
#article p.recent-topics-p {
	margin: 10px 20px;
	padding: 0;
	font-size: 75%;
	line-heigt: 1.75
}
#article p.recent-topics-p a {
	font-weight: 700
}
#header-search p {
	margin: -36px 0 0;
	padding: 0;
	font-size: 13px
}
.article-footer p {
	margin: 0;
	padding: 0
}
#article ul {
	clear: both;
	margin: 25px 20px;
	padding: 0;
	list-style: none
}
#article ul li {
	margin: 0 20px 0 2em;
	padding: 0;
	font-size: 81.25%;
	line-height: 1.5;
	list-style: square
}
#article ul ul {
	margin: 10px;
	padding: 0;
	list-style: none
}
#article ul ul li {
	margin: 0 0 .5em 25px;
	padding: 0;
	font-size: 100%;
	list-style: square
}
#article ul.triangle {
	margin: 10px;
	padding: 0
}
#article ul.triangle li {
	margin: 0 0 .5em 10px;
	padding: 0 0 0 15px;
	font-size: 81.25%;
	list-style: none;
	background: url(/ja2/images/common/img_arrow01.png) 0 3px no-repeat
}
#article ul.triangle ul {
	margin: 10px;
	padding: 0;
	list-style: none
}
#article ul.triangle ul li {
	margin: 0 0 .5em 10px;
	padding: 0 0 0 15px;
	font-size: 100%;
	list-style: none;
	background: url(/ja2/images/common/img_arrow01.png) 0 3px no-repeat
}
#article ul.list-none li {
	margin: 10px;
	padding: 0;
	list-style: none
}
#article ul.list-none ul {
	margin: 10px;
	padding: 0;
	list-style: none
}
#article ul.list-none ul li {
	margin: 0 0 .5em 25px;
	padding: 0;
	font-size: 100%;
	list-style: square
}
#article ul.list-none ul {
	margin: 10px;
	padding: 0;
	list-style: none
}
#article ul.list-none ul li {
	margin: 0 0 .5em 10px;
	padding: 0 0 0 15px;
	font-size: 100%;
	list-style: none
}
#article ul.note {
	clear: both;
	margin: 25px 20px;
	padding: 0
}
#article ul.note li {
	padding: 0 0 0 35px;
	font-size: 75%;
	line-height: 1.4;
	list-style: none;
	background: url(../../../images/common/img_note.png) left top no-repeat;
	background-size: 32px 32px
}
#article .article-externallink ul {
	clear: both;
	margin: 0 0 25px;
	padding: 0
}
#article .article-externallink ul li {
	padding: .2em 0 .2em 1.8em;
	font-size: 75%;
	line-height: 1.2;
	list-style: none;
	background: url(../../../images/common/img_www.png) left top no-repeat;
	background-size: 18px 18px
}
#article ol {
	clear: both;
	margin: 20px;
	padding: .25em 1em;
	list-style: none
}
#article ol li {
	margin: 0 0 .25em 1em;
	padding: 0;
	font-size: 81.25%;
	line-height: 1.5;
	list-style: decimal
}
#article ol ul {
	margin: 10px;
	padding: 0;
	list-style: none
}
#article ol ul li {
	margin: 0 0 .5em 25px;
	padding: 0;
	font-size: 100%;
	list-style: square
}
#article dl {
	margin: 25px 20px;
	padding: 0;
	font-size: 81.25%;
	font-weight: 400
}
#article dt {
	margin: 0;
	padding: 0;
	font-weight: 700
}
#article dd {
	margin: 0 0 0 1em;
	padding: 0;
	font-weight: 400
}
#article .figure {
	margin: 10px 20px;
	padding: 5px;
	background: 0;
	text-align: center
}
#article .figure img, #article .figure a img {
	margin: 0 0 5px
}
#article .figure span {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.3;
	text-align: center
}
#article .photo-thumbnail-pict p a {
	color: #555
}
#article img.keyvisual {
	padding: 0 20px
}
#article .h1-img img {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
#article .youtube {
	clear: both;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px
}
#article .youtube iframe {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 90%
}
#article table {
	width: 86%;
	margin: 0 auto 10px;
	padding: 0;
	border-collapse: collapse;
	background: #fff
}
#article table caption {
	margin: 0 0 2px;
	padding: 0;
	font-size: 75%
}
#article table tr:nth-child(even) {
	background: #fff
}
#article table tr:nth-child(odd) {
	background: #fcfcfc
}
#article table tr.check {
	background: #ffeaea
}
#article th, #article td {
	margin: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	font-size: 81.25%
}
#article td {
	padding: 4px
}
#article th {
	font-weight: 700;
	padding: 4px 6px;
	background: #f6f6f6 url(../../../images/common/img_th_bg.gif) left top repeat-x
}
#article thead th {
	font-weight: 700;
	padding: 4px 6px;
	background: #f6f6f6 url(../../../images/common/img_th_bg.gif) left top repeat-x
}
#article .noborderL {
	border-left: 0
}
#article .noborderR {
	border-right: 0
}
.pagenation {
	clear: both;
	margin: 20px;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	background: 0
}
.pagenation span.nolink {
	display: inline-block;
	margin: 0;
	padding: 5px .8em;
	border: 1px solid #900;
	background: #900;
	color: #fff
}
.pagenation span.link {
	margin: 0;
	padding: 0
}
.pagenation span.link a {
	display: inline-block;
	margin: 0 0 3px;
	padding: 5px .8em;
	border: 1px solid #999;
	background: #fff;
	color: #666;
	text-decoration: none
}
.pagenation span.link a:hover {
	display: inline-block;
	border: 1px solid #444;
	background: #666;
	color: #fff;
	text-decoration: none
}
.thumbnail-area {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
.thumbnail {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e3f1ee
}
@media screen and (max-width: 480px) {
	.thumbnail {
		width: 98%;
		margin: 0 auto;
		padding: 0 1%
	}
}
a .thumbnail {
	color: #111
}
a:hover .thumbnail {
	color: #666;
	background: #e3f1ee;
	text-decoration: underline
}
.thumbnail .thumbnail-pict {
	float: left;
	margin: 5px 10px
}
.thumbnail h2.thumbnail-h2 {
	margin: 0;
	padding: 0;
	font-size: 81.25%;
	font-weight: 400;
	line-height: 1.2;
	border: none;
	background: none
}
