@charset "utf-8";
/* -=-=-=-=-=-=-=-=-=-=-=- CSS Document -=-=-=-=-=-=-=-=-=-=- */
* {
	margin: 0px;
	padding: 0px;
}
html {
	-webkit-text-size-adjust: none;
}
body {
	color: #000000;
	font-size: 16px;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Verdana,sans-serif;
	text-align: center;
	line-height: 1.4;
	background-color: #F7F9F4;
	width: 100%;
}
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
	font-size: 8px;
}
a {
	color: #000000;
	text-decoration: underline;
}
li {
	list-style: none;
}
img {
	border-style: none;
	vertical-align: bottom;
	height: auto;
}

/* -=-=-=-=-=-=-=-=-=-=-=- header -=-=-=-=-=-=-=-=-=-=- */
#header {
	border-style: solid;
	border-color: #6892C4;
	border-width: 0px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	width: 100%;
}
#header:after {
	content: "";
	display: block;
	clear: both;
}
#header a {
	text-decoration: none;
}
#header h1 {
	text-align: left;
	width: 60%;
	padding-left: 2%;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
}
#header h1 img {
	width: 64%;
}
#header h1 a img {
	width: 100%;
}
#header div {
	text-align: right;
	width: 20%;
	padding-right: 2%;
	padding-bottom: 6px;
	float: right;
}
#header div img {
	width: 100%;
}
#header div p {
	border-style: solid;
	border-color: #0C264A;
	border-width: 1px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
	display: block;
}

/* -=-=-=-=-=-=-=-=-=-=-=- icon -=-=-=-=-=-=-=-=-=-=- */
#icon {
	background-color: rgba(51,51,51,0.75);
	display: none;
	position: absolute;
	width: 100%;
	z-index: 100;
}
#icon ul {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}
#icon ul li {
	display: inline-block;
	width: 25%;
}
#icon ul li img {
	width: 100%;
}

/* -=-=-=-=-=-=-=-=-=-=-=- main -=-=-=-=-=-=-=-=-=-=- */
div.main {
	width: 100%;
	padding-bottom: 1em;
}
div.main h2 ,
div.main h2 img {
	width: 100%;
}
div.main h2 {
	margin-bottom: 1em;
}

/* -=-=-=-=-=-=-=-=-=-=-=- top -=-=-=-=-=-=-=-=-=-=- */
#top img {
	width: 100%;
}
#top p {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 1em;
}
#top img.truffe {
	width: 96%;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
}
/* -=-=-=-=-=-=-=-=-=-=-=- flow -=-=-=-=-=-=-=-=-=-=- */
#flow h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #0C264A;
	width: auto;
	margin: 0px;
	padding-left: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#flow dl {
	text-align: left;
	padding: 1em;
}
#flow dl dt {
	font-weight: bold;
}
#flow dl dd {
	margin-bottom: 1em;
	padding-left: 1em;
}
#flow dl dd ul {
	margin-left: 2em;
}
#flow dl dd ul li {
	list-style-type: disc;
	margin-bottom: 0.5em;
}
#flow dl dd dl {
	border-style: solid;
	border-color: #0C264A;
	border-width: 1px;
	margin-left: 1em;
	margin-right: 1em;
	padding: 1em;
}
#flow dl dd dl dd {
	line-height: 1.4;
	margin-top: 0.3em;
	margin-bottom: 0px;
	padding: 0px;
}
#flow dl dd dl dd p {
	line-height: 1.4;
	vertical-align: bottom;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#flow dl dd dl dd p span {
	float: right;
}

/* -=-=-=-=-=-=-=-=-=-=-=- item -=-=-=-=-=-=-=-=-=-=- */
#item h2 {
	margin-bottom: 0px;
}
#item h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #6892C4;
	background-image: url(../../img/common/h2_arrow.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#item p {
	text-align: left;
}
#item p.note {
	padding: 1em;
	padding-top: 0px;
}
#item div.item_box {
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #133D6F;
	border-width: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
}
#item div.item_box p.item_title {
	color: #0C264A;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #B1EFF9;
	border-style: solid;
	border-color: #9BD2E2;
	border-width: 0px;
	border-bottom-width: 1px;
	padding: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 1em;
}
#item div.item_box img {
	width: 80%;
}
#item div.item_box div.detail {
	padding: 1em;
}
#item div.item_box div.detail p.price ,
#item div.item_box div.detail p.price_s ,
#item div.item_box div.detail p.weight {
	font-size: 1.2em;
	font-weight: bold;
}
#item div.item_box div.detail p.price_s {
	font-size: 0.9em;
	text-decoration: line-through;
}
#item div.item_box div.detail form {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	height: 1.8em;
}
#item div.item_box div.detail form input[type="submit"] {
	padding: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#item div.item_box div.detail form input:focus {
	background-color: #ACF3FF;
}

