@charset "UTF-8";
@import "./common_override.css";

/*==============================================================================
■Auther：Spice Labs Inc.
■Content：ページごとのスタイル
■Note：
■Outline-----------------------------------------------------------------------

	1= トップ
	2= レシピ
	3= マイページ
	4= これに決めた
	5= 投稿・モニター・プレゼント
	6= プレゼント
	7= 特集
	8= ランキング
	9= レシピまとめ
	10= 会員登録・フォーム系
	11= パスワード再設定
	12= モニター会員とは
	13= タイアップ投稿企画
	14= アクティブCR連携
	15= レシピ印刷


==============================================================================*/
/*------------------------------------------------------------------------------ 1=トップ*/
.topMainImg {
  margin-bottom: 10px;
}

.topMainNews {
  background: #fff9e4;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 10px 13px;
}

.topMainBanner ul {
  padding: 0;
}

/**********************************************************
	今日のおすすめレシピ
**********************************************************/
.horizontal3Col .recommendRecipe .recipeBlock .recipeInfo {
  width: 287px;
}

.horizontal3Col .recommendRecipe .recipeBlock .recipeInfo h3 {
  margin-bottom: 15px;
}

.horizontal3Col .recommendRecipe .recipeBlock .recipeInfo .recipeTitle {
  font-size: 18px;
  font-weight: normal;
}

.horizontal3Col .recommendRecipe .recipeInfo .description {
  font-size: 14px;
}

.recommendRecipe {
  margin-bottom: 50px;
}

.horizontal3Col .recommendRecipe .recipeBlock .recipeImage {
  width: 280px;
  margin-right: 14px;
}

/**********************************************************
	1週間のおすすめレシピ
**********************************************************/
.horizontal3Col .weekRecipe .recipeBlock,
.horizontal3Col .contentsBox .recipeBlock {
  float: left;
  width: 287px;
  margin-bottom: 22px;
}

.horizontal3Col .weekRecipe .leftList,
.horizontal3Col .contentsBox .leftList {
  margin-right: 7px;
}

.horizontal3Col .weekRecipe .recipeBlock .recipeImage {
  width: 140px;
  margin-right: 7px;
}

.horizontal3Col .weekRecipe .recipeBlock .recipeInfo,
.horizontal3Col .contentsBox .recipeInfo {
  width: 140px;
}

.horizontal3Col .weekRecipe .recipeInfo .recipeTitle,
.horizontal3Col .contentsBox .recipeInfo .recipeTitle {
  font-size: 14px;
}

.recipeInfo p.date {
  font-weight: bold;
  margin-bottom: 0;
}

.vertical3Col .recipeBlock .recipeTitle {
  font-size: 14px;
  width: 130px;
}

.weekRecipe h3 {
  margin-bottom: 8px;
}

.weekRecipe {
  margin-bottom: 60px;
}

/**********************************************************
	いろいろコンテンツ・オレンジページの本
**********************************************************/
.contentsBox {
  width: 446px;
}

.contentsBox .contentsBlock {
  float: left;
  margin-bottom: 30px;
  padding-right: 5px;
  width: 212px;
}

.contentsBox .last {
  margin-bottom: 0;
}

.contentsBox .leftList {
  margin-right: 5px;
}

.contentsBox .contentsImage {
  margin-right: 10px;
  width: 82px;
}

.contentsBox .contentsImage,
.contentsBox .contentsInfo {
  float: left;
}

.contentsBox .contentsInfo {
  width: 120px;
}

.contentsBox p a:hover {
  text-decoration: underline;
}

.contentsBox .contentsTitle {
  font-size: 14px;
  font-weight: bold;
}

.bookBox .bookBlock {
  float: left;
  margin-bottom: 30px;
  width: 217px;
}

.bookBox .leftList {
  margin-right: 10px;
}

.bookBox .last {
  margin-bottom: 0;
}

.bookBox .image,
.bookBox .info {
  float: left;
}

.bookBox .image {
  margin-right: 10px;
  width: 82px;
}

.bookBox .image img {
  border: 1px #ccc solid;
}

.bookBox .info {
  width: 125px;
}

.bookBox .info a {
  font-weight: bold;
}

.bookBox .info a:hover {
  text-decoration: underline;
}

.bookBox .titleBox a.more {
  top: 20px;
}

/* =========================================================
	センターカラムバナー
========================================================= */
.bannerArea {
  margin-bottom: 30px;
}

.bannerArea li {
  height: auto;
  margin-bottom: 16px;
  width: 445px;
}

.bannerArea li.last {
  margin-bottom: 0;
}

.bannerArea li img {
  border: 1px #ccc solid;
  width: 443px;
}

.bannerArea li a {
  display: block;
}

.bottomBanner {
  margin: 0 auto;
}

.bottomBanner .doubleRectangle {
  *zoom: 1;
  margin: 0 auto;
  text-align: center;
}

.bottomBanner .doubleRectangle:before, .bottomBanner .doubleRectangle:after {
  content: " ";
  display: table;
}

.bottomBanner .doubleRectangle:after {
  clear: both;
}

.bottomBanner .doubleRectangle .doubleRectangleLeft {
  display: inline-block;
  height: 290px;
  margin: 20px 10px 0 0;
  padding: 0;
  border: 0;
}

.bottomBanner .doubleRectangle .doubleRectangleRight {
  display: inline-block;
  height: 290px;
  margin: 20px 0 0 10px;
  padding: 0;
  border: 0;
}

.bottomBanner .doubleRectangle2 {
  *zoom: 1;
  width:970px;
  margin: 0 auto 0 0;
  text-align: center;
}

.bottomBanner .doubleRectangle2:before, .bottomBanner .doubleRectangle2:after {
  content: " ";
  display: table;
}

.bottomBanner .doubleRectangle2:after {
  clear: both;
}

.bottomBanner .doubleRectangle2 .doubleRectangleLeft {
  display: inline-block;
  height: 250px;
  margin: 20px 10px 0 0;
  padding: 0;
  border: 0;
}

.bottomBanner .doubleRectangle2 .doubleRectangleRight {
  display: inline-block;
  height: 250px;
  margin: 20px 0 0 10px;
  padding: 0;
  border: 0;
}

.containerFoot {
  width: 624px;
  margin: 0 auto;
}

.containerFoot .doubleRectangle {
  *zoom: 1;
  height: 280px;
  margin: 0 auto 20px;
  text-align:center;
}

.containerFoot .doubleRectangle:before, .containerFoot .doubleRectangle:after {
  content: " ";
  display: table;
}

.containerFoot .doubleRectangle:after {
  clear: both;
}

.containerFoot .doubleRectangle .doubleRectangleLeft {
  display: inline-block;
  height: 250px;
  margin: 20px 10px 0 0;
  padding: 0;
  border: 0;
}

.containerFoot .doubleRectangle .doubleRectangleLeft > img {
  position: absolute;
}

.containerFoot .doubleRectangle .doubleRectangleRight {
  display: inline-block;
  height: 250px;
  margin: 20px 0 0 10px;
  padding: 0;
  border: 0;
}

.containerFoot .doubleRectangle .doubleRectangleRight > img {
  position: absolute;
}

.containerFoot .doubleRectangle2 {
  *zoom: 1;
  width:970px;
  margin: 0 auto 0 0;
  text-align: center;
}

.containerFoot .doubleRectangle2:before, .containerFoot .doubleRectangle2:after {
  content: " ";
  display: table;
}

.containerFoot .doubleRectangle2:after {
  clear: both;
}

.containerFoot .doubleRectangle2 .doubleRectangleLeft {
  display: inline-block;
  height: 250px;
  margin: 20px 10px 0 0;
  padding: 0;
  border: 0;
}

.containerFoot .doubleRectangle2 .doubleRectangleRight {
  display: inline-block;
  height: 250px;
  margin: 20px 0 0 10px;
  padding: 0;
  border: 0;
}

/* =========================================================
	オレンジページ通販
========================================================= */
.shopBox {
  margin-bottom: 35px;
}

.shopBox .titleBox a.more {
  top: 35px;
}

.shopBox .shopBlock {
  float: left;
  margin-right: 12px;
  width: 102px;
}

.shopBox .last {
  margin-right: 0;
}

.shopBox .shopBlock .image {
  margin-bottom: 10px;
}

.shopBox .shopBlock .image img {
  border: 1px #ccc solid;
}

.shopBox .shopBlock .info {
  line-height: 1.5;
}

.shopBox .shopBlock .info a:hover {
  text-decoration: underline;
}

/*------------------------------------------------------------------------------ 2=レシピ*
/**********************************************************
　今、あなたにおススメ
**********************************************************/
._popIn_recommend_header {
  height:0 !important;
  border-top: 1px #ff6600 solid !important;
  border-bottom: 1px #ff6600 dotted !important;
  color: #ff6600 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 1.1 !important;
  margin-bottom: 22px !important;
  padding: 52px 0 0 !important;
  background:image-url("ttl_popIn_recommend.png") no-repeat left center !important;
  overflow: hidden !important;
}
/**********************************************************
　レシピスライダー
**********************************************************/
.recipeSliderTitle,
.recipeSliderTitleB {
  background: url(../images/ttl_recipe_slider_title.png) no-repeat;
  color: #762600;
  font-size: 14px;
  font-weight: bold;
  height: 22px;
  letter-spacing: 0.2em;
  line-height: 24px;
  margin-bottom: 10px;
  padding-left: 10px;
}

