.css12 {  font-size: 12px; line-height: 125%}
.css10 {  font-size: 10px; line-height: 125%}
.css14 {  font-size: 14px; line-height: 125%}

.clear{
	clear:both	
}

/* お茶の淹れ方
--------------------------------------------------*/
#TeaBlock{
 margin: 10px 0;
}
    #TeaBlock .PageMenuBox{
     margin: 10px 10px 20px;
    }
        #TeaBlock .PageMenuBox ul{
         list-style: none;
        }
            #TeaBlock .PageMenuBox ul li{
             background: url(../homepage/tea/img/menu_list.gif) no-repeat 0% 50%;
             padding: 7px 15px 5px 20px;
             font-size: 100%;
             display: inline;
            }
                #TeaBlock .PageMenuBox ul li a:link     {text-decoration: none; color: #2e708c;}
                #TeaBlock .PageMenuBox ul li a:visited  {text-decoration: none; color: #2e708c;}
                #TeaBlock .PageMenuBox ul li a:active   {text-decoration: none; color: #2e708c;}
                #TeaBlock .PageMenuBox ul li a:hover    {text-decoration: underline; color: #333;}




#TeaBlock .HowtoBlock{
 margin: 0 auto 50px;
 width: 690px;
}
#TeaBlock .HowtoBlock h3{
 background: url(../homepage/tea/img/title_back.gif) no-repeat;
 margin: 0;
 padding: 5px 0 10px 35px;
 height: 23px;
 text-align: left;
}
:root *> #TeaBlock .HowtoBlock h3{
 padding: 5px 0 0 35px;
 height: 23px;
}



    #TeaBlock .HowtoBlock .CupText{
     margin: 0;
     text-align: right;
     font-size: 83%;
    }
    #TeaBlock .FlowArea{}
        #TeaBlock .FlowArea .PhotoBox{
         background: url(../homepage/tea/img/flow_arrow.gif) no-repeat 50% 100%;
         padding-bottom: 63px;
         float: left;
         width: 220px;
        }
        #TeaBlock .FlowEnd .PhotoBox{
         background: none;
         padding-bottom: 0;
         float: left;
         width: 220px;
        }
        #TeaBlock .FlowArea .TextBox{
         float: right;
         width: 450px;
        }
            #TeaBlock .FlowArea .TextBox h4{
             border-bottom: 3px double #ca7070;
             padding: 5px;
             margin: 20px 0 5px;
             text-align: left;
             font-size: 87.5%;
            }
                #TeaBlock .FlowArea .TextBox ul{
                 margin: 0 0 0 5px;
                }
                    #TeaBlock .FlowArea .TextBox li{
                     background: url(../homepage/tea/img/list_icon.gif) no-repeat 0 45%;
                     border-bottom: 1px dotted #ddd;
                     padding: 3px 0 3px 12px;
                     margin-bottom: 5px;
                     line-height: 1.2;
                     text-align: left;
                    }

#TeaBlock .StockBlock{
 margin: 0 auto;
 width: 690px;
 text-align: left;
}
#TeaBlock .StockBlock h3{
 background: url(../homepage/tea/img/title_back.gif) no-repeat;
 margin: 0 0 10px 0;
 padding: 5px 0 10px 35px;
 height: 23px;
 text-align: left;
}
:root *> #TeaBlock .StockBlock h3{
 padding: 5px 0 0 35px;
 height: 23px;
}
    #TeaBlock .StockBlock .Photo{
     float: right;
     margin: 0 0 10px 10px;
    }
    #TeaBlock .StockBlock h4{
     background: #fbeeee;
     width: 520px;
     padding: 5px;
     color: #ce4545;
     font-size: 87.5%;
     text-align: center;
    }
        #TeaBlock .StockBlock p{
         width: 520px;
         text-align: left;
        }
        
#TeaBlock .TeaMenuJump{
 font-size: 83%;
 text-align: right;
}
    #TeaBlock .TeaMenuJump span{
     border: 1px solid #ccc;
     padding: 1px;
     margin-right: 3px;
     font-size: 75%;
    }
            #TeaBlock .TeaMenuJump a:link     {text-decoration: none; color: #2e708c;}
            #TeaBlock .TeaMenuJump a:visited  {text-decoration: none; color: #2e708c;}
            #TeaBlock .TeaMenuJump a:active   {text-decoration: none; color: #2e708c;}
            #TeaBlock .TeaMenuJump a:hover    {text-decoration: none; color: #333;}

