@charset "utf-8";
/*------------------------------------------------------------
    all Pages
------------------------------------------------------------*/
body {
    font-size:93%;
}
.baseWrap {
    width:100%
}

/*------------------------------------------------------------
    global header
------------------------------------------------------------*/
#gHeader {
    padding:12px 0;
    border-top:4px solid #fb0303;
}
#gHeader hgroup {
    padding:0 5px;
}
#gHeader hgroup h1 {
    padding-bottom:12px;
    float:left;
}
#gHeader hgroup h2 {
    padding-bottom:12px;
    float:right;
}

/* ad_199 */
#ac199 {
    clear:both;
    padding-bottom:15px;
    text-align:center;
}
/* 20120628 */
header > img:first-child {
	  width: 240px;
	  height: 31px;
  }

/*------------------------------------------------------------
    global footer
------------------------------------------------------------*/
.btnPageTop {
    margin-bottom:9px;
    padding-right:15px;
    border-bottom:1px solid #999;
}
.btnPageTop a {
    display:block;
    padding:7px 8px 6px 29px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_pagetop.png) no-repeat 8px 6px, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_pagetop.png) no-repeat 8px 6px, -webkit-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_pagetop.png) no-repeat 8px 6px, -moz-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_pagetop.png) no-repeat 8px 6px, -o-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_pagetop.png) no-repeat 8px 6px, linear-gradient(top, #fefefe, #d7d7d7);
    border:1px solid #9f9f9f;
    border-bottom:none;
    -webkit-font-smoothing:antialiased;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius:2px 2px 0 0;
    -o-border-radius:2px 2px 0 0;
    border-radius:2px 2px 0 0;
    -webkit-background-clip:padding-box;
    font-weight:bold;
    font-size:85%;
    text-decoration:none;
    color:#333;
    float:right;
}

#apli div{
    margin-bottom:9px;
    padding:10px;
    text-align:center;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
#apli img {
	margin-right:5px;
    float:left;
}
#apli dl dt {
    color:#a56531;
    padding:5px 0;
    font-weight:bold;
    text-align:left;
}
#apli dl dd {
    color:#444;
    font-size:93%;
    text-align:left;
}

.breadcrumb ul {
    font-size:10px;
    padding:10px;
}

/*------------------------------------------------------------
    main contents
------------------------------------------------------------*/
.mainWrap {
    clear:both;
}

.lead p {
    padding:0 12px 10px;
    line-height:1.2;
}

/*------------------------------------------------------------
    title style
------------------------------------------------------------*/
.ttlA {
    clear:both;
    padding:12px 5px 7px 12px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_01.gif) repeat-x 0 0, -webkit-gradient(linear, left top, left bottom, from(#818b92), to(#a1aab0));
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_01.gif) repeat-x 0 0, -webkit-linear-gradient(top, #818b92, #a1aab0);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_01.gif) repeat-x 0 0, -moz-linear-gradient(top, #818b92, #a1aab0);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_01.gif) repeat-x 0 0, -o-linear-gradient(top, #818b92, #a1aab0);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_01.gif) repeat-x 0 0, linear-gradient(top, #818b92, #a1aab0);
    border-bottom:2px solid #8e99a1;
    color:#fff;
    text-shadow:1px 1px 2px #000;
    text-align:left;
    line-height:1.2;
}

.ttlB {
    clear:both;
    padding:12px 5px 7px 12px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -webkit-gradient(linear, left top, left bottom, from(#fee08b), to(#fdd166));
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -webkit-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -moz-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -o-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, linear-gradient(top, #fee08b, #fdd166);
    -webkit-box-shadow:1px 1px 2px 0 #b5b5b6;
    -moz-box-shadow:1px 1px 2px 0 #b5b5b6;
    -o-box-shadow:1px 1px 2px 0 #b5b5b6;
    box-shadow:1px 1px 2px 0 #b5b5b6;
    color:#573112;
    text-align:left;
    font-size:93%;
    line-height:1.2;
}

/*------------------------------------------------------------
    link style
------------------------------------------------------------*/
/* サムネ・キャプションあり */
a.LnkStyleA {
    display:block;
    padding:7px 12px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_arrow01.gif) no-repeat right center;
    border-bottom:1px dotted #999;
    text-decoration:none;
    font-size:93%;
    color:#a56531;
}
a.LnkStyleA span.readA{
    color:#444;
}

/* 隠れている点線 */
.LnkStyleB > li {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_arrow01.gif) no-repeat right center;
    border-bottom:1px dotted #999;
    font-size:93%;
}
.LnkStyleB a {
    display:block;
    padding:13px 12px;
    text-decoration:none;
    color:#a56531;
}

/* 最初は開いてるけど隠れる点線 */
.LnkStyleD > li {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_arrow01.gif) no-repeat right center;
    border-bottom:1px dotted #999;
    font-size:93%;
}
.LnkStyleD a {
    display:block;
    padding:13px 12px;
    text-decoration:none;
    color:#a56531;
}

/* 隠れてない点線 */
.LnkStyleC > li {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_arrow01.gif) no-repeat right center;
    border-bottom:1px dotted #999;
    font-size:93%;
}
.LnkStyleC a {
    display:block;
    padding:13px 12px;
    text-decoration:none;
    color:#a56531;
}

