﻿@charset "utf-8";



/* master css */



/* +++++ キャンペーンページ用 +++++ */



/* レイアウト */

body {

	background:#fff;

}

div#bg-shadow {

	width:1050px;

	margin:0 auto;

	background:url(../img/bg_body.gif) repeat-y center #fff;

}

div#Container {

	width:950px;

	margin:0 auto;

	background:#fff;

}

div#present01,

div#present02 {

	margin-bottom:20px;

	position:relative;

}

div#button01,

div#button02 {

	text-align:center;

	margin-bottom:20px;

}

div#valentine-special {

	width:920px;

	margin:0 15px 20px;

	border:solid 1px #ff7d40;

}

div#outline {

	background:url(../img/bg_outline.jpg) no-repeat bottom;

}



/* header-title */

div#header-title .logo {

	position:relative;

}

div#header-title .logo h1 {

	position:absolute;

	top:5px;

	left:5px;

	color:#f5ecc1;

	font-size:10px;

	font-weight:normal;

}

div#header-title .logo p {

	text-align:right;

	background:#895a26;

}

div#header-title .h-contents {

	position:relative;

	height:270px;

	background:url(../img/bg_h-contents.jpg) no-repeat;

}

div#header-title .h-contents .h-date {

	position:absolute;

	top:0px;

	left:605px;

}

div#header-title .h-contents .h-subtitle {

	position:absolute;

	top:0px;

	left:0px;

}

div#header-title .h-contents .h-maintitle {

	position:absolute;

	top:60px;

	left:0px;

}

div#header-title .h-contents .h-lead {

	position:absolute;

	top:135px;

	left:0px;

}

div#header-title .h-contents .h-lead p {

	width:585px;

	font-weight:bold;

	margin:0 0 0 15px;

	color:#444;

}

div#header-title .h-contents .h-button {

	position:absolute;

	top:135px;

	left:650px;

}

div#header-title .h-contents .h-attention {

	position:absolute;

	top:190px;

	left:650px;

}

div#header-title .h-contents .h-present01button {

	position:absolute;

	top:205px;

	left:15px;

}

div#header-title .h-contents .h-present02button {

	position:absolute;

	top:205px;

	left:280px;

}



/* present01 */

div#present01 .p01-body {

	position:relative;

	height:815px;

	background:url(../img/bg_p01-body.gif) no-repeat;

}

div#present01 .p01-body .p01-image01 {

	position:absolute;

	top:0;

	left:15px;

}

div#present01 .p01-body .p01-title01 {

	position:absolute;

	top:0;

	left:305px;

}

div#present01 .p01-body .p01-lead01 {

	position:absolute;

	top:105px;

	left:305px;

}

div#present01 .p01-body .p01-recipe01 {

	position:absolute;

	top:0;

	left:655px;

}

div#present01 .p01-body .p01-image02 {

	position:absolute;

	top:270px;

	left:15px;

}

div#present01 .p01-body .p01-title02 {

	position:absolute;

	top:270px;

	left:305px;

}

div#present01 .p01-body .p01-lead02 {

	position:absolute;

	top:380px;

	left:305px;

}

div#present01 .p01-body .p01-recipe02 {

	position:absolute;

	top:270px;

	left:655px;

}

div#present01 .p01-body .p01-image03 {

	position:absolute;

	top:545px;

	left:15px;

}

div#present01 .p01-body .p01-title03 {

	position:absolute;

	top:545px;

	left:305px;

}

div#present01 .p01-body .p01-lead03 {

	position:absolute;

	top:640px;

	left:305px;

}

div#present01 .p01-body .p01-image-s {

	position:absolute;

	top:700px;

	left:305px;

}

div#present01 .p01-body .p01-recipe-link {

	position:absolute;

	top:560px;

	left:655px;

}



/* present02 */

div#present02 .p02-body {

	height:760px;

	padding-left:15px;

	padding-right:15px;

	background:url(../img/bg_p02-body.jpg) no-repeat;

}

div#present02 .p02-body .p02-top {

	float:left;

	width:920px;

	margin:0;

}

div#present02 .p02-body .p02-top p {

	text-align:right;

}

div#present02 .p02-body .p02-top .p02-present01,

div#present02 .p02-body .p02-top .p02-present02 {

	width:460px;

	height:460px;

}

div#present02 .p02-body .p02-top .p02-present01 {

	float:left;

}

div#present02 .p02-body .p02-top .p02-present02 {

	float:right;

}

div#present02 .p02-body .p02-bottom {

	clear:both;

	width:920px;

	height:300px;

	margin:0;

}