/* 会社案内
--------------------------------------------------*/

#CompanyBlock{
 text-align: center;
}
    #CompanyBlock h2{
     margin: 10px 0 15px;
     text-align: left;
    }
       #CompanyBlock h3{
         border-bottom: 3px double #6f5e22;
         padding-bottom: 3px;
         margin-bottom: 10px;
         text-align: left;
        }
        #CompanyBlock table.Access{
         border-collapse: collapse;
         margin: 0 auto 10px;
         width: 640px;
        }
        #CompanyBlock table.Access th,
        #CompanyBlock table.Access td{
         border-bottom: 2px solid #fff;
         padding: 3px;
         font-size: 83%;
         font-weight: normal;
        }
            #CompanyBlock table.Access th{
             background: #d9efb3;
            }

        #CompanyBlock #GoogleMap{
         margin: 30px auto;
         width: 640px;
         height: 480px;
        }


/* CompanyGaiyo */
#CompanyGaiyo{
 margin-bottom: 30px;
}
#CompanyGaiyo th,
#CompanyGaiyo td{
 border: 1px solid #999;
 font-size: 87.5%
}
#CompanyGaiyo th {
 background: #f6f2c8;
 width: 160px;
 padding: 5px;
 font-weight: normal;
 color: #3f320f;
}
#CompanyGaiyo table {
 border-collapse: collapse;
 margin: 0 auto;
 width: 640px;
}
#CompanyGaiyo table tr td {
	font-size: 14px;
	padding: 10px;
	width: 450px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}


/* CompanyInfo */
#CompanyInfo table{
 margin: 10px auto 30px;
}
    #CompanyInfo table td{
     text-align: center;
    }
        #CompanyInfo table td span{
         display: block;
         background: #d9efb3;
         padding: 5px;
         margin: 2px 0;
         font-size: 83%;
        }

/* Kodawari */
#Kodawari{
 margin: 0 auto;
 width: 640px;
}
#Kodawari h3{
 color: #bd3a00;
 border: none;
 border-bottom: 2px dotted #416011;
 padding: 0 5px;
 font-size: 100%;
 line-height: 1.4;
}
    #Kodawari h3 span{
     font-size: 87.5%;
     font-weight: normal;
    }

    #Kodawari strong{
     border-bottom: 1px solid #dfd5d1;
     background: #f6f2c8;
     display: block;
     padding: 3px;
     margin-bottom: 3px;
     font-size: 87.5%;
     text-align: center;
     font-weight: normal;
     color: #5F3323;
    }
        #Kodawari p{
         font-size: 83%;
         line-height: 1.4;
         margin: 0;
         margin-bottom: 10px;
         text-align: left;
        }




#CompanyInfo dl {
	margin-left: 30px;
}
#CompanyInfo .ShopList {
	width: 300px;
	text-align: center;
	float: left;
	margin-left: 30px;
}
#CompanyInfo .Kodawari {
	background-image: url(../homepage/kaisya/img/access_title1_20.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	color: #937C30;
	font-size: 15px;
	font-weight: bold;
}
#CompanyInfo .ShopList b {
	display: block;
	font-size: 13px;
}
#CompanyInfo dl dt {
	font-size: 15px;
	margin-bottom: 10px;
}
#CompanyInfo dl dd {
	font-size: 13px;
	margin-bottom: 15px;
}
#Access p b {
	color: #5759A8;
}



/* おすすめのお茶（商品案内）
--------------------------------------------------*/

#OsusumeBlock{
 margin: 10px 0;
}
#OsusumeBlock h2{
 margin: 0 0 15px 0;
}
#OsusumeBlock .LeadBlock{
 font-size: 87.5%;
 margin: 0px 10px 10px 10px;
}
    #OsusumeBlock .LeadBlock p{
      margin: 0px;
    }
    #OsusumeBlock .LeadBlock .Caution{
      color: #b51b1b;
      font-size: 125%;
      font-weight: bold;
    }
    #OsusumeBlock .LeadBlock .Link{
      margin-top: -3px;
      font-size: 100%;
      font-weight: bold;
    }
#OsusumeBlock .TabBox{
  border: solid #ccc 1px;
  padding: 20px 10px 0px 8px;
}

