@charset "UTF-8";

/*========================================================================

siteName	: フードソムリエ
fileName	: /special/otoriyose/style.css

========================================================================*/

/*********************************リスト*************************************

■1■　トップページ

■2■　レシピ詳細

■3■　バックナンバー

■4■　シーン別画像（テーマ・料理家写真）

****************************************************************************/

/* ■1■　トップページ
----------------------------------------------------------------------------*/

div.recipeIntroContainer {
	clear: both;
	width: 714px;
	margin-bottom: 25px;
}

h4#recipeFile01 {
	background: url(/special/otoriyose/img/bg_tit_file01.gif) no-repeat;
	height: 27px;
	width: 624px;
	_width: 714px;
	margin-bottom: 15px;
	font-size: 131%;
	font-weight: bold;
	padding-left: 90px;
	padding-top: 12px;
	color: #E64021;
}
	
h4#recipeFile02 {
	background: url(/special/otoriyose/img/bg_tit_file02.gif) no-repeat;
	height: 27px;
	width: 624px;
	_width: 714px;
	margin-bottom: 15px;
	font-size: 131%;
	font-weight: bold;
	padding-left: 90px;
	padding-top: 12px;
	color: #E64021;
}

.recipePht {
	background: url(/special/otoriyose/img/bg_recipePht.gif) no-repeat;
	height: 220px;
	width: 320px;
	float: left;
	_display: inline;
	margin-left: 15px;
}

.recipePht img{
	margin:10px;
}

div.recipeintroSection {
	width: 345px;
	_width: 360px;
	padding-right: 15px;
	float: right;
}

.otoriyoseReasonS {
	font-size: 108%;
	font-weight: bold;
	color: #a21702;
	padding-bottom: 15px;
	padding-top: 15px;
}

div.recipeIntroBox {
	float: left;
	width: 225px;
}

div.recipeintroSection .ryorikaPht {
	float: right;
	width: 100px;
}

/* ■2■　レシピ詳細ページ
----------------------------------------------------------------------------*/

div#otoriyoseTheme {
	width:714px;
	position:relative;
}

div#otoriyoseTheme #otoriyoseThemeLead {
	width:552px;
	position:absolute;
	top:42px;
	right:0;
	line-height: 1.8em;
}


div.recipeDetailContainer {
	clear: both;
	width: 714px;
	margin-bottom: 25px;
}

div#recipeSection01 {
	float: left;
	width: 350px;
	padding-top: 10px;
}

div#recipeSection02 {
	float: right;
	width: 344px;
	padding-right: 10px;
	padding-top: 10px;
}

.otoriyoseReasonL {
	font-size: 122%;
	font-weight: bold;
	color: #a21702;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 1.5em;
}

#recipeLead {
	padding: 10px 20px 15px;
	width: 310px;
	clear: both;
	line-height: 1.8em;
	font-weight: bold;
}

dl#cookingTime {
	margin-left: 20px;
	width: 320px;
	padding-bottom:10px;
}

dl#cookingTime dt {
	float: left;
}

dl#cookingTime dd {
	padding-left: 90px;
}

dl#volume {
	clear:both;
	margin-left: 20px;
	width: 320px;
	padding-bottom:10px;
}

dl#volume dt {
	float: left;
}

dl#volume dd {
	padding-left: 90px;
}

dl#ingredient {
	clear:both;
	margin-left: 20px;
	width: 320px;
}

dl#ingredient dt {
	margin-bottom:10px;
}

dl#ingredient table {
	width: 290px;
	margin-left:15px;
}

dl#ingredient table th {
	width:200px;
	_width:210px;
	padding:3px 0px 3px 10px;
	font-weight: bold;
	text-align: left;
	background: url(/images/common/line_dott_w.gif) repeat-x bottom;
}

dl#ingredient table td {
	text-align:right;
	padding:3px 10px 3px 0px;
	background: url(/images/common/line_dott_w.gif) repeat-x bottom;
}

