@charset "UTF-8";

/*******************************************************************
 ■ 背景画像について
 ロゴ、ナビゲーション、バナーはCSSスプライトを採用し、
 common.gifに配置している。
 
 ロゴ			：510px_74px （position: 0px 0px）
 クーポン		：230px_82px  (position: 0px 85px)
 ビンゴ大会		：230px_76px  (position: 0px 170px)
 
 ナビゲーション	：630px_27px  (position: 0px 270px)
 （通常）
 ナビゲーション	：630px_27px  (position: 0px 300px)
 （ロールオーバー）
 
 date:2009/10/03
 auther:k.sato
 
/*******************************************************************/
/**  COMMON                                                        */
/*******************************************************************/
* {
	margin:					0px;
	padding:				0px;
}

body {
	font-size:				12px;
	font-family:			'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', arial, sans-serif;
	color:					#666666;
	line-height:			1.6;
	text-align:				center;
	margin:					0px;
	padding:				0px;
	letter-spacing:			0px;
}
hr {
	display:				none;
}

h1, h2, h3, h4 {
	font-size:				100%;
	line-height:			1em;
	background-repeat:		no-repeat;
}
a {
	outline:				none;
}
a:hover {
	color:					#529124;
}

a img {
	border:					none;
}

p {
	margin-bottom:			10px;
}
table th {
	padding:				0px;
	font-weight:			normal;
	text-align:				left;
}
table td {
	padding-left:			10px;
}
/*******************************************************************/
/**  WARAPPER                                                      */
/*******************************************************************/
#wrapper {
	width:					100%;
	text-align:				center;
}

#wrapper #wrap-header {
	overflow:				hidden;
	border-bottom:			5px solid #FF0099;
}

#wrapper #wrap-header #header {
	width:					900px;
	overflow:				hidden;
	text-align:				left;
	position:				relative;
	padding:				10px 0px 20px;
	margin:					0px auto;
}

.logo, .logo a {
	width:					510px;
	height:					74px;
	text-indent:			-9999px;
	background-image:		url(../images/common.gif);
	background-repeat:		no-repeat;
	overflow:				hidden;
	margin:					0px;
	display:				block;
}

/*******************************************************************/
/**  NAVIGATION                                                    */
/*******************************************************************/
#wrapper #wrap-header #header ul#navigation {
	width:					630px;
	height:					27px;
	position:				absolute;
	bottom:					0px;
	right:					0px;
}
#wrapper #wrap-header #header ul#navigation li {
	float:					left;
	text-indent:			-9999px;
	overflow:				hidden;
}
#wrapper #wrap-header #header ul#navigation li a {
	width:					104px;
	height:					27px;
	display:				block;
	background-image:		url(../images/common.gif);
	background-repeat:		no-repeat;
	background-position:	0px -270px;
}

/** MENU1 */
#wrapper #wrap-header #header ul#navigation li#menu1 a {
	width:					105px;
	background-position:	0px -270px;
}
#wrapper #wrap-header #header ul#navigation li#menu1 a:hover,
#wrapper #wrap-header #header ul#navigation li#menu1 a.active {
	width:					105px;
	background-position:	0px -300px;
}

/** MENU2 */
#wrapper #wrap-header #header ul#navigation li#menu2 a {
	background-position:	-106px -270px;
}
#wrapper #wrap-header #header ul#navigation li#menu2 a:hover,
#wrapper #wrap-header #header ul#navigation li#menu2 a.active {
	background-position:	-106px -300px;
}
/** MENU3 */
#wrapper #wrap-header #header ul#navigation li#menu3 a {
	background-position:	-211px -270px;
}
#wrapper #wrap-header #header ul#navigation li#menu3 a:hover,
#wrapper #wrap-header #header ul#navigation li#menu3 a.active {
	background-position:	-211px -300px;
}
/** MENU4 */
#wrapper #wrap-header #header ul#navigation li#menu4 a {
	background-position:	-317px -270px;
}
#wrapper #wrap-header #header ul#navigation li#menu4 a:hover,
#wrapper #wrap-header #header ul#navigation li#menu4 a.active {
	background-position:	-317px -300px;
}
/** MENU5 */
#wrapper #wrap-header #header ul#navigation li#menu5 a {
	background-position:	-422px -270px;
}
#wrapper #wrap-header #header ul#navigation li#menu5 a:hover,
#wrapper #wrap-header #header ul#navigation li#menu5 a.active {
	background-position:	-422px -300px;
}
/** MENU6 */
#wrapper #wrap-header #header ul#navigation li#menu6 a {
	background-position:	-526px -270px;
}
#wrapper #wrap-header #header ul#navigation li#menu6 a:hover,
#wrapper #wrap-header #header ul#navigation li#menu6 a.active {
	background-position:	-526px -300px;
}


