@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:left;margin-top:1px;margin-bottom:7px;color:#FFD700;font-size:220%;background-image:url("images4/header_31.jpg");width:870px;height:240px;
padding-top:10px;}
#contents{background:#ffffff;}

#main{float:right;width:650px;height:4000px;background:#ffffff;padding-right:10px；padding-left:10px;
}
#side{text-align:center;line-height:100%;float:left;width:180px;height:4000px;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;}

.vor20{clear:both;background-color:#ffe5e5;width:580px;height:750px;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:680px;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:420px;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:200px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;
}

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

.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;
}

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

.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;
}

.vor20{clear:both;background-color:#ffe5e5;width:580px;height:330px;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:#ffe5e5;width:580px;height:2350px;border:red 1px solid;padding:10px 10px 10px 10px;line-height:140%;margin-top:10px;margin-bottom:20px;
}

div.gazo-box{float:left;padding-right:10px;
}

/*ドイツ語サークルの学習会の部分*/
.jan{border:1px red dotted;background-color:#ffe5e5;width:600px;height:400px;margin-bottom:15px;line-height:150%;}

/*ドイツ語サークルの学習会：5記念品表彰式の部分*/
.feb{border:1px red dotted;background-color:#dbedff;width:600px;height:250px;margin-bottom:15px;line-height:150%;}

/*ドイツ語サークルの学習会：10メダル表彰式の部分*/
.mar{border:1px red dotted;background-color:#ffeddb;width:600px;height:1800px;margin-bottom:15px;line-height:150%;}

/*ドイツ語サークルの学習会：20メダル表彰式の部分*/
.apr2{border:1px red dotted;background-color:#ffdbdb;width:600px;height:700px;margin-bottom:15px;line-height:150%;}



/*冬の部分*/

.jun{float:left;margin-left:30px;margin-top:1;margin-bottom:1;}
.jul{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.aug{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.sep{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.okt{float:left;margin-left:30px;margin-top:1;margin-bottom:1;}
.nov{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.dez{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.mon{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.die{float:left;margin-left:30px;margin-top:1;margin-bottom:1;}
.mit{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.don{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.fre{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}

.clear{clear:both}


/*ドイツ語サークルの学習会：20メダル表彰式の部分*/
.apr{border:1px red dotted;background-color:#ffe5e5;width:600px;height:400px;margin-bottom:15px;line-height:150%;}

.jun{float:left;margin-left:30px;margin-top:1;margin-bottom:1;}
.jul{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.aug{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}
.sep{float:left;margin-left:20px;margin-top:0;margin-bottom:0;}

.clear{clear:both}


	/*春夏秋冬の部分*/
.haus00    {text-align:left;background-color:lemonchiffon;width:590px;height:30px;color:green;font-size:150%;padding-top:3px;padding-left:10px;margin-top:1px;}
.frueling01{background-color:lemonchiffon;width:590px;height:30px;color:green;font-size:150%;padding-top:3px;padding-left:10px;margin-top:1px;}
.sommer02  {background-color:lemonchiffon;width:590px;height:30px;color:green;font-size:150%;padding-top:3px;padding-left:10px;margin-top:1px;}
.herbst03  {background-color:lemonchiffon;width:590px;height:30px;color:green;font-size:150%;padding-top:3px;padding-left:10px;margin-top:1px;}
.winter04  {background-color:lemonchiffon;width:590px;height:30px;color:green;font-size:150%;padding-top:3px;padding-left:10px;margin-top:1px;}
























.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;}