@charset "utf-8";


/* format */

#title-format-frame{
	position: relative;
	width:716px;
	height:177px;
	margin:0;
	overflow:hidden;
	zoom:1;
}
#title-format-frame .title-text{
	position:absolute;
	top:0;
	left:0;
}
#title-format-frame p.title-img{
}
.lead-text{
	margin:0 0 10px;
}
.lead-text p{
	font-size:100%;
	line-height:1.5;
}
.lead-text2{
	margin:0 0 30px;
}
.lead-text2 p{
	padding:0 0 0 1em;
	text-indent:-1em;
	font-size:100%;
	line-height:1.5;
}

.frame h1{
	margin:0 0 30px;
	margin-top:20px !important;
	padding:3px 12px;
	background: url(../img/template/bg_h1.gif) repeat 0 0;
	font-size:144%;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	clear:both;
	font-family: "Ryumin Medium KL","リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.frame h2{
	margin:20px 0 30px;
	padding:3px 0 2px 34px;
	background: url(../img/template/icn_h2.gif) no-repeat 0 0;
	border-bottom:solid 2px #82b74d;
	font-size:144%;
	line-height:1.2;
	color:#000;
	font-weight:bold;
	font-family: "Ryumin Medium KL","リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.frame h2 em{
	font-style:normal;
	font-size:69%;
}
.frame h3{
	margin:10px 0 15px;
	padding:0 0 3px;
	border-bottom:dotted 1px #555;
	font-size:123.1%;
	line-height:1.2;
	color:#390;
	font-weight:bold;
	font-family: "Ryumin Medium KL","リュウミン M-KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.format01{
	margin:0 0 20px;
}
.format01 p.txt{
	margin:0 0 18px;
	font-size:100%;
	line-height:1.5;
}

.panorama-list {
    margin-top:-15px;
}

.panorama-list li {
	float:left;
	padding:8px;
	border:solid 1px #cccccc;
	width:207px;
	margin-right:20px;
	margin-bottom:20px;
}

.panorama-list li.rightblock {
	float:left;
	padding:8px;
	border:solid 1px #cccccc;
	width:207px;
	margin-right:0px;
	margin-bottom:20px;
}


.panorama-list h2 {
	background-image:none;
	margin:0;
	padding-left:0px;
	padding-bottom:8px;
	border:none;
}

.panorama-list li p {
	margin-bottom:8px;
}