ol#construction {
	width: 334px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ol#construction li {
	width: 307px;
	_width: 334px;
	padding-left: 27px;
	padding-top: 3px;
}

ol#construction li#construction01 {	background: url(/special/otoriyose/img/icon_construction01.gif) no-repeat 6px 3px;}
ol#construction li#construction02 {	background: url(/special/otoriyose/img/icon_construction02.gif) no-repeat 6px 3px;}
ol#construction li#construction03 {	background: url(/special/otoriyose/img/icon_construction03.gif) no-repeat 6px 3px;}
ol#construction li#construction04 {	background: url(/special/otoriyose/img/icon_construction04.gif) no-repeat 6px 3px;}
ol#construction li#construction05 {	background: url(/special/otoriyose/img/icon_construction05.gif) no-repeat 6px 3px;}
ol#construction li#construction06 {	background: url(/special/otoriyose/img/icon_construction06.gif) no-repeat 6px 3px;}
ol#construction li#construction07 {	background: url(/special/otoriyose/img/icon_construction07.gif) no-repeat 6px 3px;}
ol#construction li#construction08 {	background: url(/special/otoriyose/img/icon_construction08.gif) no-repeat 6px 3px;}
ol#construction li#construction09 {	background: url(/special/otoriyose/img/icon_construction09.gif) no-repeat 6px 3px;}
ol#construction li#construction10 {	background: url(/special/otoriyose/img/icon_construction10.gif) no-repeat 6px 3px;}

dl#point {
	background: url(/images/common/bg_check_green.gif) repeat;
	padding: 2px 2px 10px;
	width: 340px;
	_width: 344px;
}

dl#point dt {
	padding-bottom: 10px;
}

dl#point dd {
	width: 310px;
	_width: 325px;
	padding-left: 15px;
	line-height: 1.8em;
	text-align:justify;
	text-align:inter-ideograph;
}

div#otoriyoseContainer {
	clear:both;
	width: 685px;
	margin-left: 19px;
	background: #FFFEE8;
	border: 5px solid #f3cc9b;
	margin-bottom: 25px;
}

div#otoriyoseOutline {
	width: 482px;
	float: right;
	margin-top: 15px;
}

div#otoriyoseOutline h3 {
	margin-bottom: 15px;
}

#otoriyoseItem {
	font-weight: bold;
	font-size: 108%;
	padding-right: 10px;
	padding-bottom: 10px;
}

#otoriyoseShop {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

div#otoriyoseOutline dl#reason {
	width: 472px;
}

div#otoriyoseOutline dl#reason dt{
	margin-bottom: 5px;
}

div#otoriyoseOutline dl#reason dd{
	background: #FFF;
	padding: 10px 15px;
	width: 442px;
	_width: 472px;
	text-align:justify;
	text-align:inter-ideograph;
	line-height: 1.8em;
}

div#otoriyosePht {
	background: url(/special/otoriyose/img/bg_otoriyosePht.gif) no-repeat;
	float: left;
	height: 183px;
	width: 183px;
	margin-top: 10px;
	margin-left: 10px;
	display: inline;
}

div#otoriyosePht p {
	margin-top:11px;
	margin-left:11px;
}

div#otoriyoseLink {
	clear: both;
	width: 652px;
	_width: 682px;
	padding: 10px 10px 10px 20px;
}

div#otoriyoseLink #otoriyoseTop {
	float: left;
	width: 163px;
}

div#otoriyoseLink #otoriyoseDetail {
	float: right;
	width: 210px;
}

div#profile {
	background: url(/special/otoriyose/recipes/img/bg_profile_header.gif) no-repeat center top;
	width: 665px;
	_width: 695px;
	padding:15px 15px 0px;
	margin-left: 19px;
}

dl#ryourikaProfile {
	width:530px;
	float: right;
}

dl#ryourikaProfile dt {
	margin-bottom: 5px;
}

dl#ryourikaProfile dd {
	line-height: 1.8em;
}