#OsusumeBlock .ProductsBlock{
 margin: 0 auto 25px;
 padding-top: 15px;
}
#OsusumeBlock .ProductsBlock h3{
 background: url(../homepage/tea/img/title_back.gif) no-repeat;
 margin: 0 0 15px 10px;
 padding: 5px 0 10px 35px;
 height: 23px;
 text-align: left;
}
:root *> #OsusumeBlock .ProductsBlock h3{
 padding: 5px 0 0 35px;
 height: 23px;
}
#OsusumeBlock .ProductsBlock h3 img{
  float: left;
}

/* 右端に寄せる時用(オススメ)
#OsusumeBlock .ProductsBlock h3 .Link{
  display: block;
  float: right;
  font-size: 67.5%;
  font-weight: normal;
  margin-top: -5px;
}
*/
#OsusumeBlock .ProductsBlock h3 .Link{
  font-size: 67.5%;
  font-weight: normal;
  margin-top: -5px;
  margin-left: 25px;
}

#OsusumeBlock .Link{
    background: url(../homepage/tea/img/menu_list.gif) no-repeat 0% 50%;
    padding: 7px 15px 5px 20px;
    font-size: 87.5%;
}
    #OsusumeBlock .Link a:link     {text-decoration: none; color: #2e708c;}
    #OsusumeBlock .Link a:visited  {text-decoration: none; color: #2e708c;}
    #OsusumeBlock .Link a:active   {text-decoration: none; color: #2e708c;}
    #OsusumeBlock .Link a:hover    {text-decoration: underline; color: #333;}
#OsusumeBlock .ProductsBlock .ProductsLeadBlock{
  font-size: 87.5%;
  margin-bottom: 10px;
  padding: 0px 35px;
}
    #OsusumeBlock .ProductsBlock .ProductsLeadBlock p{
      margin: 0 0 0 0;
      line-height: 150%;
    }
    #OsusumeBlock .ProductsBlock .ProductsLeadBlock .PhotoBox{
      float: left;
    }
    #OsusumeBlock .ProductsBlock .ProductsLeadBlock .TextBox{
      margin-left: 140px;
    }

#OsusumeBlock .ProductsBlock .UnitBlock{
 margin-bottom: 24px;
}
#OsusumeBlock .ProductsBlock .Unit{
 border: solid #ccc 1px;
 width: 328px;
 float: left;
 margin: 0 0 0 17px;
 display: inline;
}
    #OsusumeBlock .ProductsBlock .Unit .UnitDeatilBox{
     padding: 5px;
    }
    #OsusumeBlock .ProductsBlock .Unit .PhotoBox{
     float: left;
    }
    #OsusumeBlock .ProductsBlock .Unit .TextBox{
     margin-left: 165px;
    }
         #OsusumeBlock .ProductsBlock .Unit .TextBox p{
         font-size: 75%;
         line-height: 150%;
        }
            #OsusumeBlock .ProductsBlock .Unit .TextBox p.Price{
              font-weight: bold;
            }
        #OsusumeBlock .ProductsBlock .Unit .TextBox h4{
         border-bottom: 3px double #ca7070;
         margin: 0px;
         padding-top: 10px;
         padding-bottom: 3px;
         font-size: 87.5%;
         color: #b51b1b;
        }
            #OsusumeBlock .ProductsBlock .Unit .TextBox h4 span{
             font-size: 87.5%;
            }
#OsusumeBlock .ProductsBlock .ButtonBox{
 text-align: center;
}
    #OsusumeBlock .ProductsBlock .ButtonBox img{
     margin: 0px 3px;
    }

#OsusumeBlock .NoshiBlock{
}
    #OsusumeBlock .NoshiBlock p{
      margin: 0px;
    }
    #OsusumeBlock .NoshiBlock .NoshiUnitBlock{
      margin-bottom: 24px;
    }
        #OsusumeBlock .NoshiBlock .NoshiUnitBlock .NoshiUnit{
          float: left;
          width: 220px;
          border: solid #ccc 1px;
          margin-left: 10px;
        }
        #OsusumeBlock .NoshiBlock .NoshiUnitBlock .NoshiUnit .NoshiUnitDeatilBox{
          padding: 5px;
        }
        #OsusumeBlock .NoshiBlock .NoshiUnitBlock .NoshiUnit .Photo{
          font-size: 75%;
          float: left;
        }
        #OsusumeBlock .NoshiBlock .NoshiUnitBlock .NoshiUnit .Text{
          font-size: 75%;
          margin-left: 118px;
        }
            #OsusumeBlock .NoshiBlock .NoshiUnitBlock .NoshiUnit .Text span{
              font-size: 125%;
              font-weight: bold;
              color: #50664a;
            }