.format02{
	margin:0 0 30px;
}
.format02 p{
	margin:0 0 10px;
	font-size:100%;
	line-height:1.5;
}
.format03{
	margin:0 0 30px;
}
.format03 p{
	margin:0 0 10px;
	font-size:100%;
	line-height:1.5;
}
.format03 ul{
	overflow:hidden;
	zoom:1;
}
.format03 li{
	float:left;
	width:143px;
}
.format03 li p.img{
	min-height:116px;
	text-align:center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.format03 li p.link {
	margin-top:-10px;
	padding:0 0 10px;
	text-align:center;
}

.format05 p.link{
	margin-top:0px;
	text-align:center;
	margin-left: -20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.format03 li p.link a {
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.format05 p.link a {
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.format04 p.img{
	min-height:116px;
	text-align:center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.format04 p.link{
	margin-top:-10px;
	padding:0 0 10px;
	text-align:center;
}

.format04 p.link a{
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.format04,
.format05{
	margin:0 0 0px;
	overflow:hidden;
	zoom:1;
}
.format04 .img-frame{
	float: right;
}
.format05 .img-frame{
	float: left;
}
.format04 .img-frame p.img{
	padding:0 0 5px 10px;
}
.format04 .img-frame p.caption{
	padding:0 0 10px 10px;
	font-size:85%;
	line-height:1.2;
}

dl.caption dt {
	position: relative;
}

dl.caption dt span {
	position: absolute;
	color:#666;
	font-size:85%;
	line-height:1.3;
}

dl.caption dd {
  padding-left: 1em;
	color:#666;
	font-size:85%;
	line-height:1.3;
}

.caption2 {
	padding-top:10px;
	clear:both;
	margin-left:284px;
}
.assam,
.daaj {
	clear:none !important;
	width:430px;
	float:right;
	margin-left:0;
}

dl.caption2 dt {
	position: relative;
}

dl.caption2 dt span {
	position: absolute;
	color:#666;
	font-size:85%;
	line-height:1.3;
}

dl.caption2 dd {
  padding-left: 1em;
	color:#666;
	font-size:85%;
	line-height:1.3;
}
dl.caption2 dd.num {
  padding-left: 2em;
}


.format05 .img-frame p.img{
	padding:0 10px 5px 0;
}
.format05 .img-frame p.caption{
	padding:0 10px 10px 0;
	font-size:85%;
	line-height:1.2;
}
.format04 div.txt-frame,
.format05 div.txt-frame{
	float:left;
}
.format04 div.txt-frame p,
.format05 div.txt-frame p{
	margin:0 0 1em;
	font-size:100%;
	line-height:1.5;
}
.format04 p.txt,
.format05 p.txt{
	margin:0 0 1em;
	font-size:100%;
	line-height:1.5;
}
.format04 ul,
.format05 ul{
	margin:0 0 1em;
	padding:0 0 0 20px;
	list-style: disc;
	overflow:hidden;
	zoom:1;
}
.format04 li,
.format05 li{
	margin:0;
	padding:0 0 8px;
	font-size:100%;
	line-height:1.5;
}
.format06{
	margin:0 0 10px;
	overflow:hidden;
	zoom:1;
}

.format06 .ruby {
    display: inline-table;
    margin: 0;
    padding: 0;
    border: none;
    white-space: nowrap;
    text-indent: 0;
    vertical-align: text-bottom;
    }

.format06 .rb {
    display: table-row;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 100%;
    text-align: center;
    }

.format06 .rt, a:link rt, a:visited rt {
    display: table-header-group;
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    font-size: 50%;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    }

.format06 .rp {
    display: none;
    }

.format06 table{
	width:712px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#afb0b0;
}

*html .format06 table{
	border-spacing:0.5px;
}

.format06 table.w-auto{
	width: auto;
}
.format06 table th,
.format06 table td{
	padding:8px;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	border:solid 1px #fff;
	background-color:#fff;
	text-align:left;
}
.format06 table .nw{
	white-space: nowrap;
}
.format06 table th.center,
.format06 table td.center{
	text-align: center;
}
.format06 table th.right,
.format06 table td.right{
	text-align:right;
}
.format06 table .color1{
	background-color:#c8b787;
}
.format06 table .color2{
	background-color:#efe7cd;
}
.format06 p.caption{
	width:714px;
	padding:3px 0 15px;
	font-size:85%;
	line-height:1.2;
	text-align:right;
}
.format06 p.caption-g{
	color:#666;
}
.format06 dl.t10{
	padding-top:10px;
}
.format06 ul.img-frame{
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
}
.format06 .img-frame li{
	float:left;
	width:241px;
}
.format06 .img-frame li.fin{
	width:232px;
}
.format06 .img-frame li p.txt{
	width:208px;
	padding:3px 3px 0;
	font-size:93%;
	line-height:1.2;
}
.format06 ul.img-frame2{
	overflow:hidden;
	zoom:1;
}
.format06 .img-frame2 li{
	float:left;
	width:143px;
}
.format06 .img-frame2 li p.img{
	min-height:116px;
	padding:0 0 10px;
	text-align:center;
}
.format06 .img-frame2 li p.link{
	padding:0 0 10px;
	text-align:center;
}
.format06 .img-frame2 li p.link a{
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.tar {
	text-align:right;
}

.format06 #h30 {
	height:30px;
}

.format06 .point {
	position:relative;
	margin-top:10px;
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
}

.format06 .point .fukidashi {
	position:absolute;
	top:28px;
	left:59px;
}

.format06 .point dl dd #waku_top , .format06 .point dl dd #waku_bottom {
	margin:0px;
	padding:0px;
}

.format06 .point dl dt {
	float:left;
	width:73px;
	margin-right:0px;
	padding-right:0px;
}

.format06 .point dl dd {
	float:right;
	margin-left:0px;
	width:639px;
	padding-left:0px;
	margin-right:4px;
}

.format06 .point dl dd span {
	display:block;
	width:601px;
	padding-left:17px;
	padding-right:17px;
	padding-top:5px;
	padding-bottom:7px;
	border-left:solid 2px #c95e5d;
	border-right:solid 2px #c95e5d;
	margin-top:0px;
	margin-bottom:0px;
}

.format06 .point p.mt10{
	margin-top:10px;
}

strong.green {
	color:#339900;
	font-weight:normal;
}


.format06 .howto_list {
	clear:both;
	background-image: url(/common/img/format/dotted_gray_height.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-bottom:0px;
	margin-top:0px;
}

.format06 .mb30 {
	margin-bottom:10px;
}

.format06 .number {
	width:36px;
	height:36px;
	margin-bottom:9px;
	display:block;
}

.format06 .number_f {
	width:36px;
	height:36px;
	margin-bottom:9px;
	display:block;
	float:left;
	margin-right:10px;
}

.format06 .clear {
	clear:both;
	display:block;
}

.format06 .howto_list_over {
	padding-top:27px;
	padding-bottom:28px;
	background:#ffffff;
	background-image: url(/common/img/format/dotted_gray_side.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.format06 .howto_list .li_left {
	float:left;
	width:344px;
	padding-top:27px;
	padding-right:13px;
	padding-bottom:28px;
	background-image: url(/common/img/format/dotted_gray_side.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
	_zoom:1;
}

.format06 .howto_list .li_right {
	float:right;
	width:344px;
	padding-top:27px;
	padding-right:0px;
	padding-bottom:28px;
	padding-left:11px;
	background-image: url(/common/img/format/dotted_gray_side.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
	_zoom:1;
}


.format06 .howto_list .li_top {
	padding-top:0px;
	background-image:none !important;
}

.format06 .attention {
	color:#348900;
}

.format06 .attention_f {
	color:#348900;
	padding-top:10px;
	display:block;
}

*:first-child+html .howto_list li {
	float:left;
}

* html .format06 .howto_list li {
	float:left;
}

* html .format06 ul .li_right {
	padding-right:0px;
	padding-bottom:28px;
	padding-left:11px;
}

.format06 .imgright {
	float:right;
	margin-left:6px;
	margin-bottom:9px;
}

.format06 .howto_teapack {
	background-image: url(/how_to_brew/img/img_top_howto_teapack.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:4px;
}

.format06 .howto_teapack .inner_ht {
	background-image: url(/how_to_brew/img/bg_howto_teapack.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.format06 .howto_teapack .inner_ht dl {
	padding-top:12px;
	background-image: url(/how_to_brew/img/img_charactor.png);
	background-repeat: no-repeat;
	background-position: 23px center;
}

.format06 .howto_teapack dl dt {
	float:left;
	margin-left:23px;
	margin-right:30px;
	width:122px;
	text-indent:-10000px;
}

* html .format06 .howto_teapack dl dt {
	float:left;
	margin-left:33px;
	margin-right:0px;
	width:122px;
	text-indent:-10000px;
}

.format06 .howto_teapack dl dd {
	float:left;
	width:523px;
}

.format06 .howto_teapack p {
	margin:17px 0 22px 3px;
}

.format06 .howto_teapack p.img-right {
	float:right;
	margin:17px 0 3px;
}
.format06 .howto_teapack p.img-right img {
	margin:0 3px 3px 6px;
}

.format06 .howto_teapack ul {
	margin-left:3px;
	margin-top:17px;
}

* html .format06 .howto_teapack ul {
	margin-left:13px;
	margin-top:17px;
}

.format06 .howto_teapack h4{
	font-size:144%;
	line-height:1.3;
	font-weight:normal;
	color:#390;
	background-image: url(../../how_to_brew/img/bg_ttl_howto_teapack.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.format06 .howto_teapack h4 .fs16 {
	font-size:18px;
}

.format06 .howto_teapack ul li {
	margin-left:15px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

*:first-child+html .format06 .howto_teapack ul li {
	margin-left:21px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

.detail_text {
	display:block;
	margin-top:3px;
	color:#000000;
}

.format07{
	width:714px;
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
}
.format07 ul{
	float:left;
	width:422px;
	padding:0 0 0 20px;
	list-style: disc;
	overflow:hidden;
	zoom:1;
}
.format07 ul.btm20{
	padding-bottom:1em;
}

.format07 li{
	margin:0;
	padding:0 0 8px;
	font-size:100%;
	line-height:1.5;
}
.format07 p.img{
	float:right;
}
.format08{
	width:714px;
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
}
.format08 ol{
	margin:0;
	padding:0 0 0 20px;
	list-style: decimal;
	overflow:hidden;
	zoom:1;
}
.format08 li{
	margin:0;
	padding:0 0 8px;
	font-size:100%;
	line-height:1.5;
}

.format09{
	width:714px;
	margin:0 0 30px;
}
.format09 p{
	margin:0 0 18px;
	font-size:100%;
	line-height:1.5;
}
.format09 p.img{
	margin:0 0 5px;
}
.format09 p.caption{
	margin:0;
	font-size:85%;
	line-height:1.5;
	text-align:right;
}
.format10{
	width:714px;
	margin:0;
	overflow:hidden;
	zoom:1;
}
.format10 img{
  float:left;
}
.format10 .img-area{
  float:left;
}
.format10 .img-area img{
  float: none;
}

.format10 div {
	float:right;
	width:234px;
}

.format10 table{
	width:234px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#afb0b0;
}
.format10 table th,
.format10 table td{
	padding:8px;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	border:solid 1px #fff;
	background-color:#fff;
	text-align:left;
}
.format10 table .nw{
	white-space: nowrap;
}
.format10 table th.center,
.format10 table td.center{
	text-align: center;
}
.format10 table th.right,
.format10 table td.right{
	text-align:right;
}
.format10 table .color1{
	background-color:#c8b787;
}
.format10 table .color2{
	background-color:#efe7cd;
}
.format10 p.caption{
	margin-left:480px;
	width:234px;
	padding:3px 0 15px !important;
	font-size:85%;
	line-height:1.2;
	text-align:right;
}

.fleft{
	float:left;
}

.format11{
	width:714px;
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
}
.format11 img{
  float:left;
}
.format11 table{
	float:right;
	width:450px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#afb0b0;
}
.format11 table th,
.format11 table td{
	padding:8px;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	border:solid 1px #fff;
	background-color:#fff;
	text-align:left;
}
.format11 table .nw{
	white-space: nowrap;
}
.format11 table th.center,
.format11 table td.center{
	text-align: center;
}
.format11 table th.right,
.format11 table td.right{
	text-align:right;
}
.format11 table .color1{
	background-color:#c8b787;
}
.format11 table .color2{
	background-color:#efe7cd;
}
.format11 p.caption{
	width:714px;
	padding:3px 0 15px;
	font-size:85%;
	line-height:1.2;
	text-align:right;
}
.format12{
	width:714px;
	background: url(../img/format/bg_format_12_mid.gif) repeat-y 0 0;
	margin:0 0 20px;
	clear:both;
}
.format12 dl{
	background: url(../img/format/bg_format_12_top.gif) no-repeat 0 0;
}
.format12 dt{
	padding:15px 15px 5px;
	font-size:144%;
	line-height:1.3;
	color:#390;
	background: url(../img/format/bg_format_12_line.gif) no-repeat center bottom;
}
.format12 dd{
	padding:15px 15px 32px;
	font-size:100%;
	line-height:1.5;
	background: url(../img/format/bg_format_12_btm.gif) no-repeat left bottom;
	overflow:hidden;
	zoom:1;
}
.format12 dd ul.right-space{
	float:left;
	width:400px;
}
.format12 dd p.right-img{
	float:left;
	width:284px;
	text-align:right;
}
.format12 dd p.btm1{
	margin-bottom:1em;
}
.format12 dd ul li {
	margin-left:15px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}
.format12 dd ul li {
	margin-left:25px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

.format12 dd ul li .detail_text {
	display:block;
	margin-top:3px;
	color:#000000;
}

.format13{
	width:714px;
	margin:0;
	overflow:hidden;
	zoom:1;
	clear:both;
}
.format13 img{
  float:left;
}
.format13 table{
	float:right;
	width:430px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#afb0b0;
}
.format13 table th,
.format13 table td{
	padding:8px;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	border:solid 1px #fff;
	background-color:#fff;
	text-align:left;
}
.format13 table .nw{
	white-space: nowrap;
}
.format13 table th.center,
.format13 table td.center{
	text-align: center;
}
.format13 table th.right,
.format13 table td.right{
	text-align:right;
}
.format13 table .color1{
	background-color:#c8b787;
}
.format13 table .color2{
	background-color:#efe7cd;
}
.format13 p.caption{
	width:714px;
	padding:3px 0 15px;
	font-size:85%;
	line-height:1.2;
	text-align:right;
}


.format14{
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
}

.format14 .leftbox {
	float:left;
	width:420px;
}

.format14 .rightbox {
	float:right;
	width:280px;
}

.format14 .leftbox table , .format14 .rightbox table {
	width:100%;
}

.format14 table{
	width:712px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#afb0b0;
}
.format14 table.w-auto{
	width: auto;
}
.format14 table th,
.format14 table td{
	padding:8px;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	border:solid 1px #fff;
	background-color:#fff;
	text-align:left;
}
.format14 table .nw{
	white-space: nowrap;
}
.format14 table th.center,
.format14 table td.center{
	text-align: center;
}
.format14 table th.right,
.format14 table td.right{
	text-align:right;
}
.format14 table .color1{
	background-color:#b8dec3;
}
.format14 table .color2{
	background-color:#eaf2d7;
}
.format14 p.caption{
	width:714px;
	padding:3px 0 15px;
	font-size:85%;
	line-height:1.2;
	text-align:right;
}
.format14 ul.img-frame{
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
}
.format14 .img-frame li{
	float:left;
	width:241px;
}
.format14 .img-frame li.fin{
	width:232px;
}
.format14 .img-frame li p.txt{
	width:208px;
	padding:3px 3px 0;
	font-size:93%;
	line-height:1.2;
}
.format14 ul.img-frame2{
	overflow:hidden;
	zoom:1;
}
.format14 .img-frame2 li{
	float:left;
	width:143px;
}
.format14 .img-frame2 li p.img{
	min-height:116px;
	padding:0 0 10px;
	text-align:center;
}
.format14 .img-frame2 li p.link{
	padding:0 0 10px;
	text-align:center;
}
.format14 .img-frame2 li p.link a{
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.format15 .howto_teapack {
	background-image: url(/how_to_brew/img/img_top_howto_teapack.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:4px;
}

.format15 .howto_teapack .inner_ht {
	background-image: url(/how_to_brew/img/bg_howto_teapack.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.format15 .howto_teapack .inner_ht dl {
	padding-top:12px;
	background-image: url(/how_to_brew/img/img_chinesetea.png);
	background-repeat: no-repeat;
	background-position: 23px center;
}

.format15 .howto_teapack dl dt {
	float:left;
	margin-left:23px;
	margin-right:30px;
	width:122px;
	text-indent:-10000px;
}

* html .format15 .howto_teapack dl dt {
	float:left;
	margin-left:33px;
	margin-right:0px;
	width:122px;
	text-indent:-10000px;
}

.format15 .howto_teapack dl dd {
	float:left;
	width:523px;
}

.format15 .howto_teapack p {
	margin:17px 0 22px 3px;
}

.format15 .howto_teapack p.img-right {
	float:right;
	margin:17px 0 3px;
}
.format15 .howto_teapack p.img-right img {
	margin:0 3px 3px 6px;
}

.format15 .howto_teapack ul {
	margin-left:3px;
	margin-top:17px;
}

* html .format15 .howto_teapack ul {
	margin-left:13px;
	margin-top:17px;
}

.format15 .howto_teapack h4{
	font-size:144%;
	line-height:1.3;
	font-weight:normal;
	color:#390;
	background-image: url(../../how_to_brew/img/bg_ttl_howto_teapack.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.format15 .howto_teapack h4 .fs16 {
	font-size:18px;
}

.format15 .howto_teapack ul li {
	margin-left:15px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

*:first-child+html .format15 .howto_teapack ul li {
	margin-left:21px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

.format16 .howto_teapack {
	background-image: url(/how_to_brew/img/img_top_howto_teapack.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:4px;
}

.format16 .howto_teapack .inner_ht {
	background-image: url(/how_to_brew/img/bg_howto_teapack.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.format16 .howto_teapack .inner_ht dl {
	padding-top:12px;
	background-image: url(/how_to_brew/img/img_blacktea.png);
	background-repeat: no-repeat;
	background-position: 23px center;
}

.format16 .howto_teapack dl dt {
	float:left;
	margin-left:23px;
	margin-right:30px;
	width:122px;
	text-indent:-10000px;
}

* html .format16 .howto_teapack dl dt {
	float:left;
	margin-left:33px;
	margin-right:0px;
	width:122px;
	text-indent:-10000px;
}

.format16 .howto_teapack dl dd {
	float:left;
	width:523px;
}

.format16 .howto_teapack p {
	margin:17px 0 22px 3px;
}

.format16 .howto_teapack p.img-right {
	float:right;
	margin:17px 0 3px;
}
.format16 .howto_teapack p.img-right img {
	margin:0 3px 3px 6px;
}

.format16 .howto_teapack ul {
	margin-left:3px;
	margin-top:17px;
}

* html .format16 .howto_teapack ul {
	margin-left:13px;
	margin-top:17px;
}

.format16 .howto_teapack h4{
	font-size:144%;
	line-height:1.3;
	font-weight:normal;
	color:#390;
	background-image: url(../../how_to_brew/img/bg_ttl_howto_teapack.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.format16 .howto_teapack h4 .fs16 {
	font-size:18px;
}

.format16 .howto_teapack ul li {
	margin-left:15px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

*:first-child+html .format16 .howto_teapack ul li {
	margin-left:21px;
	list-style-type: decimal;
	color:#348900;
	list-style-position: outside;
	margin-bottom:22px;
}

.related{
	clear:both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 0px;
}

.format06 .related {
	margin-top:20px;
}

.format10 .related {
	margin-top:20px;
}

.related dt{
	margin:0 0 10px;	
}
.related dd{
	margin:0 0 5px;	
}
.related a{
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.related2{
	clear:both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 60px;
	margin-left: 0;
	padding-top: 0px;
}
.related2 dt{
	margin:0 0 10px;	
}
.related2 dd{
	margin:0 0 5px;	
}
.related2 a{
	display: inline-block;
	padding:0 0 0 16px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow_gaibu.gif) no-repeat 0 5px;
}


.norelated{
	margin:0 0 30px !important;
}

*html .norelated{
	padding-bottom: 30px !important;
}

.relatedbtm{
	margin-bottom:18px;
}

.link-table{
	width:714px;
	margin:0 0 50px;
	border:solid 1px #407711;
	border-collapse:collapse;
}
.link-table td{
	width:33%;
	padding:10px;
	text-align:left;
	vertical-align:top;
	border:dotted 1px #555;
}

.link-table a{
	display: inline-block;
	padding:0 0 0 13px;
	font-size:100%;
	line-height:1.5;
	background: url(/common/img/template/arrow01.gif) no-repeat 0 3px;
}

.format07 .decimal_list {
	float:left;
	width:422px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.format07 .decimal_list ul {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left:0px;
	/padding-left:25px;
}


.format07 .decimal_list li{
	margin:0;
	padding:0 0 8px;
	font-size:100%;
	line-height:1.5;
}

#kakuken_list {
	margin-top:17px;
	margin-bottom:22px;
}

#kakuken_list li {
	float:left;
	margin-right:8px;
}

#kakuken_list li#last {
	float:left;
	margin-right:0px;
}

.tac {
	text-align:center;
}
.shizuok_panorama{
	position:relative;
	top:-30px;
	text-align:right;
}
.shizuok_panorama2{
	position:relative;
	top:-10px;
	text-align:right;
}

h2#graph_h2 {
	background-image:none;
	padding:0;
	margin-top:37px;
	margin-bottom:29px;
	border:none;
}

.mt20 {
	margin-top:20px !important;
}

.mb20 {
	margin-bottom:20px !important;
}

.mt23 {
	margin-top:23px;
}

#menumap {
	position:relative;
	width:714px;
	height:737px;
}

#menumap p img {
	position:absolute;
	top:0px;
	right:0px;
}

#mm01 {
	position:absolute;
	top:0px;
	left:0px;
}

#mm02 {
	position:absolute;
	top:0px;
	left:242px;
}

#mm03 {
	position:absolute;
	top:107px;
	left:0px;
}

#mm04 {
	position:absolute;
	top:107px;
	left:242px;
}

#mm05 {
	position:absolute;
	top:214px;
	left:0px;
}

#mm06 {
	position:absolute;
	top:214px;
	left:242px;
}

#mm07 {
	position:absolute;
	top:321px;
	left:0px;
}

#mm08 {
	position:absolute;
	top:321px;
	left:242px;
}

#mm09 {
	position:absolute;
	top:321px;
	left:484px;
}

#mm10 {
	position:absolute;
	top:428px;
	left:0px;
}

#mm11 {
	position:absolute;
	top:428px;
	left:242px;
}

#mm12 {
	position:absolute;
	top:428px;
	left:484px;
}

#mm13 {
	position:absolute;
	top:535px;
	left:0px;
}

#mm14 {
	position:absolute;
	top:535px;
	left:242px;
}

#mm15 {
	position:absolute;
	top:535px;
	left:484px;
}

#mm16 {
	position:absolute;
	top:642px;
	left:0px;
}

#mm17 {
	position:absolute;
	top:642px;
	left:242px;
}

#mm18 {
	position:absolute;
	top:642px;
	left:484px;
}

td.ttl , td.ttl2 {
	width:69px;
}

#howtostore_t #mainttl {
	background-image: url(../../how_to_brew/how_to_store/img/bg_reef_purple.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:32px;
	padding-top:7px;
	padding-bottom:4px;
	border-bottom:solid 2px #434e8f;
	margin-bottom:22px;
}

#howtostore_t td.imgarea {
	width:238px;
	text-align:center;
}

#howtostore_t .toparea {
	padding-bottom:12px;
}

#howtostore_t table {
	margin-top:31px;
	width:100%;
	margin-bottom:39px;
}

#howtostore_t td {
	vertical-align:middle;
	text-align:left;
	padding-bottom:1px;
	font-size:13px;
	line-height:18px;
}

#howtostore_t .border {
	background-image: url(../../how_to_brew/img/dotted_gray_side.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#howtostore_t tr {
}

#howtostore_t h2 {
	padding:0;
	margin:0;
	background:none;
	border:none;
}

#text_old {
	margin-top:14px;
	margin-bottom:30px;
	font-size:13px;
	line-height:18px;
}

.mb60 {
	margin-bottom:60px !important;
}

#maparea {
	position:relative;
	width:716px;
	height:533px;
}

#base {
	z-index:1;
	top:0;
	left:0;
	position:absolute;
}

#m01 {
	position:absolute;
	z-index:2;
	left:498px;
	top:8px;
}