/* 上下のみ#999実線 */
.LnkStyle > li {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_arrow01.gif) no-repeat right center;
    border-bottom:1px dotted #999;
    font-size:93%;
}
.LnkStyle > li:first-child {
    border-top:1px solid #999;
}
.LnkStyle > li:last-child {
    border-bottom:1px solid #999;
}
.LnkStyle a {
    display:block;
    padding:13px 12px;
    text-decoration:none;
    color:#333;
}

/*------------------------------------------------------------
    margin
------------------------------------------------------------*/
.mb5 {
    margin-bottom:5px;
}
.mb10 {
    margin-bottom:10px;
}
.mb15 {
    margin-bottom:15px;
}
.mb20 {
    margin-bottom:20px;
}
.mb30 {
    margin-bottom:30px;
}

/*------------------------------------------------------------
    other common
------------------------------------------------------------*/
.fix:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

/********************** home.css start **********************/
/*------------------------------------------------------------
    pickUpRecipe
------------------------------------------------------------*/
#pickUpRecipeTop {
    position:relative;
    text-align:center;
}
#pickUpRecipeTop img {
    border:2px solid #dcd674;
}
#pickUpRecipeTop a.pickup {
    display:block;
    width:223px;
    margin:0 auto;
}
#pickUpRecipeTop dl {
    width:223px;
    margin:0 auto;
}
#pickUpRecipeTop dl dd {
    font-weight:bold;
    text-align: left;
    color:#d78a05;
}

nav.flickThums {
    margin:0 12px 15px;
    padding-bottom:15px;
    border-bottom:1px dotted #d78a05;
}
nav.flickThums ul li {
    padding-right:3px;
    display:inline-block;
}
nav.flickThums ul li:last-child {
    padding-right:0;
}
nav.flickThums > ul > li > a > img {
    border:0;
    opacity:0.5;
}
nav.flickThums > ul > li > a.selected > img {
    border:2px solid #dcd674;
    opacity:1;
}

#pickUpRecipeTop .pickUpBox {
    position:relative;
    width:223px;
    margin:10px auto;
    overflow:auto;
}
#pickUpRecipeTop .pickUpBox ul {
    width:1115px;
}
#pickUpRecipeTop .pickUpBox ul li {
    float:left;
}

#pickUpRecipeTop .flickBtn li {
    position:absolute;
    top:130px;
}
#pickUpRecipeTop .flickBtn li img {
    border:0;
}
#pickUpRecipeTop .flickBtnL{
    left:5px;
}
#pickUpRecipeTop .flickBtnR{
    right:5px;
}

/*------------------------------------------------------------
    keyword (aside) 
------------------------------------------------------------*/
.keyWordBox {
    clear:both;
    padding:10px;
    background:#eee;
    font-size:85%;
    line-height:1.4;
    text-align:center;
    color:#0044cc;
}
.keyWordBox dl dt {
    padding-bottom:5px;
    font-weight:bold;
    color:#333;
}
.keyWordBox dl dd {
    display:inline;
    padding-right:7px;
}

