@charset "Shift_JIS";
@import "base.css";



/* MAINIMAGE
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#mainimage {
	width: 800px;
	padding-top: 10px;
	margin-bottom: 5px;
	background: url(../images/shadow_top.gif) repeat-x left top;
	
}
#rotator_mainimage {
	width: 800px;
	height: 277px;
	background: url(../images/images_ss/rotator_mainimage/rotator.php) no-repeat top center;
	
}


#mainimage_shadow {
	width: 800px;
	height: 10px;
	background: url(../images/shadow_top.gif) repeat-x left top;
}






/* 基本レイアウト
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#newsArea {
	width: 400px;
	float: left;
	margin-right: 15px;
}

#photoArea {
	width: 150px;
	height: 541px;
	background: url(../images/images_ss/rotator_photo/rotator.php) no-repeat top left;
	float: left;
	margin: 0px 15px 4px 0px;
}

#eventArea {
	width: 220px;
	float: right;
}









/* 御堂筋NEWS
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* タイトル */
#newsTitle {
	height: 40px;
	background: url(../images/titlebar_news.gif) no-repeat left top;
}

#newsTitle .left {	width: 200px; }
#newsTitle .right {	width: 60px; padding-top: 6px; }

#newsTitle .right p {
	font-size: 10%;
	line-height: 100%;
	text-indent: -9999px;
	height: 13px;
	width: 53px;
	background: url(../images/btn_more.gif) no-repeat left top;
}

#newsTitle .right a {
	display: block;
	height: 13px;
	width: 53px;
}



/* NEWS一覧 */
.celNewsA, .celNewsB {
	border-bottom: 1px solid #DCDCDC;
	padding: 5px;
}

.celNewsA {
	background: url(../images/slash_beige.gif) repeat left top;
}

.celNewsA .left, .celNewsB .left {		width: 65px; }
.celNewsA .right, .celNewsB .right {	width: 305px;	padding-top: 3px; }

#newsArea h3 {
	background: url(../images/arrow_link.gif) no-repeat 0em 0.3em; /* mac IE only \*/
	background: url(../images/arrow_link.gif) no-repeat 0em 0.2em; /* other browser */
	padding: 2px 0 2px 17px;
}

#newsArea h3, #newsArea h3 a {
	color: #56A900;
	display: block;
}

#newsArea h3 a:hover, v#newsArea h3 a:hover { 
	color: #FF6600;
	text-decoration: none;
	background-color: #F7E48C;
}

.celNewsA .right p, .celNewsB .right p {
	padding-left: 17px;
}







/* イベント情報
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* バナー */
.banner {	padding-bottom: 6px; }
.banner p { 	margin-bottom: 4px; }


/* イベント */
#event {
	border: 1px solid #BFD6BA;
	font-size: 10px;
	line-height: 120%;
}

#event h2 {
	background: url(../images/titlebar_calendar.gif) no-repeat left top;
	height: 24px;
}


/* 季節 */
div.season td {
	color: #56A900;
	text-align: center;
	padding: 7px 0;
	font: 12px Verdana;
}

div.season td a {	color: #56A900; }



/* カレンダー */
.calendar {
	padding-top: 2px;
	background: #F5F5E8 url(../images/shadow_beige.gif) repeat-x left top;
}

.calendar p {
	background: url(../images/dotline_green.gif) repeat-x left bottom;
	padding: 7px 5px;
}

.calendar p.end {	background-image: none; }

.calendar a {	 
	color: #333333;
	display: block; 
}
.calendar a:hover { 
	color: #FF6600;
	background-color: #F7E48C;
 }

.day {
	color: #288D00;
	margin-right: 5px;
}