#m02 {
	position:absolute;
	z-index:2;
	left:263px;
	top:136px;
}

#m03 {
	position:absolute;
	z-index:2;
	left:462px;
	top:270px;
}

#m04 {
	position:absolute;
	z-index:2;
	left:228px;
	top:376px;
}

#m05 {
	position:absolute;
	z-index:2;
	left:30px;
	top:363px;
}

#mm1 {
	position:absolute;
	z-index:2;
	top:221px;
	left:275px;
}

#mm2 {
	position:absolute;
	z-index:2;
	top:221px;
	left:372px;
}

#mm3 {
	position:absolute;
	z-index:2;
	top:169px;
	left:511px;
}

#mm4 {
	position:absolute;
	z-index:2;
	top:480px;
	left:314px;
}

#mm5 {
	position:absolute;
	z-index:2;
	top:480px;
	left:239px;
}

.format06 .point .redpoint h3 {
	font-size:20px;
	line-height:26px;
	color:#c95e5d;
	border:none;
}

.format06 .point .redpoint ul {
	margin-left:15px;
}

.format06 .point .redpoint ul li {
	color:#c95e5d;
	margin-bottom:10px;
	list-style-position: outside;
	list-style-type: disc;
}

.format06 .point .redpoint ul li.last {
	color:#c95e5d;
	margin-bottom:0px;
	list-style-position: outside;
	list-style-type: disc;
}

