/*-------------------------フォントサイズ等の指定*/ 
body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin: 0;
  background-image:url(../image/body_bg.gif);
  background-repeat: repeat;
  background-attachment: fixed;
}
 
/*-------------------------wrapperの指定*/    
#wrapper {
text-align:center;
width: 800px;
margin: 0 auto;
padding: 0;
}   
 
/*-------------------------headerの指定*/    
#header {
height:95px;
margin:0;
padding:0;
padding-top:20px;
}

/*-------------------------top-menuの指定*/    
#top-menu{
height:45px;
width:710px;
background-image:url(../image/menu_bar.jpg);
padding-left:90px;
margin-left:auto;
margin-right:auto;
}


#top-menu img{
border:none;
float:left;
padding-left:4px;
}

#top-menu {
list-style-type:none;
}



/*-------------------------top-photoの指定*/    
#top-photo{   
width:800px;
background-color:#F5FFFA;
text-align:center;
} 
.top-photo{
width:720px; 
height:265px;
padding-left:40px;
margin:0px;
padding-top:25px;
padding-bottom:25px;
}


/*-------------------------sub-contents_sub-sidebarの指定*/
#sub-contents_sub-sidebar{
float:left;
width: 800px;
background-color:#F0F8FF;
margin: 0;   
padding: 0;
}



/*------------------------sub-contentsの指定*/ 
#sub-contents {   
width: 600px;
float:right;
margin: 0;
padding: 0;
text-align:left;
background-color:#F5FFFA;
background-repeat: repeat;
padding-left:0px;
padding-top:10px;
padding-bottom:20px;  
}

#sub-contents h2{
  font-size:15px;
  font-family:Georgia,Times;
  color:#666633;
  padding-left:10px;
  padding-right:30px;
  padding-top:2px;
  background-color:#d9f2f2;margin:0px 30px;
  border-left: 5px solid #FAD9D9;
  margin-top:10px;
}
#sub-contents h3{
  font-size:13px;
  font-family:Georgia,Times;
  color:#696969;
  margin-left:20px;
  margin-right:30px;
  padding-left:20px;
  margin-bottom:5px;
  line-height:130%;
}
#sub-contents h4{
  font-size:18px;
  font-family:Georgia,Times;
  font-style:italic;
  color:#663300;
  margin-left:5px;
  margin-right:5px;
  padding-left:10px;
  border-bottom: 3px solid #663300;
  margin-bottom:5px;
}

#pagetop{
text-align:right;
padding-right:30px;
}

#recipe img{
padding-left:50px;
padding-top:20px;
padding-bottom:20px;
}
#pagetop img{border-style:none;}

/*-------------------------sub-contents about_lessonの指定*/
#message img{
margin-left:60px;

}
.about_lesson-t{
width:530px;
margin-left:30px;
}
.about_lesson-t p{
line-height:120%;
font-size:13px;
font-family:Georgia,Times;
color:#696969;
font-weight:bold
}

.about_lesson-td01 img{
float:right;
margin-left:15px;
margin-top:15px;
}
.about_lesson-td01{
border-bottom:solid 3px #d9f2f2;
}

.about_lesson-td02 img{
float:left;
margin-right:15px;
padding-top:10px;
}
.about_lesson-td02{
background-image:url(../image/lesson_photo04.png);
background-repeat:no-repeat;
background-position:right bottom;
border-bottom:solid 3px #d9f2f2;
}
.about_lesson-td02 p{
line-height:120%;
font-size:12px;
font-family:Georgia,Times;
color:#696969;
font-weight:bold
}

.about_lesson-td03 a{
color:#666633;
padding-left:10px;
}

.about_lesson-td05 img{
float:left;
margin-right:15px;
margin-left:15px;
margin-top:15px;
}
.about_lesson-td05{
width: 300px;
background-image:url(../image/bg02.jpg);
padding-bottom:10px;
}

.about_lesson-qa{
width:530px;
margin-left:30px;
background-image:url(../image/lesson_photo09.png);
background-repeat:no-repeat;
background-position:right bottom;
}
.about_lesson-qa{
line-height:120%;
font-size:13px;
font-family:Georgia,Times;
color:#696969;
font-weight:bold
}
.about_lesson-td06 p{
margin-top:0px;
}

.about_lesson-td06{
vertical-align:top;
}

.about_lesson-td07 p{
padding-top:opx;
margin-top:0px;
padding-left:10px;
}


/*-------------------------sub-contents tea_storyの指定*/

#tea_story img{padding-left:50px;
}
/*-------------------------sub-contents linkの指定*/
#link{
  margin-left:30px;
  margin-right:30px;
  margin-top:0px;
  padding-top:0px;
  background-color:#ffffff;
}

#link p{
line-height:130%;
padding-left:40px;
margin-top:0px;
padding-bottom:5px;
font-size:12px;
}

#link h5{
  font-size:14px;
  font-family:Georgia,Times;
  color:#666633;
  margin-bottom:0px;
  margin-top:0px;
}

#link h5 img{
  vertical-align:middle;
  margin-right:8px;
}
#link h5 a{
  color:#666633;
  padding-left:10px;
}

/*-------------------------sub-sidebarの指定*/
.sub-sidebar{     
margin: 0;   
padding: 0;
width: 200px;
float:left;
}

.sub-sidebar ul{
margin: 0;
padding: 0px;
list-style-type: none;
font-weight: bold;
font-family:ＭＳ Ｐゴシック,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif,ヒラギノ角ゴ Pro W3;
width: 200px; /* Main Menu Item widths */

}

.sub-sidebar ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #666633;
text-decoration: none;
padding-top:10px;
padding-bottom:10px;
text-align:left;
padding-left:35px;
font-size:14px;
border-top:1px solid #cccccc;/*ボタンの下にラインを入れる*/
background-color:#fffff0;
}

.sub-sidebar ul li a:link, .sub-sidebar ul li a:visited, .sub-sidebar ul li a:active{
background-color:#fffff0; /* ボタンの色 */
}


.sub-sidebar ul li a:hover{
background-color:#d9f2f2;/*マウスがボタンの上に来た時変わる色*/
color:#666633;
}

.sub-sidebar #sub-sidebar02  li a {
  padding-left:40px;
  border:none;
  background-color:#fffff0; 
}
.sub-sidebar #sub-sidebar02  li  a:hover{
background-color:#d9f2f2;/*マウスがボタンの上に来た時変わる色*/
color:#666633;
}

.sub-sidebar ul li#active a {
  padding-left:40px;
  border:none;
  background-color:#d9f2f2; 
}


#sub-sidebar03 img{padding-top:15px;}
#sub-sidebar03 img{border-style:none;}


/*-------------------------footerの指定*/  
#footer {   
text-align: center; 
}