.recipeSliderTitleB {
  background: url(../images/ttl_recipe_slider_title_s.png) no-repeat;
  height: 24px;
  line-height: 26px;
  margin-bottom: 8px;
}

.recipeSlider {
  background: url(../images/bx_wrapper_bg3.png) no-repeat 0 75px;
  width: 788px;
  min-height: 162px;
}

/* line 415, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.recipeSlider .bx-wrapper {
  max-width: 697px !important;
  width: 697px !important;
}*/
/* line 420, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.recipeSlider .bx-wrapper .bx-viewport {
  width: 697px !important;
}*/
.recipeSlider_s {
  background: url(../images/bx_wrapper_bg2.png) no-repeat 0 68px;
  margin-bottom: 30px;
}

/* line 430, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.recipeSlider_s h2 {
  background: url(../images/ttl_recipe_slider_title_s.png) no-repeat
  height: 24px;
  margin-bottom: 8px;
};*/
.recipeSliderCInner,
.recipeSliderDInner {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 auto;
  position: relative;
  width: 597px;
}

.recipeSliderDInner {
  width: 412px;
}

.recipeSlider p a,
.recipeSliderDInner p a {
  text-decoration: none;
}

.recipeSlider p a:hover,
.recipeSliderDInner p a:hover {
  text-decoration: underline;
}

.recipeSliderAInner p,
.recipeSliderBInner p,
.recipeSliderCInner p,
.recipeSliderDInner p {
  padding-right: 15px;
}

.recipeSliderAInner .pager,
.recipeSliderBInner .pager,
.recipeSliderCInner .pager,
.recipeSliderDInner .pager {
  margin-right: 12px;
  width: 140px !important;
}

.recipeSliderDInner .pager {
  width: 140px !important;
}

.recipeSlider_s .pager {
  width: 92px !important;
}

.recipeSliderAInner .firstSlide,
.recipeSliderBInner .firstSlide,
.recipeSliderCInner .firstSlide,
.recipeSliderDInner .firstSlide,
.recipeSlider_s .firstSlide {
  margin-left: 0;
}

.recipeSliderAInner .slide img,
.recipeSliderBInner .slide img,
.recipeSliderCInner .slide img,
.recipeSliderDInner .slide img {
  border: 1px #ccc solid;
  margin-bottom: 5px;
  padding: 4px;
  width: 130px;
}

.recipeSlider_s .slide img {
  border: 1px #ccc solid;
  margin-bottom: 5px;
  padding: 3px;
  width: 92px;
}

/* line 513, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss*/
.recipeSlider .bx-wrapper {
  max-width: 629px !important;
}

.recipeSlider_s .bx-wrapper {
  margin: 0 30px 0 30px !important;
  width: 518px !important;
}

.recipeSlider_s .bx-wrapper .bx-prev,
.recipeSlider_s .bx-wrapper .bx-next {
  background: url(../images/slider_arrow_s.png) no-repeat;
  height: 27px;
  position: absolute;
  top: 60px;
  width: 27px;
}

.recipeSlider_s .bx-wrapper .bx-prev,
.recipeSlider_s .bx-wrapper .bx-next {
  top: 39px;
}

.recipeSlider .bx-wrapper .bx-next {
  background-position: -27px -27px;
  right: -24px;
}

.recipeSlider .bx-wrapper .bx-prev {
  left: -23px;
}

.recipeSlider_s .bx-wrapper .bx-next {
  background-position: -27px -27px;
  right: -33px;
}

.recipeSlider_s .bx-wrapper .bx-prev {
  left: -30px;
}

.bookSlider {
  background: url(../images/bx_wrapper_bg3.png) no-repeat 0 75px;
  width: 788px;
  min-height: 162px;
}

.recipeSliderAInner,
.recipeSliderBInner,
.bookSliderInner {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 auto;
  position: relative;
  width: 697px;
}

.bookSliderInner .pager {
  margin-right: 22px;
  width: 142px !important;
}

.bookSliderInner .firstSlide {
  margin-left: 0;
}

.bookSlider .slide img {
  margin-bottom: 10px;
  width: 138px;
  height: 170px;
  border: 1px solid #ccc;
}

.recipeSlider .bx-wrapper .bx-prev,
.recipeSlider .bx-wrapper .bx-next,
.bookSlider .bx-wrapper .bx-prev,
.bookSlider .bx-wrapper .bx-next {
  background: url(../images/slider_arrow_l.png) no-repeat;
  height: 45px;
  position: absolute;
  top: 62px;
  width: 45px;
}

.recipeSlider .bx-wrapper .bx-next,
.bookSlider .bx-wrapper .bx-next {
  background-position: -45px -45px;
  right: -79px;
}

.recipeSlider .bx-wrapper .bx-prev,
.bookSlider .bx-wrapper .bx-prev {
  left: -79px;
}

/**********************************************************
　レシピ　トップ
**********************************************************/
/*レシピを探す */
.searchRecipe {
  border-top: 1px #591d13 dotted;
  border-bottom: 1px #591d13 dotted;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 60px;
  padding: 23px 0 23px 3px;
}

.searchRecipe .title {
  float: left;
  width: 129px;
  margin: 15px 9px 0 0;
}

.searchRecipe .textfieldWrapW {
  float: left;
}

.searchRecipe .textfieldWrapW input.search1 {
  width: 369px;
  height: 46px;
  padding: 15px;
  border: 1px solid #5b2016;
}

.searchRecipe .textfieldWrapW label {
  padding: 15px;
}

.searchRecipeWide {
  width: 788px;
  padding-left: 0;
}

.searchRecipeWide .title {
  float: left;
  display: block;
  width: 130px;
  margin: 0;
  padding: 14px 9px 0 0;
  border: 0;
}

.searchRecipeWide .textfieldWrapW {
  float: left;
  display: block;
  width: 649px;
  margin: 0;
  border: 0;
}

.searchRecipeWide .textfieldWrapW input.search1 {
  width: 578px;
}

/*特集から探す */
.recipeTopFeature {
  margin-bottom: 30px;
}

.recipeTopFeature ul {
  width: 445px;
}

.recipeTopFeature ul li {
  float: left;
  margin-right: 15px;
}

.recipeTopFeature ul li.last {
  margin-right: 0;
}

.trendRecipeSmall {
  margin-bottom: 30px;
}

/*人気レシピランキングから探す */
.recipeTopRanking {
  margin-bottom: 30px;
}

.recipeTopRanking p.date {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}

.recipeToplist .recipeBlock {
  float: left;
  margin-bottom: 10px;
  margin-right: 7px;
  width: 140px;
}

.recipeToplist .last {
  margin-right: 0;
}

.recipeToplist .recipeImage,
.recipeToplist .recipeInfo {
  float: none;
}

.recipeToplist .recipeTitle {
  font-size: 14px;
  width: 128px;
}

.recipeToplist .recipeImage img {
  margin-bottom: 8px;
}

/*人気キーワードから探す */
h3.rTop {
  margin-bottom: 7px;
}

h3.rTop a {
  color: #591D13;
  font-size: 16px;
  font-weight: bold;
}

h3.rTop span img {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  top: 2px;
}

h3.rTop a.more {
  float: right;
  display: inline;
  margin: 12px 0 0;
  padding: 0;
  border: 0;
  color: #F15200;
  font-size: 12px;
  font-weight: normal;
  position: relative;
}

.horizontal3Col .recipeBlock {
  width: 581px;
}

.horizontal3Col .recipeBlock .recipeImage {
  width: 140px;
}

.horizontal3Col .recipeBlock .recipeInfo {
  width: 431px;
}

.horizontal3Col .recipeBlock .recipeInfo dl.ingredients dd {
  width: 381px;
}

.horizontal3Col .pr .recipeInfo dl.ingredients dd {
  width: 230px;
}

.searchMessage {
  line-height: 1.5;
}

.searchMessage dt {
  float: left;
  margin-right: 10px;
  text-indent: -0.5em;
  width: 30px;
}

.searchMessage dd {
  float: left;
  margin-bottom: 15px;
  width: 400px;
}

/**********************************************************
　レシピ検索A
**********************************************************/
/*検索BOX*/
.searchHead {
  margin-bottom: 30px;
}

.searchHead td {
  padding: 5px 0;
}

/* line 569, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.searchHead input {
  margin: 0 10px;
}*/
.searchHead .inputText {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px #5b2016 solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  margin: 0 10px;
  width: 329px;
}

.searchHead input.btnRefineSearch {
  margin: 0 0 0 10px;
}

.recipeList li {
  margin-bottom: 15px;
}

.recipeList li.pr {
  background: #FFF9E4;
  padding: 5px;
}

.recipeList li.pr dl dt {
  height: 175px;
}

.recipeList li.pr dl dd {
  padding-top: 18px;
  width: 285px;
}

.recipeList li dl dt {
  float: left;
  height: 157px;
  margin-right: 10px;
  position: relative;
  width: 140px;
}

.recipeList li dl dt img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
}

.recipeList li dl dd {
  float: left;
  width: 295px;
}

/*表示切り替え*/
.displaySwitch {
  line-height: 14px;
  margin-bottom: 20px;
  width: 445px;
}

.displaySwitch a {
  /*  color: #591D13;*/
  font-weight: bold;
}