.box {
	clear:left;
	background-image: url(../../how_to_brew/nihoncha/img/box_middle.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 714px;
	margin-bottom:3px;
	font-size:13px;
	line-height:18px;
}

.inbox {
	background-image: url(../../how_to_brew/nihoncha/img/box_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 695px;
	padding-top:24px;
	padding-left:19px;
}

.inbox h2 , .box_ground .inbox h2 {
	background-image:none !important;
	border:none;
	padding:0;
	position:relative;
	z-index:3;
}

.inbox p {
	width:198px;
	margin-bottom:20px;
}

.leftsamebox {
	float:left;
	position:relative;
	width:330px;
}

.rightsamebox {
	float:right;
	position:relative;
	width:330px;
}

.imgleft {
	position:absolute;
	top:72px;
	left:210px;
	z-index:2;
}

.imgleft2 {
	position:absolute;
	top:103px;
	left:209px;
	z-index:2;
}

.imgright2 {
	position:absolute;
	top:102px;
	left:206px;
	z-index:2;
}

.bottomlink{
	font-size:100%;
	line-height:1.5;
	background-image: url(../img/template/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left:15px;
}

.bottomlink a {
	color:#663300;
}

.bottomlink a:hover {
	color:#663300;
	text-decoration:none;
}

.bottomlink a:visited {
	color:#663300;
}

.boxbottom {
	background-image: url(../../how_to_brew/nihoncha/img/box_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:37px;
}

.boxbottom .leftsamebox {
	padding-left:19px;
}

.box_ground {
	background-image: url(../../how_to_brew/nihoncha/img/box_ground_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 714px;
	margin-bottom:0px;
	font-size:13px;
	line-height:18px;
}

.box_ground .inbox {
	background-image: url(../../how_to_brew/nihoncha/img/box_ground_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 695px;
	padding-top:24px;
	padding-left:19px;
	position:relative;
}

.box_ground .img_ground {
	position:absolute;
	top:80px;
	left:576px;
}

.box_ground .inbox p {
	width:547px;
	margin-bottom:20px;
}

.box_ground .boxbottom {
	background-image: url(../../how_to_brew/nihoncha/img/box_ground_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:37px;
	padding-left:19px;
}

#meyasu {
	margin-bottom:30px;
}

#meyasu li {
	float:left;
}


#china_fllow {
	position:relative;
	height:435px;
	width:714px;
}


.popupbox {
	width: 284px;
	background-image: url(../../how_tea_is_made/process/img/bg_popup_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:10px;
}

.popupbox_inner {
	background-color: #f3f3f3;
	width: 260px;
	border-top:solid 1px #a7ca7e;
	border-left:solid 1px #a7ca7e;
	border-right:solid 1px #a7ca7e;
	padding-top:11px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:11px;
}

.popupbox_inner h3 {
	color:#c95e5d;
	font-size:16px;
	line-height:22px;
	border:none;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px !important;
	margin-bottom:2px !important;
}

.popupbox_inner p {
	line-height:18px;
}

#popup_01_1 {
	position:absolute;
	bottom:364px;
	left:87px;
	display:none;
}

#popup_01_2 {
	position:absolute;
	bottom:364px;
	left:400px;
	display:none;
}

#popup_01_3 {
	position:absolute;
	bottom:364px;
	left:491px;
	display:none;
}

#popup_02_1 {
	position:absolute;
	bottom:304px;
	left:400px;
	display:none;
}

#popup_03_1 {
	position:absolute;
	bottom:364px;
	left:180px;
	display:none;
}

