/* @override http://61.206.114.199:8002/f_spot/f_files/2013/131006_doleland/css/base_doleland.css */

@charset "UTF-8";
/* CSS Document */

body{
	color: #262626;
	background-color: #fbf8f0;
}

body#print{
	background-color: #fef2e4;
	font-family: "Hiragino Maru Gothic ProN W4","ヒラギノ丸ゴ Pro W4",sans-serif;
	font-weight: ;
}



h2{
	position: absolute;
	left: 50%;
	margin-left: 286px;
	margin-top: -8px;
	z-index: 3000;
	font-size: 0;
	line-height: 0;
}
h3{
	padding: 6px 0 0 10px;
}



div#container{
	position: relative;
	min-width: 1024px;
	width: 100%;
	height: auto;
	z-index: 0;
	overflow: hidden;
}

div#box_main_img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

div#box_main_img h1,
div#box_main_img p{
	position: absolute;
	z-index: 50;
	top: -100px;
	left: 0;
}

div#box_main_img p#typo_copyright{
	width: 100%;
	text-align: center;
	position: absolute;
	height: 20px;
	top: auto;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	bottom: 8px;
	color: #a38860;
}

div#box_main_img img{
	width: 100%;
	height: auto;
}

div#box_main_img p#btn_open_info{
	width: 30%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -13%;
}

div#box_main_img p#btn_open_info a{
	display: block;
}

div#box_main_img p#btn_open_recipe{
	position: absolute;
		width: auto;
	top: auto;
	left: 50%;
	margin-left: 16%;
	z-index: 500;
	background-image: url(../page_parts/bg_white_003p.png);
	background-repeat: repeat;
	background-position: 0 0;
}

div#box_main_img p#btn_open_recipe a{
	display: block;
	height: 100%;
}

div#box_main_img p#btn_open_recipe a img{
	display: none;
}

div#box_main_img p#btn_open_recipe a:hover img{
	display: block;
}



div#box_layer_recipe{
	/* display: none; */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: auto;
	background-image: url(../page_parts/bg_recipe_whole.png);
	background-repeat: repeat;
	overflow: hidden;
}

div#box_recipe_list{
	width: auto;
}

div#box_recipe_base{
	width: 950px;
	position: relative;
	margin: 0 auto;
padding: 27px;
padding-bottom: 38px;
background-image: url(../page_parts/bg_recipe_box.png);
background-position: 24px 14px;
/*background-color: #888;*/
}

div#box_recipe_base div.box_inner{
	width: 888px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	background-color: #fef2e4;
	border: 8px solid #fff;
}

div#box_shade_cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 888px;
	height: 560px;
	z-index: 200;
	background-image: url(../page_parts/bg_recipe_whole.png);
	background-repeat: repeat;
	background-position: 0 0;
}

div#box_recipe_list{
	
}

p.photo_image_seigen{
	position: absolute;
	right: 75px;
	top: 55px;
	z-index: 0;
}

div#box_recipe_list ul{
	position: relative;
	height: auto;
	z-index: 100;
	padding: 10px 0 0 16px;
}

div#box_recipe_list ul:after{
		content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

div#box_recipe_list li{
	float: left;
	display: inline;
	width: 123px;
	height: 152px;
	cursor: pointer;
}

div#box_recipe_list li.hover img{
	filter: alpha(opacity=70); /* % IE */
 -moz-opacity:0.5; /* decimal */
opacity:0.5; /* decimal safari */
}

div#box_recipe_list li#thumb_break{
	clear: both;
	width: 0px;
	height: 0px;
}

div#box_recipe_list li a{
	color: #713720;
}

div#box_recipe_list li a:hover{
	color: #e60400;
}



div#box_recipe_list li{
	text-align: center;
}

div#box_recipe_list li.get_pdf a:hover img{
	filter: alpha(opacity=70); /* % IE */
 -moz-opacity:0.5; /* decimal */
opacity:0.5; /* decimal safari */
}

div#box_recipe_list li h5{
	font-size: 12px;
	line-height: 1.4;
}

p.thumb_photo{
	width: 99px;
	height: auto;
	padding-top: 4px;
	background-color: #fff;
	text-align: center;
	margin: 0 auto 6px auto;
	
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

p#get_adobe_reader{
	width: 864px;
	font-size: 10px;
	line-height: 1;
	color: #888;
	text-align: right;
	background-color: #fff;
	margin: 0 ;
	padding: 10px 24px 2px 0;
}