#OsusumeBlock .MenuJump{
 font-size: 83%;
 text-align: right;
}
    #OsusumeBlock .MenuJump span{
     border: 1px solid #ccc;
     padding: 1px;
     margin-right: 3px;
     font-size: 75%;
    }
            #OsusumeBlock .MenuJump a:link     {text-decoration: none; color: #2e708c;}
            #OsusumeBlock .MenuJump a:visited  {text-decoration: none; color: #2e708c;}
            #OsusumeBlock .MenuJump a:active   {text-decoration: none; color: #2e708c;}
            #OsusumeBlock .MenuJump a:hover    {text-decoration: none; color: #333;}




/* 注文フォーム
--------------------------------------------------*/
#OrderBlock{
}
    #OrderBlock .Flow{
     margin-bottom: 20px;
    }
    #OrderBlock .PageMenuBox{
     margin: 10px 10px 30px;
    }
        #OrderBlock .PageMenuBox ul{
         list-style: none;
        }
            #OrderBlock .PageMenuBox ul li{
             background: url(../homepage/tea/img/menu_list.gif) no-repeat 0% 50%;
             padding: 7px 15px 5px 20px;
             font-size: 100%;
             display: inline;
            }
                #OrderBlock .PageMenuBox ul li a:link     {text-decoration: none; color: #2e708c;}
                #OrderBlock .PageMenuBox ul li a:visited  {text-decoration: none; color: #2e708c;}
                #OrderBlock .PageMenuBox ul li a:active   {text-decoration: none; color: #2e708c;}
                #OrderBlock .PageMenuBox ul li a:hover    {text-decoration: underline; color: #333;}
    #OrderBlock h3{
      font-size: 87.5%;
      color: #67571e;
      border-bottom: double 3px #67571e;
      text-align: left;
      margin-bottom: 10px;
    }
    #OrderBlock .DefaultFormTable{
      
    }
#OrderBlock .MenuJump{
 font-size: 83%;
 text-align: right;
 margin: 0px 0px 15px 0px;
 padding: 0px;
}
    #OrderBlock .MenuJump span{
     border: 1px solid #ccc;
     padding: 1px;
     margin-right: 3px;
     font-size: 75%;
    }
            #OrderBlock .MenuJump a:link     {text-decoration: none; color: #2e708c;}
            #OrderBlock .MenuJump a:visited  {text-decoration: none; color: #2e708c;}
            #OrderBlock .MenuJump a:active   {text-decoration: none; color: #2e708c;}
            #OrderBlock .MenuJump a:hover    {text-decoration: none; color: #333;}
#OrderBlock span.Necessary{
 color: #df4602;
}
#OrderBlock .DefaultFormTable{
 border-collapse: collapse;
 margin: 0 auto;
 width: 700px;
}
    #OrderBlock .DefaultFormTable th,
    #OrderBlock .DefaultFormTable td{
     border: 1px solid #999;
     font-size: 75%;
     line-height: 125%;
     padding: 5px 5px;
    }
    #OrderBlock .DefaultFormTable th{
     background: #f6f2c8;
     font-weight: normal;
     color: #3f320f;
    }
    #OrderBlock .DefaultFormTable .Memo{
     display: block;
    }
    #OrderBlock .DefaultFormTable .No{
      width: 7%;
    }
    #OrderBlock .DefaultFormTable .Name{
      width: 23%;
    }
    #OrderBlock .DefaultFormTable .Photo{
      width: 20%;
    }
    #OrderBlock .DefaultFormTable .Details{
      width: 22%;
    }
    #OrderBlock .DefaultFormTable .Price{
      width: 10%;
    }
    #OrderBlock .DefaultFormTable .Amount{
      width: 18%;
    }
    #OrderBlock .DefaultFormTable td.No{
     text-align: center;
    }
    #OrderBlock .DefaultFormTable td.Photo{
     text-align: center;
    }
    #OrderBlock .DefaultFormTable td.Price{
     text-align: right;
    }
    #OrderBlock .DefaultFormTable td.Amount{
     text-align: center;
     }
#OrderBlock .DetailFormTable{
 border-collapse: collapse;
 margin: 0 auto 30px auto;
 width: 650px;
}
    #OrderBlock .DetailFormTable th,
    #OrderBlock .DetailFormTable td{
     border: 1px solid #999;
     font-size: 75%;
     line-height: 125%;
     padding: 7px 7px;
    }
    #OrderBlock .DetailFormTable th{
     background: #f6f2c8;
     font-weight: normal;
     color: #3f320f;
     width: 20%;
    }
    #OrderBlock .DetailFormTable .Caution{
     color: #df4602;
    }
    #OrderBlock .DetailFormTable .NoshiImg{
     vertical-align: middle;
     margin-right: 5px;
     margin-bottom: 3px;
    }
