@charset "utf-8";
/*--------------------------------------------
*	subpage
*	01. layout: size, position
*	02. header
*	03. page
*	04. month
*	05. category
*--------------------------------------------*/


/*--------------------------------------------
	01. layout: size, position
*--------------------------------------------*/
body {
	text-align:center;
	background-color:#f6eadc;
	background-image:url(../image/sub_bg_top.jpg);
	background-repeat:repeat-x;
	padding-bottom:30px;
}


#layout{
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:#FFFFFF;
}


/*--------------------------------------------
	02. header
*--------------------------------------------*/
#subHead{
	height:214px;
	background-image:url(../image/sub_header.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#subHeaderTopBtn{
	margin-left:20px;
	margin-top:15px;
}


/*--------------------------------------------
	03. page
*--------------------------------------------*/

.pageBody{
	margin-top:12px;
	margin-bottom:30px;
}

.pageBody a {
	color:#ff5400;
	text-decoration:none;

}

.pageBody a:hover {
	color:#ff5400;
	text-decoration:underline;
}

.categoryDescription {
	background:url(../image/page_line.png) left bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;
}

.pageTitle{
	background-image:url(../image/page_line.png);
	background-position:bottom; 
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;

}

.pageTitle .titleC{
	float:left;
	background-image:url(../image/calendar_nengetu_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:52px;
	height:52px;
	font-weight:bold;
	text-align:center;
	line-height:100%;
}

.pageTitle .year{
	color:#FFFFFF;
}

.pageTitle .month{
	color:#7f4d17;
}

.pageTitle .titleDateWeekday{
	float:left;
	width:30px;
	text-align:center;
	margin-left:15px;
	margin-top:5px;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	color:#ff5400;
	background-image:url(../image/calendar_weekday.png);
	background-position:center;
	background-position:inherit;
	background-repeat:no-repeat;
}


.pageTitle .titleDateHoliday{
	float:left;
	width:30px;
	text-align:center;
	margin-left:15px;
	margin-top:5px;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	color:#ffffff;
	background-image:url(../image/calendar_weekend.png);
	background-position:center;
	background-position:inherit;
	background-repeat:no-repeat;
}


.pageTitle .titleTxt{
	float:right;
	width:430px;
	color:#7f4d17;
	font-size:120%;
	font-weight:bold;

}


.pageTitle .titleTxt h3{
	color:#ff5400;
	font-weight:bold;
}


/*--------------------------------------------
	04. month
*--------------------------------------------*/
.monthList{
	margin-top:30px;
}

/*--------------------------------------------
	05. category
*--------------------------------------------*/
.ctgyList{
	margin-top:12px;
}

/*--------------------------------------------
	06. serch
*--------------------------------------------*/
.searchArea{
	margin-top:12px;
}
.searchTitle{
	height:52px;
	padding-left:13px;
	background-image:url(../image/select_title_search_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.searchTitle h2{
	line-height:220%;
	font-size:140%;
	font-weight:bolder;
	color:#FFFFFF;
}

.searchArea ul {
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:15px;
	padding:0px;
}

.searchArea li {
	margin-top:8px;
	padding-left:15px;
	background:url(../image/search_icn.png) 0em 0.23em no-repeat;
	line-height:150%;
}


/*--------------------------------------------
	07. guide
*--------------------------------------------*/
.webArea{
	margin-top:12px;
}

.webArea .webTitle{
	height:52px;
	padding-left:13px;
	background-image:url(../image/select_title_web_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.webArea .webTitle h2{
	line-height:220%;
	font-size:140%;
	font-weight:bolder;
	color:#FFFFFF;
}