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

/* ぶら下げ */
.burasage {
	margin-left: 1.0em;
	text-indent: -1.0em;
}
/* 点線 */
.tensen {
	width: 80%;
	border-bottom:1px dotted #e28000 ;
	margin-top: 10px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 40px;
	font-size: 0;
}


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

	JELLY & ME　鉄入りブラッドオレンジゼリー

=============================================================== */
#jelly_and_me {
	background-image: url(../img/background_fruits.jpg);
	margin: 2px;
	height: auto;
}
#top_image {
	position: relative;
	width: 770px;
	height: auto;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
}
#logo_top {
	position: absolute;
	top: 10px;
	left: 10px;
}
#banner_top {
	position: absolute;
	bottom: 10px;
	left: 65px;
	width: 641px;
	height: 88px;
	font-size: 0;
	overflow: hidden;
}
#banner_top_wrapper_inside {
	width: 648px;
}
#banner_top_wrapper_inside img {
	border: 1px;
	border-style: solid;
	border-color: #1C1F87;
	margin: 0 7px 0 0;
}

/* 購入ボタン */
.button_buy_area {
	width: 770px;
	height: 42px;
	padding: 11.5px 0;
	background-image: url(../img/background_button_buy.jpg);
}
a.button_buy {
	display: block;
	width: 498px;
	height: 40px;
	margin: -2px auto 0px auto;
	border: 1.5px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 4.5px;
}
a.button_buy {
	background-image: url(../img/button_buy_off.jpg);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}
a.button_buy:hover {
	background-image: url(../img/button_buy_off.jpg);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2) inset;
	margin: 0px auto 0px auto;
}

/* ちょい足し購入ボタン */
#choitashi_buy_wrapper {
	width: 770px;
	overflow: hidden;
}
.choitashi_buy {
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: -1em;
	width: 770px;
}
a.choitashi_buy_button {
	display: inline-block;
	width: 250px;
	text-align: right;
	margin-right: 0;
}
/* マウスオーバーで画像透過 */
.mouse_over:hover {
	opacity:0.7;
	/*IE5〜7適用*/
	filter:alpha(opacity=70);
	/*IE8適用*/
	-ms-filter:"alpha( opacity=70 )";
}

/* -----------------------------------------------------------------

	オレンジ背景

----------------------------------------------------------------- */
.orange_area_background {
	background-color: #FBE5CD;
}
.orange_area {
	min-height: 350px;
	width: 84%;
	margin: 0 8%;
	padding: 50px 0 30px 0;
}
.jelly_and_me_contents_text {
	font-size: 13.5px;
	margin-top: 10px;
	line-height: 170%;
	width: 100%;
}
.jelly_and_me_contents_text2 {
	font-size: 13.5px;
	margin-top: 20px;
	line-height: 170%;
	width: 100%;
}
.jelly_and_me_contents_text2_inside {
	display: inline-block;
	width: 340px;
	vertical-align: top;
}
.jelly_and_me_contents_text2_insideB {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.jelly_and_me_contents_text2_inside_image {
	display: inline-block;
	vertical-align: top;
}
.jelly_and_me_contents_text_orange {
	color: #E6370C;
	font-weight: bold;
}
.jelly_and_me_contents_text3 {
	font-size: 13.5px;
	line-height: 170%;
	width: 620px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.jelly_and_me_contents_text3_point {
	color: #d6007f;
}
.choitashi_text {
	width: auto;
}
.jelly_and_me_contents_point {
	color: #d6007f;
	font-size: 10px;
	padding-right: 3px;
}
.jelly_and_me_contents_text2_insideB_komidashi {
	color: #d6007f;
	font-size: 15px;
	font-weight: bold;
}

/* -----------------------------------------------------------------

	白背景

----------------------------------------------------------------- */
.white_area {
	position: relative;
	width: 84%;
	margin: 0 8%;
	padding: 40px 0 30px 0;
}
.white_area_text01 {
	width: 646px;
}
.white_area_text02 {
	width: 280px;
}
.jelly_and_me_contents_image_wrapper {
	width: 646px;
	margin: 15px auto 0 auto;
	text-align: right;
	text-align: center;
}
.jelly_and_me_contents_image {
	display: inline-block;
}
.jelly_and_me_contents_image img {
	width: 100%;
}
.jelly_and_me_contents_image_width {
	width: 563px;
	height: 374px;
}
.jelly_and_me_contents_image_width2 {
	width: 559px;
}
.jelly_and_me_contents_image_width3 {
	width: 669px;
}
.jelly_and_me_contents_image2 {
	display: inline-block;
	width: 275px;
}
.jelly_and_me_contents_image2 img {
	width: 100%;
}
.jelly_and_me_contents_caption_wrapper {
	display: inline-block;
	width: 90%;
	text-align: right;
}
.jelly_and_me_contents_caption {
	display: inline-block;
	text-align: left;
	font-size: 11px;
}
.komidashi {
	border-radius: 5px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	margin-bottom: 10px;
}
.image_item {
	position: absolute;
	top: 30px;
	right: 0px;
}


/* 波線 */
.line_wave {
	width: 80%;
	margin: 0 10%;
}



/* -----------------------------------------------------------------

	information

----------------------------------------------------------------- */
.info_border {
	width: 636px;
	height: 5px;
	background-color: #FBE5CD;
	margin: 0 auto;
}
.jelly_and_me_info_text {
	width: 626px;
	margin: 30px auto 20px auto;
	font-size: 15px;
	line-height: 180%;
	text-align: left;
}

table#jelly_and_me_info_table {
	width: 100%;
	font-size: 12px;
}
table#jelly_and_me_info_table , table#jelly_and_me_info_table td, table#jelly_and_me_info_table th {
	border: 1px solid #9D9E9E;
	border-collapse: collapse;
}
table#jelly_and_me_info_table th, table#jelly_and_me_info_table td {
	height: 20px;
}
table#jelly_and_me_info_table th {
	padding: 3px;
	width: 20px;
	background: #EEEEEE;
	font-weight: normal;
}
table#jelly_and_me_info_table td {
	padding: 3px;
	width: 30px;
	padding-left: 10px;
	text-align: left;
}
#jelly_and_me_info_caution {
	width: 95%;
	margin: 15px 2.5% 30px 2.5%;
	font-size: 13px;
}

/* -----------------------------------------------------------------

	information内　購入ボタン

----------------------------------------------------------------- */
.jelly_and_me_info_inside {
	width: 95%;
	margin-top: 20px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 50px;
	text-align: center;
}
.jelly_and_me_info_table_wrapper {
	display: inline-block;
	width: 60%;
}
.jelly_and_me_info_buy_button {
	display: inline-block;
	width: auto;
	margin-left: 20px;
}




.test_img {
	width: 100%;
}

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

	最大

=============================================================== */
/* -----------------------------------------------------------------

	大見出し

----------------------------------------------------------------- */
/* -------------------- 小見出し -------------------- */