@charset "utf-8";
	
/*======================================

	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

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

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

	Reset

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

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,em {
	padding: 0;
	margin: 0;
	font-style: normal;
	list-style: none;
	list-style-type: none;
}



img {
	border: none;
}



/* 文字間を綺麗に詰める場合の設定は下記をお使い下さい
	text-align:justify;
	text-justify: istribute;
*/

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

	Body

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

body {
	padding: 0;
	margin: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
	line-height: 140%;
	text-align: center;
	background: url(../images/toppage/background.gif) repeat-x;
}


a:link {
	color: #6633CC;
	text-decoration: underline;
}

a:visited {
	color: #6633CC;
	text-decoration: underline;
}

a:active {
	color: #FF6666;
	text-decoration: none;
}

a:hover {
	color: #6633FF;
	text-decoration: none;
}

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

	Container

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

div#container {
	height: auto;
	width: 926px;
	margin: 0 auto;
	text-align: center;
	padding-bottom:20px;
}



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

	All Parts

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

.none {
	display: none;
}



.mt_small {
	margin-top: 5px;
}



.mt_middle {
	margin-top: 10px;
}



.mt_large {
	margin-top: 33px;
}



.mb_middle {
	margin-bottom: 7px;
}

.mb_large {
	margin-bottom:50px;
}


.mr_large {
	margin-right: 15px;
}



.txt_right {
	text-align: right;
}



.txt_center {
	text-align: center;
}

.txt_left {
	text-align: left;
}




.img_right {
	float: right;
	margin: 0 15px 20px 0;
}



.img_left {
	float: left;
	margin: 0 10px 20px 0;
}



.float_left {
	float: left;
}



.float_right {
	float: right;
}



.clr {
	clear: both;
}



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

	Txt

=======================================*/
h2 {
	font-size: 16px;
	margin-bottom:6px;
}

.red {
	font-size: 24px;
	color: #C80900;
	padding-right: 3px;
	font-style: normal;
	line-height: 1.25em;
}

.red2 {
	color: #FF3300;
	margin-bottom: 16px;
}

.gray12 {
	font-size: 12px;
	color: #666666;
}

.txt12 {
	font-size:12px;
	text-align:left;
}

.txt14 {
	font-size: 14px;
	line-height: 150%;
}

.txt16mt {
	font-size: 16px;
	margin-top: 10px;
}

.h2_sub {
	font-size:14px;
	color: #666666;
	font-weight: bold;
}

.orange {
	color: #FF3300;
}
/*======================================

	Header

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

div#header {
	height: auto;
	width: 726px;
	color: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



.disp {
	height: auto;
	width: 726px;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}



html > body .disp {
	width: 726px;
}



.disp:after {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
	content: "";
}



/*\*/
* html .disp {
	height: 1em;
	overflow: visible;
}


/**/

.disp a {
	color: #CCCCCC;
	text-decoration: underline;
}



.disp a:hover {
	color: #CCCCCC;
	text-decoration: none;
}



.disp_left {
	float: left;
	height: auto;
	width: 470px;
	padding-left: 20px;
}



.disp_right {
	float: right;
	height: auto;
	width: 220px;
	text-align: right;
}



div#logo_top {
	position: relative;
	clear: both;
	height: 205px;
	width: 920px;
	background-image: url(../images/toppage/headerx.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	left: -98px;
}



div#logo_top .detail {
}



div#logo_top .detail a {
	position: absolute;
	left: 597px;
	top: 36px;
	height: 16px;
	width: 101px;
	display: block;
	text-indent: -999em;
}



h1 {

}



h1 a {
	position: absolute;
	left: 1px;
	top: 55px;
	height: 135px;
	width: 920px;
	display: block;
	text-indent: -999em;
}




.banner {
}


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

	Contents

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

div#contents {
	width: 924px;
	padding: 2px;
	margin: 0px auto;
	margin-top: 12px;
	border: 1px solid #CCCCCC;
}



html > body div#contents {
	width: 920px;
}



div#contents:after {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
	content: "";
}



/*\*/
* html div#contents {
	height: 1em;
	overflow: visible;
}


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

	Left navi

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

div#left_navi {
	float: left;
	height: auto;
	width: 239px;
	padding: 10px;
	border: 1px solid #F3F3F3;
	text-align:center;
}


html> body div#left_navi {
	width: 219px;
}


.navi {
	text-align: left;
}


.navi ul {
	margin-bottom: 30px;
}


.navi li {
	height: auto;
	width: auto;
	padding-left: 28px;
	margin-bottom: 13px;
	font-weight: bold;
	background: url(../images/toppage/icon_menu.gif) no-repeat 0 0;
}


.line {
	width:auto;
	height:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 12px;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	margin-bottom:40px;
	text-align:left;
	line-height: 1.5em;
	font-size:14px;
}

.left_item {
	text-align:center;
	font-size:12px;
	margin-bottom:35px;
}
.left_qr {
	text-align: center;
	margin-bottom: 15px;
}


.left_item p {
	font-size:12px;
	color: #666666;
}

.left_item .itemprice {
	font-size:12px;
	margin: 6px;
}

.left_item .itemprice img {
	margin-top: 0px;
	font-size:12px;s
	margin-bottom: 3px;
	vertical-align: middle;
}

.present_top {
	background:url(../images/toppage/present_item.jpg) no-repeat 0 0;
	width:221px;
	height:150px;
	text-indent:-999em;
}