/*------------------------------------------------------------
    category change
------------------------------------------------------------*/
.category, .category nav {
    clear:both;
    width:100%;
}
.category nav ul {
    text-align:center;
}
.category nav ul li {
    display:inline-block;
    margin:0;
}
.category nav ul li a {
    position:relative;
    display:block;
    bottom:-2px;
    width:76px;
    height:20px;
    padding:11px 9px 2px;
    background:#fafafa;
    border:2px solid #ccc;
    border-bottom:none;
    -webkit-font-smoothing:antialiased;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    -webkit-background-clip:padding-box;
    font-weight:bold;
    font-size:93%;
    text-decoration:none;
}
.category nav ul li.current a {
    padding:12px 9px 4px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.category nav ul li:nth-child(1) a {
	color:#7d6a04;

}
.category nav ul li.current:nth-child(1) a {
    background:#e8dea6;
    border:2px solid #ceb94b;
    border-bottom:none;
    color:#7d6a04;
}
.category nav ul li:nth-child(2) a {
	color:#fc7070;
}
.category nav ul li.current:nth-child(2) a {
    background:#f9dada;
    border:2px solid #fea0a0;
    border-bottom:none;
    color:#fc7070;
}
.category nav ul li:nth-child(3) a {
    color:#609101;
}
.category nav ul li.current:nth-child(3) a {
    background:#cbe1a1;
    border:2px solid #7cbb03;
    border-bottom:none;
    color:#609101;
}

.category .cateBox {
    display:none;
    margin-bottom:15px;
    padding:10px;
}
.category #catEvent.cateBox {
    background:#f9dada;
    border-top:2px solid #fea0a0;
    border-bottom:2px solid #fea0a0;
}
.category #catEasy.cateBox {
    background:#e8dea6;
    border-top:2px solid #ceb94b;
    border-bottom:2px solid #ceb94b;
}
.category #catTopic.cateBox {
    background:#cbe1a1;
    border-top:2px solid #7cbb03;
    border-bottom:2px solid #7cbb03;
}

.category .cateBox a.cateLink {
    clear:both;
    display:block;
    margin-bottom:5px;
    padding:6px;
    background:#fff;
    -webkit-font-smoothing:antialiased;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    -webkit-background-clip:padding-box;
    -webkit-box-shadow:2px 2px 4px 0 #999;
    -moz-box-shadow:2px 2px 4px 0 #999;
    -o-box-shadow:2px 2px 4px 0 #999;
    box-shadow:2px 2px 4px 0 #999;
    color:#573112;
    text-decoration:none;
}
.category .cateBox a.cateLink:nth-child(3n) {
    margin-bottom:13px;
}

.category #catEvent.cateBox a.cateLink {
    border:2px solid #fea0a0;
}
.category #catEasy.cateBox a.cateLink {
    border:2px solid #ceb94b;
}
.category #catTopic.cateBox a.cateLink {
    border:2px solid #7cbb03;
}

.category .cateBox a dl {
    display:table;
    text-align:left;
}
.category .cateBox a dl dt {
    display:table-cell;
}
.category .cateBox a dl dt img {
    border:1px solid #acacac;
    margin-right:10px;
}
.category .cateBox a dl dd {
    display:table-cell;
    vertical-align:middle;
}
.category .cateBox p a {
    display:block;
    padding:5px;
    color:#555;
}

/*------------------------------------------------------------
    icon list
------------------------------------------------------------*/
.iconLstX {
    padding-bottom:12px;
}
.iconLstX ul li {
    display:inline-block;
    width:70px;
    padding:0 3px 8px;
    text-align:center;
    vertical-align:top;
}
.iconLstX ul li img {
    display:block;
    margin:0 auto;
}
.iconLstX ul li span {
    display:block;
    padding-top:5px;
    font-size:70%;
    color:#a56531;
}