#popup_03_2 {
	position:absolute;
	bottom:364px;
	left:270px;
	display:none;
}

#popup_03_3 {
	position:absolute;
	bottom:364px;
	left:584px;
	display:none;
}

#popup_03_4 {
	position:absolute;
	bottom:178px;
	left:400px;
	display:none;
}

#popup_04_1 {
	position:absolute;
	display:none;
}

#popup_04_1 {
	position:absolute;
	bottom:178px;
	left:180px;
	display:none;
}

#popup_04_2 {
	position:absolute;
	bottom:178px;
	left:270px;
	display:none;
}

#popup_04_3 {
	position:absolute;
	bottom:178px;
	left:584px;
	display:none;
}

#popup_04_4 {
	position:absolute;
	bottom:118px;
	left:400px;
	display:none;
}

#popup_05_1 {
	position:absolute;
	bottom:118px;
	left:584px;
	display:none;
}

#popup_06_1 {
	position:absolute;
	bottom:118px;
	left:180px;
	display:none;
}

#popup_07_1 {
	position:absolute;
	bottom:118px;
	left:491px;
	display:none;
}

.oishisa {
	width:714px;
	clear:both;
	display:block;
	overflow:hidden;
	zoom:1;
}

.oishisa h2 {
	width:122px;
	float:left;
	border:none;
	background:none;
	padding:0 !important;
	margin-right:23px;
}