.present_bottom {
	background:url(../images/toppage/present_bottom.gif) bottom no-repeat;
	width:221px;
	height:auto;
	padding:10px 11px 27px 10px;
	text-align:left;
	margin-bottom:25px;
	font-size:12px;
}

html > body .present_bottom {
	width:200px;
}

.navi2 {
	text-align:left;
}

.navi2 ul {
}

.navi2 li {
	background: url(../images/toppage/icon_green.gif) no-repeat 0 0;
	width:auto;
	height:auto;
	margin-bottom:8px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 12px;
}

.navi2 ul.pink {
}

.navi2 ul.pink li {
	background: url(../images/toppage/icon_pink.gif) no-repeat 0 0;
	width:auto;
	height:auto;
	margin-bottom:8px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 12px;
}

.navi2 li a:link {	color: #336600;	}
.navi2 li a:visited {	color: #336600;	}
.navi2 li a:hover {	color: #669933;	}

.navi2 ul.pink li a:link {	color: #CE396B;	}
.navi2 ul.pink li a:visited {	color: #CE396B;	}
.navi2 ul.pink li a:hover {	color: #FF3366;	}
/*======================================

	Main Navi

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

div#mnavi {

}



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

	Main

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

div#main {
	float: right;
	height: auto;
	width: 670px;
	padding: 10px;
	text-align:left;
	padding-bottom:40px;
}


html > body div#main {
	width: 650px;
}

div#main p {

	line-height: 150%;
}
/*======================================

	Second Page

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



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

	Top Page

=======================================*/
.tel {
	background:url(../images/toppage/freedial.gif) no-repeat 0 0;
	width:640px;
	height:67px;
	text-indent:-999em;
	margin-top:28px;
} 

.itembox {
	clear:both;
	background:url(../images/toppage/bar_sepa.gif) no-repeat bottom;
	width:650px;
	height:auto;
	padding-bottom:19px;
	margin-top:10px;
}

.itembox:after {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
	content: "";
}

/*\*/
* html .itembox {
	height: 1em;
	overflow: visible;
}
/**/


.itembox_inner {
	width:648px;
	height:auto;
	border: 1px solid #F3F3F3;
	padding: 11px 0 0 0;
}

.itembox_inner:after {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
	content: "";
}

/*\*/
* html .itembox_inner {
	height: 1em;
	overflow: visible;
}
/**/

.item_left {
	float:left;
	width:270px;
	height:auto;
	margin-right:12px;
	margin-left:8px;
	text-align:center;
	display:inline;
}

* html .item_left {
	margin-right:10px;
}

.item_right {
	float:right;
	width:348px;
	height:auto;
	margin-right:8px;
	display:inline;
}

:root .item_right {
	padding-bottom:30px;
}

.itemname {
	width:346px;
	height:auto;
	border: 1px solid #336600;
	padding: 8px;
	margin:2px 0;
}

html > body .itemname {
	width:330px;
}

.item_quantity {
	font-size: 12px;
	color: #000000;
	background-color: #F3F3F3;
	padding: 8px;
	margin-bottom: 15px;
}

.item_ingredient {
	font-size: 12px;
	border-collapse: collapse;
	width: 332px;
	color: #666666;
	margin-bottom: 25px;
	margin-top:7px;
}
.item_ingredient th{
	border: 1px solid #999999;
	padding: 4px;
	text-align: left;
	font-weight: normal;
}
.item_ingredient td{
	border: 1px solid #999999;
	padding: 4px;
	text-align: right;
}

.itemprice {
	color: #CC0000;
	margin-bottom: 15px;
}
#main .itemprice strong {
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
}
.itemprice em{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.item_bottom {
	clear:both;
	width:auto;
	height:auto;
	text-align: right;
	color: #CC0000;
	font-size:14px;
	background-color: #FFFFCC;
	padding:4px 4px 6px 0;
	margin:30px 0 4px 0;
}

.item_about {
	width:auto;
	height:auto;
	padding: 16px 16px 35px 16px;
	background-color: #F8F8F8;
	text-align:left;
}

.item_about p {	
	font-size: 12px;
	line-height: 175%;
}

.postage {
	clear:both;
	width:auto;
	height:auto;
	margin-top:40px;
}

.postage:after {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
	content: "";
}

/*\*/
* html .postage {
	height: 1em;
	overflow: visible;
}
/**/

.postage_left {
	float:left;
	width:438px;
	height:auto;
}

.postage_right {
	float:right;
	width:210px;
	height:auto;
}

.overseas {
	clear:both;
	background: url(../images/toppage/overseas.jpg) no-repeat 0 0;
	width:650px;
	height:113px;
}

.overseas a {
	display:block;
	width:630px;
	height:95px;
	text-indent:-999em;
	margin:0 0 0 10px;
}

.fucoidan {
	clear:both;
	width:650px;
	height:auto;
	margin-top:31px;
	font-size:14px;
}

.inquiry {
	background:url(../images/toppage/inquiry.jpg) no-repeat 0 0;
	width:500px;
	height:105px;
	text-indent:-999em;
	margin-top:40px;
	margin-bottom:15px;
}
/*======================================

	Footer

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

div#footer {
	text-align:center;
	margin-top:19px;
}

address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: center;
	margin: 4px;
	font-style:normal;
}
.bg_link {
	background-color: #FFFFCC;
	width: 172px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
	margin-bottom: 3px;
}