@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 0;

	list-style-type:none;

	text-align:center;

	width:900px;

}

.footer ul.bottom{

	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-large-banner{

	margin-bottom:20px;

}



.index-newslist{

	clear:both;

	background:#ffffff url("../../img/index_newslist_body.gif") 0 0 repeat-y;

	width:680px;

}



.index-news h2,

.index-notice 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;

}

.three-column{

	margin:0;

	padding:0;

	list-style-type:none;

}

.three-column li{

	float:left;

	padding:10px 0px 10px 10px;

	width:200px;

	text-align:center;

}



.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-this-month{

	margin:0;

	padding:0;

	list-style-type:none;

}

.recipe-this-month li{

	float:left;

	padding:10px 0px 10px 13px;

	width:300px;

}

.recipe-monthly{

	margin:0;

	padding:0;

	list-style-type:none;

}

.recipe-monthly li{

	float:left;

	padding:10px 0px 10px 10px;

	width:200px;

}



.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;

	text-align:center;

}



.report-text{

	float:left;

	width:390px;

}



/*twitter*/
.twtr-hd h3{
	clear:none;
	margin:0;
	padding:0;
	font-size:150%;
	position:relative;
	color:#ffffff;
	background:none;
	font-weight:normal;
}

.twtr-hd h4{
	clear:none;
	margin:0;
	padding:0;
	font-size:115%;
	position:relative;
	font-weight:normal;