/*******************************************************************/
/**  SUPPLEMENT                                                    */
/*******************************************************************/
#wrapper #wrap-header #header ul#supplement {
	height:					auto;
	list-style:				none;
	position:				absolute;
	top:					25px;
	right:					0px;
}
#wrapper #wrap-header #header ul#supplement li {
	float:					left;
}

#wrapper #wrap-header #header ul#supplement li a {
	display:				block;
	color:					#666666;
	text-decoration:		none;
	background-image:		url(../images/header_bullet.gif);
	background-repeat:		no-repeat;
	background-position:	0px 5px;
	margin-left:			20px;
	padding-left:			15px;
}

#wrapper #wrap-header #header ul#supplement li a:hover {
	text-decoration:		underline;
}

/*******************************************************************/
/**  MAIN-IMAGE                                                    */
/*******************************************************************/
#index-mainimage {
	width:					900px;
	height:					270px;
	text-indent:			-9999px;
	background:				url(../images/index_main.jpg) no-repeat;
	margin:					20px auto;
}

/*******************************************************************/
/**  CONTAINER                                                     */
/*******************************************************************/
#container {
	width:					900px;
	text-align:				left;
	overflow:				hidden;
	margin:					15px auto 20px;
}
/*******************************************************************/
/**  MAIN AREA                                                     */
/*******************************************************************/
#main-area {
	float:					right;
	width:					640px;
	text-align:				left;
	margin:					0px auto;
}

#index #main-area h3 {
	text-indent:			-9999px;
	overflow:				hidden;
	background-repeat:		no-repeat;
	border-top:				#39B9F0 3px solid;
	margin-bottom:			5px;
}
#index #main-area h3 {
	border-top:				#39B9F0 3px solid;
}

/*******************************************************************/
/**  INDEX                                                         */
/*******************************************************************/
#index #container {
	margin:					10px auto 20px;
}
/** H */
#main-area.index h3#h01 {
	width:					640px;
	height:					35px;
	background-image:		url(../images/index_h_01.gif);
}
#main-area.index h3#h02 {
	width:					640px;
	height:					35px;
	background-image:		url(../images/index_h_02.gif);
	border-top:				#39B9F0 3px solid;
}

/** PICKUP EVENT */
#index #main-area .content .event-content {
	overflow:				hidden;
}

#index #main-area .content .event-content-read {
	float:					right;
	width:					355px;
}
#index #main-area .content .event-content-image {
	float:					left;
	width:					235px;
	border:					#CCCCCC 1px solid;
	padding:				5px;
}
#index #main-area .content .event-content-image p {
	margin:					0px;
	padding:				0px;
	line-height:			0;
}

#index #main-area .content .event-content-read h4 {
	font-size:				19px;
	color:					#529124;
	line-height:			1.2;
	margin-bottom:			10px;
}

#index #main-area .content span a {
	display:				inline-block;
	font-size:				12px;
	font-weight:			bold;
	color:					#FFF;
	letter-spacing:			2px;
	line-height:			1.5;
	text-decoration:		none;
	height:					1.5em;
	background:				url(../images/bg_link.gif);
	margin-top:				10px;
	padding:				0px 5px;
}

#index #main-area .content span a:hover {
	background:				url(../images/bg_pink.gif);
}

