@charset "utf-8";

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
#contents-area {
	background:url(../../img/top/main_bg.jpg) center top no-repeat;
}

#contents-area .mapbt {
	width:960px;
	margin:0px auto 0px auto;
	padding-right:25px;
	height:34px;
	text-align:right;
}
#contents-area .mapbt/**/ {
	width: /**/935px;
}

#contents-area .mapbt img {
	margin:0px 0px 0px auto;
	display:none;
}

#contents-area .main-area {
	width:980px;
	margin:0px auto 0px auto;
}

/* -----------------------------------------------------------------------------
 Container
----------------------------------------------------------------------------- */
#contents-area .container {
	width:960px;
	margin:0px auto 0px auto;
	padding:11px 0px 10px 0px;
}

/* -----------------------------------------------------------------------------
 Left
----------------------------------------------------------------------------- */
#contents-area .container .left {
	width:200px;
	margin:0px 15px 0px 0px;
	float:left;
}

#contents-area .container .left .event {
	margin-top:5px;
	padding-bottom:5px;
	background-color:#FFECE3;
	line-height:1.2em;
}

#contents-area .container .left .event h3 {
	font-size:1em;
	font-weight:normal;
	padding:5px 10px;
	background: #FF9A7B;
}

#contents-area .container .left .event .img {
	margin:0px 2px;
	padding:7px;
	background-color:#FFFFFF;
	text-align:center;
}
#contents-area .container .left .event .img img {
	width: 120px;
}

#contents-area .container .left .event .text {
	font-size:0.85em;
	padding:5px 10px 10px 10px;
}

#contents-area .container .left .event .bt {
	padding:0px 10px 10px 10px;
	text-align:center;
}

/* -----------------------------------------------------------------------------
 Center
----------------------------------------------------------------------------- */
#contents-area .container .center {
	width:530px;
	margin:0px 15px 0px 0px;
	float:left;
}

#contents-area .container .center .today {
	margin-top:5px;
	background:url(../../img/top/today_bg.gif) repeat-y;
	line-height:1.2em;
}

#contents-area .container .center .today h2 {
	font-size:1.05em;
	padding:0px;
	text-align:center;
}

#contents-area .container .center .today .date {
	color:#FFFFFF;
	margin:0px 7px;
	padding:5px;
	background-color:#000000;
	text-align:center;
}

#contents-area .container .center .today .box {
	padding:0px 22px 45px 22px;
	background:url(../../img/top/today_bottom.gif) bottom no-repeat;
}


#contents-area .container .center .today .box .notoday {
	padding:30px 10px;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

#contents-area .container .center .today .box .item {
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #000000;
}

#contents-area .container .center .today .box .item .img {
	width:102px;
	float:left;
}

#contents-area .container .center .today .box .item .img img {
	border:1px solid #CCCCCC;
}

#contents-area .container .center .today .box .item .text {
	margin:0px 0px 0px 116px;
	padding-bottom:5px;
}

#contents-area .container .center .today .box .item .text .time {
	color:#C91F1F;
	font-size:1.05em;
	font-weight:bold;
	min-height:28px;
	padding:7px 0px 0px 25px;
	background:url(../../img/top/today_ico.gif) left top no-repeat;
}

#contents-area .container .center .today .box .item .text h3 {
	font-size:1.05em;
	padding:8px 0px 0px 0px;
}

#contents-area .container .center .today .box .item .text .bt {
	padding:13px 0px 0px 0px;
}



#contents-area .container .center .closedday {
	margin-top:15px;
	background:url(../../img/top/closedday_bg.gif) repeat-y;
	line-height:1.2em;
}

#contents-area .container .center .closedday h2 {
	font-size:1.05em;
	padding:0px;
	text-align:center;
}

#contents-area .container .center .closedday .date {
	color:#FFFFFF;
	margin:0px 7px;
	padding:5px;
	background-color:#000000;
	text-align:center;
}

#contents-area .container .center .closedday .box {
	padding:12px 22px;
	background:url(../../img/top/closedday_bottom.gif) bottom no-repeat;
	text-align:center;
}










#contents-area .container .center .info {
	position:relative;
	margin-top:15px;
	padding-top:58px;
}

#contents-area .container .center .info h2 {
	position:absolute;
	top:0px;
	left:0px;
}

#contents-area .container .center .info p.bt {
	position:absolute;
	top:15px;
	right:10px;
}

#contents-area .container .center .info ul {
	padding:6px 10px;
}

#contents-area .container .center .info ul li {
	min-height:11px;
	background:url(../../img/ico2.gif) 0 3px no-repeat;
	padding-left:17px;
	margin-bottom: 0.5em;
}



#contents-area .container .center .info .item {
	padding:8px 10px;
	line-height:1em;
}

#contents-area .container .center .info .item h3 {
	color:#0D7C32;
	font-size:1em;
	min-height:12px;
	background:url(../../img/ico2.gif) 0px 1px no-repeat;
	padding-left:17px;
}

#contents-area .container .center .info .item p {
	font-size:0.85em;
	padding:5px 0px 0px 17px;
}

#contents-area .container .center .banner {
	margin-top: 15px;
}




/* -----------------------------------------------------------------------------
 Right
----------------------------------------------------------------------------- */
#contents-area .container .right {
	width:200px;
	float:left;
}

#contents-area .container .right .greeting {
	font-size:0.85em;
	width:200px;
	background:url(../../img/top/greeting_bg.gif) repeat-y;
	border-bottom:3px solid #AA51AD;
	line-height:1.2em;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#contents-area .container .right .greeting .welcome {
	width:200px;
	background:url(../../img/top/greeting_top.gif) no-repeat;
	padding-top:53px;
}

#contents-area .container .right .greeting .photo {
	width:200px;
}

#contents-area .container .right .greeting .text {
	padding:10px;
}

#contents-area .container .right .banner li {
	padding-top:10px;
	text-align: center;
}

#contents-area .container .right .banner.line {
	margin-top:10px;
	border-top: 2px solid #ccc;
}


/* -----------------------------------------------------------------------------
 Banner-area
----------------------------------------------------------------------------- */
#contents-area #banner-area {
	width:960px;
	margin:0px auto 0px auto;
	padding:0px 0px 15px 15px;
	background:url(../../img/dot1.gif);
	text-align:left;
}
#contents-area #banner-area/**/ {
	width: /**/945px;
}

#contents-area #banner-area li {
	margin-top:15px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}

#contents-area #banner-area li img {
	margin-right:15px;
}


.pagetop {
	margin-top:30px;
}