#cornerTopLink {
	width: 714px;
	background: url(/special/otoriyose/recipes/img/bg_profile_footer.gif) no-repeat right top;
	padding-top: 19px;
	clear: both;
	height: 28px;
	margin-bottom: 25px;
	text-align: right;
}


/* ■3■　バックナンバー
----------------------------------------------------------------------------*/

#backNumber {
	clear: both;
	width: 714px;
}

#backNumber ul {width: 714px;}

#backNumber ul li {
	width: 714px;
	background: url(/special/otoriyose/img/bg_backNumber.gif) no-repeat right 41px;
	margin-bottom: 15px;
}

#backNumber ul li dl {
}

#backNumber ul li dl dt {}

#backNumber ul li dl dd.bnRecipeFile {
	float: left;
	width: 290px;
	_width: 310px;
	padding: 10px;
	margin-left: 44px;
	display:inline;
}

#backNumber ul li dl dd.bnRecipeFile01 {
	float: left;
	width: 310px;
	_width: 330px;
	padding: 10px;
	margin-left: 44px;
	display:inline;
}

#backNumber ul li dl dd.bnRecipeFile02 {
	float: right;
	width: 310px;
	_width: 330px;
	padding: 10px;
}

.bnThumb {
	float: left;
}

.bnInfo {
	float: right;
	width: 220px;
	/*width: 220px;*/
}

/* ■4■　シーン別画像（テーマ・料理家写真）
----------------------------------------------------------------------------*/

/* 4-1.テーマ画像
----------------------------------------------------------------------------*/

#theme201105,
#theme201106,
#theme201107,
#theme201108,
#theme201109,
#theme201110,
#theme201111,
#theme201112,
#theme201201,
#theme201202,
#theme201203,
#theme201204 {
	width:714px;
	height:100px;
	text-indent:-9999px;
}

#theme201105 {	background: url(/special/otoriyose/img/tit_theme_201105.gif) no-repeat left top;}
#theme201106 {	background: url(/special/otoriyose/img/tit_theme_201106.gif) no-repeat left top;}
#theme201107 {	background: url(/special/otoriyose/img/tit_theme_201107.gif) no-repeat left top;}
#theme201108 {	background: url(/special/otoriyose/img/tit_theme_201108.gif) no-repeat left top;}
#theme201109 {	background: url(/special/otoriyose/img/tit_theme_201109.gif) no-repeat left top;}
#theme201110 {	background: url(/special/otoriyose/img/tit_theme_201110.gif) no-repeat left top;}
#theme201111 {	background: url(/special/otoriyose/img/tit_theme_201111.gif) no-repeat left top;}
#theme201112 {	background: url(/special/otoriyose/img/tit_theme_201112.gif) no-repeat left top;}
#theme201201 {	background: url(/special/otoriyose/img/tit_theme_201201.gif) no-repeat left top;}
#theme201202 {	background: url(/special/otoriyose/img/tit_theme_201202.gif) no-repeat left top;}
#theme201203 {	background: url(/special/otoriyose/img/tit_theme_201203.gif) no-repeat left top;}
#theme201204 {	background: url(/special/otoriyose/img/tit_theme_201204.gif) no-repeat left top;}



/* 4-2.料理家写真
----------------------------------------------------------------------------*/
#ryorikaPht201105_file1,
#ryorikaPht201105_file2,
#ryorikaPht201106_file1,
#ryorikaPht201106_file2,
#ryorikaPht201107_file1,
#ryorikaPht201107_file2,
#ryorikaPht201108_file1,
#ryorikaPht201108_file2,
#ryorikaPht201109_file1,
#ryorikaPht201109_file2,
#ryorikaPht201110_file1,
#ryorikaPht201110_file2,
#ryorikaPht201111_file1,
#ryorikaPht201111_file2,
#ryorikaPht201112_file1,
#ryorikaPht201112_file2,
#ryorikaPht201201_file1,
#ryorikaPht201201_file2,
#ryorikaPht201202_file1,
#ryorikaPht201202_file2,
#ryorikaPht201203_file1,
#ryorikaPht201203_file2,
#ryorikaPht201204_file1,
#ryorikaPht201204_file2 {
	float:left;
	text-indent: -9999px;
	height: 120px;
	width: 100px;
}

