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

body{
	margin:0;
	padding:0;
	background:#f1f0ec url("../../img/index_body_bg.gif") 0 0 repeat-x;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:160%;
	color:#333333;
}


h1{
	position:absolute;
	top:39px;
	margin:0;
	padding:0;
	width:196px;
	font-size:100%;
}
h2{
	clear:both;
	margin:0;
	padding:0;
	font-size:100%;
}
h3{
	clear:both;
	margin: 10px 0;
	padding:0;
	font-size:100%;
}
h4{
	clear:both;
	margin:15px 5px 5px;
	padding:5px 16px;
	font-size:110%;
	color:#577b45;
	background:url("../img/h4_bg.gif") 0 50% no-repeat;
}
h5{
	clear:both;
	margin:15px 5px 5px;
	padding:0;
	font-size:100%;
	color:#577b45;
}

h1 a{
	display:block;
	margin:0;
	padding:0;
	height:32px;
	background:url("../img/header_title.gif") 0 0 repeat-x;
	text-indent:-9960px;
	outline:none;
}

p{
	margin-left:10px;
	margin-right:10px;
	text-indent:1em;
}

a img{
	border:none;
}

a:link		{color:#0088ff;text-decoration:none}
a:visited	{color:#880088;text-decoration:none}
a:hover		{color:#ff6600;text-decoration:underline}
a:active	{color:#ff3300;text-decoration:underline}


dl{
	margin-left:10px;
	margin-right:10px;
}
dt{
	margin-top:1ex;
}

.header{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0;
	height:81px;
}

.hmenu{
	position:absolute;
	top:11px;
	left:591px;
	margin:0;
	padding:0;
	list-style-type:none;
}
	.hmenu li{
		margin:0;
		padding:0 0 0 21px;
		list-style-type:none;
		width:82px;
		height:14px;
		float:left;
	}
	.hmenu li a{
		display:block;
		height:14px;
		background-image:url("../img/hmenu.gif");
		background-repeat:repeat-x;
		text-indent:-8200px;
		outline:none;
		overflow:hidden;
	}
		li.hmenu-faq a:link,
		li.hmenu-faq a:visited{background-position:0 0;}
		li.hmenu-contact a:link,
		li.hmenu-contact a:visited{background-position:-82px 0;}
		li.hmenu-sitemap a:link,
		li.hmenu-sitemap a:visited{background-position:-164px 0;}
	
		li.hmenu-faq a:hover,
		li.hmenu-faq a:active{background-position:0 -14px;}
		li.hmenu-contact a:hover,
		li.hmenu-contact a:active{background-position:-82px -14px;}
		li.hmenu-sitemap a:hover,
		li.hmenu-sitemap a:active{background-position:-164px -14px;}

.header-font{
	position:absolute;
	top:32px;
	left:698px;
	background:url("../img/header_font_bg.gif");
	width:204px;
	height:39px;
}
	.header-font div{
		position:absolute;
		visibility:hidden;		
	}
	.header-font ul{
		margin:7px 0 0 91px;
		padding:0;
		list-style-type:none;
	}
	.header-font li{
		margin:0;
		padding:0 1px;
		list-style-type:none;
		float:left;
		width:29px;
		height:24px;
	}
	.header-font li a{
		display:block;
		height:24px;
		background-repeat:repeat-x;
		text-indent:-9600px;
		outline:none;
		background-image:url("../img/header_font.gif");
	}

	.header-font-s a:link,
	.header-font-s a:visited{background-position:0 0;}
	.header-font-s a:hover,
	.header-font-s a:active{background-position:0 -48px;}
	.header-font-m a:link,
	.header-font-m a:visited{background-position:-29px 0;}
	.header-font-m a:hover,
	.header-font-m a:active{background-position:-29px -48px;}
	.header-font-l a:link,
	.header-font-l a:visited{background-position:-58px 0;}
	.header-font-l a:hover,
	.header-font-l a:active{background-position:-58px -48px;}

.header-img{
	width:900px;
	margin:0 auto;
	height:300px;
}

	.index-mainimg{
		float:left;
		width:680px;
		height:300px;
		padding:4px 4px 9px;
		margin:-4px -4px 0 -4px;
		background:url("../../img/index_mainimg_bg.gif") no-repeat;
		position: relative;
	}
	.index-imgside{
		float:right;
		width:200px;
		margin:0;
		padding:0;
		list-style-type:none
	}
	.index-imgside li{
		margin:0 0 10px;
		padding:0;
	}
	.index-imgside li.last{
		margin:0;
	}
	.index-imgside li img{
		vertical-align:bottom;
	}


.gmenu{
	clear:both;
	height:68px;
	margin:0;
	padding:0;
	background:url("../img/gmenu_bg.gif") repeat-x;
	width:auto;
}
	.gmenu ul{
		width:910px;
		margin:0 auto;
		padding:0;
		list-style-type:none;
	}
	.gmenu li{
		margin:0;
		padding:0 0px;
		list-style-type:none;
		float:left;
		width:130px;
		height:68px;
	}

	.gmenu li a{
		display:block;
		height:68px;
		background-repeat:repeat-x;
		text-indent:-9750px;
		outline:none;
		background-image:url("../img/gmenu.gif");
	}

	.gmenu-guide a:link,
	.gmenu-guide a:visited{background-position:0 0;}
	.gmenu-business a:link,
	.gmenu-business a:visited{background-position:-130px 0;}
	.gmenu-news a:link,
	.gmenu-news a:visited{background-position:-260px 0;}
	.gmenu-store a:link,
	.gmenu-store a:visited{background-position:-390px 0;}
	.gmenu-product a:link,
	.gmenu-product a:visited{background-position:-520px 0;}
	.gmenu-support a:link,
	.gmenu-support a:visited{background-position:-650px 0;}
	.gmenu-shop a:link,
	.gmenu-shop a:visited{background-position:-780px 0;}


	.gmenu-guide a:hover,
	.gmenu-guide a:active{background-position:0px -68px;}
	.gmenu-business a:hover,
	.gmenu-business a:active{background-position:-130px -68px;}
	.gmenu-news a:hover,
	.gmenu-news a:active{background-position:-260px -68px;}
	.gmenu-store a:hover,
	.gmenu-store a:active{background-position:-390px -68px;}
	.gmenu-product a:hover,
	.gmenu-product a:active{background-position:-520px -68px;}
	.gmenu-support a:hover,
	.gmenu-support a:active{background-position:-650px -68px;}
	.gmenu-shop a:hover,
	.gmenu-shop a:active{background-position:-780px -68px;}


.content{
	width:900px;
	margin:16px auto 0;
}
.main{
	float:left;
	width:680px;
}
.side{
	float:right;
	width:200px;
}




.footer{
	clear:both;
	background:50% 0 no-repeat;
	padding:210px 0 25px;
}

.bg-noon{
	background-image:url("../img/footer_bg_noon.jpg");
}
.bg-evening{
	background-image:url("../img/footer_bg_evening.jpg");
}
.bg-night{
	background-image:url("../img/footer_bg_night.jpg");
}


.footer ul{
	margin:0 auto 1em;
	padding:0 0 1em;
	list-style-type:none;
	text-align:center;
	width:900px;
	background:url("../img/footer_line.gif") 0 100% no-repeat;
}
.footer ul li{
	display:inline;
	padding:0 11px 0 10px;
	margin:0;
	background:url("../img/fmenu_splitter.gif") 100% 0 repeat-y;
}
.footer ul li.last{
	background:none;
}
	.footer-copy{
		margin:0 auto;
		padding:0 0px;
		width:500px;
		height:30px;
	}
	.footer-copy a{
		display:block;
		height:30px;
		background-repeat:repeat-x;
		text-indent:-9500px;
		outline:none;
		background-image:url("../img/footer_txt_copy.gif");
	}




.side-search{
	background:url("../img/side_search_body.gif") repeat-y;
	margin:0 0 15px;
}
.side-search h2{
	margin:0;
	padding:0;
}
.side-search-top{
	background:url("../img/side_search_top.gif") repeat-y;
	height:5px;
	overflow:hidden;
}
.side-search-bottom{
	background:url("../img/side_search_bottom.gif") repeat-y;
	height:5px;
	overflow:hidden;
}
.side-search form{
	margin:0;
	padding:0;
}
.side-search table{
	margin:0 auto;
	padding:0;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}

.side-search th{
	text-align:center;
}
.side-search td{
	text-align:center;
}
.side-search input{
	margin:0 2px;
}
#searchBox{
	width:120px;
}

.side-banners{
	margin:0;
	padding:0 0 5px;
	list-style-type:none;
}
.side-banners li{
	margin:0 0 5px;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.side-banners-sub{
	margin:0;
	padding:12px 0 10px;
	list-style-type:none;
	background:url("../img/side_splitter.jpg") 0 0 no-repeat;
}
.side-banners-sub li{
	margin:0 0 5px;
	padding:0;
	list-style-type:none;
	text-align:center;
}

.side-banners img,
.side-banners-sub img{
	vertical-align:bottom;
}




.index-newslist{
	background:#ffffff url("../../img/index_newslist_body.gif") 0 0 repeat-y;
	width:680px;
}

.index-newslist h2{
	margin:0;
	padding:0;
}
.index-news{
	float:left;
	width:340px;
}
.index-notice{
	float:right;
	width:340px;
}

.index-newslist-bottom{
	background:url("../../img/index_newslist_bottom.gif");
	height:7px;
	clear:both;
	overflow:hidden;
}

.index-news table,
.index-notice table{
	width:332px;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}
.index-news th,
.index-notice th{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#5d7456;
	padding:0.5ex 1ex;
	white-space:nowrap;
	vertical-align:top;
}
.index-notice th img{
	vertical-align:middle;
}
.index-news td,
.index-notice td{
	text-align:left;
	padding:0.5ex 1ex;
	vertical-align:top;
}
.index-news table{
	margin:0 3px 0 5px;
}
.index-notice table{
	margin:0 5px 0 3px;
}
.index-news .zebra{
	background-color:#eff9ec;
}
.index-notice .zebra{
	background-color:#f9f1ec;
}

.index-categorybox-list{
	margin:20px 0 10px;
	padding:0;
	list-style-type:none;
}
.index-categorybox-list li{
	width:171px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
.index-categorybox-list li.last{
	width:167px;
}

.index-categorybox{
	width:167px;
	background:url("../../img/index_category_body.gif") repeat-y;
}
.index-categorybox h2,
.index-categorybox h3{
	margin:0;
	padding:0;
}
.index-categorybox-photo{
	text-align:center;
	margin:5px;
}
.index-categorybox p{
	color:#657e5e;
	margin:6px 10px;
	min-height:4.8em;
	text-indent:0;
}

.index-categorybox-detail{
	text-align:center;
	margin:6px;
}
.index-categorybox-bottom{
	height:5px;
	background:url("../../img/index_category_bottom.gif") repeat-y;
	overflow:hidden;
}


.breadcrumbs{
	line-height:1.3em;
	margin-bottom:1ex;
	font-size:90%;
	color:#888888;
}
.breadcrumbs a:visited{
	color:#0088ff;text-decoration:none
}

.canvas{
	background:url("../img/canvas_body.gif") repeat-y;
}
.canvas-top{
	background:url("../img/canvas_top.gif") 100% 0 no-repeat;
}
.canvas-body{
	padding:10px 20px 5px;
}
.canvas-bottom{
	background:url("../img/canvas_bottom.gif") 0 100% no-repeat;
	height:10px;
	clear:both;
}

.totop{
	width:110px;
	height:15px;
	margin:0 0 0 auto;
}
.canvas-body .totop{
	width:110px;
	height:15px;
	margin:0 0 4em auto;
}
.totop a{
	display:block;
	height:15px;
	background:url("../img/btn_totop.gif") repeat-x;
	text-indent:-9900px;
	outline:none;
}

.icon-pdf{
	margin-right:1ex;
	vertical-align:middle;
}

.bordered-table{
	margin:1em 10px;
	border:1px solid #dfcdae;
	border-collapse:collapse;
	border-spacing:0;
}
.bordered-table thead th{
	background:#adc753;
	color:#ffffff;
	text-align:center;
}
.bordered-table th{
	border:1px solid #dfcdae;
	text-align:left;
	padding:0.5ex 1ex;
	background:#f8f8e4;
	color:#333333;
	white-space:nowrap;
}
.bordered-table td{
	border:1px solid #dfcdae;
	padding:0.5ex 1ex;
	background:#ffffff;
	color:#333333;
}
.bordered-table caption{
	text-align:left;
	line-height:1.3em
}

.bordered-table td.num{
	text-align:right;
}
.bordered-table ul,
.bordered-table ol{
	margin:1ex 0px;
	padding:0;
}
.bordered-table li{
	margin:0 0 0 25px;
	padding:0;
}




.index-newslist h2{
	margin:0;
	padding:0;
}
.index-news{
	float:left;
	width:340px;
}
.index-notice{
	float:left;
	width:340px;
}

.index-newslist-bottom{
	background:url("../../img/index_newslist_bottom.gif");
	height:7px;
	clear:both;
}

.general-table{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}
.general-table th{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#5d7456;
	padding:0.5ex 1ex;
	white-space:nowrap;
	vertical-align:top;
}
.general-table td{
	text-align:left;
	padding:0.5ex 1ex;
	vertical-align:top;
}


.clear{
	clear:both;
}


.notice-box{
	background:url("../img/notice_box_bg.gif");
	border:solid #d4eb8d 2px;
	margin:10px;
	padding:5px 10px;
}
.caution{
	color:#ff3300;
}
ul.sitemap-list li{
	padding:0;
	margin:0;
}
ul.sitemap-list{
	padding:0 0 0 2em;
	margin:1ex 10px 2ex;
	list-style-image:url("../../info/img/sitemap_marker_01.gif");
}
ul.sitemap-list ul{
	padding:0 0 0 2em;
	margin:1ex 0 2ex;
	list-style-image:url("../../info/img/sitemap_marker_02.gif");
}
ul.sitemap-list ul ul{
	list-style-image:url("../../info/img/sitemap_marker_03.gif");
}
ul.sitemap-list ul ul ul{
	list-style-image:url("../../info/img/sitemap_marker_04.gif");
}
ul.sitemap-list ul ul ul ul{
	list-style-image:url("../../info/img/sitemap_marker_05.gif");
}

.product-photo{
	float:left;
	width:250px;
}
.product-text{
	float:right;
	width:380px;
}

.product-text h4{
	margin-top:5px;
}
.product-calender{
	clear:both;
	margin-bottom:0;
}
.product-calender p{
	margin:5px 10px;
}
.product-calender .bordered-table{
	margin:5px;
	width:625px;
}
.product-calender .bordered-table th{
	padding:0.5ex 0;
	width:51px;
}
.product-calender .bordered-table .shipping{
	background:#ffcc33;
}
.product-calender .bordered-table .reception{
	background:#ffcccc;
}
#gmap-wrapper{
	position:relative;
}
#gmap{
	width:640px;
	height:520px;
}
#altwnd{
	position:absolute;
	top:0;
	left:0;
	padding:0.5ex 1ex;
	background:#ffffff;
	border:2px solid #99cc33;
	display:none;
}


	.photo-container{
		width:190px;
	}
	.photo{
		border:1px solid #cccccc;
		padding:4px;
		background:#ffffff;
	}
	.photo img{
		display:block;
	}


.wonderful-photo,
.scene-photo{
	float:left;
	background:url("../../scene/img/scene_photo_body.gif") 100% 0 repeat-y;
	width:200px;
	padding-left:10px;
}
.wonderful-photo-body,
.scene-photo-body{
	padding:9px 10px 0;
	background:url("../../scene/img/scene_photo_top.gif") no-repeat;
}
.wonderful-photo-bottom,
.scene-photo-bottom{
	height:11px;
	background:#ffffff url("../../scene/img/scene_photo_bottom.gif") no-repeat;
	padding-bottom:10px;
}
.wonderful-photo-body{
	text-align:center;
}
.force-height180{
	padding:22px 0 23px;
}






.wonderful-photo p,
.scene-photo p{
	margin:0.5ex 0 0;
}


.recipe-monthly{
	float:left;
	padding:10px 0 10px 13px;
	width:300px;
}

.recipe-photo{
	padding:0;
	width:300px;
	float:left;
}
.recipe-material{
	padding:0 0 0;
	width:320px;
	float:right;
}
.recipe-howto{
	clear:both;
	padding:20px 0 10px;
}
.recipe-material h3{
	position:relative;
	color:#719600;
}
.recipe-material-amount{
	position:absolute;
	top:0;
	line-height:36px;
	left:54px;
}

.recipe-material-table td,
.recipe-material-table th,
.recipe-material-table tr,
.recipe-material-table{
	border-top:1px dashed #b5d945;
	border-bottom:1px dashed #b5d945;
	border-collapse:collapse;
	border-spacing:0;
}
.recipe-material-table{
	width:310px;
	margin:5px auto;
}
.recipe-material-table th{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#5d7456;
	padding:0.2ex 1ex;
	white-space:nowrap;
	vertical-align:middle;
}
.recipe-material-table td{
	text-align:right;
	padding:0.2ex 1ex;
	vertical-align:middle;
}

.recipe-howto-table td,
.recipe-howto-table tr,
.recipe-howto-table th,
.recipe-howto-table{
	border-top:1px dashed #dfa441;
	border-bottom:1px dashed #dfa441;
	border-collapse:collapse;
	border-spacing:0;
}
.recipe-howto-table{
	width:630px;
	margin:5px auto;
}
.recipe-howto-table th{
	font-family:"Courier New", Courier, mono;
	text-align:center;
	color:#c78422;
	padding:0.7ex 1ex;
	white-space:nowrap;
	vertical-align:middle;
	font-size:240%;
}
.recipe-howto-table td{
	padding:0.5ex 1ex;
	vertical-align:middle;
}

.magazine-top{
	width:245px;
	float:left;
	padding:0 0 15px 10px;
}
.magazine-top img{
	border:1px solid #eeeeee;
}
.magazine-index{
	width:370px;
	float:right;
	padding-bottom:15px;
}
.magazine-index h4{
	margin-top:0;
}


.button-cell{
	width:20px;
	text-align:center;
}


.gmap-baloon{
	width:200px;
}
.gmap-baloon-head{
	border-bottom:2px solid #58a310;
}
.gmap-baloon-address{
	padding:0.5ex 0;
}
p.link{
	background:url("../../info/img/sitemap_marker_01.gif") 0 50% no-repeat;
	padding-left:25px;
	margin:1ex 0;
}



.product-header-list{
	margin:0 10px 1em;
	padding:0;
	list-style-type:none;
}
.product-header-list li{
	margin:0;
	padding:0 20px 0 25px;
	float:left;
	white-space:nowrap;
	background:url("../../info/img/sitemap_marker_04.gif") 0 50% no-repeat;
}



/*------------------------------------- komeko -------------------------------------*/

#komeko-body{
	margin:0 -11px;
}

.komeko-point{
	width:450px;
	float:left;
	padding:0 10px 15px 0;
}

.komeko-point p{
	margin:0;
	margin-bottom:20px;
	line-height:160%;
}

.komeko-shopgoods{
	width:450px;
	float:left;
	min-height:262px;
	height:auto !important;
	height:262px;

	background:url(../../komeko/img/bg_shopgoods.jpg) no-repeat #EEF7FF;
}

.goodsPic{
	float:left;
	margin-top:16px;
	margin-left:20px;
}

.komeko-shopgoods p{
	width:205px;
	float:right;
	margin-top:60px;
	margin-right:20px;
	text-align:left;
}

.komeko-recipe{
	width:200px;
	float:right;
	margin-top:10px;
}

.komeko-recipe h4{
	margin:0;
	padding:0;
	background:none;
}

.komeko-recipe img{
	display:block;
}


.report-photo{
	float:right;
	width:240px;
}

.report-text{
	float:left;
	width:390px;
}