/** PICKUP EVENT LIST  **/
#index #main-area .content #index-event-list {
	clear:					both;
	margin-top:				20px;
	border-top:				1px dotted #CCCCCC;
}
#index #main-area .content .index-event-contents {
	padding:				10px 0px 10px;
	border-bottom:			1px dotted #CCCCCC;
	overflow:				hidden;
}
#index #main-area .content .index-event-content {
	float:					left;
	width:					310px;
}

#index #main-area .content .index-event-content .index-event-read {
	float:					right;
	width:					145px;
	padding-right:			10px;
}
#index #main-area .content .index-event-content .index-event-image {
	float:					left;
	width:					135px;
	border:					#CCCCCC 1px solid;
	padding:				5px;
}

#index #main-area .content .index-event-content .index-event-image p {
	margin:					0px;
	padding:				0px;
	line-height:			0;
}

#index #main-area .content .index-event-content .index-event-read h4 {
	font-size:				15px;
	color:					#529124;
	margin-bottom:			5px;
}
/**** ACCESSMAP */
#index #main-area .content #index-access-read {
	float:					right;
	width:					250px;
}
#index #main-area .content #index-access-read p {
	padding:				20px 0px;
	margin-bottom:			20px;
	border-bottom:			1px dotted #CCCCCC;
}

#index #main-area .content #index-access-read p#schoolname {
	padding:				5px 0px 0px;
	border-bottom:			none;
	margin-bottom:			0px;
}

#index #main-area .content #index-access-read address {
	padding-top:			20px;
	font-style:				normal;
}

/*******************************************************************/
/**  USUALLY                                                       */
/*******************************************************************/
p#topic-path {
	font-size:				11px;
	text-align:				left;
	width:					900px;
	margin:					10px auto 5px;
	letter-spacing:			2px;
}
p#topic-path a {
	color:					#529124;
}

h1 {
	width:					900px;
	height:					150px;
	background-color:		#000000;
	margin:					5px auto 15px;
	text-indent:			-9999px
}

/** CONTENTAREA */
#index #main-area .content,
#main-area #content-area {
	overflow:				hidden;
	margin:					0px 0px 30px;
	padding:				0px 10px;
}

/*******************************************************************/
/**  DISPLAY                                                       */
/*******************************************************************/
#display h1 {
	background:				url(../images/display_main.jpg) no-repeat;
}

/*******************************************************************/
/**  COUPON                                                        */
/*******************************************************************/
#coupon #container {
	text-align:				center;
	border:					5px solid #000000;
	margin-bottom:			50px;
}
#coupon #container p {
	padding:				0;
	line-height:			0;
	margin:					0px;
}
/*******************************************************************/
/**  EVENT                                                         */
/*******************************************************************/
#event h1 {
	background:				url(../images/event_main.jpg) no-repeat;
}
/** 一番上のコンテンツ */
#event #main-area #content-area .content-read {
	width:					290px;
}
#event #main-area #content-area .content-image {
	width:					290px;
	border:					#CCCCCC 1px solid;
	padding:				5px;
}
/** 横並びコンテンツ */
#event #main-area #content-area .wrap-content .content h2 {
	font-size:				15px;
}
#event #main-area #content-area .wrap-content .content {
	border:					none;
	position:				relative;
	padding-top:			130px;
}

#event #main-area #content-area .wrap-content .content-read {
	width:					300px;
}
#event #main-area #content-area .wrap-content .content-image {
	width:					292px;
	border:					#CCCCCC 1px solid;
	padding:				3px;
	position:				absolute;
	top:					0px;
	margin-bottom:			10px;
	text-align:				center;
}
#event #main-area #content-area .wrap-content .content-image p img {
	border:				1px solid #CCCCCC;
}

/** ODD EVEN */
#event #main-area #content-area .wrap-content .content.odd  {
	width:					305px;
	float:					left;
}
#event #main-area #content-area .wrap-content .content.even {
	background-color:		#FFFFFF;
	width:					305px;
	float:					right;
}

