/* CSS Document */


#wrap {
	width:720px;
	text-align:left;
	margin:0 auto;
	background-color: #ede4e1;
	border-width: 2px;
}   


#inner { margin:0 5px; }   


/* イベント名 */
.eve01{
	margin: 5px 0px 5px 0px;
	font-size: 100%;
	line-height: 1.4; /* 行の高さ */
	color: #008B8B;
	text-align: center;
	font-weight: bold;

}

#top {
	width:670px;
	text-align:left;
	margin:10px 0px 10px 10px;
	color: #630;
	font-weight: normal;
	line-height: 1.4;
	font-size: 90%;
	padding: 10px 10px 10px 10px;
	border: 5px dotted #F180AB;
	background-color: #FFF;
}

#menu {
	width:690px;
	text-align:left;
	margin:5px 0px 10px 10px;
	padding: 3px 0px 3px 0px;
	background-color: #FFF;
	border: 1px dashed #F66;
}
#menu h2{
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	margin: 0px 0px 5px 0px;
	line-height: 1.3; /* 行の高さ */
	font-size: 10pt;/* フォントのサイズを指定 */
	color: #6c3524;/* フォントの色を指定 */
	font-weight: normal;
	background-image: url(../common/har.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	}
	
#menu h3{
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	margin: 0px 0px 5px 20px;
	line-height: 1.3; /* 行の高さ */
	font-size: 10pt;/* フォントのサイズを指定 */
	color: #6c3524;/* フォントの色を指定 */
	font-weight: normal;
	background-image: url(../common/har.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	}	

#menu_l {
	width:340px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	float: left;
}

#menu_r {
	width:320px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	float: right;
	border-left: 3px dotted #F96;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

#mocha {
	width:670px;
	text-align:left;
	margin:5px 0px 0px 10px;
	padding: 5px 10px 5px 10px;
}

#greeting {
	width:680px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#genshoku{
	width:540px;
	text-align:left;
	margin:5px 0px 0px 60px;
	padding: 0px 0px 5px 0px;
	background-color: #FFC;
	border-style: dotted;
	border-color: #FF9;
}

#genshoku h3{
	text-align:left;
	margin:5px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	font-size: 12pt;
}

#genshoku_l{
	width:270px;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding: 5px 3px 5px 5px;
	float: left;
}

#genshoku_r{
	width:250px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	float: right;
}



#ruby {
	width:670px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#mano {
	width:695px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}


#mano p.at01{
	margin:3px 0px 3px 5px;
	font-size: 100%;
	line-height: 1.4; /* 行の高さ */
	color: #630;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;

}

#mano H3{
	margin:0px 0px 0px 0px;
	color : #690;
	font-size: 95%;
	font-weight: bold;
	text-align: left;
	}




#mano h4{
	text-align:center;
	margin:5px 0px 0px 5px;
	padding: 8px 5px 8px 5px;
	border: thin dotted #09C;
	background-color: #FFC;
	font-size: 14px;
	font-weight: bold;
	width: 310px;
}

#mano H5{
	margin:0px 0px 0px 5px;
	color : #930;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	background-color: #FCC;
	padding: 5px 5px 10px 10px;
	line-height: 1.3;
	width: 310px;
	}

#mano H6{
	margin:1px 0px 1px 0px;
	color : #C33;
	font-size: 84%;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 5px 5px;
	background-color: #FFC;
	border: thick dotted #9B7CB6;
	width: 330px;
	}


#mano_l {
	width:300px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}


#mano_r {
	width:300px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}





#cookie {
	width:695px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#kc {
	width:670px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#bargain {
	width:670px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#scratch {
	width:670px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#scratch H3{
	margin:0px 0px 0px 0px;
	color : #09C;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	}

#food {
	width:670px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#goods {
	width:580px;
	text-align:left;
	margin:5px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#goods_l {
	width:270px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 5px;
	float: left;
}

#goods_r {
	width:270px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

/*====イベント名 ハート====*/
h1{
	background-image: url("../common/mb2.gif"); /* 画像 */
	background-repeat: no-repeat; /* 画像の並びかたを指定 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	padding-left: 26px; /* 余白 */
	margin: 10px 0px 2px 5px;
	line-height: 1.4; /* 行の高さ */
	font-size: 107%;/* フォントのサイズを指定 */
	color: #e73562;/* フォントの色を指定 */
	font-weight: bold;
}

/*====イベント内容　茶色====*/
h2{
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	margin: 0px;
	line-height: 1.4; /* 行の高さ */
	font-size: 85%;/* フォントのサイズを指定 */
	color: #6c3524;/* フォントの色を指定 */
	font-weight: normal;
	background-image: url(../common/har-y.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
}


H3{
	margin:0px 0px 0px 0px;
	color : #690;
	font-size: 95%;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	}

/*====イベント内容　茶色====*/
.eve2{
padding-left: 26px; /* 余白 */
text-align: left; /* 行揃えの位置・均等割付を指定する */
margin: 2px 0px 5px 2px;
line-height: 1.4; /* 行の高さ */
font-size: 95%;/* フォントのサイズを指定 */
color: #6c3524;/* フォントの色を指定 */
font-weight: normal;
}



/* 小タイトル */
H4{
	text-indent: -1em;
	margin:0px 0px 0px 3px;
	color : #004d25;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding-left: 1em;
	line-height: 1.3;

}

/* テキスト */
H5{
	margin:4px 10px 0px 10px;
	color : #663;
	font-size: 150%;
	line-height: 1.3; /* 行の高さ */
	font-weight: normal;
	text-align: center;

}


/* キャラクター名 */
H6{
padding-left: 20px; /* 余白 */
margin:4px 0 0 0;
color : #941f57;
font-size: 95%;
font-weight: bold;
text-align: center;
line-height: 1.4; /* 行の高さ */
}

/* キャラクター名 */
.na{
padding-left: 1em; /* 余白 */
text-indent: -1em; 
margin:4px 0 0 0;
color : #d7003a;
font-size: 95%;
font-weight: bold;
text-align: left;
line-height: 1.4; /* 行の高さ */
}

.niti{
text-indent: -5.5em;
padding-left: 8em; /* 余白 */
margin:0 0 0 0;
font-size: 95%;
line-height: 1.5; /* 行の高さ */
color: #333333;
font-weight: normal;
text-align: left;

}


/* 普通テキスト */
p.at01{
	margin:3px 0px 3px 0px;
	font-size: 92%;
	line-height: 1.4; /* 行の高さ */
	color: #630;
	font-weight: normal;
	text-align: left;

}

/* 普通テキスト */
p.at01c{
	margin:3px 0px 3px 0px;
	font-size: 92%;
	line-height: 1.4; /* 行の高さ */
	color: #630;
	font-weight: normal;
	text-align: center;

}


/* 中央 */
.com01{
	margin: 5px 0px 5px 0px;
	font-size: 92%;
	line-height: 1.4; /* 行の高さ */
	color: #5f6527;
	font-weight: bold;
	text-align: center;

}


.clear { clear:both; }   
.clear hr { display:none; }  


.up{
	margin:1px 10px 3px 0;
	font-size: 82%;
	line-height: 1.4; /* 行の高さ */
	color: #9B7CB6;
	font-weight: bold;
	text-align: right;
	}

a:link{
color: #0000FF;
font-weight: bold;
text-decoration: none;
}


a:visited{
	color: #069;
	font-weight: bold;
	text-decoration: none;
	}


a:hover{
	background-color: #09C;
	color: #FFFFFF;
	text-decoration: none;
	}