#item div.item_box div.detail p.att{
	color: #CC3300;
}

/* -=-=-=-=-=-=-=-=-=-=-=- whats -=-=-=-=-=-=-=-=-=-=- */
#whats h3 ,
#whats h4 ,
#whats h5 ,
#whats h6 {
	color: #0C264A;
	font-size: 1.2em;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.3em;
}
#whats h4 ,
#whats h5 ,
#whats h6 {
	padding-top: 2em;
}
#whats strong {
	color: #6892C4;
}
#whats p {
	text-align: left;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
}
#whats p.detail {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}
#whats ul {
	text-align: left;
	margin-left: 2em;
}
#whats ul.bl li {
	list-style-type: disc;
	margin-left: 2em;
	padding-right: 1em;
}
#whats div {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
#whats div ul {
	margin-left: 1em;
	padding-bottom: 0.5em;
}
#whats div ul li {
	padding-bottom: 0.5em;
	padding-left: 1em;
}
#whats div ul {
	padding-bottom: 0.5em;
}
#whats div ul.wh li {
	list-style-type: circle;
	margin-left: 2em;
	padding-left: 0px;
	padding-bottom: 0.5em;
}
#whats div p {
	margin-bottom: 1em;
	padding-left: 1em;
	padding-bottom: 0px;
}
.gifts {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* -=-=-=-=-=-=-=-=-=-=-=- recipe -=-=-=-=-=-=-=-=-=-=- */
#recipe h2 {
	position: relative;
	margin-bottom: 0px;
}
#recipe h2 p {
	color: #0C264A;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	right: 6px;
	bottom: 6px;
}
#recipe p.title ,
#recipe dl dt {
    background-color: #6892C4;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-top: 4px;
    text-align: left;
}
#recipe ul.list {
	margin-top: 1em;
	margin-bottom: 1em;
}
#recipe ul.list li {
	display: inline-block;
	width: 18%;
	margin: 1%;
}
#recipe ul.list li img {
	width: 100%;
}
#recipe div.data {
	text-align: left;
	margin-bottom: 1em;
}
#recipe div.data h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #6892C4;
	background-image: url(../../img/common/h2_arrow.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#recipe div.data p.img img {
	width: 100%;
	margin-bottom: 1em;
}
#recipe div.data p.att {
	color: #CC3300;
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
}
#recipe div.data p.title {
	color: #000000;
	background: none;
	padding: 0px;
	padding-left: 1em;
}
#recipe div.data ul ,
#recipe div.data ol {
	padding-left: 1em;
	padding-right: 1em;
}
#recipe div.data ul {
	margin-bottom: 1em;
}
#recipe div.data ul li {
	list-style-type: disc;
	margin-left: 2em;
}
#recipe div.data ol li {
	list-style-type: decimal;
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}
#recipe div.data p.repletion {
	margin-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
}
#recipe div.data p.repletion strong {
	color: #CC3300;
	font-weight: bold;
}
#recipe dl {
	padding-bottom: 0.5em;
}
#recipe dl dd {
	text-align: left;
	border-style: solid;
	border-color: #0C264A;
	border-width: 0px;
	border-left-width: 1em;
	line-height: 1;
	margin-left: 1em;
	margin-bottom: 0.5em;
	padding-left: 0.3em;
}
#recipe ul.lists {
	margin-top: -0.5em;
}
#recipe ul.lists li {
	display: inline-block;
	width: 50%;
}
#recipe ul.lists li a {
	color: #0C264A;
	font-weight: bold;
	background-image: linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, rgb(235,235,235)),
		color-stop(1, rgb(255,255,255))
	);
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	display: block;
	padding: 1em;
}
#recipe ul.lists li:nth-child(even) a {
	border-right-width: 1px;
}

