@charset "utf-8";
/* CSS Document */
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: this_dirctory_css.css
 * author		: takaaki koyama
 * style info	: このディレクトリ内用ページCSS
 -----------------------------------------------------------*/
/* subpage.css -  2階層目以降ページ用共通CSS
----------------------------------------------------------- */
@import url("../../common/css/subpage.css");

#article .read {
	margin: 20px 0 40px 0;
}

#article h3 {
	font-size: 134%;
}

#articleLeft {
	width: 494px;
	float: left;
}

#articleLeft .eventBox {
	background: url(../img/bg_eventbox.gif) repeat-y left top;
	padding-right: 1px;
	position: relative;
	margin-bottom: 30px;
	
}

#articleLeft .eventBox table {
	width: 100%;
	border: 0px;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top;
}

#articleLeft .eventBox table .date {
	width: 93px;
	padding: 0 16px 0 13px;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom;	
}

#articleLeft .eventBox table .eventTtl {
	padding: 11px 12px 10px 19px;
	background: #FAE2E2 url(../../common/img/parts/img_dot.gif) repeat-x left top;
}

#articleLeft .eventBox table .eventTtl p {
	margin-bottom: 0px;
}

#articleLeft .eventBox table .eventTtl .title {
	font-size: 125%;
	color: #FD6766;
	font-weight: bold;
	width: 280px;
}

#articleLeft .eventBox table .eventTtl .publicDate {
	font-size: 92%;
	color: #868686;
	width: 285px;
}

#articleLeft .eventBox table .eventTtl .btn {
	position: absolute;
	left: 420px;
	top: 24px;
}

#articleLeft .eventBox table .summary {
	padding: 13px 12px 18px 19px;
	background: #FCF0F0  url(../../common/img/parts/img_dot.gif) repeat-x left bottom;	
}

.btn {
	text-align: center;
}

.btn img {
	display: inline;
}

.btn ul {
/*	display: inline;
	position: relative;
	left: 0px;
	top: -10px;*/
	margin: 0 10px;
}

.btn li {
	display: inline;
}

.btn li .link_before {
	position: relative;
	left: 0px;
	top: 8px;	
}

.btn li .link_next {
	position: relative;
	left: 0px;
	top: 8px;	
}

#articleRight {
	width: 127px;
	float: right;
	
}

#articleRight .category {
	background: url(../img/bg_archive.gif) repeat-y left top;	
}

#articleRight h4{
	font-size: 0px;
	line-height: 0;
}

#articleRight h4 img{
	font-size: 0px;
	line-height: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#articleRight ul {
	padding: 18px 0 20px 0;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom;
}

/*#articleRight li {
	margin-left: 20px;
	background: url(../img/icon_list.gif) no-repeat left center;
	padding-left: 15px;
}*/

#articleRight li a:link {
	margin-left: 20px;
	background: url(../img/icon_list.gif) no-repeat left center;
	padding-left: 15px;
}

#articleRight li a:visited {
	margin-left: 20px;
	background: url(../img/icon_list.gif) no-repeat left center;
	padding-left: 15px;
}

#articleRight li a:hover {
	margin-left: 20px;
	background: url(../../common/img/parts/icon_link_on.gif) no-repeat left center;
	padding-left: 15px;
}

#articleRight li a:active {
	margin-left: 20px;
	background: url(../../common/img/parts/icon_link_on.gif) no-repeat left center;
	padding-left: 15px;
}

#articleRight .monthly {
	background: url(../img/bg_archive.gif) repeat-y left top;
}

#articleRight .monthly ul {
	padding-bottom: 58px;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom;
}

#articleLeft #detaulsArea {
	background: url(../img/bg_detail.gif) repeat-y left top;
	padding: 0 1px 0 1px;
	width: 496px;
}

#articleLeft .detauls {
	width: 494px;
	border: 0px;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top;
	padding-bottom: 0px;
}

#articleLeft .detauls h3 {
	font-size: 150%;
}

#articleLeft .detauls .explan {
	font-weight: normal;
}

#articleLeft .detauls .even {
	background: #FAE2E2;
}

#articleLeft .detauls .odd {
	background: #FCF0F0;
}

#articleLeft .detauls .length {
	width: 70px !important;
}


#articleLeft .detauls th {
	padding: 14px 0px  17px 12px; 
}

#articleLeft .detauls td {
	padding: 14px 34px  17px 12px; 
}

#articleLeft .detauls .info {
	background: url(../img/bg_info.jpg) no-repeat left top;
	height: 33px;
}

#article #mapArea {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom;
}

#article .mapTtl {
	margin-top: 40px;
}

#mapWrapper {
	background:url(../img/bg_map.gif) no-repeat left top;
	padding: 1px;
}

#article .lowerBtn {
	text-align: center;
	margin: 10px 0 10px 0;
	padding-bottom: 20px;
}

#article .lowerBtn li {
	display: inline;
	margin-right: 10px;
}

.info .detailsbtn {
	margin-left: 100px;
}