@charset "ISO-8859-1";
@import url('http://fonts.googleapis.com/css?family=Signika+Negative:400,700');

/* ------------------------------
	GENERAL
------------------------------ */

* {
	margin: 0;
	padding: 0;
}


body {
	background-color: #4C4C4C;
	text-align: center;
	font-size: 12px;
	color: #444444;
	/*background-image: url('../img/hd_bg.gif');*/
	/*background-repeat: repeat-x;*/
	background-color:#f0fffb;
	/*font-family : sans-serif;*/
	font-size: 12px;
	font-family: 'Signika Negative', sans-serif;
	font-weight:400;
}

h1, h2, h3, h4, h5, h6 { font-size: 1em; }
p {
	line-height: 1.3;
}
img {
	border: none;
}
th { text-align: left; }
address { font-style: normal; }
sup { font-size: 0.8em; }
table { border-collapse: collapse; }

a { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:active { text-decoration: underline; }
a:hover { text-decoration: underline; }

.clear {
	clear:both;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.none {
	display: none;
}


/* ------------------------------
	LAYOUT
------------------------------ */

#wrapper {
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
	background-color:#F0FFFB;
}

#wrapper_inner {
	margin: 0 auto;
	padding: 0;
	/*width: 960px;*/
	width:1000px;
}

#header {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#main {
	width: 730px;
	text-align: left;
	float: right;
}

#side {
	float: left;
	/*width: 210px;*/
	width:240px;
	clear: both;
	background-color:#fff;/*140226added*/
}

#content {
	min-height: 640px;
	clear: both;
	width: 705px;
	padding: 20px 0 0 25px;
	margin-top:13px;
	background-color: #FFFFFF;
	border-top:1px solid #9ea661;
	border-left:1px solid #9ea661;
	border-right:1px solid #9ea661;
}

#contentency {
	min-height: 640px;
	clear: both;
	width: 705px;
	padding: 20px 10px 0 10px;
	margin-top:13px;
	background-color: #FFFFFF;
	position:relative;
	font-size:14px;
	line-height:1.4em;
	border:1px solid #9ea661;
}


#ency {
	min-height: 640px;
	clear: both;
	width: 705px;
	padding: 20px 0 0 25px;
	background-color: #FFFFFF;
}

#footer_top {
	clear: both;
	width: 960px;
	background-color: #4C4C4C;
	border-top: 2px solid #996600;
	margin-top: 15px;
}

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#footer_wide {
	clear: both;
	width: 100%;
	/*background-color: #4C4C4C;*/
	background-color: #E9FDE0;
	/*border-top: 2px solid #996600;*/
}


/* ------------------------------
	HEADER
------------------------------ */

#header #rogobox {
	width: 200px;
	margin: 6px 0;
}

#inquirybox{
	/*float: right;*/
	/*margin-bottom: 33px;*/
	position:absolute;
	top:0;
	right:10px;
}

#inquirybox #inquirybtn{
	margin-top: 0px;
}


/* ------------------------------
	SIDE
------------------------------ */

#side ul {
	list-style-type: none;
	font-size: 1px;
	line-height: 0;
}

#side ul li {
	padding: 0;
}

#side .bl {
	height: 28px;
}

#allergy{
	margin-top:10px;
}

#useful{
	margin:10px auto;
}


#useful ul li{
	list-style:none;
}
/* ------------------------------
	CONTENT
------------------------------ */

#pagetop {
	padding: 30px 25px 20px 0;
	text-align: right;
	width: 705px;
	float: right;
	background-color: #FFFFFF;
	clear: both;
	border-left:1px solid #9ea661;
	border-right:1px solid #9ea661;
	border-bottom:1px solid #9ea661;
	margin-right:-2px;
}

#content ul {
	font-size: 12px;
}

/*-- 
#content ul {
	list-style-type: none;
	font-size: 12px;
	line-height: 0;
}
--*/


#content ul li {
	padding: 0;
}

#content .bl {
	height: 28px;
}

/* ------------------------------
	FOOTER
------------------------------ */
#footer_top ul {
	float: left;
	list-style-type: none;
	font-size: 1px;
	line-height: 0;
	margin: 3px 0 3px 5px;
}

#footer_top ul li {
	float: left;
}

#footer ul {
	float: left;
	list-style-type: none;
	font-size: 1px;
	line-height: 0;
	margin: 3px 0;
}

#footer ul li {
	float: left;
}

#cr {
	padding: 3px 0;
	float: right;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.encynavi{
	padding-bottom: 15px;
	border-bottom: 1px dotted #666;
	margin:0 auto;
	width:210px;
}
.encynavi li{
	margin-top:1px;
}

.encynavi img{
	display:block;
	margin-bottom:1px;
}


.none{
	display:none;
}

.navi_kombu,.navi_wakame,.navi_hijiki,.navi_other{
	cursor:pointer;
}

	
.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.dotline{
		padding-bottom: 15px;
	border-bottom: 1px dotted #666
}

.navi_btm{
	background:url(../img/navi_btm_bg.png) repeat-x;
	height:65px;
}

.navi_jd{
	width:210px;
	margin:0 auto;
}
.navi_jd li{
	margin-bottom:1px;
}

.mb10{
	margin-bottom:10px;
}