.icon_display01,
.icon_display02,
.icon_display03,
.icon_display04 {
  background: url(../images/icon_display.png) no-repeat;
  display: inline-block;
  height: 17px;
  line-height: 14px;
  margin-right: 5px;
  width: 19px;
  vertical-align: -2px;
}

/*　safari用　*/
::i-block-chrome, .displaySwitch {
  margin-bottom: 20px;
}

.icon_display01 {
  background-position: 0 -14px;
}

.icon_display02 {
  background-position: 0 0;
}

.icon_display03 {
  background-position: -17px 0;
}

.icon_display04 {
  background-position: -19px 0px;
}

.displaySwitch .current {
  color: #333;
  font-weight: bold;
}

.horizontal3Col .pr .recipeInfo {
  width: 431px;
}

/**********************************************************
　レシピ検索B
**********************************************************/
.prTxt {
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 0 8px 0;
  font-weight: bold;
}

.recipeVerticalList {
  display: block;
  width: 600px;
  margin: 0;
  padding: 0;
  border: 0;
}

.recipeVerticalList .recipeBlock {
  margin-bottom: 21px;
}

.recipeVerticalList .catIconBox {
  margin: 0;
}

.recipeVerticalList .pr .recipeImage img {
  border: none;
  padding: 0;
}

/* line 820, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .pr .catIconBox {
  margin-left: -4px;
}*/
/* line 824, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .pr .catIconBox img {
  width: 46px;
}*/
.recipeVerticalList .pr {
  background: #FFEFE5;
  border: 1px #ccc solid;
  padding: 4px 4px 10px;
  width: 130px;
}

.recipeVerticalList .pr img {
  background: none;
  border: none;
  padding: 0;
  width: auto;
}

/* line 835, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .recipeVerticalList {
  width: 445px;
}*/
/* line 839, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .recipeVerticalList .pr {
  margin-right: 12px;
}*/
/* line 843, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .recipeVerticalList .last {
  margin-right: 0;
}*/
/* line 847, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .recipeVerticalList .recipeBlock .recipeImage {
  width: 140px;
}*/
/* line 850, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .recipeVerticalList .pr .recipeImage,
.vertical3Col .recipeVerticalList .pr .recipeInfo {
  width: 130px;
}*/
/* line 855, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.vertical3Col .recipeVerticalList .pr.none {
  background: #FFF;
  border: 1px #FFF solid;
}*/
.recipeVerticalList .recipeBlock:nth-child(4n+1) {
  clear: both;
  float: left;
}

/**********************************************************
　レシピ詳細
**********************************************************/
.recipeDetail .boxContents {
  width: 788px;
  margin-bottom: 60px;
}

.recipeDetail h1.title {
  font-size: 24px;
  margin-bottom: 24px;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #ff6600;
}

.recipeDetailHeader {
  width: 788px;
}

.recipeDetailHeaderL {
  float: left;
  width: 250px;
}

.recipeDetailHeaderR {
  float: right;
  font-size: 12px;
}

.recipeDetailHeaderR ul li {
  float: left;
  height: 17px;
  margin-right: 20px;
}

.recipeDetailHeaderR ul li a {
  line-height: 1.5;
}

.recipeDetail .leftCol {
  float: left;
  margin-right: 28px;
  width: 320px;
  padding-right: 0;
}

.recipeDetail .rightCol {
  float: left;
  width: 440px;
}

.recipeDetail .leftCol img {
  border: 1px #ccc solid;
  width:320px;
  height: auto;
  margin-bottom: 20px;
}

.recipeDetail .leftCol .catIconBox {
  margin-bottom: 18px;
  width: 300px;
}

.recipeDetail .leftCol .catIconBox ul li {
  float: left;
  margin: 0 9px 0 0;
}

.recipeDetail .leftCol .catIconBox img {
  border: none;
  margin-bottom: 0;
}

/*熱量・塩分*/
.subInfo li {
  height: 18px;
  line-height: 18px;
  margin-bottom: 17px;
  padding-top: 0px;
  vertical-align: middle;
  font-size: 16px;
}

/*材料*/
.recipeDetailFoodsList .mainTitle,
.recipeDetail .boxContents .mainTitle {
  font-size: 18px;
  margin-bottom: 18px;
  padding: 0 0 12px;
  color: #591d13;
  border-top: none;
  border-bottom: 1px solid #333333;
}

.recipeDetailFoodsList ul li {
  border-bottom: 1px #000000 dotted;
  margin-bottom: 13px;
  padding-bottom: 12px;
  line-height: 1.75;
}

.recipeDetailFoodsList ul li .subFoodsList {
  margin-top: 5px;
}

.recipeDetailFoodsList ul li .subFoodsList li {
  border-bottom: none;
  padding-bottom: 0;
  padding-left: 30px;
}

.recipeDetail .direction {
  line-height: 1.75;
  padding-top: 8px;
  padding-bottom: 16px;
  margin: 0 0 16px;
  border-bottom: 1px dotted #333333;
}

.recipeDetail .direction:last-child,
.recipeDetail .direction.last {
  margin-bottom: 0 !important;
}

.recipeDetail .direction.mb0 {
  margin-bottom: 0px;
}

.recipeDetail .direction.mb0 .info {
  width: auto;
}

.recipeDetail .direction .info {
  margin-right: 9px;
  line-height: 1.5;
  float: left;
  width: 627px;
  min-height: 30px;
}

.recipeDetail .direction .image {
  float: right;
  text-align: center;
}

.recipeDetail .direction img {
  border: 1px #ccc solid;
}

.recipeDetail .recipe_date {
  padding: 25px 0;
  margin-bottom: 25px;
  border-bottom: 1px dotted #000000;
}

.recipeDetail .recipe_date p {
  text-align: right;
}

/**********************************************************
　recipes_info
**********************************************************/
.recipes_info {
  margin-bottom: 24px;
}

.printCtrl {
  padding: 15px;
  width: 100%;
  background: #fff9e4;
}

.rB36 input.print {
  position: absolute;
  top: 0px;
  right: 0px;
}

.recipePrint {
  margin-bottom: 40px;
  font-size: 12px;
}

.recipePrint .colL,
.recipePrint .colR {
  display: inline;
  float: left;
}

.recipePrint .colL {
  width: 250px;
  margin-right: 25px;
}

.recipePrint .colR {
  width: 435px;
}

.recipePrint .title {
  font-size: 14px;
  color: #000000;
}

.recipePrint ul li {
  line-height: 1.5;
  padding-bottom: 4px;
}

.copyright {
  margin-bottom: 20px;
}

.conditionBoxBtn {
  margin-bottom: 15px;
  /*  position: relative;*/
  float: right;
}

.conditionBoxBtn .conditionCounter {
  left: 50%;
  margin-left: 75px;
  position: absolute;
  top: 7px;
}

.conditionBoxBtn ul li {
  float: left;
  border-left: 1px dotted #000000;
  padding: 13px 0 13px 28px;
  margin: 0 0 0 28px;
}

.conditionBoxBtn ul li span {
  display: inline-block;
  float: none;
  /*padding-left: 21px;*/
  vertical-align: middle;
}

.conditionBoxBtn ul li .notLoggedIn {
  filter: alpha(opacity=40);
  opacity: 0.40;
}

/*　safari用　*/
::i-block-chrome, .conditionBoxBtn ul li span {
  vertical-align: -4px;
}

/*------------------------------------------------------------------------------ 3=マイページ*

/**********************************************************
　プロフィール画像と基本情報
**********************************************************/
.userProfileWrapper {
  min-height: 310px;
}

.userProfileWrapper .bg {
  height: 200px;
  width: 650px;
}

.userProfile {
  padding-top: 10px;
}

.userPic {
  float: left;
  position: relative;
  width: 160px;
}

.userPic img {
  background: #fff;
  border: 1px #ccc solid;
  left: 10px;
  padding: 4px;
  position: absolute;
  top: -75px;
}

.userInfo {
  float: left;
  padding-left: 160px;
  position: relative;
  width: 490px;
  font-size: 12px;
}

.userInfo .title {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}

.userInfo dt {
  float: left;
  font-weight: bold;
  margin-right: 15px;
  width: 85px;
  line-height: 1.5;
}

.userInfo dd {
  margin-bottom: 10px;
  width: 390px;
  line-height: 1.5;
  padding-left: 100px;
}

ul.btnEditBox {
  width: 155px;
  height: 60px;
  float: right;
}

ul.btnEditBox li {
  line-height: 20px;
  padding-bottom: 10px;
}

/*　マイページ　プロフィール画像編集 */
table.userEdit {
  margin-top: 25px;
}

table.userEdit th {
  padding-bottom: 20px;
  text-align: right;
  width: 110px;
  vertical-align: middle;
}

table.userEdit td {
  height: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}

/*オレンジページnetからのお知らせ */
.infoList {
  font-size: 14px;
  padding: 0 12px;
}

.infoList li {
  background: url(../images/icon_dot_brown.png) no-repeat 0px 6px;
  border-bottom: 1px #9f7d78 dotted;
  line-height: 1.5;
  margin-bottom: 7px;
  padding-bottom: 7px;
  padding-left: 17px;
}

.infoList li a:hover {
  text-decoration: underline;
}

