@charset "utf-8";

/* other.css　トップページ以外のCSS */
@import "import.css";

/* maincolumn(メインコンテンツ) */
#twocolumns{
	position:relative;
	/padding-bottom:3em;
}

	#main ul#glonavi{
		position:absolute;
		bottom:0px;
		right:35px;
		/zoom:1;
	}
	.section h1{
		background:url(../img/glo_h1_bg.jpg) no-repeat left center;
		line-height:1;
		font-size:2.1em;
		padding:40px 10px 50px 24px;
		color:#336600;
		font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐゴシック",serif; 
	}

	.section{
		margin-bottom:45px;
	}
	.section h2{
		background:url(../img/ind_h3_bg.jpg) no-repeat left center;
		line-height:1;
		font-size:1.5em;
		padding:15px 10px 20px 27px;
		color:#336600;
	}

	.section h3{
		background:url(../img/glo_h3_bg.jpg) no-repeat left bottom;
		line-height:1;
		font-size:1.16em;
		padding:4px 10px 14px 37px;
		color:#336600;
	}


	p.pagenavi{
		text-align:right;
		margin-top:18px;
	}

	p.topicpath{
		line-height:2.4;
		font-size:0.83em;
		margin:13px 0 5px 0;
	}
	#topcategory ul{
		width:600px;
		overflow:hidden;
		margin:15px 0 0 0;
	}
		#topcategory ul li{
			float:left;
			margin:0 24px 29px 0;
			width:184px;
		}
			#topcategory ul li.corner{
				margin-right:0;
			}
			#topcategory ul li a{
				color:#FF8500;
			}
			#topcategory ul li img{
				margin-bottom:3px;
				display:block;
			}
			#topcategory ul li a.textlink{
				background:url(../img/topcat_icon.jpg) no-repeat left center;
				padding-left:20px;
				line-height:1.8;
			}
	
	#topcategory p.catdisc{
		margin:15px 0 27px 0;
		line-height:1.6;
	}
	
	#camp h3{
		margin-bottom:6px;
	}
	#camp p.disc{
		margin:15px 0 27px 0;
		line-height:1.6;
	}
	
	#camp div.entry{
		overflow:hidden;
		/zoom:1;
		margin:25px 0 0 0;
	}
	
	#camp div.image{
		width:198px;
		height:198px;
		overflow:hidden;
		text-align:center;
		border:1px solid #999;
		float:left;
		margin:4px 22px 0 0;
	}
	#camp p{
		overflow:hidden;
		/zoom:1;
	}
	#camp p.commnet{
		margin:7px 10px 0 0;
		min_height:150px;
		_height:150px;
	}
	#camp p.readmore{
		margin-top:10px;
		text-align:right;
	}

	#subcat p.catdisc{
		margin:15px 0 10px 0;
		line-height:1.6;
	}

	#subcat .itemlist{
		margin:15px 0 0 5px;
		width:385px;
		float:left;
	}
	#subcat .cart{
		margin:15px 0 0 0;
		float:right;
		width:200px;
	}
	#subcat .section p.pagenavi{
		padding-top:45px;
		clear:both;
		margin-bottom:8px;
	}
	#subcat .section p.pagebute{
		text-align:center;
		clear:both;
		line-height:1.6;
	}
	#subcat .itemlist dl{
		margin:0 21px 30px 0;
		float:left;
		width:106px;
	}
	#subcat .itemlist dl dt{
		margin:7px 0;
	}
	#subcat .itemlist dl dd.price{
		margin:7px 0;
		color:#FF0000;
	}
	#subcat .itemlist dl dd.image{	
		width:104px;
		height:104px;
		overflow:hidden;
		text-align:center;
		border:1px solid #999999;
	}
	
	#subcatitem{
		margin:0;
	}
	
	#shopguide dl{
		margin-top:15px;
	}
	#shopguide dl dt{
		background:url(../img/shopguide_bg.jpg) no-repeat left bottom;
		line-height:1;
		font-size:1.16em;
		padding:7px 10px 13px 80px;
		color:#336600;
		font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",san-serif;
		font-weight:bold;
	}
	#shopguide dl dd{
		line-height:1.6;
		margin:3px 0 25px 0;
	}
		#shopguide dl dd.last{
			margin-bottom:0;
		}
		#shopguide dl dd span{
			color:#FF3300;
			font-weight:bold;
		}
	#typeselect ul.pickup{
		margin:10px 0 12px 0;
		clear:both;
	}
		#typeselect ul.pickup li{
			display:inline;
			margin:0 20px 0 0;
			width:auto;
		}
			#typeselect ul.pickup li.corner{
				margin-right:0;
			}

	#blog #itemmore{
		margin-bottom:0;
	}
	#itemmore .item{
		margin:15px 0 0 0px;
		width:370px;
		float:left;
	}
	#itemmore .cart{
		margin:15px 0 0 0;
		float:right;
		width:200px;
	}

	#itemmore div.mainv{
		width:368px;
		height:368px;
		overflow:hidden;
		text-align:center;
		margin:0px 0 20px 0px;
		border:1px solid #999999;
	}
	
	#itemmore ul{
		overflow:hidden;
		/zoom:1;
	}
	#itemmore ul li{
		width:104px;
		height:104px;
		margin:0 15px 0px 5px;
		overflow:hidden;
		text-align:center;
		border:1px solid #999999;
		float:left;
		/display:inline;
	}
		#itemmore ul li.last{
			margin-right:0;
		}
	
	#itemmore p.comment{
		clear:both;
		line-height:1.6;
		margin:17px 0 27px 0;
	}
	
	#itemmore div.tablewrap{
		padding:10px 0;
		background:url(../img/blog_table_bg.jpg) repeat-y left top;
		line-height:1.6;
	}
	
	#itemmore table{
		width:370px;
	}
	#itemmore table th{
		padding:10px 10px 10px 15px;
		font-weight:bold;
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
		width:140px;
	}
	#itemmore table td{
		padding:10px 10px 10px 10px;
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
	}
		#itemmore table td.price{
			color:#FF0000;
		}
	
	#itemmore div.button{
		margin:30px 0;
		text-align:right;
	}
	
	#itemmore dl{
		margin:30px 0 0 0;
	}
		#itemmore dl dt{
			background:url(../img/blog_dl_bg.jpg) no-repeat left bottom;
			line-height:1;
			font-size:1.16em;
			padding:5px 10px 19px 40px;
			color:#336600;
			font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",san-serif;
			font-weight:bold;
		}
		#itemmore dl dd{
			margin:3px 0 23px 0;
		}
			#itemmore dl dd.last{
				margin-bottom:0;
			}

	#blog .section p.pagenavi{
		padding-top:45px;
		clear:both;
		margin-bottom:8px;
	}

	#enjoy p{
		background:url(../img/ind_enjoy_bg.jpg) no-repeat right 3px;
	}
	
	#know ul{
		margin:14px 0;
	}
	#know ul li{
		float:left;
		/display:inline;
		margin:0 0 0 0;
	}


	#guide div.tablewrap{
		padding:10px 0;
		background:url(../img/blog_table_bg.jpg) repeat-y left top;
		line-height:1.6;
		margin-top:15px;
	}
	
	#guide h1{
		margin-bottom:20px;
	}
	#guide table{
		width:600px;
	}
	#guide table th{
		padding:10px 10px 10px 15px;
		font-weight:bold;
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
		width:140px;
	}
	#guide table td{
		padding:10px 10px 10px 10px;
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
	}
		#guide table td　span{
			color:#FF0000;
			font-weight:bold;
		}

	#company div.tablewrap{
		padding:10px 0;
		background:url(../img/blog_table_bg.jpg) repeat-y left top;
		line-height:1.6;
		margin-top:15px;
	}

	#company h1{
		margin-bottom:20px;
	}
	#company table{
		width:600px;
	}
	#company table th{
		padding:10px 10px 10px 15px;
		font-weight:bold;
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
		width:140px;
	}
	#company table td{
		padding:10px 10px 10px 10px;
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
	}
	
	#company #map{
		margin:15px 0 20px 0;
		width:598px;
		height:398px;
		border:1px solid #999999;
	}
	
	#company #companymore{
		margin-bottom:0;
	}
	#company .section p.pagenavi{
		margin:0 0 0 0;
		padding:55px 0 10px 0;
	}


	#contact h1{
		margin-bottom:20px;
	}
	#telcontact p{
		margin:12px 0 10px 0;
		line-height:1.6;
	}
	
	#mailcontact p.disc{
		margin:12px 0 18px 0;
		line-height:1.6;
	}
	#mailcontact p.attr{
		font-size:0.83em;
		line-height:1.6;
	}

	#mailcontact #mailcontactmore{
		margin-bottom:0;
	}
	#mailcontact .section p.pagenavi{
		margin:0 0 0 0;
		padding:55px 0 10px 0;
	}

	#mailcontact p.submit{
		text-align:center;
		margin:30px 0px 0px 0px;
	}
	#mailcontact div.tablewrap{
		padding:10px 0;
		background:url(../img/blog_table_bg.jpg) repeat-y left top;
		line-height:1.6;
		margin-top:18px;
	}

	#mailcontact table{
		line-height:1.4;
		width:600px;
	}
		#mailcontact table th{
			padding:10px 10px 10px 15px;
			font-weight:bold;
			border-top:1px dotted #999999;
			border-bottom:1px dotted #999999;
			width:140px;
			vertical-align:top;
		}
			#mailcontact table th img{
				margin-left:5px;
				vertical-align:middle;
			}
			#mailcontact table tr.contact th img{
				margin:3px 0 0 0;
				vertical-align:middle;
			}
		#mailcontact table td{
			padding:10px 10px 10px 10px;
			border-top:1px dotted #999999;
			border-bottom:1px dotted #999999;
			vertical-align:top;
		}
			#mailcontact textarea{
				width:370px;
				height:120px;
				border:1px solid #7F9DB9;
				margin-top:5px;
			}
			#mailcontact input{
				border:1px solid #7F9DB9;
				margin-top:5px;
				height:18px;
			}
				#mailcontact p.submit input{
					border:none;
					height:auto;
				}
				#mailcontact tr.e-mail input{
					font-size:1.2em;
					padding:3px;
				}
	
	#p-policy{}
	
		#p-policy p{
			margin:13px 0 25px 0;
			line-height:1.6;
		}
		#p-policy dl{
		}
		#p-policy dl dt{
			background:url(../img/ppolicy_pointer.jpg) no-repeat left center;
			font-size:1.16em;
			font-weight:bold;
			padding-left:20px;
			color:#336600;
		}
		#p-policy dl dd{
			margin:5px 0 25px 0;
			line-height:1.6;
		}
			#p-policy ul li{
				padding-left:0px;
				margin-left:20px;
				list-style:disc;
			}
			#p-policy dl dd.last{
				margin-bottom:0;
			}

	
	#teaknow{
		line-height:1.6;
	}
	#teaknow .section{
		margin-bottom:0;
	}
	#teaknow .section p.pagenavi{
		margin:55px 0 0 0;
		padding:0px 0 10px 0;
	}
	
	#teaknow01 .section{
		margin:15px 0 25px 0;
	}

	#teaknow p.disc{
		margin:13px 0 25px 0;
	}
	#teaknow .step-fmt dl{
		margin-top:15px;
	}
	#teaknow .step-fmt dl dt{
		background:url(../img/shopguide_bg.jpg) no-repeat left bottom;
		line-height:1;
		font-size:1.16em;
		padding:7px 10px 13px 80px;
		color:#336600;
		font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",san-serif;
		font-weight:bold;
	}
	#teaknow .step-fmt dl dd{
		line-height:1.6;
		margin:3px 0 25px 0;
	}
		#teaknow .step-fmt dl dd.last{
			margin-bottom:0;
		}
	
	#teaknow02 dl dd{
		padding:0 0 0 180px;
		margin:5px 0 25px 0;
		min-height:124px;
		_height:124px;
	}

		#main #teaknow02 dl dd dl{
			margin:5px 0 0 0;
		}
		#main #teaknow02 dl dd dt{
			background:url(../img/teaknow02_arrow.jpg) no-repeat left center;
			line-height:1;
			color:#336600;
			font-weight:bold;
			padding:0 0 0 20px;
		}
		#main #teaknow02 dl dd dl dd{
			padding: 0 0 0 0;
			height:auto;
			min-height:0;
			margin:5px 0 15px 0;
		}
			#main #teaknow02 dl dd dl dd.last{
				margin-bottom:0;
			}
	
	#main #teaknow02 .pagenavi{
		margin:10px 0 0 0;
	}
	#teaknow02 dl dd.img1{
		background:url(../img/teaknow02_1.jpg) no-repeat left 4px;
	}
	#teaknow02 dl dd.img2{
		background:url(../img/teaknow02_2.jpg) no-repeat left 2px;
	}
	#teaknow02 dl dd.img3{
		background:url(../img/teaknow02_3.jpg) no-repeat left 4px;
	}

	#teaknow03 .section{
		margin:15px 0 25px 0;
	}
	#main #teaknow03 .pagenavi{
		margin:40px 0 0 0;
	}

	#main #teaknow04 .pagenavi{
		margin:32px 0 0 0;
	}

	#teaknow04 .section{
		margin:15px 0 13px 0;
		margin-right:-30px;
		overflow:hidden;
		/margin-bottom:27px;
		_margin-bottom:13px;
	}
	#main #teaknow04 .pagenavi{
		margin:40px 0 0 0;
		clear:both;
	}
	
	#teaknow04 .section{
	}
	#teaknow04 dl{
		width:285px;
		margin:3px 30px 12px 0;
		float:left;
	}
	#teaknow04 dl.last{
		margin-bottom:0;
	}
	#teaknow04 .section dl.corner{
		margin-right:0;
	}
	#teaknow04 dl dd{
		margin:7px 5px 0 0;
	}
	#teaknow04 dl dt{
		background:url(../img/teaknow04_icon.jpg) no-repeat left bottom;
		padding:8px 5px 3px 27px;
		color:#779900;
		font-size:1.16em;
		line-height:1;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",san-serif;
	}

	#teaknow05 dl dd{
		padding-left:180px;
		min-height:60px;
		_height:60px;
	}
		#main #teaknow05 dl dd dl dd.last{
			margin-bottom:0;
		}
	#teaknow05 dl dd.img1{
		background:url(../img/teaknow05_img1.jpg) no-repeat left 4px;
	}
	#teaknow05 dl dd.img2{
		background:url(../img/teaknow05_img2.jpg) no-repeat left 4px;
	}
	#teaknow05 dl dd.img3{
		background:url(../img/teaknow05_img3.jpg) no-repeat left 4px;
	}
	#teaknow05 dl dd.img4{
		background:url(../img/teaknow05_img4.jpg) no-repeat left 4px;
	}
	#teaknow05 dl dd.img5{
		background:url(../img/teaknow05_img5.jpg) no-repeat left 4px;
	}
	#teaknow05 dl dd.img6{
		background:url(../img/teaknow05_img6.jpg) no-repeat left 4px;
	}
	#main #teaknow05 .pagenavi{
		margin:40px 0 0 0;
	}
	
	#teaknow06{
		overflow:hidden;
	}
	#teaknow06 dl{
		margin:0 30px 30px 0;
		width:285px;
		float:left;
	}
	#teaknow06 dl.last{
		margin-bottom:0;
	}
	#teaknow06 dl.corner{
		margin-right:0;
	}
		#teaknow06 dt{
			padding:9px 5px 9px 18px;
			background:url(../img/teaknow06_bg.jpg) no-repeat left top;
			line-height:1;
			font-size:1.16em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",san-serif;
			color:#fff;
		}
		#teaknow06 dd{
			padding-left:130px;
			font-size:0.83em;
			min-height:124px;
			_height:124px;
			margin-top:7px;
		}

	#teaknow06 dl dd.img1{
		background:url(../img/teaknow06_img1.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img2{
		background:url(../img/teaknow06_img2.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img3{
		background:url(../img/teaknow06_img3.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img4{
		background:url(../img/teaknow06_img4.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img5{
		background:url(../img/teaknow06_img5.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img6{
		background:url(../img/teaknow06_img6.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img7{
		background:url(../img/teaknow06_img7.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img8{
		background:url(../img/teaknow06_img8.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img9{
		background:url(../img/teaknow06_img9.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img10{
		background:url(../img/teaknow06_img10.jpg) no-repeat left 4px;
	}
	#teaknow06 dl dd.img11{
		background:url(../img/teaknow06_img11.jpg) no-repeat left 4px;
	}

	#main #teaknow06 p.pagenavi{
		clear:both;
		margin:0px 30px 0 0;
		padding:47px 0 10px 0;
	}

	#main #teaknow07 {
		margin-bottom:45px;
	}
	#teaknow07 dl{
		margin:0 0 30px 0;
	}
	#teaknow07 dl dt{
		background:url(../img/glo_h3_bg.jpg) no-repeat left bottom;
		line-height:1;
		font-size:1.16em;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",san-serif;
		padding:4px 10px 14px 37px;
		color:#336600;
	}
	#teaknow07 dl dd{
		padding-left:140px;
		min-height:120px;
		_height:120px;
	}
		#teaknow07 dl dd p{
			margin-bottom:15px;
		}
		#teaknow07 dl dd img{
			margin-bottom:5px;
		}
	#teaknow07 dl dd.img1{
		background:url(../img/teaknow07_img1.jpg) no-repeat left top
	}
	#teaknow07 dl dd.img2{
		background:url(../img/teaknow07_img2.jpg) no-repeat left top
	}
	#teaknow07 dl dd.img3{
		background:url(../img/teaknow07_img3.jpg) no-repeat left top
	}
	#teaknow07 dl dd.img4{
		background:url(../img/teaknow07_img4.jpg) no-repeat left top
	}
	#teaknow07 dl dd.img5{
		background:url(../img/teaknow07_img5.jpg) no-repeat left top
	}
	#teaknow07 dl dd.img6{
		background:url(../img/teaknow07_img6.jpg) no-repeat left top
	}