/* -=-=-=-=-=-=-=-=-=-=-=- cart -=-=-=-=-=-=-=-=-=-=- */
#cart p {
	text-align: left;
}
#cart p.title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #6892C4;
	background-image: url(../../img/common/h2_arrow.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#cart p.add ,
#cart p.empty ,
#cart p.f_att {
	padding-left: 1em;
	padding-right: 1em;
}
#cart table {
	margin-left: auto;
	margin-right: auto;
}
#cart table th {
	text-align: right;
	width: 4em;
}
#cart table td {
	text-align: left;
}
#cart table td a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-image: linear-gradient(bottom, #CC3300 0%, #FF6633 100%);
	background-image: -o-linear-gradient(bottom, #CC3300 0%, #FF6633 100%);
	background-image: -moz-linear-gradient(bottom, #CC3300 0%, #FF6633 100%);
	background-image: -webkit-linear-gradient(bottom, #CC3300 0%, #FF6633 100%);
	background-image: -ms-linear-gradient(bottom, #CC3300 0%, #FF6633 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #CC3300),
		color-stop(1, #FF6633)
	);
	border-radius: 6px 6px 6px 6px;
	border-style: solid;
	border-color: #CC3300;
	border-width: 2px;
	display: block;
	position: relative;
	width: 6em;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	padding-left: 0;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
#cart table td hr {
	border-style: solid;
	border-color: #999999;
	border-width: 0px;
	border-bottom-width: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
	height: 1px;
}
#cart div.cart_detail strong {
	color: #CC3300;
	font-size: 1.5em;
}
#cart div.button {
	text-align: center;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#cart div.button a {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 6px 6px 6px 6px;
	border-style: solid;
	border-width: 2px;
	display: block;
	position: relative;
	width: 88%;
	min-width: 88%;
	height: 100%;
	margin: 0.5em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
#cart div.button a:before ,
#cart div.button a:after {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
#cart div.button a.home {
	background-image: linear-gradient(bottom, #10325C 0%, #15447D 100%);
	background-image: -o-linear-gradient(bottom, #10325C 0%, #15447D 100%);
	background-image: -moz-linear-gradient(bottom, #10325C 0%, #15447D 100%);
	background-image: -webkit-linear-gradient(bottom, #10325C 0%, #15447D 100%);
	background-image: -ms-linear-gradient(bottom, #10325C 0%, #15447D 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #10325C),
		color-stop(1, #15447D)
	);
	border-color: #10325C;
}
#cart div.button a.keep {
	background-image: linear-gradient(bottom, #73AABC 0%, #97C0CE 100%);
	background-image: -o-linear-gradient(bottom, #73AABC 0%, #97C0CE 100%);
	background-image: -moz-linear-gradient(bottom, #73AABC 0%, #97C0CE 100%);
	background-image: -webkit-linear-gradient(bottom, #73AABC 0%, #97C0CE 100%);
	background-image: -ms-linear-gradient(bottom, #73AABC 0%, #97C0CE 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #73AABC),
		color-stop(1, #97C0CE)
	);
	border-color: #73AABC;
}
#cart div.button a.view {
	background-image: linear-gradient(bottom, #EF7918 0%, #F39D56 100%);
	background-image: -o-linear-gradient(bottom, #EF7918 0%, #F39D56 100%);
	background-image: -moz-linear-gradient(bottom, #EF7918 0%, #F39D56 100%);
	background-image: -webkit-linear-gradient(bottom, #EF7918 0%, #F39D56 100%);
	background-image: -ms-linear-gradient(bottom, #EF7918 0%, #F39D56 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #EF7918),
		color-stop(1, #F39D56)
	);
	border-color: #EF7918;
}
#cart div.button a.calc {
	background-image: linear-gradient(bottom, #7EA0CA 0%, #81ABDD 100%);
	background-image: -o-linear-gradient(bottom, #7EA0CA 0%, #81ABDD 100%);
	background-image: -moz-linear-gradient(bottom, #7EA0CA 0%, #81ABDD 100%);
	background-image: -webkit-linear-gradient(bottom, #7EA0CA 0%, #81ABDD 100%);
	background-image: -ms-linear-gradient(bottom, #7EA0CA 0%, #81ABDD 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #7EA0CA),
		color-stop(1, #81ABDD)
	);
	border-color: #7EA0CA;
}
#cart div.button a.home:after ,
#cart div.button a.keep:after {
    content: url("../../img/common/arrow_left.png");
	left: 0px;
	padding-left: 16px;
}
#cart div.button a.view:after ,
#cart div.button a.calc:after {
    content: url("../../img/common/arrow_right.png");
	right: 0px;
	padding-right: 16px;
}
#cart form table ,
#cart form table tr th ,
#cart form table tr td {
	text-align: left;
	border-collapse: separate;
	border-spacing: 1px;
}
#cart form table {
	width: 96%;
	margin: 1em;
	margin-left: auto;
	margin-right: auto;
}
#cart form table tr th ,
#cart form table tr td {
	vertical-align: top;
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
#cart form table tr th {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6892C4;
	min-width: 30%;
	width: 12em;
}
#cart form table tr td input ,
#cart form table tr td textarea {
	height: 1.8em;
	width: 100%;
}
#cart form table tr td input:focus ,
#cart form table tr td textarea:focus {
	background-color: #ACF3FF;
}
#cart form table tr td textarea {
	height: 4em;
}
#cart p strong ,
#cart form table tr th span ,
#cart form table tr td span {
	color: #CC3300;
}
#cart form table tr td {
	background-color: #FFFFFF;
	max-width: 70%;
}
#cart form table tr td p {
	text-align: left;
}
#cart form p {
	text-align: center;
}
#cart form p input {
	font-size: 1.2em;
	font-weight: bold;
	padding: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#cart p.att {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}

/* -=-=-=-=-=-=-=-=-=-=-=- contact -=-=-=-=-=-=-=-=-=-=- */
#contact table ,
#contact table tr th ,
#contact table tr td {
	text-align: left;
	border-collapse: separate;
	border-spacing: 1px;
}
#contact table {
	width: 96%;
	margin: 1em;
	margin-left: auto;
	margin-right: auto;
}
#contact table tr th ,
#contact table tr td {
	vertical-align: top;
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
#contact table tr th {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #6892C4;
	min-width: 30%;
}
#contact table tr td input ,
#contact table tr td textarea {
	height: 1.8em;
	width: 100%;
}
#contact table tr td input:focus ,
#contact table tr td textarea:focus {
	background-color: #ACF3FF;
}
#contact table tr td textarea {
	height: 4em;
}
#contact p strong ,
#contact table tr th span ,
#contact table tr td span {
	color: #CC3300;
}
#contact table tr td {
	background-color: #FFFFFF;
	max-width: 70%;
}
#contact table tr td p {
	text-align: left;
}
#contact form p {
	text-align: center;
}
#contact form p input {
	font-size: 1.2em;
	font-weight: bold;
	padding: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#contact p.att {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}