.infoList li img {
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/*これに決めたBOX*/
.choiceBoxList {
  height: 322px;
  width: 650px;
}

.choiceBoxThumbList {
  margin: 0 auto;
  padding: 0;
  width: 650px;
}

.choiceBoxThumbList li {
  background: url(../images/panel_bg.png) no-repeat;
  float: left;
  height: 76px;
  margin-right: 6px;
  margin-bottom: 6px;
  width: 76px;
}

.choiceBoxThumbList li.last {
  margin-bottom: 6px;
}

.choiceBoxThumbList li.panel01 {
  background-position: 0 0;
}

.choiceBoxThumbList li.panel02 {
  background-position: -82px 0;
}

.choiceBoxThumbList li.panel03 {
  background-position: -164px 0;
}

.choiceBoxThumbList li.panel04 {
  background-position: -246px 0;
}

.choiceBoxThumbList li.panel05 {
  background-position: -328px 0;
}

.choiceBoxThumbList li.panel06 {
  background-position: -410px 0;
}

.choiceBoxThumbList li.panel07 {
  background-position: -492px 0;
}

.choiceBoxThumbList li.panel08 {
  background-position: -574px 0;
}

.choiceBoxThumbList li.panel09 {
  background-position: 0 -82px;
}

.choiceBoxThumbList li.panel10 {
  background-position: -82px -82px;
}

.choiceBoxThumbList li.panel11 {
  background-position: -164px -82px;
}

.choiceBoxThumbList li.panel12 {
  background-position: -246px -82px;
}

.choiceBoxThumbList li.panel13 {
  background-position: -328px -82px;
}

.choiceBoxThumbList li.panel14 {
  background-position: -410px -82px;
}

.choiceBoxThumbList li.panel15 {
  background-position: -492px -82px;
}

.choiceBoxThumbList li.panel16 {
  background-position: -574px -82px;
}

.choiceBoxThumbList li.panel17 {
  background-position: 0 -164px;
}

.choiceBoxThumbList li.panel18 {
  background-position: -82px -164px;
}

.choiceBoxThumbList li.panel19 {
  background-position: -164px -164px;
}

.choiceBoxThumbList li.panel20 {
  background-position: -246px -164px;
}

.choiceBoxThumbList li.panel21 {
  background-position: -328px -164px;
}

.choiceBoxThumbList li.panel22 {
  background-position: -410px -164px;
}

.choiceBoxThumbList li.panel23 {
  background-position: -492px -164px;
}

.choiceBoxThumbList li.panel24 {
  background-position: -574px -164px;
}

.choiceBoxThumbList li.panel25 {
  background-position: 0px -246px;
}

.choiceBoxThumbList li.panel26 {
  background-position: -82px -246px;
}

.choiceBoxThumbList li.panel27 {
  background-position: -164px -246px;
}

.choiceBoxThumbList li.panel28 {
  background-position: -246px -246px;
}

.choiceBoxThumbList li.panel29 {
  background-position: -328px -246px;
}

.choiceBoxThumbList li.panel30 {
  background-position: -410px -246px;
}

.choiceBoxThumbList li.panel31 {
  background-position: -492px -246px;
}

.choiceBoxThumbList li.panel32 {
  background-position: -574px -246px;
}

.choiceBoxThumbList li img {
  border: 1px #ccc solid;
}

/*マイページのレシピまとめ*/
.userCollectionList {
  margin: 0 10px 40px;
  width: 630px;
}

.userCollectionList li {
  line-height: 1.5;
  margin-bottom: 10px;
  vertical-align: middle;
}

.userCollectionList li > span {
  margin-top: 2px;
}

/*　safari用　*/
::i-block-chrome, .userCollectionList li {
  line-height: 19px;
}

.userCollectionList li a {
  vertical-align: middle;
}

.userCollectionList li a:hover {
  text-decoration: underline;
}

.userCollectionList li span.userIcon {
  color: #666;
  line-height: 1;
  margin-left: 8px;
  margin-top: 0;
  vertical-align: middle;
}

.userCollectionList li span.gray {
  color: #333;
}

/*マイページ*/
.recipeLibraryBox {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px #762600 solid;
  margin-bottom: 15px;
  padding: 0;
}

.recipeLibraryBox .title {
  background: url(../images/mypage_title_bg.png) repeat-x;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  height: 25px;
  padding-left: 10px;
}

.recipeLibraryBox .inner {
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.recipeLibraryBox .recipeBlock {
  width: 626px;
}

.recipeLibraryBox .recipeBlock .recipeImage {
  width: 100px;
}

.recipeLibraryBox .recipeBlock .recipeInfo {
  width: 516px;
}

.recipeLibraryBox .recipeBlock .recipeInfo .recipeTitle a span:hover {
  text-decoration: underline;
}

/*　マイページ */
.myFave .recipeInfo {
  width: 508px;
}

.collection .recipeInfo p.description {
  padding-left: 26px;
}

.myTieup .recipeBlock {
  border-bottom: dotted 1px #CCC;
  padding-bottom: 10px;
  width: 650px;
}

.myTieup .recipeImage {
  width: 100px;
}

.myTieup .recipeInfo {
  width: 540px;
}

/**********************************************************
　自分で作ったレシピまとめ・保存したレシピまとめ
  ◯◯さんが作ったレシピまとめ・◯◯さんが保存したレシピまとめ
**********************************************************/
/*レシピまとめ*/
.recipeCollection .recipeImage img {
  padding: 0px;
}

.recipeCollection .recipeInfo {
  width: 548px;
}

/*　レシピまとめ */
.collection .recipeBlock {
  border-bottom: dotted 1px #CCC;
  padding-bottom: 10px;
}

.collection .recipeImage {
  width: 70px;
}

.collection .recipeInfo {
  width: 570px;
}

.collection .recipeInfo p.description,
.collection .recipeInfo .gadget {
  padding-left: 26px;
}

.collection .recipeTitle a {
  text-decoration: none;
}

.collection .recipeTitle a:hover {
  text-decoration: underline;
}

.gadget {
  height: 20px;
  position: relative;
  text-align: left;
  line-height: 20px;
}

.gadget ul {
  height: 20px;
  position: absolute;
  top: 0;
  right: 2px;
}

.gadget ul li {
  border: none;
  float: left;
  height: 20px;
  margin-left: 6px;
  padding-right: 5px;
  text-align: right;
  color: #999;
  font-size: 14px;
}

.gadget .userIconBox {
  position: absolute;
}

.gadget .userIconBox a:hover {
  text-decoration: underline;
}

.gadget .userIcon {
  font-size: 12px;
  margin-right: 5px;
  padding-top: 3px;
}

/**********************************************************
　ごはん日記
**********************************************************/
.diaryTopBox {
  background: url(../images/bg_mypage_diary_top.png) no-repeat;
  height: 24px;
  width: 650px;
}

.diaryInnerBox {
  background: url(../images/bg_mypage_diary_middle.png) repeat-y;
  height: auto;
  padding-bottom: 30px;
  width: 650px;
}

.diaryBottomBox {
  background: url(../images/bg_mypage_diary_bottom.png) no-repeat;
  height: 16px;
  width: 650px;
}

.diaryInner {
  margin: 0 auto;
  width: 550px;
}

.diaryTitleBox {
  border-bottom: 1px #531D13 dotted;
  margin-bottom: 15px;
  padding-bottom: 15px;
  width: 550px;
}

.diaryTitleBox .image,
.diaryTitleBox .info {
  float: left;
  margin-right: 10px;
}

.diaryTitleBox .image {
  width: 80px;
}

.diaryTitleBox .image img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
}

.diaryTitleBox .info {
  margin-right: 0;
  width: 460px;
}

.diaryList .block {
  border-bottom: 1px #ccc dotted;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.diaryTitle span {
  margin-top: 3px;
  padding-left: 22px;
}

/*　safari用　*/
::i-block-chrome, .diaryTitle span {
  margin-top: 4px;
}

.diaryList .last {
  border-bottom: none;
}

.diaryList .block .image,
.diaryList .block .info {
  float: left;
  margin-right: 10px;
}

.diaryList .block .image {
  width: 140px;
}

.diaryList .block .image img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
}

.diaryList .block .info {
  margin-right: 0;
  width: 400px;
}

.diaryUserName {
  color: #591D13;
  font-size: 14px;
}

.diaryArchive .block {
  margin-bottom: 50px;
}

.diaryArchive .block .image {
  margin-bottom: 15px;
}

.diaryArchive .block .image img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
}

/**********************************************************
　レシピまとめ3
**********************************************************/
.iconList {
  background: #F3F3F3;
  height: 25px;
  width: 642px;
  padding-left: 8px;
  margin: 10px auto 20px;
}

.iconList li {
  float: left;
  font-size: 12px;
  line-height: 25px;
  padding-right: 8px;
}

.iconList li span {
  margin-top: 3px;
}

/*　safari用　*/
::i-block-chrome, .iconList li {
  line-height: 28px;
}

::i-block-chrome, .iconList li span {
  margin-top: 4px;
}

.recipeStatus {
  position: relative;
  height: 20px;
  text-align: left;
  line-height: 20px;
}

/*　safari用　*/
::i-block-chrome, .recipeStatus {
  line-height: 24px;
}

.recipeStatus .userIconBox {
  position: absolute;
  top: 0;
  right: 0;
}

/*殿堂入りBOX*/
.dendoBox {
  background: url(../images/collection_dendo_bg.png) no-repeat;
  height: 146px;
  padding-top: 110px;
  width: 650px;
}

.dendoBoxBg {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  background: #fff9e4;
  padding-bottom: 20px;
}

.dendoList {
  margin: 0 auto;
  width: 590px;
}

