/* ---------------------唐閣株式会社 CSS------------------------------------
                      共通のCSS設定を記述
--------------------------------------------------------------------------*/


/* ---------------------------全幅セレクタ設定 ---------------------------*/

*{
    margin:0;
    padding:0;
    font:normal normal normal 100%/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif;
    border:none;
	
}

/* --------------------------全幅セレクタ end　---------------------------*/

/* ---------------------------基本セレクタ設定 ---------------------------*/

html,body{font-size:0.9em; color:#666;}

html{
}

body{
  
}

ul,ol{list-style:none;}

img{vertical-align:bottom;}

strong{font-weight:bold;}



p.white{
  width:880px;
  background-color:#FFF;
  padding:10px;
  margin:0 auto;
}
/* ---------------------------基本セレクタ end　--------------------------*/


/* ---------------------------header設定 ---------------------------*/

.header{
  width:972px;
  padding:27px 0 0 26px;
  height:116px;
  margin:0 auto;
  background:url(../image/header.jpg) top left no-repeat;
}

.header h1{
  width:141px;
  float:left;
}

.header ul{
  width:751px;
  padding-left:50px;
  float:left;
}

.header ul li{
  display:inline;
  margin-right:20px;
}

/* ---------------------------header end　--------------------------*/

/* ---------------------------wrap設定 ---------------------------*/

.wrap{
  width:998px;
  clear:both;
  margin:0 auto;
  background:url(../image/html.jpg) top center repeat-y;
}

.bord{
  margin:0 20px;
  padding:10px;
  padding-bottom:20px;
  background:#FFF;
}
/* ---------------------------wrap end　--------------------------*/


/* ---------------------------fotter設定 ---------------------------*/

ul.fotter{
  width:988px;
  height:25px;
  padding:10px 10px 0 0px;
  margin:0 auto;
  border-top:1px solid #989A99;
  background:url(../image/header.jpg) top left no-repeat;
}

ul.fotter li{
  float:right;
  margin-left:20px;
}


ul.fotterTop{
  width:988px;
  height:25px;
  padding:10px 10px 0 0px;
  margin:0 auto;
  border-top:1px solid #989A99;
  background:url(../image/header.jpg) top left no-repeat;
  
}

ul.fotterTop li{
  float:right;
  margin-left:20px;
}



/* ---------------------------fotter end　--------------------------*/

/* ---------------------------product設定 ---------------------------*/

ul.product{
  background:url(../image/bg_product.jpg) bottom left no-repeat;
  padding:0px 0 0 270px;
  height:630px;
}

ul.product li{
  width:169px;
  margin-top:20px;
  float:left;
}

ul.product lx{
  width:169px;
  float:left;
  margin-top:20px;  
  margin-right:300px;
}

.productS{
  background:url(../image/bg_productS.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

.productX{
  background:url(../image/bg_productX.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

.productGG{
  background:url(../image/bg_productGG.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

.productG{
  background:url(../image/bg_productG.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

.productC{
  background:url(../image/bg_productC.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

.productA{
  background:url(../image/bg_productA.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

.productCG{
  background:url(../image/bg_productCG.jpg) bottom left no-repeat;
  padding:36px 0 0 80px;
  height:594px;
}

h2.productH2{
  width:201px;
  float:left;
}

.productDl{
  width:600px;
  float:left;
}

.productUl{
  clear:both;
  padding-top:20px;
}

.productUl li{
  float:left;
  margin-right:10px;
}




/* ---------------------------product end　--------------------------*/

/* ---------------------------tea設定 ---------------------------*/

ul.tea{
  background:url(../image/bg_tea.jpg) bottom left no-repeat;
  padding:69px 0 0 301px;
  height:561px;
}

ul.tea li{
  margin-bottom:30px;
}





/* ---------------------------tea end　--------------------------*/

/* ---------------------------schedule設定 ---------------------------*/

.schedule{
  background:url(../image/bg_info.jpg) bottom left no-repeat;
  height:610px;
  padding:20px 80px 0 80px;
}

.schedule h2{
  font-size:1.2em;
  font-weight:bold;
}

.schedule .over{
  height:420px;
  padding:30px;
  overflow:auto;
}

.schedule .over .scheduleBottomB{
  padding-bottom:16px;
  margin-bottom:30px;
  background:url(../schedule/image/bgHeadB.png) bottom left no-repeat;
}

.schedule .over .scheduleBottomB .scheduleTopB{
  padding-top:16px;
  background:url(../schedule/image/bgHeadB.png) top left no-repeat;
}

.schedule .over .scheduleBottomB .scheduleTopB .scheduleMiddleB{
  padding:10px 42px;
  background:url(../schedule/image/bgMiddleB.jpg) top left repeat-y;
}


.schedule .over .scheduleBottomY{
  padding-bottom:16px;
  margin-bottom:30px;
  background:url(../schedule/image/bgHeadY.png) bottom left no-repeat;
}

.schedule .over .scheduleBottomY .scheduleTopY{
  padding-top:16px;
  background:url(../schedule/image/bgHeadY.png) top left no-repeat;
}

.schedule .over .scheduleBottomY .scheduleTopY .scheduleMiddleY{
  padding:10px 42px;
  background:url(../schedule/image/bgMiddleY.jpg) top left repeat-y;
}


.schedule .over .scheduleBottomR{
  padding-bottom:16px;
  margin-bottom:30px;
  background:url(../schedule/image/bgHeadR.png) bottom left no-repeat;
}

.schedule .over .scheduleBottomR .scheduleTopR{
  padding-top:16px;
  background:url(../schedule/image/bgHeadR.png) top left no-repeat;
}

.schedule .over .scheduleBottomR .scheduleTopR .scheduleMiddleR{
  padding:10px 42px;
  background:url(../schedule/image/bgMiddleR.jpg) top left repeat-y;
}


.schedule .over .scheduleBottomG{
  padding-bottom:16px;
  margin-bottom:30px;
  background:url(../schedule/image/bgHeadG.png) bottom left no-repeat;
}

.schedule .over .scheduleBottomG .scheduleTopG{
  padding-top:16px;
  background:url(../schedule/image/bgHeadG.png) top left no-repeat;
}

.schedule .over .scheduleBottomG .scheduleTopG .scheduleMiddleG{
  padding:10px 42px;
  background:url(../schedule/image/bgMiddleG.jpg) top left repeat-y;
}



.scheduleDl dt{
  font-size:1.0em;
  letter-spacing:1px;
  padding:22px 0;
  padding-left:70px;
}


.scheduleDl dt{
  font-size:1.0em;
  letter-spacing:1px;
  padding:22px 0;
  padding-left:70px;
}


.logoB{
  background:url(../schedule/image/bgLogoB.jpg) bottom right no-repeat;
}

.logoR{
  background:url(../schedule/image/bgLogoR.jpg) bottom right no-repeat;
}

.logoY{
  background:url(../schedule/image/bgLogoY.jpg) bottom right no-repeat;
}

.logoG{
  background:url(../schedule/image/bgLogoG.jpg) bottom right no-repeat;
}


.IconB{
  background:url(../schedule/image/bgIconB.jpg) center left no-repeat;
}

.IconR{
  background:url(../schedule/image/bgIconR.jpg) center left no-repeat;
}

.IconY{
  background:url(../schedule/image/bgIconY.jpg) center left no-repeat;
}

.IconG{
  background:url(../schedule/image/bgIconG.jpg) center left no-repeat;
}

/* ---------------------------schedule end　--------------------------*/

/* ---------------------------mail設定 ---------------------------*/

.mail{
  width:900px;
  margin:0 auto;
  background-color:#FFF;
  border-top:1px solid #CCC;
}

.mail tr th{
  width:180px;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  padding:10px;
}

.mail tr td{
  width:680px;
  border-bottom:1px solid #CCC;
  padding:10px;
}

.mail tr td input{
  border:1px solid #DDD;
  padding:3px;
  width:300px;
}

.mail tr td textarea{
  border:1px solid #DDD;
  padding:3px;
  width:600px;
}

span.red{
  color:#CC0000;
  margin-left:10px;
}
/* ---------------------------mail end　--------------------------*/

/* ---------------------------tokutei設定 ---------------------------*/


.tokutei{
  background:url(../image/bg_info.jpg) bottom left no-repeat;
  height:610px;
  padding:20px 80px 0 80px;
}

.tokutei h2{
  font-size:1.2em;
  font-weight:bold;
}

.tokutei dl{
  height:420px;
  padding:20px;
  overflow:auto;
}

.tokutei dl dt{
  font-weight:bold;
  font-size:1.2em;
  border-bottom:1px solid #97dfe1;
  letter-spacing:2px;
  padding:5px 0;
}

.tokutei dl dd{
  padding:5px 10px;
  margin-bottom:20px;
}

/* ---------------------------tokutei end　--------------------------*/

a:link,a:visited{
  color:#444;
}

a:hover{
color:#66CC66;
}