@charset "utf-8";

/*============================================
 style.css
============================================*/


/*------------------------------------------------
大枠のレイアウト
----------------------------------------------- */
#container {
margin:10px auto;
width:970px;
}
#header{
}
#contents{
background:url(//image.recipe.rakuten.co.jp/pc/bg_contents.gif) top left repeat;
font-size:82%;
}
#contentsInner{
width:950px;
margin:0 auto;
}
#searchArea{
height:68px;
background:#fffdc5;
border-bottom:1px solid #FFFFFF;
}
#mainContents{
float:left;
width:650px;
background:url(//image.recipe.rakuten.co.jp/pc/bg_mainContents.gif) top left repeat-y;
}
.contentsBox{
clear:both;
}
#subContents{
float:right;
width:300px;
margin-bottom:20px;
}
.subContentsInner{
background:url(//image.recipe.rakuten.co.jp/pc/bg_subContents.gif) top left no-repeat #ffffff;
}
.subContentsInnerBtm{
height:1px;
width:300px;
background:url(//image.recipe.rakuten.co.jp/pc/bg_subContents.gif) top left no-repeat;
}
.pageTop{
clear:both;
text-align:right;
padding-right:35px;
margin-bottom:10px;
}
#contentsFootLink{
clear:both;
width:950px;
padding-top:8px;
margin:0 auto;
font-size:82%;
text-align:center;
}
#footer{
}




/* ------------------------------------------------------------
Global Navigation
------------------------------------------------------------ */
/* margin padding リセット */
#grpheader div,
#grpheader dl,
#grpheader dt,
#grpheader dd,
#grpheader ul,
#grpheader ol,
#grpheader li,
#grpheader h1,
#grpheader form,
#grpheader p {
	margin: 0;
	padding: 0;
}

/* ヘッダ全体枠 */
div#grpheader {
	text-align: left; /* for Quirks Mode */
}

/* タグライン */
p#tagLine {
	line-height: 1.1;
	color: #999999;
	font-size: 82%;
	text-align: right;
}

/* サイトID */
p#siteID {
	float: left;
	width: 480px; /* ←サイトID幅＋サービスタイトル幅＋マージンの合計値を入れる */
	height: 60px;
}

p#siteID img.serviceLogo {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

p#siteID img.serviceTitle {
	margin-left: 10px;
	margin-bottom: 15px;
}

/* グループ回遊＆ユーティリティ */
dl#remoteNav dd.grpRelation ul {
	float: right;
	padding-top: 6px;
}

dl#remoteNav dd.siteUtility {
	clear: right;
}

dl#remoteNav dd.siteUtility ul {
	float: right;
	margin-bottom: 3px;
	padding-top: 6px;
}

dl#remoteNav dd.grpRelation ul li,
dl#remoteNav dd.siteUtility ul li {
	float: left;
	line-height: 1.1;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #000000;
	list-style-type: none;
	font-size: 82%;
}

dl#remoteNav dd.grpRelation ul li.grpHome,
dl#remoteNav dd.siteUtility ul li.last {
	padding-right: 0;
	border: none;
}

dl#remoteNav dd.grpRelation ul li.grpHome {
	font-weight: bold;
}

dl#remoteNav dd.grpRelation ul li a,
dl#remoteNav dd.siteUtility ul li a {
	white-space: nowrap;
}

dl#remoteNav2 dd.grpRelation ul {
	float: right;
	padding-top: 6px;
}

dl#remoteNav2 dd.siteUtility {
	clear: right;
}

dl#remoteNav2 dd.siteUtility ul {
	float: right;
	margin-bottom: 3px;
	padding-top: 6px;
}

dl#remoteNav2 dd.grpRelation ul li,
dl#remoteNav2 dd.siteUtility ul li {
	float: left;
	line-height: 1.1;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #000000;
	list-style-type: none;
	font-size: 82%;
}

dl#remoteNav2 dd.grpRelation ul li.grpHome,
dl#remoteNav2 dd.siteUtility ul li.last {
	padding-right: 0;
	border: none;
}

dl#remoteNav2 dd.grpRelation ul li.grpHome {
	font-weight: bold;
}

dl#remoteNav2 dd.grpRelation ul li a,
dl#remoteNav2 dd.siteUtility ul li a {
	white-space: nowrap;
}

