@charset "Shift_JIS";

/*ページのレイアウト用*/
body{background-color:seagreen;}
/*ページのレイアウト用.nani{font-size:80%;padding-top:1px;padding-bottom:0px;
}*/
#wrapper{
	width:870px;background-color:#ffffff;margin:0 auto;border:seagreen solid 1px;
}
h1{text-align:right;margin-top:1px;margin-bottom:7px;margin-right:10px;color:#FFD700;font-size:220%;background-image:url("images4/header_35.jpg");width:870px;height:198px;padding-top:10px;}
#contents{background:#ffffff;}

#main{float:right;width:650px;height:4700px;background:#ffffff;padding-right:10px；padding-left:10px;
}
#side{text-align:center;line-height:100%;float:left;width:180px;height:4700px;background:#ffffff;margin-left:20px;margin-top:20px;margin-right:10px;border:solid 1px orange;border-bottom:1px;
}
address{clear:both;width:870px;height:50px;background-color:orange;border:solid 1px gray;border-bottom:3px;border-right:0px;margin-left:0px;vertical-align:middle;text-align:center;text-decoration:none;
}

.nani{padding-left:20px;font-size:90%;line-height:80%;}
.my{border:0;}
span{color:red;}
.coment{font-size:80%;}
h3{background-color:#ffe2c6;width:580px;height:20px;border:red 1px solid;padding:10px;margin-left:1px;margin-bottom:3px;}

.vor31{clear:both;background-color:#ffeddb;width:580px;height:800px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}

.vor37{clear:both;background-color:#f5f5dc;width:538px;height:300px;border:red 1px solid;padding:10px 10px 10px 50px;line-height:140%;margin-top:10px;
}


.vor30{clear:both;background-color:#e6e6fa;width:580px;height:470px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

.vor25{clear:both;background-color:#ffe5e5;width:580px;height:500px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}
.vor26{clear:both;background-color:#ffe5e5;width:580px;height:540px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}



.vor5{clear:both;background-color:#ffeddb;width:580px;height:480px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}



.vor20{clear:both;background-color:#ffe5e5;width:580px;height:500px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}
.vor21{clear:both;background-color:#ffe5e5;width:580px;height:400px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}
.vor2{background-color:#ffffc1;width:580px;height:220px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-bottom:10px;
}

.vor3{clear:both;background-color:#ffe5e5;width:580px;height:800px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

.vor4{clear:both;background-color:#ffe5e5;width:580px;height:300px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;
}



.vor6{clear:both;background-color:#ffeddb;width:580px;height:260px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}

.vor7{clear:both;background-color:#ffeddb;width:540px;height:230px;border:red 1px solid;padding:10px 10px 10px 50px;line-height:140%;margin-top:10px;
}

.vor9{clear:both;background-color:#ffe5e5;width:580px;height:300px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

.vor10{clear:both;background-color:#ffe5e5;width:580px;height:400px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:50px;
}

.vor11{clear:both;background-color:#ffffb7;width:580px;height:350px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}
.vor12{clear:both;background-color:#ffffb7;width:580px;height:200px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}
.vor13{clear:both;background-color:#ffffb7;width:580px;height:300px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}
.vor14{clear:both;background-color:#e0ffe0;width:580px;height:170px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;
}

.vor15{clear:both;background-color:#e0ffe0;width:580px;height:240px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

.vor16{clear:both;background-color:#ffe2c6;width:580px;height:500px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;font-size:100%;
}

.vor17{clear:both;background-color:#fff2e5;width:580px;height:250px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;font-size:100%;
}

.vor19{clear:both;background-color:#ffe5e5;width:580px;height:500px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

.vor21{clear:both;background-color:#ffe5e5;width:580px;height:900px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

.vor22{clear:both;background-color:#ffeddb;width:580px;height:300px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:0px;margin-bottom:20px;
}








.achten{padding-left:10px;font-size:90%;line-height:100%;
}

.mhr{width:620px;align:left;}
.kette01{width:620px;height:300px;border 1px dotted red; }

.daniela{float:left;text-align:center;padding-right:20px;}
.unter{border-bottom:1px dotted orange;width:550px;}
.nach{clear:both;background-color:#ffe5e5:width:550px;height:290px;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;font-size:90%;}

h6{font-size:110%;margin:0;}
.sidebar{font-size:90%;}


.orange{
color:black;
background-color:#FFFFA8;
}



/*ナビゲーション部分
#navi{background:#00c4ab;height:32px;width:860px;padding-left:-30px;
}
#navi ul{
	width:870px;
	margin:0 auto; 
	border-right:seagreen 1px solid;
overflow:hidden;
}
#navi li{float:left;list-style-type:none;
	width:162px;
	border-left:#ffffff 2px solid;
}
ナビゲーション部分
#navi li .navi01{width:100px;
}
#navi a{display:block; 
	padding:8px 0;	
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#navi a:hover{
background-color:#7fffd4;color: #333333;
}
#navi a.selected{
	background:#ff9999;
	color:#ffffff;
	font-weight:bold;
	width:162px;
}
/*ナビゲーション部分#00c4ab
	border: 1px solid #666;
	background-color:#33a6a6;*/
ul li{
	width:120px;
	background:#ffcc99;
	list-style:none;
	line-height:82%;
	float:left;	
	text-align:center;
	}	
#navi{
	background:#fff;
}
#navi ul{
	width:1170px;
	margin:0 auto; 
	border-right:#ffffff 1px solid;
}

#navi li{list-style-type:none;
	float:left;
	width:130px;
	border-left:#ffffff 2px solid;
}

#navi a{
	display:block; 
	padding:10px 0;
	border: 1px solid #666;
	background-color:#33a6a6;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#navi a:hover{
background-color:#7fffd4;color: #333333;
}

#navi li .selected{
	background:#ff9999;
	color:#ffffff;
	font-weight:bold;
	width:130px;
}

#navi .navi01{
	background:#ff9999;
	color:#ffffff;
	font-weight:bold;
	width:130px;}







#side a{display:block;color:#ffffff;
background:#ff7f50;padding:8px 0;border: 1px solid #666;text-decoration: none;
}
#side a:hover{display:block;color:#333333;
background-color:#7fffd4;padding:8px 0;border: 1px solid #666;	text-decoration: none;
}
}
ul,ol,li,
{
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	text-align:left;
	list-style-type:none;
}
/*喫茶あおぞらのページ*/

/*あおぞらの案内ページ




#navi li{
	width:165px;
		
	
	list-style:none;
	float:left;
	line-height:200%;
	text-align:center;
}
#navi a{
	display:block;border red 1px solid;
}

a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
background:#808080;


}*/
.navi01{width:100px;}
#kakomu{background-color:#ffe5e5;width:570px;height:300px;border:red 1px solid;
}
.links{float:left;width:180px;margin:10px;border:red 1px solid;text-align:center;padding 0px 0px;}
.mittel{float:left;width:180px;margin:10px;border:red 1px solid;text-align:center;padding 0px 0px;}
.rechts{float:left;width:180px;margin:10px;border:red 1px solid;text-align:center;padding 0px 0px;}
.clear


.hidarigawa{froat:left;width:170px;margin:5px;}
.nannnaka{froat:left;}
.migigawa{froat:left;width:170px;text-align:center;}