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

/* cssの初期化 */
*{
	margin:0;
	padding:0;
	list-style-type:none;
}
img{
	border:none;
}
a{
	color:#990000;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{
	display:block;
	margin-bottom:15px;
}

img.img_left{
	float:left;
	margin:0 10px 10px 0;
}
img.img_right{
	float:right;
	margin:0 0 10px 10px;
}
img.img_center{
	margin:0 auto;
}


/*↓スタイル設定↓*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
	line-height:1.4;
	background:url(images/bg01.jpg) repeat-x #ECDED5;
}
body#top{
	background:url(images/bg.jpg) repeat-x #ECDED5;
}
div#header{
	display:block;
	background:url(images/header.jpg) no-repeat;
	width:1300px;
	height:207px;
	margin:0 auto;
}
div#header h1{
	display:block;
	width:460px;
	height:207px;
	margin:0 auto;
}
div#header h1 a{
	display:block;
	width:460px;
	height:207px;
	text-indent:-9999px;
}
div#mainimage{
	display:block;
	width:1300px;
	margin:0 auto;
}

/*navi*/
ul#navi{
	display:block;
	width:940px;
	height:60px;
	margin:0 auto;
	background:url(images/navi.jpg) no-repeat;
}
ul#navi li{
	display:block;
	height:60px;
	float:left;
}
ul#navi li a{
	display:block;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#navi li.li01,ul#navi li.li01 a{
	width:178px;
}
ul#navi li.li01 a:hover{
	background:url(images/navi_r.jpg) no-repeat 0px 0px;
}
ul#navi li.li02,ul#navi li.li02 a{
	width:179px;
}
ul#navi li.li02 a:hover{
	background:url(images/navi_r.jpg) no-repeat -178px 0px;
}
ul#navi li.li03,ul#navi li.li03 a{
	width:185px;
}
ul#navi li.li03 a:hover{
	background:url(images/navi_r.jpg) no-repeat -357px 0px;
}
ul#navi li.li04,ul#navi li.li04 a{
	width:204px;
}
ul#navi li.li04 a:hover{
	background:url(images/navi_r.jpg) no-repeat -542px 0px;
}
ul#navi li.li05,ul#navi li.li05 a{
	width:194px;
}
ul#navi li.li05 a:hover{
	background:url(images/navi_r.jpg) no-repeat -746px 0px;
}

/*wrapper*/
div#wrapper_top,
div#wrapper{
	display:block;
	height:100%;
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	background:#ECDED5;
}
div#wrapper_top{
	width:940px;
}
div#wrapper:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}

/*main*/
div#main{
	display:block;
	width:710px;
	float:right;
}
div.crumb{
	display:block;
	font-size:11px;
	text-align:right;
	margin:0 0 20px 0;
}
div#main h2{
	display:block;
	width:660px;
	background:url(images/bg_title.jpg) no-repeat #140707;
	height:25px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	line-height:1.4;
	padding:5px 0 0 50px;
	margin-bottom:25px;
}
div#main h3{
	display:block;
	width:690px;
	background:url(images/icn01.jpg) no-repeat #AF876F 0px 10px;
	height:25px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	line-height:1.4;
	padding:5px 0 0 20px;
	margin-bottom:25px;
}

div.contentBox{
	display:block;
	margin-bottom:30px;
}

table.tbl01{
	width:710px;
	border:#AF876F 1px solid;
	border-collapse:collapse;
}
table.tbl01 th{
	border:#AF876F 1px solid;
	background:#D7C3B7;
	padding:8px;
	vertical-align:top;
	text-align:left;
	width:120px;
}
table.tbl01 td{
	border:#AF876F 1px solid;
	background:#FFF;
	padding:8px;
	vertical-align:top;
}

/*side*/
div#side{
	display:block;
	width:250px;
	float:left;
}

