@charset "UTF-8";
/* CSS Document */

body { margin: 0px;
		padding: 0px;
		text-align: center;
		line-height: 1.5em;
		background-image:url(../images/BG.gif);
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 75%;
		
		}
h1,h2 { margin: 0px; }

dl,dd,dt{　padding:0; margin:0;
			} 
a img {border-style: none; }

#wrapper { width: 850px;
			height: auto;
			margin: auto;
			}

#headder { width: 775px;
			height: 108px;
			margin: 5px auto;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			}
#headder h1 { width: 366px;
				height: 40px;
				margin: 61px 0 0 36px;
				float: left;
				}

#headder h2 { width: 343px;
				height: 106px;
				margin: 0 0 0 15px;
				background-image:url(../images/coffie.gif);
				background-repeat:no-repeat;
				background-position: right top;
				float: left;}

#headder form { width:230px;
					height: auto;
					margin: 22px 20px 0 0; }
					

.box1 { width: 775px;
			height: 85px;
			margin: 10px auto;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			clear:both;
			}
.box1 p { text-align: left;
			margin: 5px 10px ;
			}

#contents { width: 775px;
			height: 400px;
			margin: 10px auto;
			clear:both;
			}
			
.fl { width: 576px;
		height: 384px;
		margin: 10px 32px 0 0 ;
		padding: 0px;
		background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			float: left;
			}

.fl > li { width: 130px;
			height: 360px;
			background-color:#E3D8B7;
			list-style-type:none;
			list-style-position:outside;
			margin: 7px;
			padding: 0 0 0 0;
			float: left; 
			}

.fl > li > a > img { margin:25px 0 0 0;
			}


.fl > li > ol { padding: 0px; 
				text-align: left;
				}

.fl > li > ol > li { 	width: 100px;
						margin: 10px auto;
						padding: 0px;
						list-style-type:none;
						list-style-position:outside;
						
				 }

.img1 { width: 110px;
			height: 147px;
			margin:80px 0px 0 5px ;
			}
					
.fr { width: 163px;
		height: 384px;
		margin: 10px 0 0 0;
		background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			float: left;
		}
.fr ol { width: 140px;
			height: auto;
			text-align: left;
			margin: 7px auto 0 auto;
			padding: 10px 0px 15px 10px;
			background-color: #E3D8B7;
			}

.fr ol li { list-style: none; 
			 }



.fr dl { width: 149px;
			height: auto;
			text-align: left;
			margin: 7px auto 0 auto;
			padding: 0px 0px 50px 0px;
			background-color: #E3D8B7;
			}

.fr dl > dt { width: 130px;
				height:25px;
				margin: 0 0 0 10px; }

.fr dl > dt > img { margin: 5px 0 5px 0; 
					padding: 0; }
				
.fr dd { text-align: left;
					width: 150px;
					margin-left: 1em;
					
					}
dl.frbox_2 { height: 50px; }

.frbox_2 dt { padding: 0px;
			margin: 0px; }

#footer { width: 775px;
			height: 50px;
			margin: 15px auto;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			clear:both;
			}
div .box2  { width: 200px; 
			text-align: right;
			margin: 30px 10px 0 550px;
			 }