/* -=-=-=-=-=-=-=-=-=-=-=- company -=-=-=-=-=-=-=-=-=-=- */
#company dl {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
#company dl dt {
	font-weight: bold;
}
#company dl dd {
	border-style: dotted;
	border-color: #999999;
	border-width: 0px;
	border-bottom-width: 1px;
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
}
#company dl dd p {
	line-height: 1.4;
	vertical-align: bottom;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#company dl dd p span {
	float: right;
}

/* -=-=-=-=-=-=-=-=-=-=-=- privacy -=-=-=-=-=-=-=-=-=-=- */
#privacy p ,
#privacy ol {
	text-align: left;
	padding: 1em;
}
#privacy ol {
	margin-left: 2em;
	margin-top: 1em;
}
#privacy ol li {
	list-style-type: decimal;
	margin-top: 0.3em;
	margin-bottom: 1em;
}

/* -=-=-=-=-=-=-=-=-=-=-=- lineup -=-=-=-=-=-=-=-=-=-=- */
#lineup {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}
#lineup p {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #0C264A;
	margin-bottom: 0.5em;
	padding-left: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#lineup a {
	text-decoration: none;
	background-color: #F7F9F4;
	border-style: solid;
	border-color: #133D6F;
	border-width: 1px;
	display: inline-block;
	width: 30%;
	margin: 0.5%;
	margin-top: 6px;
	margin-bottom: 6px;
}
#lineup a img {
	width: 100%;
}
#lineup a span {
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	background-color: #6892C4;
	position: relative;
	display: block;
	padding-right: 27px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#lineup a span:before {
	content: url(../../img/common/lineup_arrow.png);
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -8px;
	padding-right: 6px;
}