#OrderBlock .TotalFormTable{
 border-collapse: collapse;
 margin: 0 auto 0px auto;
 width: 650px;
}
    #OrderBlock .TotalFormTable th,
    #OrderBlock .TotalFormTable td{
     border: 1px solid #999;
     font-size: 75%;
     line-height: 125%;
     padding: 7px 7px;
    }
    #OrderBlock .TotalFormTable th{
     background: #f6f2c8;
     font-weight: normal;
     color: #3f320f;
    }
    #OrderBlock .TotalFormTable .No{
      width: 7%;
    }
    #OrderBlock .TotalFormTable .Name{
      width: 23%;
    }
    #OrderBlock .TotalFormTable .Details{
      width: 22%;
    }
    #OrderBlock .TotalFormTable .Price{
      width: 15%;
    }
    #OrderBlock .TotalFormTable .Amount{
      width: 18%;
    }
    #OrderBlock .TotalFormTable .Subtotal{
      width: 15%;
    }
    #OrderBlock .TotalFormTable td.No{
     text-align: center;
    }
    #OrderBlock .TotalFormTable td.Photo{
     text-align: center;
    }
    #OrderBlock .TotalFormTable td.Price{
     text-align: right;
    }
    #OrderBlock .TotalFormTable td.Amount{
     text-align: center;
     }
    #OrderBlock .TotalFormTable td.Subtotal{
     text-align: right;
    }
    #OrderBlock .TotalFormTable .Total{
      background: #d9efc3;
    }
#OrderBlock .OrderCostTable{
  width: 650px;
  border-collapse: collapse;
}
    #OrderBlock .OrderCostTable th{
     color: #67571E;
    }
    #OrderBlock .OrderCostTable th,
    #OrderBlock .OrderCostTable td{
     border: 1px solid #999;
     font-size: 75%;
     line-height: 125%;
     padding: 5px 5px;
    }
        #OrderBlock .OrderCostTable td li{
         font-size: 125%;
         line-height: 125%;
         margin-left: 25px;
         list-style-type: disc;
        }
        #OrderBlock .OrderCostTable td span{
         color: #ff0000;
        }

#OrderBlock .ThanksTable{
}
    #OrderBlock .ThanksTable td{
      line-height: 175%;
      font-size: 75%;
    }
    #OrderBlock .ThanksTable .Message{
      color: #cc0000;
      font-size: 125%;
      font-weight: bold;
    }
#OrderBlock .ButtonBox p{
  text-align: center;
 }
#OrderBlock  .AttentionBox{
}
    #OrderBlock .AttentionBox p{
     font-size: 75%;
     line-height: 150%;
     color: #df4602;
    }
#OrderBlock  .DetailRenrakuBox{
}
   #OrderBlock  .DetailRenrakuBox li{
     margin-left: 25px;
     list-style-type: disc;
   }
   #OrderBlock  .DetailRenrakuBox table{
     font-size: 75%;
     width: 600px;
     margin-left: 20px;
     margin-bottom: 10px;
   }
       #OrderBlock  .DetailRenrakuBox table td{
         border: solid 1px #ccc;
         padding: 3px;
         text-align: center;
       }

 
/* サイトマップ
--------------------------------------------------*/
#Sitemap ul{
	margin-left: 30px;	
}
#Sitemap ul li {
	padding-left: 20px;
	list-style-type: none;
	background-image: url(../homepage/sitemap/img/sitemap_1_07.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 15px;
	line-height: 100%;
}
#Sitemap ul li a {
	color: #937C30;
}
#Sitemap ul li a:hover {
	color: #666;
}
#Sitemap ul #tree {
	margin-left: 20px;
}

#SitemapLogo {
	margin-left: 20px;
}

/* プライバシーポリシー
--------------------------------------------------*/
#privacy {
	font-size: 15px;
	line-height: 130%;
	color: #333;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}
.Lead {
	margin-left: 10px;
}
.DetailBlock .LayoutBlock h3 {
	margin-left: 10px;
	margin-top: 25px;
}
.DetailBlock #SignBlock {
	text-align: right;
}
.DetailBlock .LayoutBlock p {
	margin-left: 25px;
}