@charset "UTF-8";
/*
===== 1: IMPORT FILES ===========================
*/
@import "css/default.css"; /* initial setting */
@import "css/shareStyle.css";/* layout style */
@import "dr-calendar.css";/* dr-calender */

/*
===== 1: CONTAINER ==========================================
*/
body {
	background: url(images/bodyBg_top.jpg) repeat-x left top;
}
#topContainer {
	background: url(images/mainBg.jpg) no-repeat center bottom;
}
#topContainer img {
	vertical-align: top;
}
#header {
	height: 116px;
}

ul#gnavi {
	clear: both;
	margin-top: 7px;
	margin-bottom: 2px;
}
ul#gnavi li {
	float: left;
}
ul#gnavi li img {
	vertical-align: middle;
}

div#container{
	margin: 0 auto;
	text-align: left;
	width: 840px;
}

#contents {
	margin-top: 7px;
	clear: both;
	background: url(images/share/bodyBorder.gif) repeat-y center top;
	width: 838px;
	padding: 30px 1px 0 1px;
}
#main {
	padding-left: 14px;
	width: 563px;
	float: left;
}
#sub {
	padding-right: 14px;
	width: 232px;
	float: right;
}


/* :::::::::::::::::::::::::::::::::::: */
.calendar {
	background: url(images/share/calendarBg.gif) no-repeat center top;
	padding-top:35px;
	width: 232px;
	height: 282px;
}
ul.banner {
	margin: 1em 0;
}
ul.banner li {
	margin-bottom: 7px;
}
ul.banner li img {
	vertical-align: middle;
}
ul.info {
	margin: 1em 0 2em 0;
}
ul.info li {
	background: url(images/point.gif) no-repeat 7px 9px;
	padding: 4px 8px 9px 25px;
	margin-bottom: 5px;
	border-bottom: #ddd 1px dashed;
}
.postedTime {
	font-weight: bold;
	padding-right: 10px;
}

.box {
	padding-bottom: 5px;
	margin-right: 15px;
	margin-bottom: 2em;
	float: left;
	width: 174px;
	height: 190px;
	border-right: #dbdbdb 1px solid;	
	border-left: #dbdbdb 1px solid;
	border-bottom: #dbdbdb 1px solid;
}
.marginNone {
	margin-right: 0;
}
.title a {
	padding-top: 3px;
	background:url(images/titleBg.gif) no-repeat 0 0;
	width: 174px;
	height: 27px;
	display: block;
}
.title a:link,
.title a:visited,
.title a:hover,
.title a:active {
	color:#333333;
	text-decoration: none;
}
.title h3 {
	text-align: center;
	font-size: 116%;
	font-weight: bold;
}
.box p {
	padding: 10px;
}
.box img {
	text-align: center;
	padding: 0 10px 5px 10px;
}
.enter {
	text-align: right;
	margin-bottom: 10px;
	padding-right: 10px;
}
.section {
	width: 536px;
	clear: both;
	border: #ddd 1px solid;
	padding: 10px;
	margin-bottom: 2em;
}
#main .leftCol {
	width: 310px;
	float: left;
}
#main .rightCol {
	width: 220px;
	float: right;
}
.section img {
	margin-bottom: 3px;
}