/* -=-=-=-=-=-=-=-=-=-=-=- menu -=-=-=-=-=-=-=-=-=-=- */
#menu {
	width: 100%;
}
#menu p {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #0C264A;
	padding-left: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#menu ul {
	border-style: solid;
	border-color: #0C264A;
	border-width: 0px;
	border-bottom-width: 6px;
	width: 100%;
}
#menu ul li {
	background-image: linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 50%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, rgb(235,235,235)),
		color-stop(1, rgb(255,255,255))
	);
	border-style: solid;
	border-color: #6892C4;
	border-width: 0px;
	border-top-width: 1px;
}
#menu ul li a {
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#menu ul li a p {
	color: #CC0033;
	font-size: 12px;
	text-decoration: none;
	background: none;
	border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#menu ul li a p:before {
	content: url(../../img/common/arrow.png);
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -5px;
	padding-right: 16px;
}
#menu ul li a p strong {
	color: #0C264A;
	font-size: 16px;
	display: block;
}

/* -=-=-=-=-=-=-=-=-=-=-=- contact_area -=-=-=-=-=-=-=-=-=-=- */
dl.contact_area {
	background-color: #9AD2E1;
	width: 100%;
	margin-top: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
}
dl.contact_area dt {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	background-color: #6892C4;
	padding-left: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
}
dl.contact_area dd {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}
dl.contact_area dd a {
	display: block;
	width: 100%;
	height: 100%;
}
dl.contact_area dd a img {
	width: 100%;
}

/* -=-=-=-=-=-=-=-=-=-=-=- prev_top -=-=-=-=-=-=-=-=-=-=- */
#prev_top {
	text-align: right;
	margin-bottom: 2px;
	padding-right: 6px;
}
#prev_top a {
	color: #493F29;
	font-size: 12px;
	font-weight: bold;
}

/* -=-=-=-=-=-=-=-=-=-=-=- footer -=-=-=-=-=-=-=-=-=-=- */
#footer {
	width: 100%;
}
#footer p {
	text-align: right;
	margin-top: 21px;
	margin-bottom: 12px;
	padding-right: 6px;
}
#footer p.privacy {
	margin-top: 0px;
}
#footer p a {
	color: #493F29;
	font-size: 14px;
	background-image: url(../../img/common/icon_prev_top.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#footer p.privacy a {
	font-size: 12px;
	background: none;
	padding: 0px;
}
#footer ul {
	background-color: #6892C4;
	width: 100%;
	margin-bottom: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#footer ul li {
	color: #CC0033;
	font-size: 14px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0px;
	border-right-width: 1px;
	display: inline;
	padding-right: 2em;
}
#footer ul li:last-child {
	font-weight: bold;
	border-right-width: 0px;
	padding-right: 0px;
	padding-left: 1em;
}
#footer ul li a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer address {
	color: #0C264A;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 12px;
}
/*-------------------------------------- olive oil Page --*/
/*ここから下に*/
h4.supremo_top{
	/*font-size:16.5px;
	font-family: 'Shin Go Bold';
	letter-spacing: 1.5px;
	text-align: center;
	margin-bottom: 0.5em;
	font-family: "Shin Go Bold ","typesquare" !important ;*/
}
h4.supremo_top span.small{
	/*font-size:14px;
	color:#D04472;*/
}
h4.supremo_top span.rainbow{
	/*color: #FF8C00;
    background: -webkit-linear-gradient(0deg, #F3C529,#F3C529,#897723, #7B6D22,#D04473,#D04473,#6C999C,#6C999C,#482859);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
#item p.gold{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	/*padding: 0 32px;*/
	color:#7B6D22;
	margin-bottom: -0.2em;
	text-align:center;
	padding-top: 1.5em;
}
p.gold img{
	width: 29px;
	vertical-align: sub;
	padding-right: 7px;
}
.fat{
	font-weight: bold;
}
img.olive_bnr{
	margin-top: 20px;
	width:100%;
}
.nomal{
	text-align:left;
	padding: 1em;
	font-size:14px;
	margin-bottom: 0.7em;
}
ul.award{
	text-align:left;
	padding: 0;
	margin: 0 32px;
}
ul.award li{
	list-style:none;
	text-align:center;
	font-size: 14px;
}
ul.award li:before{
	background-image: url(../../../img/main/olive_oil/icon02.png);;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}
ul.award li + li{
	padding-top: 10px;
}
div.history{
	border: 1px solid;
	margin:28px 10px 50px 10px;
	padding: 16px 20px 15px 20px;
	border-radius: 11px;
	
}
#item div.history p.gold{
	padding-top: 0.5em;
}
div.history img.big_logo,
div.history div{
	display:inline-block;
}
div.history img.big_logo{
	width:25%;
}
div.history div p.gold,
#main #item-wrap div.history div p.olive_note{
	padding:0;
	margin: 10px 0;
}
#main #item-wrap div.history div p.olive_note a{
	border-bottom: 1px solid #3F3225;
}
div.olive_txt{
	padding: 1px 0 5px 0;
}
img.oil_top{
	padding: 6px 0;
	width:100%;
}