.dendoList .slide .block {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px #b69c98 solid;
  background: #fff;
  padding: 9px;
}

.dendoList .slide .block .image {
  float: left;
  height: 96px;
  margin-right: 15px;
  width: 132px;
}

.dendoList .slide .block .info {
  float: left;
  height: 95px;
  width: 423px;
}

.dendoList .slide .block .txt12 {
  line-height: 1.5;
}

.dendoBox .bx-wrapper .bx-prev,
.dendoBox .bx-wrapper .bx-next {
  background: url(../images/slider_arrow_b.png) no-repeat;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 11px;
}

.dendoBox .bx-wrapper .bx-prev {
  left: -20px;
}

.dendoBox .bx-wrapper .bx-next {
  background-position: -11px -20px;
  right: -20px;
}

.genreRankingBox {
  width: 650px;
}

.genreRankingList {
  width: 650px;
}

.genreRankingList > li {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px #b69c98 solid;
  float: left;
  padding: 10px 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 302px;
}

.genreRankingList .block {
  margin-bottom: 15px;
}

.genreRankingList .block .image {
  float: left;
}

.genreRankingList .rankingOne .image {
  width: 97px;
}

.genreRankingList .block .info {
  float: left;
  width: 200px;
}

.genreRankingList .block .image img {
  border: 1px #ccc solid;
  margin-right: 5px;
}

.genreRankingList .block .image .ranking {
  float: left;
  margin-right: 5px;
  width: 25px;
}

.genreRankingList .block .other {
  width: 265px;
}

.rankingInnerWrapper {
  width: 302px;
}

.rankingInner li {
  margin-bottom: 15px;
}

.genreTitle {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px #b69c98 dotted;
  margin-bottom: 7px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: middle;
}

.genreTitle span {
  display: inline-block;
  float: none;
  margin-top: -1px;
  margin-left: 0;
  vertical-align: top;
}

.rankingInnerList dt {
  float: left;
  margin-right: 5px;
}

.rankingInnerList dt.mr0 {
  margin-right: 0;
}

/**********************************************************
　ユーザまとめ（まとめ詳細）
**********************************************************/
.summaryBox {
  width: 650px;
}

.summaryBoxB {
  overflow: hidden;
  padding: 15px 24px;
  width: 602px;
}

/*オレンジ背景のBOX*/
.recipeGroup {
  line-height: 1.5;
  overflow: hidden;
  margin: 0 auto;
  padding: 25px 24px;
  width: 602px;
}

/*背景の色（変更出来る）*/
.bg_color_01 {
  background: url(../images/bg_color_01.gif);
}

.bg_color_02 {
  background: url(../images/bg_color_02.gif);
}

.bg_color_03 {
  background: url(../images/bg_color_03.gif);
}

.bg_color_04 {
  background: url(../images/bg_color_04.gif);
}

.bg_color_05 {
  background: url(../images/bg_color_05.gif);
}

.bg_color_06 {
  background: url(../images/bg_color_06.gif);
}

.bg_color_07 {
  background: url(../images/bg_color_07.gif);
}

.bg_color_08 {
  background: url(../images/bg_color_08.gif);
}

.bg_color_09 {
  background: url(../images/bg_color_09.gif);
}

.bg_color_10 {
  background: url(../images/bg_color_10.gif);
}

.summaryBtnBox {
  height: 26px;
  position: relative;
}

.summaryBtnBox ul {
  position: absolute;
  right: 0;
  width: 292px;
}

.summaryBtnBox ul li {
  float: left;
  height: 26px;
  margin-right: 8px;
  width: 142px;
}

.summaryBtnBox ul li.last {
  margin-right: 0;
}

.summaryTopIcon {
  left: -25px;
  position: absolute;
  top: -22px;
  z-index: 99;
}

.summaryTopBox .icon {
  margin-right: 5px;
}

.summaryTopBox .block {
  margin-bottom: 5px;
}

.summaryTopBox .block .image {
  height: 218px;
  float: left;
  width: 300px;
}

.summaryTopBox .block .info {
  background: #fff;
  float: left;
  height: 186px;
  padding: 16px;
  position: relative;
  width: 268px;
}

.summaryTopBox .block .info .txt12 span {
  margin-top: 0;
}

.summaryTopTitle {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}

.summaryTopUserBox {
  bottom: 16px;
  height: 32px;
  left: 16px;
  line-height: 32px;
  position: absolute;
}

.summaryTopUserIcon {
  float: left;
  margin-right: 7px;
}

.summaryTopUserName {
  float: left;
  font-size: 12px;
  padding-top: 8px;
  width: 150px;
}

.summaryTopUserBox a .summaryTopUserName:hover {
  text-decoration: underline;
}

.summaryCollectionBox .recipeInfo {
  width: 428px;
}

.summaryCollectionBox .ingredients {
  color: #666;
}

.viewCounter {
  font-weight: bold;
  height: 31px;
  text-align: right;
}

.summaryCollectionBoxList > li {
  border: 1px #ccc solid;
  background: #fff;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 10px;
}

dl.sideListC {
  margin-left: 0;
}

dl.sideListC dt {
  float: left;
  height: 157px;
  margin-right: 15px;
  position: relative;
}

dl.sideListC dd {
  float: left;
  padding-right: 10px;
  position: relative;
  width: 415px;
}

.listComment {
  border-top: 2px #ccc dotted;
  margin-top: 12px;
  padding: 10px 7px 0;
}

.listComment dl dt {
  float: left;
  margin-right: 10px;
  padding-top: 2px;
  width: 32px;
}

.listComment dl dd {
  float: left;
}

.saveBtnBox {
  height: 36px;
  margin: 25px auto;
  position: relative;
  text-align: center;
  width: 200px;
}

.saveBtnBox .conditionCouter {
  left: 50%;
  margin-left: 105px;
  position: absolute;
  text-align: left;
  top: 7px;
  width: 150px;
}

.summarySaveMemberList {
  width: 602px;
}

.summarySaveMemberList li {
  float: left;
  margin-right: 10px;
}

.showComment {
  border-bottom: 1px #b69c98 dotted;
  border-top: 2px #b69c98 dotted;
  background: url(../images/icon_ballon.png) no-repeat 0 11px;
  font-size: 12px;
  height: 16px;
  line-height: 14px;
  padding: 11px 0 9px 27px;
}

.showComment a {
  text-decoration: underline;
}

.showComment a:hover {
  text-decoration: none;
}

.commentBox .inputText {
  margin-bottom: 10px;
  resize: vertical;
  width: 536px;
}

.commentBox .btnComment {
  float: right;
}

.summaryCollectionBox .recipeBlock .recipeComment {
  content: "";
  display: block;
  clear: both;
  border-top: dotted 1px #CCC;
  padding-top: 10px;
}

.horizontal1Col .recipeBlock .recipeComment {
  content: "";
  display: block;
  clear: both;
}

.commentBox {
  margin-bottom: 10px;
}

.commentBox .image {
  float: left;
  height: 32px;
  margin-right: 10px;
  width: 32px;
}

.commentBox .info {
  float: left;
  font-size: 12px;
  line-height: 1.5;
  width: 536px;
}

.commentBox .info a {
  text-decoration: underline;
}

.commentBox .info a:hover {
  text-decoration: none;
}

.commentBox .info {
  line-height: 1.5;
  position: relative;
}

.commentBox .info label {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 6px;
  position: absolute;
}

.recipeComment .image {
  float: left;
  height: 32px;
  margin-right: 10px;
  width: 32px;
}

.recipeComment .info {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 42px;
}

.userName {
  font-weight: bold;
}

.inputComment {
  float: left;
  height: 26px;
  margin-right: 5px;
  width: 432px;
}

.summaryTopBox .textfield_wrap {
  height: 70px;
}

.summaryTopBox .textfieldWrap .summaryText {
  resize: none;
  width: 602px;
}

.createNewCollection .horizontal1Col .recipeInfo {
  margin-bottom: 15px;
}

.createNewCollection .horizontal1Col .recipeInfo .recipeTitle {
  width: 360px;
}

dl.ingredients {
  color: #666;
  line-height: 1.5;
}

/**********************************************************
　レシピまとめを作る
**********************************************************/
.dendoBox .slide {
  position: relative;
}