#event #main-area #content-area .wrap-content .content.odd .content-read  {
	float:					none;
}
#event #main-area #content-area .wrap-content .content.odd .content-image  {
	float:					none;
	background-color:		#FFFFFF;
}
#event #main-area #content-area .wrap-content .content.even .content-read  {
	float:					none;
}
#event #main-area #content-area .wrap-content .content.even .content-image  {
	float:					none;
}

/*******************************************************************/
/**  SHOP                                                          */
/*******************************************************************/
#shop h1 {
	background:				url(../images/shop_main.jpg) no-repeat;
}

#shop #main-area #content-area h3 {
	font-size:				14px;
	border	:				none;
	text-indent:			0px;
	padding:				0px;
	color:					#529124;
	margin-bottom:			10px;
	overflow:				visible;
	line-height:			1.5;
}
/** ODD EVEN */
#shop #main-area #content-area .wrap-content .content  {
	width:					190px;
	padding-right:			10px;
	float:					left;
	border:					none;
}
#shop #main-area #content-area .wrap-content .content.even {
	float:					right;
}


#shop #main-area #content-area .wrap-content.first {
	padding:				0px 0px 10px;
}

#shop #main-area #content-area .wrap-content .content.odd .content-read  {
	float:					none;
}
#shop #main-area #content-area .wrap-content .content.odd .content-image  {
	float:					none;
	background-color:		#FFFFFF;
}
#shop #main-area #content-area .wrap-content .content.even .content-read  {
	float:					none;
}
#shop #main-area #content-area .wrap-content .content.even .content-image  {
	float:					none;
}

#shop #main-area #content-area .wrap-content .content-image {
	margin-bottom:			10px;
	text-align:				center;
}

#shop #main-area #content-area .wrap-content .content-read {
	width:					100%;
}
#shop #main-area #content-area .wrap-content .content-image {
	width:					292px;
	border:					#CCCCCC 1px solid;
	padding:				3px;
	position:				absolute;
	top:					0px;
}
#shop #main-area #content-area .wrap-content .content-image p img {
	border:				1px solid #CCCCCC;
}


/*******************************************************************/
/**  USUALLY                                                       */
/*******************************************************************/
#main-area #content-area h2 {
	font-size:				19px;
	color:					#529124;
	line-height:			1.2;
	margin-bottom:			10px;
}
#main-area #content-area h3 {
	clear:					both;
	font-size:				14px;
	border-left:			6px solid #FF33AD;
	border-top:				none;
	text-indent:			0px;
	padding:				3px 10px;
	margin-bottom:			10px;
}

#main-area #content-area .content {
	border-bottom:			1px dotted #CCCCCC;
	padding:				15px 5px;
	margin:					0px;
}
#main-area #content-area .wrap-content {
	width:					640px;
	overflow:				hidden;
	border-bottom:			1px dotted #CCCCCC;
	padding:				10px 0px;
	border-collapse:		collapse;
}

/** ODD EVEN */
#main-area #content-area .content.odd .content-read  {
	float:					left;
}
#main-area #content-area .content.odd .content-image  {
	float:					right;
	background-color:		#FFFFFF;
}
#main-area #content-area .content.even .content-read  {
	float:					right;
}
#main-area #content-area .content.even .content-image  {
	float:					left;
}

#main-area #content-area .content-read {
	width:					340px;
}

#main-area #content-area .content-image {
	width:					235px;
	border:					#CCCCCC 1px solid;
	padding:				5px;
	margin-bottom:			10px;

}
#main-area #content-area .content-image p {
	margin:					0px;
	padding:				0px;
	line-height:			0;
}

/*******************************************************************/
/**  SIDEAREA                                                      */
/*******************************************************************/
#side-area {
	float:					left;
	width:					230px;
}
#side-area #side-bn ul li {
	margin-bottom:			20px;
}

#side-area #side-bn li a {
	background-image:		url(../images/common.gif);
	background-repeat:		no-repeat;
	width:					230px;
	height:					100px;
	text-indent:			-9999px;
	display:				block;
}