/*------------------------------------------------------------
    cookEx 新着レシピ
------------------------------------------------------------*/
.cookEx ul li {
    clear:both;
}
.cookEx ul li a {
    padding-left:12px;
}
.cookEx ul li a:after {
    height:0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.cookEx ul li img {
    margin-right:10px;
    border:1px solid #aaa;
    float:left;
}
.cookEx ul li span {
    width:78%;
    line-height:1.3;
    float:left;
}
.cookEx ul li span span {
    font-size:77%;
}
.cookEx p a {
    color:#555;
}
/*------------------------------------------------------------
    cookDic 料理事典
------------------------------------------------------------*/
.cookDic {
    clear:both;
}
/*------------------------------------------------------------
    thema search テーマで調べる・探す
------------------------------------------------------------*/
.themaSrc {
    clear:both;
}
.themaSrc .btn a {
    color:#555;
}
.themaSrc .btn.open {
    display: none;
}

/********************** style.css start **********************/
/*------------------------------------------------------------
    popular list (special_top.tpl only)
------------------------------------------------------------*/
.popularBox {
    position:relative;
    padding-bottom:20px;
}
.popularBox h6 {
    min-height:12px;
    border-top-width:1px;
    border-style:solid;
    padding:8px 8px 8px 64px;
}
.popularBox p.read {
    padding:7px 5px 5px;
    text-align:left;
    font-size:77%;
}
.popularBox .LnkStyle > li:last-child {
    border-bottom-width:1px;
    border-bottom-style:solid;
}
.popularBox .LnkStyle a {
    padding:14px 20px 12px 30px;
    background-position:1em 1.3em;
    background-repeat:no-repeat;
    color:#333;
}
/* Box0 */
#Box0 h6 {
    border-color:#fea0a0;
    background-color:#f9dada;
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_ic_01.png), url(http://img.allabout.co.jp/touch/recipe/img/bg_dot.png);
    background-position:12px 4px, 0 0;
    background-repeat:no-repeat, repeat;
    color:#fb6565;
}
#Box0 p.read {
    background:#fea0a0;
}
#Box0 .LnkStyle > li:last-child {
    border-color:#fea0a0;
}
#Box0 .LnkStyle a {
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_mic_01.png);
}
/* Box1 */
#Box1 h6 {
    border-color:#ceb94b;
    background-color:#e8dea6;
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_ic_02.png), url(http://img.allabout.co.jp/touch/recipe/img/bg_dot.png);
    background-position:12px 4px, 0 0;
    background-repeat:no-repeat, repeat;
    color:#7d6a04;
}
#Box1 p.read {
    background:#ceb94b;
}
#Box1 .LnkStyle > li:last-child {
    border-color:#ceb94b;
}
#Box1 .LnkStyle a {
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_mic_02.png);
}
/* Box2 */
#Box2 h6 {
    border-color:#79b803;
    background-color:#cbe1a1;
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_ic_03.png), url(http://img.allabout.co.jp/touch/recipe/img/bg_dot.png);
    background-position:13px 4px, 0 0;
    background-repeat:no-repeat, repeat;
    color:#517a01;
}
#Box2 p.read {
    background:#7cbb03;
}
#Box2 .LnkStyle > li:last-child {
    border-color:#79b803;
}
#Box2 .LnkStyle a {
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_mic_03.png);
}
/* Box3 */
#Box3.popularBox {
    padding-bottom:20px;
}
#Box3 h6 {
    border-color:#12b4b2;
    background-color:#a8ebea;
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_ic_04.png), url(http://img.allabout.co.jp/touch/recipe/img/bg_dot.png);
    background-position:15px 4px, 0 0;
    background-repeat:no-repeat, repeat;
    color:#0d8d8b;
}
#Box3 p.read {
    background:#1fbebc;
}
#Box3 .LnkStyle > li:last-child {
    border-color:#12b4b2;
}
#Box3 .LnkStyle a {
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_mic_04.png);
}
/* Box4 */
#Box4 h6 {
    border-color:#ad7fe0;
    background-color:#dfc8f8;
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_ic_05.png), url(http://img.allabout.co.jp/touch/recipe/img/bg_dot.png);
    background-position:15px 4px, 0 0;
    background-repeat:no-repeat, repeat;
    color:#7855a0;
}
#Box4 p.read {
    background:#ad7fe0;
}
#Box4 .LnkStyle > li:last-child {
    border-color:#ad7fe0;
}
#Box4 .LnkStyle a {
    background-image:url(http://img.allabout.co.jp/touch/recipe/img/bg_mic_05.png);
}