.oishisa table{
	border-collapse:separate;
	border-spacing:1px;
	background-color:#afb0b0;
}
.oishisa table.w-auto{
	width: auto;
}
.oishisa table th,
.oishisa table td{
	padding:8px;
	font-weight:normal;
	border:solid 1px #fff;
	background-color:#fff;
	text-align:left;
}

.oishisa table {
	float:left;
	width:305px;
	margin-right:13px;
	background-color:#ffffff;
}

.oishisa th , .oishisa td {
	vertical-align:top;
	text-align:left;
	border:none;
	font-size:15px;
	line-height:24px;
}

.oishisa th {
	color:#669933;
	width:90px;
}

.oishisa .border {
	background-image: url(../../how_to_brew/img/dotted_gray_side.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:0;
	margin:0;
	height:1px;
}

.oishisa ul {
	float:left;
}

.oishisa ul#p2 li {
	width:115px !important;
	margin-right:5px !important;
}

.oishisa ul#right {
	float:right;
	width:238px;
}

.oishisa ul#right li {
	width:238px;
}

.oishisa ul#right img {
	width:238px;
	float:right;
}




/* custom */

body.how_to_brew .frame h1{
	background: url(../img/template/bg_h1_howtoserve.gif) repeat 0 0;
}
body.how_to_brew .frame h2{
	background: url(../img/template/icn_h2_howtoserve.gif) no-repeat 0 0;
	border-color:#434e8f;
}
body.how_to_brew .frame h3{
	color:#434e8f;
}
body.how_to_brew .link-table{
	border-color:#434e8f;
}

body.components_and_health .frame h1{
	background: url(../img/template/bg_h1_components_and_health.gif) repeat 0 0;
}
body.components_and_health .frame h2{
	background: url(../img/template/icn_h2_components_and_health.gif) no-repeat 0 0;
	border-color:#7b680a;
}
body.components_and_health .frame h3{
	color:#7b680a;
}
body.components_and_health .link-table{
	border-color:#7b680a;
}


.cb{
	clear:both	
}


/* 余白制御 */

.h10 {
	height:10px;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
}

.h20 {
	height:20px;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
}

.h30 {
	height:30px;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
}