.olive_style02{
    font-weight: bold;
    font-size: 16px;
	text-align:left;
	display: block;
	padding: 0 1em 0.5em 1em;
}
p.olive_note{
	font-size:16px;
	/*margin-right: 34px;*/
}
#main div.olive_order{
	border:none;
}
#main div.olive_order div.olive_container{
	border-bottom: 1px solid #3F3225;
	padding-bottom: 20px;
	margin-bottom: 22px;
}
#main div.olive_order table th{
	padding-bottom: 0;
	padding-top:0;
	border: 1px solid #3F3225;
	background: #d9d1be;
}
#main div.olive_order table td{
	padding-right:0;
	padding-left:0;
}
#main div.olive_order table td.image{
	padding-left: 0;
	vertical-align: top;
	width: 220px;
	padding-top: 13px;
}
#main div.olive_order table td.image img{
	margin-left:0;
	width:200px;
}
#main div.olive_order table td.right_top{
	padding-top: 17px;
}
#main div.olive_order table td.osusume{
	padding-bottom: 10px;
}
#main div.olive_order table td.border{
	border-top:1px solid #3F3225;
	border-bottom:1px solid #3F3225;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	line-height: 2;
	padding-left: 5px;
	padding-right: 5px;
}
#main div.olive_order table td.a_o{
	padding: 12px 0;
}
#main div.olive_order div.bg_white{
	background-color:#FFF;
	padding: 11px;
	margin-top: 8px;
}
#main div.olive_order table td.olive_txt{
	margin: auto;
	padding: 0px 3px 13px 3px;
}
#main div.olive_order table td.cart{
	border:1px solid #D9D1BE;
}
#main div.olive_order table td.cart form{
	padding: 5px 20px 5px 12px;
}
#main div.olive_order table td.cart div{
	width: auto;
	display: inline-block;
	border: none;
	padding-right:20px;
	padding-top: 0;
	padding-bottom: 0;
	float:none;
	vertical-align: middle;
	padding: 0;
}
#main div.olive_order table td.cart div.name_box{
	width: 70%;
}
#main div.olive_order table td.cart div.name_box p{
	margin: 0;
	font-weight: 600;
	line-height: 1.8;
}
#main div.olive_order table td.cart div.form_box{
	width: 30%;
	text-align: right;
}
p.red_note{
	color:#FF0000;
}
#item div.item_box div.detail p.osusume{
	font-size: 0.9em;
}
div.bg_brown{
	background: #f7f9f4;
	padding: 1em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#item div.bg_brown p{
	font-size: 0.85em;
}
#item div.item_box img.olive{
	width: 50%;
}
#item p.note a.olive_link{
	word-break: break-all;
}
img.supremo_title{
	width: 95%;
	margin-bottom: 1em;
}
p.comment{
	padding-top: 10px;
}

/*****  producer  *****/
h4.why_olive{
	font-size: 14px;
	text-align: left;
	width: 95%;
	margin: auto;
	padding-top: 10px;
}
h4.why_olive span.large{
	display:block;
	font-size: 17px;
	margin: 7px 0;
}
img.pro_img{
	display:block;
	margin:auto;
	width:100%;
	margin: 10px 0;
}
img.olive_txt{
	width: 95%;
	margin: 18px 0;
}
.pink{
	color:#D04472;
	font-weight: bold;
}
.yellow{
	color:#E5B40C;
	font-weight: bold;
}
.blue{
	color:#72A0A4;
	font-weight: bold;
}
.purple{
	color:#462659;
	font-weight: bold;
}
.style03{
	font-size:16px;
	font-weight: bold;
	display: block;
	margin: 10px 0 18px 0;
}
.chara{
	display: block;
	padding-top: 10px;
}
p.why_txt{
	width: 95%;
	margin: auto;
}
#item div.olive_oil div.item_box div.detail{
	padding: 0.4em;
}
#item div.olive_oil div.item_box div.detail form{
	text-align: left;
}
#item div.olive_oil div.item_box div.detail form input[type="submit"]{
	padding:0.2em;
}