@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: 50px;
			margin: 5px auto;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			}
#headder h1 { width: 366px;
				height: 40px;
				margin: 5px 0 0 36px;
				padding: 0px;
				float: left;
				}

#headder h2 { width: 343px;
				height: 50px;
				margin: 0 0 0 15px;
				background-image:url(../images/s_coffee.gif);
				background-repeat:no-repeat;
				background-position: right bottom;
				overflow: hidden;
				float: left;}

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

.box1 { width: 770px;
			height: 85px;
			margin: 20px auto 0 auto;
			text-align: left;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			clear:both;
			}
.box1 img { margin: 5px 0 0 6px;
			padding: 0px; }
.box1 p { text-align: left;
			margin: 5px 10px ;
			}
			
.box1_genre { width: 770px;
			height: 25px;
			margin: 20px auto 0 auto;
			text-align: left;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			clear:both;
			}
.box1_genre img { margin: 5px 0 0 6px;
			padding: 0px; }

#contents { width: 775px;
			height: auto;
			margin: 5px auto 10px auto;
			clear:both;
			min-height:1px;　/* IE 7対策 */
			}
.fl_wrap { width:620px;
			height: auto;
		margin: 10px 19px 0 0 ;
		padding: 0px;
		background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			float: left;
			}
.fl { width: 620px;
		height: 200px;
		margin: 10px auto 10 auto ;
		padding: 0px;
		background-color: #FFF3CE;
			border-width:1px;
			min-height:1px;　/* IE 7対策 */
			}

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

.fl > li > img { margin:10px auto 10px auto;
				padding: 0px;
				border-style: none;
			}

.fl > li > a img { margin:10px auto 10px auto;
					margin-top: 10px;
				border-style: none;
			}


.fl > li > p { margin:0 auto 0 auto ;
				padding: 0px;
			}


						

.fl_box1 { width: 610px;
			height: auto;
			margin: 5px auto;
			}
					
.fr { width: 130px;
		height: 500px;
		margin: 10px 0 0 0;
		background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			float: left;
		}

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

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

.fr dl > dt > img { margin: 5px 0 5px 0; 
					padding: 0px;}
				
.fr dd { text-align: left;
					width: auto;
					margin-left: 1em;
					
					}
					
#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;
			 }	
			 

/* start: clearfix ------------------------------ */
#contents:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#contents { display:inline-table; }

/* Hides from Mac IE \*/
* html #contents { height:1px; }
#contents { display:block; }
/* */
/* end: clearfix ------------------------------ */

/* start: clearfix ------------------------------ */
.fl:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.fl { display:inline-table; }

/* Hides from Mac IE \*/
* html .fl { height:1px; }
.fl { display:block; }
/* */
/* end: clearfix ------------------------------ */



/* ここより詳細ページ \*/


#wrapper2 { width: 550px;
			height: auto;
			margin: auto;
			}	
			
.box1_2 { width: 500px;
			height: auto;
			margin: 20px auto 0 auto;
			text-align: left;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			clear:both;
			min-height:1px;　/* IE 7対策 */
			}
.box1_2 img { margin: 10px;
			padding: 0px;
			float: left; }
.box1_2 dl { margin: 5px; }
			
.box1_2 dt dd { padding: 0px; }
.box1_2 p { text-align: left;
			margin: 10px 20px ;
			}
#footer2 { width: 500px;
			height: 50px;
			margin: 15px auto;
			background-color: #FFF3CE;
			border-width:1px;
			border-color: #999999;
			border-style: solid;
			clear:both;
			}	
div.box2_2 { width: 150px;
			height: auto;
			margin: 5px auto 0 auto;
			padding: 0px;
			}

div .box2_1  { width: 240px; 
			text-align: right;
			margin: 10px 10px 5px 250px;
			 }	
			 

			 
/* start: clearfix ------------------------------ */
.box1_2:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.box1_2 { display:inline-table; }

/* Hides from Mac IE \*/
* html .box1_2 { height:1px; }
.box1_2 { display:block; }
/* */
/* end: clearfix ------------------------------ */