/*
Ouef Cafeオリジナルです。
すべてのイメージの使用は禁止です。
Copyright 2005 Ouef Cafe .All Rights Reserved. 
http://ouefcafe.info/
*/
@charaset "UTF-8";
	body {
 		background:#fff url("images/girlback.jpg") 125px 100px no-repeat fixed;
		margin:0px 0px 20px 0px;
		text-align:center;
		font-size:x-small;
		voice-family:"\"}\"";
		voice-family:inherit;
		font-size:small;		
		}

  	#wrapper{
 		background:#fff url("images/girl.jpg") top center no-repeat;
  		width:760px;
  		margin-left:auto;
  		margin-right:auto;
 		 text-align:left;
 		 border:#fff solid 1px;
 		 text-align:justify;
 		 text-justify:distribute
 	 	}
  	#wrapper02{
  		width:760px;
  		margin-left:auto;
  		margin-right:auto;
 		 text-align:left;
 		 border:#fff solid 1px;
 		 text-align:justify;
 		 text-justify:distribute
 	 	}
#ouef{
 		background:url("http://ouefcafe.info/images/te.jpg") bottom right no-repeat;
		clear:both;
  		width:400px;
  		margin-left:220px;
  		margin-bottom:50px;
 	 	line-height:200%;
		}
#oshirase{
 		background:url("http://ouefcafe.info/images/girlback.jpg") bottom center no-repeat;
  		width:700px;
 		 border:#B2B2B2 dotted 1px;
  		margin-left:30px;
		padding:20px;
		}
#information{
  		margin-top:30px;
  		margin-bottom:30px;
 		 border-top:#B2B2B2 double 4px;
 		 border-bottom:#B2B2B2 double 4px;
		padding:15px 20px 15px 20px;
		}
#bottom02{
		clear:both;
  		margin-top:10px;
		text-align:center;
		}
#bottom03{
		clear:both;
  		margin-top:10px;
		text-align:center;
		margin-top:100px;
		}
  	#header{
  		width:760px;
		height:70px;
  		padding:0;
 		 margin-top:30px;
 	 	}
	#topmenu{
  		width:760px;
		height:80px;
		clear:both;
		}
	.navi{
		margin-top:20px;
		}

	A:link	{ color: #000}
	A:visited	{ color: #999999}
	A:active	{ color: #999999; text-decoration: none }
	A:hover	{ color: #000;  text-decoration: underline }

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
		 }
	 #left{
	 	 height:450px;
 		 float:left;
 		 margin-top:50px;
	 	 }
	 .title_diary{
 		 margin-left:30px;
	 	 }
	 .title_diary a:hover{
 		 margin-left:10px;
	 	 }
	 .title_tea{
 		 margin-left:40px;
 		 margin-top:10px;
	 	 }
	 .title_tea a:hover{
 		 margin-left:15px;
 		 margin-top:10px;
	 	 }
	 .title_milktea{
 		 margin-top:10px;
	 	 }
	 .title_milktea a:hover{
 		 margin-left:15px;
 		 margin-top:10px;
	 	 }
	 .title_island{
 		 margin-left:15px;
 		 margin-top:10px;
	 	 }
	 .title_island a:hover{
 		 margin-left:10px;
 		 margin-top:10px;
	 	 }
	 .title_srilankadiary{
 		 margin-top:10px;
	 	 }
	 .title_srilankadiary a:hover{
 		 margin-left:15px;
 		 margin-top:10px;
	 	 }
	 #right{
	 	 height:450px;
	 	 width:200px;
 		 float:right;
 		 margin-top:50px;
	 	 }
	 .title_menu{	 }
	 .title_menu a:hover{
 		 margin-left:10px;
 	 	 }
	 .title_information{
 		 margin-top:2px;
 		 margin-left:10px;
	 	 }
	 .title_information a:hover{
 		 margin-left:10px;
	 	 }
	 .title_letter{
 		 margin-top:2px;
 		 margin-left:20px;
	 	 }
	 .title_letter a:hover{
 		 margin-left:10px;
	 	 }
	 .title_message{ 
		 margin-top:2px;
 		 margin-left:30px;
	 	 }
	 .title_message a:hover{ 
 		 margin-left:10px;
	 	 }
	 .title_link{
 		 margin-top:2px;
 		 margin-left:20px;
	 	 }
	 .title_link  a:hover{
 		 margin-left:10px;
	 	 }
	 .title_teaclassroom{ 
		 margin-top:2px;

	 	 }
	 .title_teaclassroom a:hover{ 
 		 margin-left:5px;
	 	 }
	#banner {
 		 float:left;
		height:80px;
		}
	#banner_subtitle{
	 	 width:185px;
 		 margin-top:15px;
 		 margin-right:140px;
 		 float:right;
		}


 	#main{
		width:450px;
		float:right;	
 	 	line-height:170%;
 		 border:#fff solid 1px;
		}
	#oshirase{
  		clear:both;
		}
	#bottom{

  		clear:both;
		}
 	#main02{

		margin-left:50px;
 	 	line-height:170%;
 		 border:#fff solid 1px;
		}
 	#sidebar{
  		width:220px;
  		float:left
		}
	.description {
		font-family:palatino,  georgia,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",  times new roman, serif;
		color:#000;
		font-size:small;
  		text-transform:none;	
		}
	.date	{
		font-family:palatino, georgia,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", times new roman, serif;
		font-size:smallpx; 
		color: #000; 
		font-weight:bold;
		text-align:right;
		margin-right:20px;
		}
				
	.title	{
		font-family: palatino, georgia,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", times new roman, serif;
		font-size: medium;
		font-weight:bold;
		color: #000;
		margin-bottom:20px;
		}
	.line{
		margin:0px;
		}
	.contents{
		width:450px;
		margin-bottom:40px;
		}
	.honbun {
		margin:20px;
  		color:#000;
 		 text-align:justify;
 		 text-justify:distribute
		}
	.key	{
		font-size:x-small;
		text-align:right;
		}
	.extended{
		margin:20px 0 20px 20px;
		}
	.posted	{ 
		font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
		font-size: x-small; 
		color: #000000; 
		margin-top:15px;
		text-align:right;
		}
  	.calendar{
 	 	text-align:right;
		font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
		color:#999;
		font-size:12px;
		clear:both;
		margin-top:30px;
 	 	}
	
	
	.sidetitle {
		font-family:palatino, georgia,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", times new roman, serif;
		color:#666600;
		font-size:small;
		font-weight:normal;
  		text-transform:uppercase;	
		margin-top:10px;
		margin-bottom:10px;	
		}	
	
	.side {
		font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",verdana, arial, sans-serif;
		font-size:small;
		font-weight:normal;
  		line-height:140%;
  		padding:2px 0px 2px 5px;	
		margin-bottom:60px;
		}
	

	 .content01{
		margin-right:30px;
		margin-bottom:80px;
		clear:both;
	 	 }
	 .content02{
		margin-right:50px;
		margin-bottom:80px;
		clear:both;
	 	 }

	 .left{
	 	 width:300px;
		margin-right:40px;
 		 float:left;
		text-align:left;
	 	 }
	 .right{
	 	 width:300px;
 		 float:right;
		text-align:left;
	 	 }

	.island01{
 		background:url("images/islandback01.jpg") top left no-repeat;
padding-left:300px
		}
