@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);


/* box
--------------------------------------------------------------------*/
#content .box{
  overflow:hidden;
  zoom:1;
  clear:both;
  padding-bottom:1px;
}

#content .box dl{
  float:left;
  width:190px;
  margin: 0 35px 14px 0;
}

#content .box dl.clean{
  margin-right:0;
}

#content .box dl dt{
  font-size:0.86em;
  margin: 7px 0 0;
}

#content .box dl dd{
  font-size:0.86em;
}

#content .conte {
	position: relative;
	overflow: hidden;
	width: 190px;
}

#content .conte ul {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 15px;
	background: rgba(155,185,141,0.6);
	-webkit-transition: .3s;
	transition: .3s;
	color:#FFF;
	padding:5px 10px 10px 70px;
	font-size:1.2em;
}

#content .conte:hover ul {
	bottom: 0;
}


/* page
--------------------------------------------------------------------*/
#content ul.page {
  font-family:"Meiryo";
  clear:both;
  text-align:center;
  overflow: hidden;
  zoom: 1;
  font-size:0.8em;
  padding-top:8px;
  margin: 0 0 41px;
}

#content ul.page li {
	display:inline;
	line-height:1.0;
}

#content ul.page li a {
	font-weight:normal;
}

#content ul.page li a, #content ul.page li span {
	border: 1px solid #9B6948;
	color: #fff;
	display:inline-block;
 /display:inline;
 /zoom:1;
	text-decoration:none;
	background-color:#9B6948;
}

#content ul.page li span, #content ul.page li a:hover {
	text-decoration:none;
	color: #9B6948;
	background: none;
}

#content ul.page li .link_page, #content ul.page li .current_page {
	width: 18px;
	padding: 4px 0 2px;
	text-align: center;
	margin-right: 5px;
}

#content ul.page li .link_page1{
	width: 38px;
	padding: 4px 0 0;
	text-align: center;
	margin-right: 5px;
}

#content ul.page li a.link_next, #content ul.page li a.link_before {
	color:#9B6948;
	border:none;
	background:none;
	padding: 4px 0;
	text-decoration:underline;
}

#content ul.page li a.link_next {
	margin:0 0 0 5px;
}

#content ul.page li a.link_before {
	margin:0 13px 0 0;
}

#content ul.page li a.link_next:hover, #content ul.page li a.link_before:hover {
	text-decoration:none;
	background:none;
}