#ryorikaPht201105_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201105_file1.jpg) no-repeat;}
#ryorikaPht201105_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201105_file2.jpg) no-repeat;}
#ryorikaPht201106_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201106_file1.jpg) no-repeat;}
#ryorikaPht201106_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201106_file2.jpg) no-repeat;}
#ryorikaPht201107_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201107_file1.jpg) no-repeat;}
#ryorikaPht201107_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201107_file2.jpg) no-repeat;}
#ryorikaPht201108_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201108_file1.jpg) no-repeat;}
#ryorikaPht201108_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201108_file2.jpg) no-repeat;}
#ryorikaPht201109_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201109_file1.jpg) no-repeat;}
#ryorikaPht201109_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201109_file2.jpg) no-repeat;}
#ryorikaPht201110_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201110_file1.jpg) no-repeat;}
#ryorikaPht201110_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201110_file2.jpg) no-repeat;}
#ryorikaPht201111_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201105_file1.jpg) no-repeat;}
#ryorikaPht201111_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201105_file2.jpg) no-repeat;}
#ryorikaPht201112_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201106_file1.jpg) no-repeat;}
#ryorikaPht201112_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201106_file2.jpg) no-repeat;}
#ryorikaPht201201_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201107_file1.jpg) no-repeat;}
#ryorikaPht201201_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201107_file2.jpg) no-repeat;}
#ryorikaPht201202_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201108_file1.jpg) no-repeat;}
#ryorikaPht201202_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201108_file2.jpg) no-repeat;}
#ryorikaPht201203_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201109_file1.jpg) no-repeat;}
#ryorikaPht201203_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201109_file2.jpg) no-repeat;}
#ryorikaPht201204_file1 {background: url(/special/otoriyose/recipes/img/ryorikaPht201110_file1.jpg) no-repeat;}
#ryorikaPht201204_file2 {background: url(/special/otoriyose/recipes/img/ryorikaPht201110_file2.jpg) no-repeat;}

/* 4-3.バックナンバータイトル
----------------------------------------------------------------------------*/

#backnumber201105,
#backnumber201106,
#backnumber201107,
#backnumber201108,
#backnumber201109,
#backnumber201110,
#backnumber201111,
#backnumber201112,
#backnumber201201,
#backnumber201202,
#backnumber201203,
#backnumber201204 {
	height: 41px;
	width: 714px;
	text-indent: -9999px;
}

#backnumber201105 {background: url(/special/otoriyose/img/tit_bn_theme201105.gif) no-repeat left top;}
#backnumber201106 {background: url(/special/otoriyose/img/tit_bn_theme201106.gif) no-repeat left top;}
#backnumber201107 {background: url(/special/otoriyose/img/tit_bn_theme201107.gif) no-repeat left top;}
#backnumber201108 {background: url(/special/otoriyose/img/tit_bn_theme201108.gif) no-repeat left top;}
#backnumber201109 {background: url(/special/otoriyose/img/tit_bn_theme201109.gif) no-repeat left top;}
#backnumber201110 {background: url(/special/otoriyose/img/tit_bn_theme201110.gif) no-repeat left top;}
#backnumber201111 {background: url(/special/otoriyose/img/tit_bn_theme201111.gif) no-repeat left top;}
#backnumber201112 {background: url(/special/otoriyose/img/tit_bn_theme201112.gif) no-repeat left top;}
#backnumber201201 {background: url(/special/otoriyose/img/tit_bn_theme201201.gif) no-repeat left top;}
#backnumber201202 {background: url(/special/otoriyose/img/tit_bn_theme201202.gif) no-repeat left top;}
#backnumber201203 {background: url(/special/otoriyose/img/tit_bn_theme201203.gif) no-repeat left top;}
#backnumber201204 {background: url(/special/otoriyose/img/tit_bn_theme201204.gif) no-repeat left top;}