div#sideProduct{
	display:block;
	width:250px;
	background:#FFF;
	margin-bottom:20px;
}
div#sideProduct h3{
	display:block;
	margin-bottom:15px;
}
div#sideProduct ul{
	display:block;
	width:230px;
	margin:0 auto 10px auto;
}
div#sideProduct ul li{
	display:block;
	border-bottom:#AF876F 1px dotted;
	background:url(images/icn01.jpg) no-repeat 3px 4px;
	padding:0 0 8px 22px;
	margin-bottom:8px;
	line-height:1.3;
}
div#side div.side_pickup{
	display:block;
	padding:30px 0 0 0;
}
div#side div.side_pickup h3{
	display:block;
	margin-bottom:15px;
}
div#side div.side_pickup img{
	margin-bottom:10px;
}
div#side a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*foooter*/
div#footer{
	display:block;
	clear:both;
	width:100%;
	background:#140707;
	padding:25px 0;
	text-align:center;
}
div#footer address{
	display:block;
	clear:both;
	background:url(images/copyright.jpg) no-repeat;
	width:282px;
	height:26px;
	text-indent:-9999px;
	margin:0 auto;
}
div#footer p{
	display:block;
	color:#ECDED5;
	font-size:11px;
}
div#footer p a{
	color:#ECDED5;
	text-decoration:underline;
}
div#footer p a:hover{
	text-decoration:none;
}

/*----- index.html [トップページ] -----*/
div#index_left{
	display:block;
	width:520px;
	float:left;
	padding-top:8px;
}
div#index_left h2{
	display:block;
	margin-bottom:15px;
}
div#index_left ul{
	display:block;
	width:540px;
	margin:0 -20px 0 0;
}
div#index_left ul li{
	display:block;
	width:250px;
	height:120px;
	float:left;
	margin:0 20px 20px 0;
}
div#index_left ul li img{
	width:250px;
	height:120px;
}
div#index_left ul li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
div#index_right{
	display:block;
	width:380px;
	float:right;
}
div#index_right div#news{
	display:block;
	width:380px;
	height:173px;
	background:#FFF;
	margin-bottom:20px;
}
div#index_right div#news h3{
	display:block;
	margin-bottom:15px;
}
div#index_right div#news ul{
	display:block;
	width:340px;
	height:120px;
	overflow:auto;
	margin:0 auto;
}
div#index_right div#news ul li{
	display:block;
	border-bottom:#AF876F 1px dotted;
	padding:0 7px;
	margin-bottom:7px;
}
div#index_right div#news ul li b{
	display:block;
	background:url(images/icn01.jpg) no-repeat 0 4px;
	font-weight:bold;
	font-size:12px;
	color:#990000;
	padding:0 0 0 18px;
	line-height:1.2;
}
div#index_right div.bnr{
	display:block;
}
div#index_right div.bnr a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