div#present02 .p02-body .p02-bottom .p02-present03 {

	background:url(../img/bg_p02-present03.jpg) no-repeat;

	height:165px;

	position:relative;

}

div#present02 .p02-body .p02-bottom .p02-present03 .p02-image03 {

	position:absolute;

	top:15px;

	left:195px;

}

div#present02 .p02-body .p02-bottom .p02-present03 .p02-title03 {

	position:absolute;

	top:15px;

	left:395px;

}

div#present02 .p02-body .p02-bottom .p02-present03 .p02-lead03 {

	position:absolute;

	top:75px;

	left:395px;

}

div#present02 .p02-body .p02-bottom .valentine-banner {

	width:860px;

	height:110px;

	margin:0 30px;

}



/* button */

div#button01 p,

div#button02 p {

	line-height:1.2;

}

div#button02 {

	margin-top:20px;

}

div#button02 p { color:#fff; }

div#button01 a { color:#d00; text-decoration:underline; }

div#button01 a:hover { color:#f60; }

div#button02 a { color:#ff0; text-decoration:underline; }

div#button02 a:hover { color:#f90; }



/* valentine-special */

div#valentine-special .vs-body strong {

	display:block;

	font-size:14px;

	color:#444;

	margin:15px 30px 0 30px;

}

div#valentine-special .vs-body table {

	width:860px;

	margin:0 30px 25px 30px;

}

div#valentine-special .vs-body table.small {

	width:265px;

	margin:0;

}

div#valentine-special .vs-body table td.vs-text {

	width:265px;

}

div#valentine-special .vs-body table td.vs-text h3 {

	font-weight:bold;

	font-size:12px;

	margin-bottom:3px;

	margin-left:15px;

}

div#valentine-special .vs-body table td.vs-text h3 a {

	color:#f40;

	text-decoration:underline;

}

div#valentine-special .vs-body table td.vs-text .vs-lead {

	color:#444;

	line-height:1.0;

	margin-bottom:3px;

	margin-left:15px;

}

div#valentine-special .vs-body table td.vs-text .vs-name {

	font-weight:bold;

	line-height:1.0;

	margin-bottom:3px;

	margin-left:15px;

}

div#valentine-special .vs-body table td.vs-text .vs-name a {

	color:#c00;

	text-decoration:underline;

}

div#valentine-special .vs-body table td.vs-text .vs-shop {

	font-size:10px;

	line-height:1.0;

	margin-left:15px;

}

div#valentine-special .vs-body table td.vs-text .vs-shop a {

	color:#36c;

	text-decoration:underline;

}

div#valentine-special .vs-body table td.vs-text .vs-link {

	text-align:right;

	width:265px;

}



/* outline */

div#outline .o-inline {

	width:920px;

	margin:0 15px;

	background:#ccc;

	position:relative;

}

div#outline .o-inline h2 {

	position:absolute;

	top:13px;

	left:30px;

	font-size:18px;

	color:#fae7a0;

}

div#outline .o-inline .o-body {

	height:1015px;

	background:url(../img/bg_o-body.jpg) no-repeat bottom;

}

div#outline .o-inline .o-body .o-textarea {

	width:880px;

	height:995px;

	margin:0 20px;

	background:url(../img/bg_o-textarea.jpg) no-repeat bottom #fff;

}

div#outline .o-inline .o-body .o-textarea dl {

	margin:0 0 0 30px;

	padding-top:15px;

	line-height:1.5;

	font-size:12px;

}

div#outline .o-inline .o-body .o-textarea dt {

	color:#ac4c37;

	font-weight:bold;

}

div#outline .o-inline .o-body .o-textarea dt.t-ex {

	color:555;

}

div#outline .o-inline .o-body .o-textarea dd {

	color:#555;

}

div#outline .o-inline .o-body .o-textarea dd.d-ex {

	color:#d00;

}

div#outline .o-inline .o-body .o-textarea a {

	color:#d00;

	text-decoration:underline;

}

div#outline .o-inline .o-body .o-textarea a:hover {

	color:#f90;

}



/* bottom-linksr */

div#outline .bottom-links {

	margin-top:0px;

	font-size:12px;

	font-weight:bold;

}

div#outline .bottom-links a { color:#f90; }

div#outline .bottom-links a:hover { color:#fc0; }

div#outline .bottom-links table {

	height:30px;

	margin:0 15px;

}



/* footer */

div#footer {

	height:30px;

	margin:0;

	background:#300000;

	border:none;

}

div#footer p {

	padding-top:10px;

	margin:0 10px;

	text-align:center;

	color:#fff;

}

