
/*	TOP	CSS */




/* LAYOUT
	--------------------------------------------------------------------------------------------------*/

#top #contents	{ margin:0 auto; padding:0 0 70px 0;}
#top #contents a.page_top		{ position:absolute; right:10px; bottom:0px; padding:0 0 0 19px; display:block; font-size:93%; letter-spacing:1px; line-height:24px; color:#525252; background:url(../../imgs/img_top.png) no-repeat left center;}
#top #contents a.page_top:hover	{ color:#e33c68;}

#top #header	{ margin-bottom:46px;}

#bnr		{ border-bottom:1px solid #d9d9d9; margin-bottom:40px; padding-bottom:39px;}

#main		{ width:670px; float:left; padding-bottom:8px; background:url(../../../imgs/event_bg.gif) repeat-y left top;}
#sub		{ width:205px; float:left; padding-top:10px;}



/* MAIN
	--------------------------------------------------------------------------------------------------*/

#main h2	{ padding:10px 0 15px 25px; text-indent:-9999px; letter-spacing:1px; font-size:116%; background:url(../../../imgs/event_06.gif) no-repeat 25px 10px;}
#main h4	{ margin:0 0 0 25px; text-indent:-9999px;}
#main h4.event-entry	{ width:359px; height:23px; float:left; display:inline; margin:0 0 24px 25px; background:url(../../../imgs/event_03.gif) no-repeat left top;}
#main h4.other-entry	{ width:243px; height:14px; margin:0 0 26px 25px; background:url(../../../imgs/event_04.gif) no-repeat left;}
#main img.line			{ margin:0 0 0 26px; display:block;}

#main dl		{ width:600px; margin: 0 0 0 26px;}
#main dt		{ overflow:hidden; font-size:85%; line-height:20px; color:#333; padding:0px 0 4px 0px;}
#main dt span	{ float:left; display:block; padding:0 0 0 10px;}
#main dt img	{ float:left; display:block;}
#main dd		{ clear:both; margin:0 0 20px;}
#main dd a		{ color:#333; font-size:108%; line-height:22px; letter-spacing:1px;}
#main dd a:hover{ color:#e33c68;}
#main #event dl	{ width:360px; float:left;}


	/*event*/
	#event		{ width:666px; overflow:hidden; margin-bottom:29px; padding: 0 0 2px 0; background:#e9e9e9;}
	#main #event dt span	{ float:none; clear:both; display:block; padding:3px 0 0 2px;}
	#main #event dt img		{ float:left; display:block;}

	
	
		/*vevent*/
		.vevent				{ width:370px; float:left; padding:23px 0 51px 25px;}
		.vevent h3 a		{ color:#333; letter-spacing:3px; font-size:153.9%; line-height:27px;}
		.vevent h3 a span	{ display:block; letter-spacing:2px; font-size:69%; line-height:24px;}
		.vevent h3 a:hover	{ color:#e33c68;}
		.vevent p			{ overflow:hidden; color:#333; font-size:85%; line-height:18px; padding:3px 0 4px 0px;}
		.vevent p img		{ padding:0; float:left;}
		.vevent p span		{ display:block; clear:both; padding:10px 0 2px 2px;}
		
		/*ワークショップ　開催予定*/
		.vevent p.gray		{ padding-left:157px; background:url(../../imgs/entry/event_02.gif) no-repeat left top;}
		
		/*event-img*/
		#event-img		{ width:235px; padding:25px 25px 15px 0; float:right;}
		#event-img img	{ display:block; margin-bottom:10px;}
		#event-img p	{ font-size:77%; color:#222; line-height:16px;}


	


/* SUB
	--------------------------------------------------------------------------------------------------*/
#sub dl	{ width:162px; margin:0 0 50px 32px;}
#sub dt	{ height:15px; margin:0 0 15px 0; text-indent:-9999px; background:url(../../../imgs/event_05.gif) no-repeat left top;}
#sub dt.other	{ background:url(../../../imgs/event_07.gif) no-repeat left top;}
#sub dd	{ font-size:93%; margin: 0 0 5px; line-height:22px; color:#333; background:url(../../../imgs/entry_icon_01.gif) no-repeat left 7px; letter-spacing:2px; word-break:break-all; word-wrap:break-word; overflow:hidden;}
#sub dd:first-letter	{ padding-left:16px;}

#sub dd a		{ color:#e33c68; padding:1px 0px; border-bottom:1px dotted #e33c68;}
#sub dd a:hover	{ color:#fcc; background:#e33c68;}
