@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body{
background-color: #fff7e4;
font-size: 80%;
line-height:150%;
font-family : "Verdana", "�q���M�m�p�S Pro W3", "�l�r �S�V�b�N", "Osaka", sans-serif;
color : #564319;
text-align: center;
background-image: url(bg.gif);
background-position: top;
background-repeat: repeat-x;
}
a:link,
a:visited,
a:active {
color: #A9B8AB;
}
a:hover {
color: #A9B8AB;
text-decoration: underline;
}
p{
line-height: 150%;
}
hr{
display: none;
clear: both;
}

dl {
list-style-position: inside;
padding: 0px;
margin: 0px;
}
dt {
color: #81552e;
font-weight: bold;
list-style: none;
margin:0px;
padding:0px;
text-align: left;
}
dd {
margin:0px;
padding: 0px 5px 5px 10px;
text-align: left;
}
ul{
list-style: none;
}
li{
display: inline;
}
img{
border: 0px;
}

input,textarea,select {
background-color: #E0E3CF;
border: solid 1px #564319;
color: #564319;
margin: 2px;
font-size: 100%;
}
option {
color: #564319;
margin: 2px;
}

h1 {
font-size: 30pt;
font-weight: bold;
color: #9E6517;
text-align: center center; 
padding: 50px 0px 15px 135px;
width: auto;
background-color: #e0c38c;
background-image: url(https://shop.r10s.com/291becb0-ec8c-11e4-b5b5-005056b70c54/upload/tea_knowledge_logo.gif);
background-position:50px 5px;
background-repeat: no-repeat;
height: 100px;
}


h2 {
padding: 0px 0px 10px 30px;
font-size: 100%;
color: #81552e;
text-align: left;
height: auto;
width: auto;
background-image: url(https://shop.r10s.com/291becb0-ec8c-11e4-b5b5-005056b70c54/upload/tea_knowledge_1.gif);
background-position:top left;
background-repeat: no-repeat;
}

h3 {
font-size: 110%;
padding: 0px 0px 0px 30px;
margin: 30px 10px 10px 10px;
text-align: left;
height: 25px;
width: auto;
color: #d18316;
background-image: url(https://shop.r10s.com/291becb0-ec8c-11e4-b5b5-005056b70c54/upload/tea_knowledge_1.gif);
background-position:top left;
background-repeat: no-repeat;
}

#page
{  
width: auto;
height: auto;
position: relative;
background-color: #fff6e2;
}

#head{  
width: auto;
height: 83px;
background-color: #564319;

}


#menu {
margin: 0px;
padding: 0px 0px 0px 400px;
font-size: 100%;
width: auto;
text-align: center;
height: auto;
background-color: #564319;
}
#menu ul {
width: auto;
padding: 0px;
margin: 0px;
line-height: 15px;
}
#menu li {
list-style: none;
font-size: 100%;
font-weight: bold;
padding-left: 5px;
display: inline;
}

#menu a { 
color: #ffe650;
text-decoration: none;
}

#menu a:hover{
color: #d18316;
}

#menu a.on
{
color: #d18316;
}


#main{
width: 1000px;
height: auto;
text-align: center;
margin:100px auto;
position: relative;

}  

#img{  
width: 584px;
height: 240px;
background-image: url(https://shop.r10s.com/291becb0-ec8c-11e4-b5b5-005056b70c54/upload/tea_knowledge_top.jpg);
border: 1px solid;
background-position:center bottom;
background-repeat: no-repeat;
margin: 100px 0px 30px 0px;
float: right;
}

.logo{
font-size: 140%;
padding: 120px 0px 0px 20px;
text-align: left;
height: auto;
width: 300px;
color: #81552e;
}
/***** info����******/
#img_right{  
width: 300px;
height: 280px;
margin: 50px 0px 50px 20px;
float: left;
overflow: auto;
}

/***** �e�L�X�g���� ******/
.text{
width: auto;
padding: 10px 20px 0px 25px;
margin: 5px 0px 5px 0px;
text-align: left;
height: auto;
}
/***** main �摜�T���v��2���� ******/
.sample {
padding: 0px 20px 0px 25px;
text-align: left;
height: auto;
width: 760px;
}
.sample dl { 
float: left; 
margin: 0px; 
padding: 0px; 
width: 105px; 
text-align: center; 
}
.sample dt { 
margin: 0px; 
padding: 0px; 
list-style-type: none;  
text-indent: 0em; 
}
.sample dd { 
padding:4px 0.5em;
margin: 0px; 
border: none; 
}
/***** foot���� ******/
#foot{
position:relative;
height: 60px;
margin-top: 20px;
clear:both;
background-image: url(foot.gif);
background-position: top;
background-repeat: repeat-x;
}
/***** ���쌠�\������ ******/
#copy
{
text-align: center;
height: auto;
width: auto; 
padding: 20px 10px 0px 0px;
color:  #ffe650;
} 
.color
{
color: #d18316;
font-weight: bold;
}
.navi{
text-align: right;
padding: 2px 10px 2px 0px;
font-weight: bold;
}
/***** ��荞�݉��� ******/
.clearthis {
clear: both;
}