#side-area #side-bn ul li#coupon-bn a {
	background-position:	0px -85px;
	height:					82px;
}
#side-area #side-bn ul li#bingo-bn a {
	background-position:	0px -170px;
	height:					82px;
}
#side-area h3 {
	width:					230px;
	height:					67px;
	text-indent:			-9999px;
	overflow:				hidden;
	padding:				0px;
}

/** INDEX SIDE H */
#index #side-area h3 {
	font-size:				15px;
	letter-spacing:			1.5px;
	color:					#FFFFFF;
	line-height:			2.5;
	width:					220px;
	height:					2.5em;
	background:				url(../images/bg_pink.gif);
	padding-left:			10px;
	text-indent:			0px;
}

/**  INDEX 以外 */
#side-area h3 {
	width:					230px;
	height:					67px;
	text-indent:			-9999px;
	overflow:				hidden;
	padding:				0px;
	margin-top:				15px;
}

/** EVENT SIDE H */
#event #side-area h3 {
	background:				url(../images/event_bn.gif);
}
/** EVENT SIDE H */
#shop #side-area h3 {
	background:				url(../images/shop_bn.gif);
}
/** EVENT SIDE H */
#display #side-area h3 {
	background:				url(../images/display_bn.gif);
}
/** BLOG SIDE H */
#blog #side-area h3 {
	background:				url(../images/blog_bn.gif);
}

#side-area ul#localnavigation {
	margin-bottom:			20px;
}

#side-area ul#localnavigation li {
	list-style:				none;
	padding:				15px 7px;
	border-bottom:			1px dotted #CCCCCC;
}

#side-area ul#localnavigation li.noborder {
	border-bottom:			none;
}

#side-area ul#localnavigation li a {
	color:					#666666;
	text-decoration:		none;
}

#side-area ul#localnavigation li a:hover {
	color:					#529124;
	text-decoration:		underline;
}

#side-area dl#news  {
	margin-bottom:			20px;;
}

#side-area dl#news dt {
	padding:				5px 0px 0px 10px;
}

#side-area dl#news dd {
	padding:				0px 5px 4px 10px;
	border-bottom:			1px dotted #CCCCCC;
}

#side-area dl#news dd a {
	color:					#666666;
	text-decoration:		none;
}
#side-area dl#news dd a:hover {
	color:					#529124;
	text-decoration:		underline;
}
#side-area dl#news dd#lastln {
	border-bottom:			none;
}
#side-area ul li#lastln {
	border-bottom:			none;
}
/*******************************************************************/
/**  FOOTER                                                        */
/*******************************************************************/
#wrapper #footer {
	width:					900px;
	border-top:				#C8C8C8 4px solid;
	margin:					0px auto;
	padding-top:			20px;
	background:				url(../images/footer_bg.gif) repeat-x;
}

#wrapper #footer .logo {
	float:					left;
}
#wrapper #footer p#footer-navi {
	float:					right;
	letter-spacing:			2px;
	margin-top:				10px;
	padding-right:			20px;
}

#wrapper #footer p#footer-navi a {
	color:					#666666;
	text-decoration:		none;
}

#wrapper #footer p#footer-navi a:hover {
	text-decoration:		underline;
}
#wrapper #footer address {
	clear:					both;
	margin-bottom:			10px;
	font-style:				normal;
	padding-top:			10px;
}
/*******************************************************************/
/**  OTHER                                                         */
/*******************************************************************/
.pagetop {
	clear:					both;
	font-size:				90%;
	padding-top:			10px;
	margin-bottom:			0px;
}
.pagetop a {
	background-image:		url(../images/pagetop_bullet.gif);
	background-repeat:		no-repeat;
	background-position:	0px 5px;
	color:					#666666;
	display:				block;
	padding-left:			20px;
	text-decoration:		none;
}

p.content-bn {
	padding:				20px 0px 0px;
	clear:					both;
}
p.content-bn a {
	background-image:		url(../images/blog_bn.gif);
	background-repeat:		no-repeat;
	width:					144px;
	height:					30px;
	text-indent:			-9999px;
	display:				inline-block;
	padding-left:			20px;
}



#blog h1 {
	background:				url(../images/blog_main.gif) no-repeat;
}