@charset "UTF-8";

/*---------CAFE PONY---------*/
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	background:url(../img/cafepony_rebg.gif);
}
#container{
margin:0px;
padding:0px;
}
	

	#topbanner{
	padding:10px 0px 10px 0px;
	display:block;
	}			

	#topback_box{
	width:758px;
	height:16px;
	margin:0px auto;
	padding:0px;
	position:relative;
	}
		#topback{
		position:absolute;
		top:0px;
		left:10px;
		}
			#topback a{
			display:block;
			width:76px;
			height:16px;
			background:url(../img/cafe_topback.gif) no-repeat;
			}
			#topback a:hover{
			background:url(../img/cafe_topback_on.gif) no-repeat;
			}
	
/*footer*/
#footer {
	width:758px;
	text-align:center;
	line-height:140%;
	color:#FFFFFF;
	margin:0px auto;
	padding-top:5px;
	}
	#footer a{
	color:#ffffff;
	}
	#footer a:hover { text-decoration:underline;}


/*---画像保護----*/
#unit_cover{
margin:0px auto;
width:758px;
height:498px;
background: url(../img/cover.gif);
}
#unit{
width:758px;
height:498px;
margin:0px auto;
padding:0px;
position:relative;
background:url(../img/cafepony_bg.jpg) no-repeat;
}
	

	#unit h2{
	display:block;
	background:url(../img/cafepony_logo.gif) no-repeat;
	width:360px;
	height:124px;
	position:absolute;
	left: 23px;
	top: 50px;
	}
	#cafemenu{
	position:absolute;
	left: 24px;
	top: 207px;
	}
		#cafemenu a{
		display:block;
		background:url(../img/cafepony_menu.gif) no-repeat;
		width:196px;
		height:144px;
		}
	#cafemenu2{
	position:absolute;
	left: 86px;
	top: 357px;
	
	}
		#cafemenu2 a{
		display:block;
		background:url(../img/cafepony_maki.jpg) no-repeat;
		width:118px;
		height:90px;
		}
	#name1{
	background:url(../img/cafepony_n1.gif) no-repeat;
	width:222px;
	height:60px;
	position:absolute;
	left: 461px;
	top: 351px;
	}
	#name2{
	background:url(../img/cafepony_n2.gif) no-repeat;
	width:210px;
	height:62px;
	position:absolute;
	left: 245px;
	top: 409px;
	}
	#cau{
	width:758px;
	text-align:center;
	margin:3px auto 0px auto;
	font-size:100%;
	color:#f52121;
	}
	
	/*---ポップアップ----*/
	#cafe_img1{
	background:url(../img/cafepony_img1.gif) no-repeat;
	width:600px;
	height:430px;
	margin:10px auto;
	}
	#cafe_img2{
	background:url(../img/cafepony_img2.jpg) no-repeat;
	width:400px;
	height:300px;
	margin:10px auto;
	}
	#cafe_cau{
	text-align:center;
	margin:3px auto;
	font-size:70%;
	color:#f52121;
	}
	#cafe_close a{
	display:block;
	background:url(../img/cafepony_close.gif) no-repeat;
	width:68px;
	height:16px;
	margin:0 auto;
	}
		#cafe_close a:hover{
		background:url(../img/cafepony_close_on.gif) no-repeat;
		}
	

/*
汎用もの
---------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {
	margin:0px;
	padding:0px;
}
img {border:none;}
a {text-decoration:none; color:#9b0909;}
a:hover { text-decoration:underline;}
hr { display:none;}
.alt{position:absolute;top:-5000px;left:-999px;}
.bold { font-weight:bold;}

/*float*/
.floatleft { float:left;}
.floatright { float:right;}
.clearfloat {
	height:1px;
	font-size:1%;
	clear:both;
	display:block;
	background: transparent;
}
/*text-align*/
.tCenter { text-align:center;}
.tRight { text-align:right;}
.tLeft { text-align:left;}

/*font-size*/
.lsize { font-size:140%;}
.msize { font-size:120%;}
.ssize { font-size:100%;}

/*font
---------------------------------------------------------------------------*/
#container,#unit,#footer,
h1,h2,h3,h4,h5,table,td,th,caption,form,select,input{
	font-size:x-small;
}

* html #container,* html #unit,* html #footer,
* html h1,* html h2,* html h3,* html h4,* html h5,* html table,* html td,* html th,* html caption,
* html form,* html select,* html input{
	font-size:xx-small;
}