/*------------------------------------------------------------
    list thema btn (guidesite.tpl only)
------------------------------------------------------------*/
.lead p.btn {
    margin:5px auto;
    text-align:left;
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -webkit-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -moz-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -o-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, linear-gradient(top, #fefefe, #d7d7d7);
}
.lead p.btn a {
    display:block;
    padding:8px 10px 0px;
    color:#555;
}
.lead p.btn.open {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -webkit-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -moz-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -o-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, linear-gradient(top, #fefefe, #d7d7d7);
}

/*------------------------------------------------------------
    category change
------------------------------------------------------------*/
.library nav ul {
	position:relative;
	min-height:35px;
	text-align:center;
	padding-left:1px;
}
.library nav ul li {
	display:inline-block;
	width:49%;
	font-size:93%;
	text-align:center;
	border:1px solid #999;
	border-bottom:0;
	float:left;
	font-size:93%;
	text-align:center;
	-webkit-background-clip:padding-box;
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
	background:-moz-linear-gradient(top, #fefefe, #d7d7d7);
	background:-o-linear-gradient(top, #fefefe, #d7d7d7);
	background:linear-gradient(top, #fefefe, #d7d7d7);
}
.library nav ul li:first-child {
	width:50%;
	border-right:none;
}
.library nav ul li.selected {
	background:-webkit-gradient(linear, left top, left bottom, from(#fce19f), to(#fcfcfa));
	background:-moz-linear-gradient(top, #fce19f, #fcfcfa);
	background:-o-linear-gradient(top, #fce19f, #fcfcfa);
	background:linear-gradient(top, #fce19f, #fcfcfa);
	padding-bottom:1px;
}
.library nav ul li a {
	position:relative;
	display:block;
	bottom:0;
	min-height:13px;
	padding:8px 0;
	color:#555;
	text-decoration:none;
	
}
.library nav ul li.selected a {
	color:#f68716;
}

/*------------------------------------------------------------
    recipe list (library, search, special_list)
------------------------------------------------------------*/
.cateBox {
    display:none;
    margin-bottom:20px;
    padding:15px 0 15px 11px;
    border-top:1px solid #999;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_line.gif) repeat-x left bottom;
}
.cateBox2 {
    margin-bottom:20px;
    padding:15px 0 15px 11px;
    border-top:1px solid #999;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_line.gif) repeat-x left bottom;
}
.cateBox .box, .cateBox2 .box {
    display:inline-block;
    width:122px;
    height:140px;
    margin:0 7px 10px 0;
    padding:10px;
    border:1px solid #a56531;
    background:#fce19d;
    vertical-align:top;
}
.cateBox .box dl dd, .cateBox2 .box dl dd {
    padding:8px 5px 0;
    font-size:77%;
    line-height:1.2;
}
.cateBox .box dl dt, .cateBox2 .box dl dt {
    text-align:center;
}
.cateBox .box a, .cateBox2 .box a {
    color:#573112;
}

/*------------------------------------------------------------
    option search (search.tpl only)
------------------------------------------------------------*/
#optionSrch nav ul li {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -webkit-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -moz-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, -o-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_open.png) no-repeat right center, linear-gradient(top, #fefefe, #d7d7d7);
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
#optionSrch nav ul li.open {
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -webkit-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -moz-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, -o-linear-gradient(top, #fefefe, #d7d7d7);
    background:url(http://img.allabout.co.jp/touch/recipe/img/icn_close.png) no-repeat right center, linear-gradient(top, #fefefe, #d7d7d7);
}
#optionSrch nav ul li a {
    display:block;
    padding:9px 12px;
    color:#555;
}
#option {
    display:none;
}
#option select {
    color:#573112;
    background:#fce19d;
    border:0px;
    width:100%;
    height:30px;
    padding-top:2px;
}

/*------------------------------------------------------------
    about cief (article, guidesite)
------------------------------------------------------------*/
.aboutCief {
    display:table;
    width:90%;
    margin-right:auto;
    margin-left:auto;
    padding:10px;
    background:#eee;
}
.aboutCief p.chiefPh {
    display:table-cell;
    width:57px;
    padding-right:10px;
    vertical-align:top;
}
.aboutCief .textItem {
    display:table-cell;
    vertical-align:top;
    font-size:93%;
}
.aboutCief .textItem dt {
    margin-bottom:8px;
    padding-bottom:8px;
    border-bottom:1px solid #555;
}
.aboutCief .textItem dt span {
    font-size:93%;
}
.aboutCief .textItem dd {
    font-size:85%;
    line-height:1.2;
}
.aboutCief .textItem dd a:after {
    content:" >";
}

/*------------------------------------------------------------
    cief recipe (guidesite.tpl only)
------------------------------------------------------------*/
.chiefRecipe {
    clear:both;
    margin-bottom:20px;
    padding-bottom:27px;
    border-top:1px dotted #999;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_line.gif) repeat-x left bottom;
}
.chiefRecipe.solidTopLine {
    border-top:1px solid #999;
}
.chiefRecipe ul li {
    clear:both;
}
.chiefRecipe ul li a {
    padding-left:12px;
}
.chiefRecipe ul li a:after {
    height:0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.chiefRecipe ul li img {
    margin-right:10px;
    border:1px solid #aaa;
    float:left;
}
.chiefRecipe ul li span {
    width:78%;
    line-height:1.3;
    float:left;
}
.chiefRecipe ul li span span {
    font-size:77%;
}
.chiefRecipe p {
    clear:both;
}
.chiefRecipe p a {
    display:block;
    width:6em;
    margin:0 auto;
    padding:15px 0;
    text-align:center;
}

/*------------------------------------------------------------
    recipe article top (article1.tpl, article5.tpl)
------------------------------------------------------------*/
div.recipe {
    display:table;
    margin:0 10px 10px;
    padding-bottom:5px;
    font-size:93%;
}
div.recipe img{
    display:table;
	margin: 0 auto 10px;
	width: 70%;
}

/*------------------------------------------------------------
    recipe article material (article5.tpl only)
------------------------------------------------------------*/
.material {
    padding-bottom:20px;
    line-height:1.2;
}
.material h6 {
    margin-bottom:10px;
}
.material table {
    width:95%;
    margin:0 auto 10px;
    padding:5px 10px;
    border:1px solid #a56531;
    background:#fce19d;
    color:#573112;
    border-collapse:separate;
}
.material table caption {
    padding-bottom:5px;
    text-align:left;
    color:#a56531;
}
.material table th {
    width:30%;
    border-right: 0px;
}
.material table th,
.material table td {
    padding:5px 1px 3px;
    font-size:93%;
    border-bottom:1px dotted #a56531;
    text-align:left;
}
.material table tr:last-child th,
.material table tr:last-child td {
    border-bottom:0;
}
.material p {
    padding:0 12px;
    font-size:93%;
    line-height:1.2;
}

/*------------------------------------------------------------
    recipe article howtoMake (article5.tpl only)
------------------------------------------------------------*/
.howtoMake {
    padding-bottom:30px;
}
.howtoMake p.htitle {
    padding:0 12px 5px;
    text-align:left;
    color:#a56531;
}
.howtoMake ul {
    display:table;
}
.howtoMake ul li {
    display:table;
    width:100%;
    padding:8px 12px;
    border-bottom:1px dotted #999;
}
.howtoMake ul li:first-child {
    border-top:1px dotted #999;
}
.howtoMake ul li p {
    padding-right:5px;
    line-height:1.2;
    vertical-align:top;
}
.howtoMake ul li p span {
    font-size:77%;
}

.howtoMake img{
    display:table;
	margin: 0 auto 10px;
}

/*------------------------------------------------------------
    recipe article (article1.tpl only)
------------------------------------------------------------*/
.the-article{
    line-height:1.2;
    margin-bottom:20px;
}
.the-article h3 {
    clear:both;
    padding:12px 5px 7px 12px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -webkit-gradient(linear, left top, left bottom, from(#fee08b), to(#fdd166));
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -webkit-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -moz-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -o-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, linear-gradient(top, #fee08b, #fdd166);
    -webkit-box-shadow:1px 1px 2px 0 #b5b5b6;
    -moz-box-shadow:1px 1px 2px 0 #b5b5b6;
    -o-box-shadow:1px 1px 2px 0 #b5b5b6;
    box-shadow:1px 1px 2px 0 #b5b5b6;
    color:#573112;
    text-align:left;
    font-size:93%;
    line-height:1.2;
    margin-bottom:15px;
}
.the-article .article_image_box {
    background: rgba(229,229,229,0.6);
    margin: 14px 0;
    padding: 14px 0;
    text-align: center;
}
.the-article .article_image_box img {
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 7px;
    background: #fafafa;
    -webkit-box-shadow: 0px 1px 0px #484848;
}
.the-article .article_image_box .cap {
    font-size: 12px;
    color: #696969;
}
.the-article table {
    max-width: 100%;
    margin: 0px auto 15px;
}
.the-article table td {
    border-bottom: 1px solid #DEDCA8;
    padding: 3px;
    text-align:center;
}
.the-article ul {
    margin:5px 0 10px;
}
.the-article ul li {
    display:table;
    width:100%;
    padding:6px;
    border-bottom:1px dashed #DEDCA8;
    margin:1px;
    font-size:85%;
}
.the-article ul li:first-child {
    border-top:1px dashed #DEDCA8;
}
.the-article .bo1 {
    font-weight:bold;
    padding:0 2px;
    color:#a56531;
}

/*------------------------------------------------------------
    recipe article (article1.tpl, article5.tpl)
------------------------------------------------------------*/
.snsArea {
    border-top:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
}
.guideIntro {
    padding-bottom:20px;
}
.guideIntro .LnkStyleB > li:first-child {
    border-top:1px dotted #999;
}
.guideIntro .LnkStyleB li a {
    padding:13px 12px 13px 29px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_mic_00.png) no-repeat 12px 1.1em;
}

.sameCate {
    padding-bottom:15px;
    text-align:center;
}
.sameCate h6 {
    text-align:left;
}
.sameCate figure {
    display:inline-block;
    width:32%;
    font-size:85%;
    padding-bottom:10px;
    vertical-align:top;
}
.sameCate figure img {
    margin-bottom:4px;
}
.sameCate figure a {
    color:#a56531;
}
.sameCateList {
    padding-bottom:30px;
}
.sameCateList .LnkStyleB li a:before {
    content:"■ ";
}

/*------------------------------------------------------------
    pageNav
------------------------------------------------------------*/
.pageNav {
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
    min-height: 30px;
}
.pageLink {
    margin: 0 auto;
    padding-top: 6px;
    text-align: center;
    width: 160px;
}
.pageLink li {
    display: inline;
}
.pageLink li:after {
    content: "/";
}
.pageLink li a {
    color: #555;
}
.pageNavBtn .prevBtn {
    position: absolute;
    top: 0;
    left: 6px;
}
.pageNavBtn .nextBtn {
    position: absolute;
    top: 0;
    right: 6px;
}
.pageNavBtn .pageBtn {
    text-align: center;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(252, 252, 252)),color-stop(1, rgb(214, 214, 214)));
    background-image: -moz-linear-gradient(-90deg,rgb(252, 252, 252) 0%,rgb(214, 214, 214) 100%);
    background-image: linear-gradient(-90deg,rgb(252, 252, 252) 0%,rgb(214, 214, 214) 100%);
    width: 65px;
}
.pageNavBtn .pageBtn a {
    padding: 5px;
    text-align: center;
    color: #555;
    text-decoration: none;
    display: block;
}
.pageNavBtn .prevBtn a {
    background: url(http://img.allabout.co.jp/touch/recipe/img/icn_prev.png) no-repeat left center;
}
.pageNavBtn .nextBtn a {
    background: url(http://img.allabout.co.jp/touch/recipe/img/icn_next.png) no-repeat right center;
}

/*------------------------------------------------------------
    prbox
------------------------------------------------------------*/
.prBox {
    margin:10px 14px 10px;
    border:1px solid #a56531;
    background:#fce19d;
    font-size:80%;
}
.yahoo-im .title-im {
    color:#333;
}

/*------------------------------------------------------------
    return link (special_list, guidesite)
------------------------------------------------------------*/
.goList {
    padding:0 5px 5px;
    text-align:right;
    font-size:85%;
}
.goList a:before{
    content:"> ";
}

.backList {
    padding:0 5px 5px;
    font-size:85%;
}
.backList a:before{
    content:"> ";
}

.add-box { line-height:1.6; margin:10px 8px 0; }
.add-box a { color: #04c; display: inline; }
.add-box h3 {
    clear:both;
    padding:12px 5px 7px 12px;
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -webkit-gradient(linear, left top, left bottom, from(#fee08b), to(#fdd166));
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -webkit-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, -moz-linear-gradient(top, #fee08b, #fdd166);
    background:url(http://img.allabout.co.jp/touch/recipe/img/bg_h_02.gif) repeat-x 0 0, linear-gradient(top, #fee08b, #fdd166);
    -webkit-box-shadow:1px 1px 2px 0 #b5b5b6;
    -moz-box-shadow:1px 1px 2px 0 #b5b5b6;
    -o-box-shadow:1px 1px 2px 0 #b5b5b6;
    box-shadow:1px 1px 2px 0 #b5b5b6;
    color:#573112;
    text-align:left;
    font-size:93%;
    line-height:1.2;
    margin: 0 -8px 10px;
}
.add-box .article_image_box { margin: 15px auto 20px; text-align: center; }
.add-box .article_image_box img { margin: 0 auto 5px; }
.add-box .article_image_box .cap { font-size: 12px; color: #696969; }