.sliderIcon {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

.sliderIcon img {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.dendoList .slide .block .info p {
  height: 50px;
}

/*コンソールボタン*/
.consoleBox {
  position: absolute;
  height: 16px;
  top: 10px;
  right: 10px;
  width: 63px;
}

.consoleBox li {
  float: left;
  margin-left: 5px;
}

.consoleBox li a {
  display: block;
  height: 16px;
  width: 16px;
}

a.up {
  background-position: -40px -700px;
}

a.up:hover {
  background-position: -40px -716px;
}

a.down {
  background-position: -56px -700px;
}

a.down:hover {
  background-position: -56px -716px;
}

a.del {
  background-position: -72px -700px;
}

a.del:hover {
  background-position: -72px -716px;
}

a.iconEdit {
  background-position: -18px -700px;
  height: 23px;
  width: 22px;
}

a.iconEdit:hover {
  background-position: -18px -723px;
}

/*背景パターン*/
.bgList li {
  float: left;
  height: 19px;
  margin-right: 8px;
  width: 19px;
}

.bgList li.first {
  width: 140px;
}

.bgList li a {
  display: block;
  height: 16px;
  width: 16px;
  border: 1px solid #eeeeee;
}

.bgList li a:hover {
  border: 1px solid #cccccc;
}

.bg01 {
  background: url(../images/bg_color_01.gif) repeat 0 0;
}

.bg02 {
  background: url(../images/bg_color_02.gif) repeat 0 0;
}

.bg03 {
  background: url(../images/bg_color_03.gif) repeat 0 0;
}

.bg04 {
  background: url(../images/bg_color_04.gif) repeat 0 0;
}

.bg05 {
  background: url(../images/bg_color_05.gif) repeat 0 0;
}

.bg06 {
  background: url(../images/bg_color_06.gif) repeat 0 0;
}

.bg07 {
  background: url(../images/bg_color_07.gif) repeat 0 0;
}

.bg08 {
  background: url(../images/bg_color_08.gif) repeat 0 0;
}

.bg09 {
  background: url(../images/bg_color_09.gif) repeat 0 0;
}

.bg10 {
  background: url(../images/bg_color_10.gif) repeat 0 0;
}

/**********************************************************
　アイコンボタン
**********************************************************/
ul.check-group {
  margin: 0px 0px 30px 0px;
  width: 405px;
}

ul.check-group input {
  display: none;
}

ul.check-group label {
  background: url(../images/btn_icon_bg.png) no-repeat;
  cursor: pointer;
  float: left;
  height: 27px;
  width: 96px;
}

ul.check-group label.checked {
  background: url(../images/btn_icon_bg_on.png) no-repeat 50% 50%;
  color: #fff;
}

.iconBtn {
  float: left;
  height: 27px;
  margin-bottom: 8px;
  margin-right: 7px;
  width: 96px;
}

ul.check-group .mb0 {
  margin-bottom: 0;
}

.last {
  margin-right: 0;
}

/*------------------------------------------------------------------------------ 4=これに決めた*/
.choiceListTxt {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 8px;
}

.userChoiceIcon {
  float: left;
  margin-right: 7px;
}

.choiceBox .choiceBlock .recipeBlock .recipeInfo dl.ingredients dd {
  width: 390px;
}

/*------------------------------------------------------------------------------ 6=プレゼント*/
.presentList .block {
  border-bottom: 1px #ccc dotted;
  margin-bottom: 15px;
  padding-bottom: 30px;
}

.presentList .title {
  color: #333;
}

.presentList .block .image {
  float: left;
  margin-right: 20px;
  width: 162px;
}

.presentList .block .image img {
  border: 1px #ccc solid;
}

.presentList .block .info {
  float: left;
  width: 468px;
}

.presentList .last {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.presentInfoBox {
  position: relative;
  width: 650px;
}

.presentInfoBox .regBtn {
  position: absolute;
  top: 0;
  right: 0;
}

.customerInfoBox {
  border: 1px #ccc solid;
  padding: 12px;
}

/*------------------------------------------------------------------------------ 7=特集--*/
.horizontal2Col .boxContents .recipeBlock .recipeInfo dl.ingredients dd {
  width: 445px;
}

/*------------------------------------------------------------------------------ 8=ランキング*

/**********************************************************
　ランキングトップ
**********************************************************/
.rankingBox {
  line-height: 1.5;
}

/* line 2322, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.rankingBox .title {
  color: #591D13;
  font-weight: bold;
}*/
.rankingTop {
  margin: 0 auto 30px;
  width: 698px;
}

.rankingTop .block {
  float: left;
  margin-right: 34px;
  width: 210px;
}

.rankingTop .last {
  margin-right: 0;
}

.rankingTop .block .info .recipeTitle,
.rankingOther .block .info .recipeTitle {
  font-weight: normal;
}

.rankingOther .block .info .recipeTitle {
  font-size: 14px;
}

/* line 2343, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.rankingTop .block .image {
  margin-bottom: 5px;
}*/
.rankingTop .block .image img,
.rankingOther .block .image img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
  margin-bottom: 5px;
}

/* line 2354, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.rankingTop .block .image img {
  margin-bottom: 5px;
}*/
.rankingTop .block .image .catIconBox,
.rankingOther .block .image .catIconBox {
  margin-top: 0;
  margin-bottom: 8px;
}

.rankingTop .block .image .catIconBox img,
.rankingOther .block .image .catIconBox img {
  border: none;
  margin-bottom: 0;
  padding: 0;
}

.rankingTop .block .info {
  padding-right: 14px;
}

.rankingOther {
  margin: 0 auto;
  width: 698px;
}

.rankingOther .block {
  float: left;
  margin-bottom: 25px;
  margin-right: 46px;
  width: 140px;
}

.rankingOther .last {
  margin-right: 0;
}

/* line 2389, /home/vagrant/orangenet/vendor/assets/stylesheets/pages.css.scss
.rankingOther .block .image {
  margin-bottom: 5px;
}*/
.rankingOther .block .info {
  margin-right: 14px;
}

.ranking {
  height: 60px;
  width: 60px;
}

.rankingTop .block .image .ranking img {
  border: none;
  margin: 10px 0 5px 0;
  padding: 0;
}

.rankingOther .block {
  max-height: 284px;
}

.rankingOther .block .image .ranking {
  height: 32px;
  margin-bottom: 8px;
  width: 32px;
}

.rankingOther .block .image .ranking img {
  border: none;
  padding: 0;
  margin-bottom: 0;
}

.genreRankingList .block .image .rankingS02,
.genreRankingList .block .image .rankingS03 {
  height: 25px;
}

.areaRankingMapBox {
  background: url(../images/ranking_map.png) no-repeat;
  border: 1px #ccc solid;
  height: 558px;
  position: relative;
  width: 648px;
}

.areaRankingMapInfoBox {
  background: url(../images/ranking_map_info.png) no-repeat;
  display: none;
  left: 42px;
  height: 237px;
  padding: 10px;
  padding-right: 15px;
  position: absolute;
  top: 47px;
  width: 261px;
}

.areaRankingTitle {
  border-bottom: 1px #591D13 dotted;
  color: #591D13;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}

.areaRankingList .block {
  height: 62px;
  margin-bottom: 6px;
}

.areaRankingList .block .image {
  float: left;
  margin-right: 10px;
  width: 97px;
}

.areaRankingList .block .image img {
  border: 1px #ccc solid;
  float: left;
}

.areaRankingList .block .image .areaRanking img {
  border: none;
}

.areaRanking {
  float: left;
  height: 26px;
  margin-top: 15px;
  margin-right: 5px;
  width: 28px;
}

.areaRankingList .block .info {
  float: left;
  height: 62px;
  width: 154px;
}

.areaRankingList .block .info a {
  font-weight: bold;
  line-height: 1.5;
  text-decoration: underline;
}

.areaRankingList .block .info a:hover {
  text-decoration: none;
}

.map a {
  display: block;
  position: absolute;
}

.map01 a {
  height: 99px;
  right: 34px;
  top: 26px;
  width: 157px;
}

.map02 a {
  height: 29px;
  right: 71px;
  top: 164px;
  width: 121px;
}

.map03 a {
  height: 40px;
  right: 134px;
  top: 196px;
  width: 58px;
}

.map04 a {
  height: 40px;
  right: 71px;
  top: 196px;
  width: 59px;
}

.map05 a {
  height: 47px;
  right: 71px;
  top: 239px;
  width: 59px;
}

.map06 a {
  height: 32px;
  right: 134px;
  top: 239px;
  width: 58px;
}

.map07 a {
  height: 39px;
  right: 71px;
  top: 288px;
  width: 96px;
}

.map08 a {
  height: 61px;
  right: 72px;
  top: 330px;
  width: 34px;
}

.map09 a {
  height: 104px;
  right: 72px;
  top: 395px;
  width: 34px;
}

.map10 a {
  height: 45px;
  right: 109px;
  top: 330px;
  width: 40px;
}

.map11 a {
  height: 45px;
  right: 152px;
  top: 330px;
  width: 40px;
}

.map12 a {
  height: 40px;
  right: 110px;
  top: 378px;
  width: 82px;
}

.map13 a {
  height: 34px;
  right: 110px;
  top: 420px;
  width: 57px;
}

.map14 a {
  height: 31px;
  right: 127px;
  top: 456px;
  width: 40px;
}

.map15 a {
  height: 57px;
  right: 168px;
  top: 272px;
  width: 53px;
}

.map16 a {
  height: 42px;
  right: 222px;
  top: 287px;
  width: 41px;
}

.map17 a {
  height: 70px;
  right: 265px;
  top: 259px;
  width: 26px;
}

.map18 a {
  height: 46px;
  right: 265px;
  top: 331px;
  width: 51px;
}

.map19 a {
  height: 87px;
  right: 194px;
  top: 331px;
  width: 36px;
}

.map20 a {
  height: 36px;
  right: 169px;
  top: 419px;
  width: 39px;
}

.map21 a {
  height: 125px;
  right: 231px;
  top: 330px;
  width: 33px;
}

.map22 a {
  height: 46px;
  right: 169px;
  top: 456px;
  width: 51px;
}

.map23 a {
  height: 46px;
  right: 221px;
  top: 456px;
  width: 43px;
}

.map24 a {
  height: 108px;
  right: 265px;
  top: 419px;
  width: 25px;
}

.map25 a {
  height: 40px;
  right: 265px;
  top: 378px;
  width: 25px;
}

.map26 a {
  height: 40px;
  right: 291px;
  top: 378px;
  width: 52px;
}

.map27 a {
  height: 81px;
  right: 291px;
  top: 419px;
  width: 26px;
}

.map28 a {
  height: 26px;
  right: 291px;
  top: 501px;
  width: 51px;
}

.map29 a {
  height: 59px;
  right: 318px;
  top: 419px;
  width: 25px;
}

.map30 a {
  height: 92px;
  right: 344px;
  top: 351px;
  width: 31px;
}

.map31 a {
  height: 42px;
  right: 376px;
  top: 351px;
  width: 31px;
}

.map32 a {
  height: 48px;
  right: 376px;
  top: 395px;
  width: 31px;
}

.map33 a {
  height: 42px;
  right: 408px;
  top: 351px;
  width: 31px;
}

.map34 a {
  height: 48px;
  right: 408px;
  top: 395px;
  width: 31px;
}

.map35 a {
  height: 92px;
  right: 440px;
  top: 351px;
  width: 29px;
}

.map36 a {
  height: 32px;
  right: 355px;
  top: 458px;
  width: 58px;
}

.map37 a {
  height: 33px;
  right: 355px;
  top: 492px;
  width: 58px;
}

.map38 a {
  height: 32px;
  right: 414px;
  top: 458px;
  width: 56px;
}

.map39 a {
  height: 33px;
  right: 414px;
  top: 492px;
  width: 56px;
}

.map40 a {
  height: 43px;
  right: 486px;
  top: 350px;
  width: 68px;
}

.map41 a {
  height: 42px;
  right: 486px;
  top: 395px;
  width: 37px;
}

.map42 a {
  height: 39px;
  right: 486px;
  top: 438px;
  width: 37px;
}

.map43 a {
  height: 46px;
  right: 486px;
  top: 479px;
  width: 67px;
}

.map44 a {
  height: 82px;
  right: 525px;
  top: 395px;
  width: 28px;
}

.map45 a {
  height: 54px;
  right: 556px;
  top: 350px;
  width: 19px;
}

.map46 a {
  height: 54px;
  right: 576px;
  top: 350px;
  width: 21px;
}

.map47 a {
  height: 47px;
  right: 578px;
  top: 478px;
  width: 27px;
}

/*------------------------------------------------------------------------------ 9=レシピまとめ*/
/**********************************************************
	レシピまとめを作る
**********************************************************/
/* タイトル　*/
.createNewCollection .titleBox {
  border-bottom: 0;
  margin-bottom: 30px;
}

.createNewCollection .subTitle {
  color: #999;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.createNewCollection .titleBox .txt12 {
  line-height: 23px;
  vertical-align: middle;
}

.createNewCollection .titleBox span {
  float: none;
  vertical-align: -10px;
}

/*　safari用　*/
::i-block-chrome, .createNewCollection .titleBox span {
  vertical-align: -6px;
}

/* 番号付き見出し　*/
.createNewCollection .step01,
.createNewCollection .step02,
.createNewCollection .step03 {
  background: url(../images/collection_step_number.png) no-repeat;
  color: #591D13;
  font-weight: bold;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 25px;
  padding-left: 40px;
}

.createNewCollection .step02 {
  background-position: 0 -32px;
}

.createNewCollection .step03 {
  background-position: 0 -64px;
}

.textfieldWrapB {
  line-height: 22px;
  margin: 0px auto 25px auto;
  text-align: left;
}

.textfieldWrapB th,
.textfieldWrapB th label {
  font-size: 12px;
  font-weight: normal;
  width: 70px;
  text-align: right;
}

.textfieldWrapB td span {
  font-size: 11px;
}

.createNewCollection .leftCol {
  float: left;
  width: 640px;
}

.createNewCollection .rightCol {
  float: right;
  width: 310px;
}

.createNewCollection .searchBox {
  border: 1px #ccc solid;
  margin-bottom: 25px;
  padding: 8px 10px;
  width: 620px;
}

.createNewCollection .searchBoxL {
  float: left;
  height: 67px;
  padding: 12px 0;
  width: 299px;
}

.createNewCollection .searchBoxR {
  border-left: 1px #ccc dotted;
  float: right;
  height: 67px;
  padding: 12px 0;
  width: 298px;
}

.collectionListBox {
  margin-bottom: 40px;
  width: 640px;
}

.collectionListBox .mainTitle {
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.collectionListBox .mainTitle .bold {
  font-weight: bold;
}

.collectionListBox .block {
  float: left;
  margin-bottom: 10px;
  padding-right: 15px;
  width: 295px;
}

.collectionListBox .block .image {
  float: left;
  margin-right: 10px;
  width: 112px;
}

.collectionListBox .block .image img {
  border: 1px #ccc solid;
}

.collectionListBox .block .info {
  float: left;
  width: 173px;
}

.createNewCollection .rightCol .inner {
  border: 1px #ccc solid;
  margin-bottom: 25px;
  padding: 8px;
  width: 292px;
}

.createNewCollection .rightCol p.mainTitle {
  border-bottom: 1px #333 dotted;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 6px;
  font-size: 14px;
}

.threeColCube {
  min-height: 128px;
}

.threeColCube .block {
  float: left;
  margin-bottom: 15px;
  margin-right: 8px;
  width: 92px;
  max-height: 133px;
}

.threeColCube .last {
  margin-right: 0;
}

.threeColCube .block .image {
  height: 92px;
  margin-bottom: 5px;
  position: relative;
  width: 92px;
}

.threeColCube .block .image img {
  border: 1px #ccc solid;
}

.threeColCube .block .info {
  font-size: 12px;
}

.createNewCollection .rightCol .btnNextStep {
  margin: 0 auto;
}

.summaryCollectionBox .recipeBlock .recipeImage {
  margin-bottom: 10px;
}

.summaryCollectionBox .recipeBlock .recipeInfo {
  margin-bottom: 10px;
}

.summaryCollectionBox .boxContents .recipeBlock .recipeInfo dl.ingredients dd {
  width: 370px;
}

.horizontal1Col .recipeInfo {
  width: 430px;
}

.createNewCollection .horizontal1Col .recipeImage {
  width: 140px;
}

/**********************************************************
	みんなのおすすめレシピ集レシピまとめ
**********************************************************/
/*レシピまとめランキング*/
.recipeCollectRank .recipeImage img {
  padding: 0px;
}

.recipeCollectRank .recipeInfo {
  width: 517px;
}

.recipeCollectRank .recipeInfo p {
  margin-bottom: 0px;
}

.summarySaveMember .dotBox {
  background: #fff;
  border: 1px #9f7d78 dotted;
  font-size: 14px;
  line-height: 1.5;
  height: auto;
  margin-bottom: 25px;
  padding: 10px;
  width: 578px;
}

.recipeCollectRank .recipeBlock {
  width: 650px;
}

.recipeCollectRank .recipeImage {
  width: 123px;
}

.recipeCollection .recipeBlock {
  width: 650px;
}

.recipeCollection .recipeBlock .recipeImage {
  width: 92px;
}

.recipeCollection .recipeBlock .recipeInfo {
  width: 548px;
}

.recipeCollectRank .recipeBlock .recipeImage img {
  float: left;
}

.recipeCollectRank .recipeBlock .recipeImage .ranking {
  float: left;
  height: 38px;
  margin: 10px;
  width: 41px;
}

.recipeCollectRank .recipeBlock .recipeImage .ranking img {
  border: none;
}

/*------------------------------------------------------------------------------ 11=会員登録系*/
/**********************************************************
　会員登録ページ
**********************************************************/
h1.signup {
  color: #333;
  font-size: 22px;
  margin-bottom: 35px;
}

.signupMerit li {
  line-height: 1.2;
  padding: 10px 0;
  font-weight: bold;
}

.meritIcon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background: url(../images/signupMeritIcon.png);
  width: 60px;
  height: 17px;
}

span.meritIcon {
  float: left;
  margin-right: 15px;
}

.m01 {
  background-position: 0px 0px;
}

.m02 {
  background-position: -60px 0px;
}

.m03 {
  background-position: -120px 0px;
}

.m04 {
  background-position: -180px 0px;
}

.m05 {
  background-position: -240px 0px;
}

.registStep {
  margin: 20px auto;
}

.signupForm,
.memberForm {
  border: solid 1px #CCC;
  padding: 40px;
  margin: 0 auto 40px;
  width: 870px;
}

.memberForm {
  border: 0;
  padding: 40px 0;
  width: 970px;
}

.form810 th {
  width: 140px;
}

/*POP UP*/
.popup .note {
  background: #FFF9E4;
  border: solid 1px #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  margin: 30px auto 0;
}

/**********************************************************
　会員登録　完了画面
**********************************************************/
.signupFormComp .signupForm {
  border: solid 1px #CCC;
  padding: 30px;
  margin: 0 auto 40px;
  width: 888px;
}

.ompMessage {
  background: url(../images/reg_comp.png) no-repeat;
  height: 903px;
  margin: 0 auto 40px;
  padding-top: 20px;
  position: relative;
  width: 890px;
}

.ompTitle {
  color: #F15400;
  font-size: 20px;
  font-weight: bold;
}

.signupFormComp1 {
  position: absolute;
  top: 268px;
  left: 182px;
}

.signupFormComp2 {
  position: absolute;
  top: 323px;
  left: 500px;
}

.signupFormComp3 {
  position: absolute;
  top: 557px;
  left: 73px;
}

.signupFormComp4 {
  position: absolute;
  top: 618px;
  left: 523px;
}

.signupFormComp5 {
  position: absolute;
  top: 849px;
  left: 297px;
}

.signupFormComp6 {
  position: absolute;
  top: 879px;
  left: 297px;
}

/**********************************************************
　ログイン関連
**********************************************************/
/*セキュアーログイン*/
.memberLogin {
  float: left;
  padding-top: 40px;
  width: 450px;
}

.guestBox {
  background: #FFF9E4;
  float: right;
  margin-top: 25px;
  padding: 20px 25px 25px;
  width: 460px;
}

/*モーダル表示のログイン*/
.loginBox {
  margin: 0 auto;
  width: 560px;
}

.popup .memberLogin {
  float: left;
  height: 250px;
  margin-right: 30px;
  padding: 10px;
  position: relative;
  width: 238px;
  border: solid 1px #CCC;
}

.popup .memberLogin p.title {
  width: 238px;
}

.popup .memberLogin form th,
.popup .memberLogin form td {
  padding: 0;
}

.popup .memberLogin form th {
  font-weight: normal;
  padding-top: 20px;
}

.popup .memberLogin dl dt {
  color: #333;
  padding-top: 4px;
  width: 135px;
}

.popup .memberLogin dl dd {
  margin-bottom: 15px;
}

.popup .memberLogin label {
  position: absolute;
  padding: 5px 6px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
}

.popup .guestBox {
  background: #FFF9E4;
  float: left;
  height: 250px;
  line-height: 1.5;
  padding: 11px;
  width: 240px;
  margin-top: 0;
}

.popup .guestBox .btn {
  margin: 0 auto;
}

/**********************************************************
　メールマガジン
**********************************************************/
.mailMag {
  background: #FFF9E4;
  border: solid 1px #CCC;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  width: 780px;
  padding: 15px;
  margin: 40px auto;
}

.mailMag h3 {
  border-bottom: 1px #591D13 dotted;
  margin: 30px 0 7px;
}

/**********************************************************
　利用規約
**********************************************************/
.signupPolicy .policy {
  font-size: 14px;
  line-height: 1.5;
  width: 840px;
  height: 180px;
  padding: 15px;
  overflow: auto;
  border: solid 2px #CCC;
  margin: 0 auto 20px;
}

.signupPolicy .policy ol.rootLevel {
  display: block;
  margin: 0 0 12px;
  padding: 0 0 8px;
  border: 0;
}

.signupPolicy .policy ol.rootLevel li {
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #ccc;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.signupPolicy .policy ol.rootLevel li li {
  margin: 8px 0;
  padding-bottom: 0;
  border: 0;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

.signupPolicy .policy ol.rootLevel li li li {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

.signupPolicy .policy ol.rootLevel p {
  margin: 8px 0;
  padding-bottom: 0;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

.signupPolicy .policy a:link {
  text-decoration: underline;
}

.signupPolicy .policy a:visited {
  text-decoration: underline;
}

.signupPolicy .policy a:active {
  text-decoration: none;
}

.signupPolicy .policy a:hover {
  text-decoration: none;
}

.signupPolicy .policy .lastUpdate {
  display: block;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  text-align: right;
  font-size: 12px;
}

/**********************************************************
　右ログイン
**********************************************************/
.rightLogin {
  background: #F1F1F1;
  padding: 10px 30px;
}

.rightLogin h2 {
  color: #591D13;
  font-size: 20px;
  line-height: 2em;
}

.rightLogin p {
  margin: 10px auto;
}

.rightLogin label {
  display: block;
  margin: 0 auto 20px;
}

.rightLogin .inputText {
  width: 240px;
}

/*------------------------------------------------------------------------------ 12=モニター会員とは*/
.monitorList {
  width: 650px;
}

.monitorList li {
  float: left;
  height: 150px;
  margin-right: 30px;
  margin-bottom: 25px;
  width: 310px;
}

/*------------------------------------------------------------------------------ 13=タイアップ*/
.contributeCounter {
  color: #591D13;
  font-size: 14px;
  top: 0px;
  position: absolute;
  right: 0;
}

.tieup .requirements {
  margin: 0 auto 40px;
  width: 950px;
}

.requirements li {
  border-bottom: 1px #ccc dotted;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.requirements li dl dt {
  float: left;
  font-weight: bold;
  margin-right: 25px;
  width: 170px;
}

.requirements li dl dd {
  float: left;
  width: 755px;
}

.tieup .recipeBlock {
  width: 730px;
}

.tieup .recipeImage,
.tieup .recipeInfo {
  float: left;
  margin-right: 10px;
}

.tieup .recipeImage {
  width: 270px;
}

.tieup .recipeImage img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
}

.tieup .recipeInfo {
  position: relative;
  margin-right: 0;
  width: 450px;
}

.tieup .userIconBox {
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: 0;
  top: 0;
}

/**********************************************************
　タイアップ投稿レシピ　3.4カラム表示レイアウト
**********************************************************/
.tieup4List,
.tieup3List {
  margin: 0 auto;
  padding-left: 10px;
  width: 960px;
}

.tieup3List {
  width: 710px;
}

.tieup4List .block,
.tieup3List .block {
  border: 1px #ccc solid;
  float: left;
  margin-bottom: 25px;
  margin-right: 23px;
  padding: 9px;
  width: 200px;
}

.tieup4List .last,
.tieup3List .last {
  margin-right: 0;
}

.tieup4List .block .image,
.tieup3List .block .image {
  margin-bottom: 5px;
}

.tieup4List .block .image img,
.tieup3List .block .image img {
  background: #fff;
  border: 1px #ccc solid;
  padding: 4px;
}

.tieup4List .block .info a:hover,
.tieup3List .block .info a:hover {
  text-decoration: underline;
}

.tieup4List .block .info .recipeTitle a,
.tieup3List .block .info .recipeTitle a {
  text-decoration: none;
}

.tieup4List .block .info .recipeTitle a:hover,
.tieup3List .block .info .recipeTitle a:hover {
  text-decoration: underline;
}

.tieup4List .userIcon,
.tieup3List .userIcon {
  height: 18px;
  margin-right: 2px;
  vertical-align: middle;
}

.tieup4List .recipeTitle,
.tieup3Lis t.recipeTitle {
  line-height: 1.5;
}

/* タイアップ　入力欄*/
.tieUpText {
  height: 210px;
  width: 706px;
}

.textfieldWrap textarea.summaryText {
  height: 70px;
  width: 600px;
}

.textfieldWrap textarea.summaryComment {
  height: 48px;
  width: 580px;
}

/*------------------------------------------------------------------------------ 14=Active CR*/
.activeCR .form810 th {
  width: 140px;
}

.memberForm .form810 .subTxt th,
.memberForm .form810 .subTxt td {
  padding: 0 40px 5px 5px;
}

.memberForm .form810 .normal th {
  font-weight: normal;
}

.memberForm .form810 .verticalAlignTop {
  padding-top: 23px;
  vertical-align: top;
}

.memberForm .form810 .alignRight .text12 {
  color: #F15600;
  font-size: 12px;
  font-weight: normal;
}

/*アンケート画面*/
.activeCR .btnArea {
  background: url(../images/enquete_top_bg.png) no-repeat;
  height: 80px;
  position: relative;
  width: 650px;
}

.mainContent.activeCR .btnArea {
    margin: 0 auto;
}

.activeCR .btnArea .btn {
  position: absolute;
  top: 10px;
  right: 25px;
}

.grayBorderList .block {
  border-bottom: 1px #ccc dotted;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.mainContent .grayBorderList .block {
    width: 810px;
  margin-left: auto;
  margin-right: auto;
}

.grayBorderList .last {
  border-bottom: none;
}

.grayBorderList .image {
  float: left;
  margin-right: 10px;
  width: 112px;
}

.grayBorderList .block .image img {
  border: 1px #ccc solid;
}

.grayBorderList .block .info {
  float: left;
  width: 525px;
}

.grayBorderList .block li {
  float: left;
  margin-right: 10px;
}

.attention {
  text-align: center;
  color: #F15200;
}

.cal,
.solt {
  background: url(../images/icon_calorie.png) no-repeat 0 50%;
  height: 18px;
  padding-left: 30px;
}

.solt {
  background: url(../images/icon_salty.png) no-repeat;
}

/*------------------------------------------------------------------------------ 15=Recipe Printout*/
.recipePrint .colL .recipeDetailFoodsListTitle {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin: 0 0 7px;
  padding: 0 5px;
  border: 0;
  border-bottom: 1px dotted #591d13;
  word-break: break-all;
}

.recipePrint .colL .recipeDetailFoodsListTitle span {
  font-size: 10px;
}

.recipePrint .colL .recipeDetailFoodsList li {
  padding: 2px 5px 4px;
  line-height: 1.6;
}

.recipePrint .colL ul.subFoodsList {
  display: block;
  margin: 0;
  padding: 4px 0 0 2.5em;
  border: 0;
}

.recipePrint .colL ul.subFoodsList li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.recipePrint .colR .boxContents .title {
  display: block;
  margin: 0 0 6px;
  padding: 0;
  border: 0;
}

.recipePrint .colR .boxContents ol.decimal li {
  margin: 0 0 0 8px;
  padding: 0 0 2em;
  font-size: 14px;
  font-weight: bold;
}

.recipePrint .colR .boxContents ol.decimal li div {
  padding-top: 0;
  font-size: 12px;
  font-weight: normal;
}