/* セクションメニュー */
dl#sectionNav {
	clear: both;
	width: 970px;
	height: 29px;
	background: url("//image.recipe.rakuten.co.jp/pc/tab_line.gif") repeat-x bottom;
	overflow:hidden;
}

dl#sectionNav dd.menuList {
	float: left;
	line-height: 0;
	font-size: 0;
	text-align:left;
	position:relative;
}

dl#sectionNav dd.menuList ul li {
	display: inline;
	margin-right: 2px;
	list-style-type: none;
}

dl#sectionNav dd.menuList ul li img{
	margin-top: 3px;
	margin-bottom: 4px;
}

dl#sectionNav dd.menuList ul li.current img{
	margin-top: 0;
	margin-bottom: 0;
}

/* セクション拡張エリア */
dl#sectionNav dd.expansionArea {
	position: relative;
	height: 29px;
	line-height: 1;
	margin-left: 315px; /* ←タブ幅＋タブ間マージンの合計値を入れる */
	font-size: 82%;
}

dl#sectionNav dd.expansionArea p {
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin-right: -10px;
}



/* パンくずリスト */
dl.topicPath {
	clear:both;
	width:950px;
	margin:0 auto;
	font-size:85%;
	padding-top:3px;
	padding-bottom:3px;
}
dl.topicPath dd {
	clear: both;
	line-height: 1.6;
	padding: 0.25em 0.75em 0.25em 0em;
}

/* ヘッダ内定義リストのdtを非視覚化 */
dl#remoteNav dt,
dl#remoteNav2 dt,
dl#sectionNav dt,
dl#subSectionNav dt,
dl.topicPath dt {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}

/* ヘッダ内画像のborderを消す */
p#siteID img,
dl#sectionNav img,
dl#subSectionNav img {
	border: none;
}

/* アクセシビリティ対応 */
div#grpheader p.noCSS {
	display: none;
}

div#grpheader ul.navSkip {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}



/* ------------------------------------------------------------
contents
------------------------------------------------------------ */
.arw{
background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_arw.gif) center left no-repeat;
padding:2px 0 2px 20px;
}
.arwBack{
background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_arw2.gif) center left no-repeat;
padding:2px 19px 2px 20px;
font-weight:bold;
}
.arwBack_noPage{
padding:2px 19px 2px 20px;
}
.arwNext{
background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_arw4.gif) center right no-repeat;
padding:2px 20px 2px 19px;
font-weight:bold;
}
.arwNext_noPage{
padding:2px 20px 2px 19px;
}
.arwDelete{
background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_delete.gif) center left no-repeat;
padding:2px 0 2px 17px;
}
.arwClose{
background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_arw3.gif) center left no-repeat;
padding:2px 0 2px 20px;
}
.arwPageTop{
background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_arw3.gif) center right no-repeat;
padding:2px 20px 2px 0px;
}

/* ------------------------------------------------------------
searchArea
------------------------------------------------------------ */
#searchAreaInner{
	position:relative;
	width:950px;
	margin:0 auto;
}
#searchArea input{
	position:absolute;
	top:10px;
	left:0;
	width:294px;
	height:20px;
	padding:2px 5px;
border:1px solid #999999;
background:#ffffff;
font-size:117%;
}
#searchArea .searchBtn{
	position:absolute;
	top:9px;
	left:323px;
}
#searchArea ul{
}
#searchArea li{
	display:inline;
}
#searchArea .keyWord{
	position:absolute;
	top:4px;
	left:414px;
}
#searchArea .keyWord li{
	margin-right:10px;
}
#searchArea .keyWord li.easy{
	display:block;
	font-weight:bold;
}

/* ------------------------------------------------------------
contentsFootLink
------------------------------------------------------------ */
#contentsFootLink ul{
}
#contentsFootLink li{
display:inline;
padding-right:5px;
margin-right:2px;
border-right:1px solid #685333;
}
#contentsFootLink li.last{
border-right:none;
}
#contentsFootLink a:link{ color:#685333; text-decoration:underline; }
#contentsFootLink a:visited{ color:#685333; text-decoration:underline; }
#contentsFootLink a:hover{ color:#685333; text-decoration:underline; }
#contentsFootLink a:active{ color:#685333; text-decoration:underline; }

/* ------------------------------------------------------------
rightNavi
------------------------------------------------------------ */
#subContents .rightNaviBanner{
  margin:0 0 15px 0;
}