@charset "shift_jis";

/*

記事のスタイル指定

※ 但し、第26回分のみの特別な仕様なので取扱には充分気をつけること！

-------------------------------------------------------------------
*/


/*
　　　　再定義
*/

#wrap .article {
	width: 840px;
	margin: 15px auto 0;
	_zoom: 1;
	overflow: hidden;
}

.article h2 {
	margin: 20px 0;
}

.article h3 {
	margin: 30px 0 20px;
	clear: both;
}

#wrap .article .next {
	font-size: 125%;
	width: auto;
	clear: both;
}



/* 基本部分
----------------------------------- */

/* クリア
--------------- */
#wrap .article .clear{
	clear:both;
}

/* マージン
--------------- */
#wrap .article .mb20{
	margin-bottom:20px;
}

#wrap .article .mt20{
	margin-top:20px;
}

.pgb10 {
	padding-bottom:10px;
	}

/* フッター部分
----------------------------------- */


/* テキスト部分
----------------------------------- */

/* テキスト1
--------------- */
#wrap .article .article_text1{
	width: 510px;
	float: left;
	padding: 15px 0px 15px 30px;
}

#wrap .article .article_text1 span{
	font-weight:bold;
	color: #ef9404;
	font-size:120%;
}

/* テキスト2
--------------- */
#wrap .article .article_text2{
	width: 840px;
	float: left;
	padding-left:30px;
}

#wrap .article .article_text2 span{
	font-weight:bold;
	color: #ef9404;
	font-size:120%;
}


/* 画像部分
----------------------------------- */

/* 画像1
--------------- */
#wrap .article .article_text_photo1{
	float: right;
	padding: 15px 30px 0 0;
	text-align:right;
}

#wrap .article .article_text_photo1 p{
	text-align:right;
}

/* 画像2
--------------- */
#wrap .article .article_text_photo2{
	padding: 15px 0px 15px 30px;
}

#wrap .article .article_text_photo2 div{
	width:160px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:right;
}

#wrap .article .article_text_photo2 img{
	margin-bottom:5px;
}

#wrap .article .article_text_photo2{
	padding: 15px 0px 15px 30px;
}
/*---------------------------------------------------------------------------------------*/

#wrap .article .alignleft, #wrap .article img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}
#wrap .article .alignright, #wrap .article img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 4px;
}
#wrap .article .aligncenter, #wrap .article img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#wrap .article img.alignleft, #wrap .article img.alignright, #wrap .article img.aligncenter {
    margin-bottom: 20px;
}
#wrap .article .gl-caption {
    /*background: none repeat scroll 0 0 #F1F1F1;*/
    line-height: 18px;
    margin-bottom: 20px;
    /*padding: 4px;*/
    text-align: right;
}
#wrap .article .gl-caption img {
    margin: 5px 0 0;
}

#wrap .article .related {
	border: none;
	padding: 5px 15px 10px;
	_zoom: 1;
	overflow: hidden;
}

#wrap .article .related h3 {
	margin-bottom: 0.5em;
	margin-top: 10px;
}

#wrap .article .related ul li a {
	background: url(../../../img/li_anchor.gif) left center no-repeat;
	padding-left: 20px;
}

#wrap .article .related ul li {
	margin-bottom: 0.5em;
}

#wrap .article .centering {
	text-align: center;
	margin-top: 15px;
}

#wrap .article .centering li {
	margin: 0 35px 15px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#wrap .article .centering li img {
	margin-bottom: 5px;
}

#wrap .article .recipeList {
	text-align: center;
	margin-top: 15px;
	margin-left: -15px;
}

#wrap .article .recipeList li {
	text-align: right;
	margin: 0 0 15px 15px;
	width: 270px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#wrap .article .recipeList li img {
	margin-bottom: 5px;
}

#wrap .article ol {
	list-style: decimal;
	margin: 0 0 1em 2em;
}

#wrap .article ol li {
	margin: 0 0 1em;
}

#wrap .article ul.number {
	list-style: none;
}

#wrap .article ul.number li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom: 1em;
}


/*---------------------------------------------------------------------------------------*/

#wrap .article .article_text_photo2 div{
	width:160px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:right;
}

#wrap .article .article_text_photo2 img{
	margin-bottom:5px;
}

/* 画像3
--------------- */
#wrap .article .article_text_photo3{
	padding: 15px 0px 15px 30px;
}

#wrap .article .article_text_photo3 div{
	width:160px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:right;
}

#wrap .article .article_text_photo3 img{
	margin-bottom:5px;
}

#wrap .article .article_text_photo3{
	padding: 15px 0px 15px 30px;
}

#wrap .article .article_text_photo3 div{
	width:270px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	text-align:right;
}

#wrap .article .article_text_photo3 img{
	margin-bottom:5px;
}



/*

おまけ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.styleZ {
	color: #006633;
	font-size: 150%;
	font-weight: bold;
	vertical-align:middle;
}
.styleX {
	color: #006633;
	font-size: 150%;
	font-weight: bold;
}
.style2 {
	font-size: 130%;
	color: #006633;
	font-weight: bold;
}
.style5 {
	color: #0066CC;
	font-weight: bold;
}
.style6 {
	color: #006633;
	font-size: 130%;
	font-weight: bold;
}

.style7 {
	color: #0066CC;
	font-size: 100%;
	font-weight: bold;
	}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.style11 {color: #CC0000; font-size: 150%; font-weight: bold; }