p#get_adobe_reader img{
	vertical-align: -0.9em;
	margin-left: 6px;
}

/*--*/

p#closeLayer{
	cursor: pointer;
	position: absolute;
	top: 48px;
	right: 7px;
}

/*--*/

div#box_layer_recipe_detail{
	width: 1004px;
	height: 100%;
	position: absolute;
	z-index: 1000;
	left: 50%;
	top: 0px;
	margin-left: -502px;
	overflow:hidden;
	/*background-color: #f00;*/
}

ul#list_wrapper_recipe{
	width: 1004px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}



ul#list_wrapper_recipe li div.base_recipe{
	position: relative;
	width: 984px;
	height: 638px;
	/*background-color: #e5e5e5;*/
	margin: 0 auto 0 auto;
	background-image: url(../page_parts/base_recipe_detail-a.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

body#print ul#list_wrapper_recipe li div.base_recipe{
	background-image: url(../page_parts/base_recipe_detail-c.png);
}

ul#list_wrapper_recipe li h3{
	font-size: 24px;
	line-height: 1.1;
	color: #ed841a;
	font-weight: bold;
}

body#print ul#list_wrapper_recipe li h3{
	font-family: "Hiragino Maru Gothic Std W8","ヒラギノ丸ゴ Std W8",sans-serif;
	font-weight: normal;
}

ul#list_wrapper_recipe li h3 span{
	color: #61a046;
	display: inline-block;
	padding-right: 20px;
	background-image: url(../page_parts/icon_recipe_circle.png);
	background-position: 100% 2px;
	background-repeat: no-repeat;
}

body#print ul#list_wrapper_recipe li h3 span{
	background-position: 100% 4px;
}


/*--*/

div#box_recipe_slider{
	position: absolute;
	top: 33px;
	left: 45%;
	width: 510px;
	height: 0;
	z-index: 3000;
}

div#box_recipe_slider li{
	cursor: pointer;
	position: absolute;
	
}

li#btn_prev,li#btn_next{
	width: 91px;
	height: 48px;
}

li#btn_prev{
	
}

li#btn_next{
	top: 530px;
}

li#btn_back_recipe_list{
	width: 194px;
	height: 48px;
	top: 530px;
	right: 30px;
}

div.base_recipe div.box_inner{
	width: 838px;
	margin: 0 auto;
	padding: 60px 0 0 4px;
}


div.recipe_header h3{
	padding-bottom: 50px;
	padding-left: 34px;
}

div.recipe_header p.text_read{
	color: #656565;
	font-size: 14px;
	line-height: 1.6;
	margin-right: 150px;
	padding-left: 6px;
}

div.recipe_header{
	padding: 0 0 18px 0;
}

p.photo_r_l{
	width: 390px;
	height: 290px;
	border: 5px solid #fff;
}

div.box_wrapper_recipe{
	height: auto;
	zoom:1;
}

div.box_wrapper_recipe:after{
		content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

div.box_wrapper_recipe p{
	color: #656565;
	font-size: 13px;
	line-height: 1.5;
}

div.box_photo{
	position: relative;
	float: left;
	width: 412px;
	height: 331px;
	margin-left: -8px;
	padding: 8px 0 0 12px;
	background-image: url(../page_parts/bg_recipe_photo_shadow.png);
	background-repeat: no-repeat;
}

div.box_text_recipe{
	width: 412px;
	float: right;
}

div.box_text_recipe h5{
	padding-top: 10px;
	color: #5c8e45;
	font-size: 16px;
}

div.box_text_recipe p{
	padding-bottom: 12px;
}



div.box_photo p.kcal{
	position: absolute;
	top: 0;
	left: 17px;
	color: #fff;
	background-color: #f65904;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	padding: 6px 6px 5px 6px;
}

ul.making{
	width: auto;
	height: auto;
	padding-top: 0.3em;
}

ul#list_wrapper_recipe ul.making li{
	color: #656565;
	margin-bottom: 0.55em;
	line-height: 1.4;
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 13px;
}


/*--*/

div#slideNum{
	width: 100px;
	height: auto;
	padding: 13px 0 12px 0;
	position: absolute;
	z-index: 6000;
	background-color: #555;
	color: #fff;
	text-align: center;
	font-size: 20px;
	display: none;
}

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/