strong.subt{
	display:block;
	margin-bottom:7px;
}
strong.right{
	display:block;
	text-align:right;
}
strong.mincho{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*----- products/index.html [商品一覧] -----*/
p.link{
	display:block;
	text-align:center;
	margin-bottom:20px;
}
div.productList{
	display:block;
	clear:both;
	width:710px;
	height:100%;
	margin-bottom:30px;
}
div.productList div.product{
	display:block;
	background:url(images/bg02.jpg) repeat-x;
	width:170px;
	padding:15px;
	float:left;
	margin:0 15px 20px 15px;
}
div.productList div.clear{
	display:block;
	clear:both;
}
div.productList div.product img{
	width:164px;
	border:#FFF 3px solid;
	margin-bottom:5px;
}
div.productList div.product b{
	display:block;
	background:url(images/icn01.jpg) no-repeat 0 3px;
	padding:0 0 5px 18px;
	border-bottom:#AF876F 1px dotted;
	margin-bottom:7px;
}
div.productList div.product u{
	display:block;
	text-decoration:none;
	color:#C00;
	text-align:right;
	margin-bottom:5px;
}
div.productList div.product p{
	display:block;
	margin-bottom:15px;
}
div.productList div.product span{
	display:block;
	text-align:center;
}
div.productList div.product span img{
	width:139px;
	border:none;
}
div.productList div.product span a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#productDetail{
	display:block;
}
div#productDetail div.imgBig{
	display:block;
	text-align:center;
	margin-bottom:15px;
}
div#productDetail div.imgSmall{
	display:block;
	margin-bottom:30px;
}
div#productDetail div.imgBig img,
div#productDetail div.imgSmall img{
	border:#FFF 3px solid;
	margin:0 10px 10px 10px;
}
div#productDetail div.txt{
	display:block;
	clear:both;
	background:#FFF;
	padding:20px;
	margin-bottom:30px;
}
div#productDetail div.txt b{
	display:block;
	font-weight:bold;
	font-size:120%;
	margin:0 0 10px 0;
}
div#productDetail div.txt p{
	display:block;
	margin:0 0 15px 0;
}
div#productDetail div.txt form input.button{
	display:block;
	background:url(images/products/btn_toiawase.jpg) no-repeat #FFF;
	border:none;
	width:190px;
	height:25px;
	text-indent:-9999px;
	cursor: pointer;
}
div#productDetail div.txt span a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*----- contact.php [お問い合わせ] -----*/
input.input01{
	width:210px;
}
input.zen{
	ime-mode: active;
}
input.han{
	ime-mode: inactive;
}
textarea{
	width:450px;
	height:100px;
	padding:2px;
}
table#thwidth2 th{
	width:170px;
}
div.contactBtn{
	display:block;
	text-align:center;
	padding:15px 0;
}
div.contactBtn input{
	padding:5px 10px;
}
div.contactBtn p{
	display:block;
	margin-bottom:10px;
}
div.contactBtn form{
	display:inline;
}
div.hiddenBtn{
	display:none;
}
span.must{
	color:#C00;
}

div.error{
	display:block;
	background:#F9F4F2;
	padding:15px;
	color:#C00;
	margin-bottom:15px;
}

/*----- aboutTealeaf.html [お茶について] -----*/
div#aboutTealeaf{
	display:block;
	margin:0 15px 30px 15px;
}
div#aboutTealeaf p{
	margin-bottom:20px;
	line-height:1.6;
}
div#aboutTealeaf strong{
	display:block;
	text-align:right;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*----- aboutTeaset.html [茶器について] -----*/
div#aboutTeaset{
	display:block;
	margin-bottom:30px;
}
div#aboutTeaset p{
	margin-bottom:20px;
}
div#aboutTeaset div.Teasetbox{
	display:block;
	background:#FFF;
	margin:0 15px 30px 15px;
	padding:20px;
}
div#aboutTeaset div.Teasetbox:after{
	clear:both;
	content:"";
	height:0;
	display:block;
}
div#aboutTeaset div.Teasetbox h3{
	display:block;
	background:none;
	color:#300;
	font-size:150%;
	margin-bottom:10px;
	width:auto;
	text-align:center;
}
div#aboutTeaset div.Teasetbox h3.dot{
	border-bottom:#300 1px dotted;
	padding:0 0 8px 0;
	margin-bottom:25px;
}
div#aboutTeaset div.Teasetbox b{
	display:block;
	border-bottom:#300 1px dotted;
	padding:0 0 8px 0;
	margin-bottom:25px;
	text-align:center;
	color:#300;
}
div#aboutTeaset div.Teasetbox p{
	display:block;
	margin:0 15px 20px 15px;
	line-height:1.6;
}


/*----- privacy.html [個人情報保護] -----*/
div#privacy{
	display:block;
	margin-bottom:50px;
}
div#privacy p{
	margin-bottom:30px;
}
div#privacy dt{
	display:block;
	border-bottom:#300 1px dotted;
	font-weight:bold;
	font-size:110%;
	padding:0 0 5px 18px;
	margin-bottom:10px;
	background:url(images/icn01.jpg) no-repeat 0 5px;
}
div#privacy dd{
	display:block;
	margin:0 0 50px 15px;
	line-height:1.5;
}





/*clear fix*/
ul#navi:after,
div#wrapper:after,div#wrapper_top:after,
div#wrapper div#index_left ul:after,
div.productList:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}