/* CSS Document */

/* common css start */
html:\66irst-child { font-size: 90%;}
.clear {
	clear: both;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.d-no {
	display:none;
}
.v-no {
	visibility:hidden;
}
form, div, p, h1, h2, h3, h4, input, img{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* common css end */
#hpl-page-out{
	width:100%;
	text-align:center;
	margin-bottom: 20px;
}
#hpl-page{
	width:650px;
	margin-right: auto;
	margin-left: auto;
}
#hpl-page #bg-serch{
	width:650px;
	background-image:url(../img/hpl/hpl_top-03.jpg);
	background-repeat:repeat-y;	
}
#hpl-page #up-serch{
	width:650px;
	background-image:url(../img/hpl/hpl_top-02.jpg);
	background-repeat:no-repeat;	
}
#btm-serch{
	width:650px;
	background-image:url(../img/hpl/hpl_top-04.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom: 15px;
}
/*
#link-help{
	float:right;
	width:214px;
	height:26px;
	font-size:50%;
	margin-right:18px;
	overflow:hidden;
}
#link-help a{
	display:block;
	width:214px;
	height:26px;
	text-decoration:none;
}
*/
#hpl-help{
	width:650px;
	height:20px;
	font-size:50%;
	background-image:url(../img/hpl/hpl_top-help.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#link-help{
	float:right;
	width:118px;
	height:20px;
	margin-right:10px;
	overflow:hidden;
}
#link-help a{
	display:block;
	width:118px;
	height:20px;
	text-decoration:none;
}
#serch-table{
	width:550px;
	font-size:80%;
	margin-top:10px;
	margin-right: auto;
	margin-bottom:5px;
	margin-left: auto;
	border-bottom:solid #cccccc 2px;
}
.sml-text{
	font-size:85%;
	line-height:140%;
}
#serch-box{
	width:550px;
	margin-right: auto;
	margin-left: auto;
}
#serch-sum{
	float:left;
	font-size:80%;
}
#serch-submit{
	float:right;
}
#pickup-text{
	width:650px;
	height:51px;
	background-image:url(../img/hpl/hpl_top-05.jpg);
	background-repeat:no-repeat;
}
#pickup-btm{
	width:610px;
	height:384px;
	background-image:url(../img/hpl/hpl_top-06.jpg);
	background-repeat:no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
#pickup-btm ul{
	width:610px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pickup-btm ul li{
	float:left;
	width:300px;
	height:192px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#pickup-btm ul li.spring a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-01.jpg);
	background-repeat:no-repeat;
}
#pickup-btm ul li.summer a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-02.jpg);
	background-repeat:no-repeat;

}
#pickup-btm ul li.autumn a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-03.jpg);
	background-repeat:no-repeat;
}
#pickup-btm ul li.winter a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-04.jpg);
	background-repeat:no-repeat;
}
#pickup-btm ul li a{
	text-decoration:none;
}
#pickup-btm ul li a:hover{
	background:none;
}


/* new */
#pickup-text2{
	width:650px;
	height:51px;
	background-image:url(../img/hpl/hpl_top-07.jpg);
	background-repeat:no-repeat;
}

#pickup-btm-add{
	width:610px;
	height:576px;
	background-image:url(../img/hpl/hpl_top-08.jpg);
	background-repeat:no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
#pickup-btm-add ul{
	width:610px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pickup-btm-add ul li{
	float:left;
	width:300px;
	height:192px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#pickup-btm-add ul li.landscape a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-05.jpg);
	background-repeat:no-repeat;
}
#pickup-btm-add ul li.history a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-06.jpg);
	background-repeat:no-repeat;
}
#pickup-btm-add ul li.event a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-07.jpg);
	background-repeat:no-repeat;
}
#pickup-btm-add ul li.agriculture a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-08.jpg);
	background-repeat:no-repeat;

}
#pickup-btm-add ul li.special a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-09.jpg);
	background-repeat:no-repeat;
}
#pickup-btm-add ul li.ancient a{
	display:block;
	width:300px;
	height:192px;
	background-image:url(../img/hpl/hpl_btm-10.jpg);
	background-repeat:no-repeat;
}
#pickup-btm-add ul li a{
	text-decoration:none;
}
#pickup-btm-add ul li a:hover{
	background:none;
}
/* end */

#hpl-title{
	margin-bottom:0px;
}
#read-spring{
	font-size:90%;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	color:#c77b94;
	margin-bottom:15px;
}
#read-summer{
	font-size:90%;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	color:#529a68;
	margin-bottom:15px;
}
#read-autumn{
	font-size:90%;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	color:#d77330;
	margin-bottom:15px;
}
#read-winter{
	font-size:90%;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	color:#3c8998;
	margin-bottom:15px;
}
#read-other{
	font-size:90%;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	color:#000080;
	margin-bottom:15px;
}

#pickup-table{
	width:650px;
	font-size:80%;
}
#pickup-table td{
	width:130px;
	text-align:center;
	vertical-align:top;
}
#pickup-table td p{
	margin-bottom:5px;
}
#hpl-navi{
	width:650px;
	height:20px;
	font-size:50%;
	background-image:url(../img/hpl/hpl_navi.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#link-top{
	float:left;
	width:143px;
	height:20px;
	padding-left:10px;
	overflow:hidden;
}
#link-top a{
	display:block;
	width:143px;
	height:20px;
	text-decoration:none;
}
#link-back{
	float:right;
	width:118px;
	height:20px;
	margin-right:10px;
	overflow:hidden;
}
#link-back a{
	display:block;
	width:118px;
	height:20px;
	text-decoration:none;
}
#page-title{
	color:#826939;
	font-weight:bold;
	background-color:#f7ebc7;
	text-align:left;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom:solid #826939 1px;
}
p.page-title-help{
	color:#826939;
	font-weight:bold;
	background-color:#f7ebc7;
	text-align:left;
	margin-bottom:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom:solid #826939 1px;
}
#page-pic{
	border: solid #cccccc 1px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#page-detail{
	font-size:90%;
	line-height:140%;
	color:#826939;
	text-align:left;
	margin-bottom:10px;
}
p.page-text{
	font-size:90%;
	line-height:140%;
	margin-bottom:10px;
	text-align:left;
}
p.page-text-end{
	font-size:90%;
	line-height:140%;
	margin-bottom:20px;
	text-align:left;
}
p.page-inquiry{
	font-size:90%;
	line-height:140%;
	margin-bottom:20px;
	text-align:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: solid #cccccc 2px;
}
div#help-list{
	text-align:left;
}
div#help-list ul{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:30px;
	font-size:90%;
	line-height:140%;
}