@charset 'UTF-8';

@import url("base_new.css");
@import url("common.css");
@import url("navi_new.css");

/* -----------------------------------------------------------------------------
>> 「土地活用実例」共通
----------------------------------------------------------------------------- */

/* コンテンツボックス -------------------------------------------------------------*/
#Larea .header1{
/*
	background-color: #F8F8F8;
	padding: 10px;
	border: 1px solid #B6B6B6;
	*/
	margin-bottom:25px;
}
#Larea .header1 h2{
	font-size: 30px;
	font-weight:bold;
	color: #111;
	line-height:1em;
	text-shadow:-1px -1px 0px #DDC,1px 1px 0px #FFF;
}
#Larea .content_box1{
	width: 640px;
	padding:20px;
	margin-bottom:25px;
	font-size: 16px;
	background-color: #FFF;
	border: 1px solid #B6B6B6;
	border-radius:2px;
	-moz-border-radius:2px:
	-webkit-border-radius:2px;
	behavior: url(css/PIE.htc);
	position:relative;
}

ul.category{
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFF;
	height:37px;
	border-radius:5px;
	-moz-border-radius:5px:
	-webkit-border-radius:5px;
	behavior: url(css/PIE.htc);
	position:relative;
}
ul.category li{
	float: left;
	margin-right: 10px;
}
ul.category li.cate{
	font-size:12px;
	font-weight: bold;
	background-color: #EEE;
	text-align: center;
	border-radius:2px;
	-moz-border-radius:2px:
	-webkit-border-radius:2px;
	behavior: url(css/PIE.htc);
	position:relative;
	line-height:30px;
	width: 60px;
}

ul.category li a{
	color: #630;
	background-color: #F9F1E8;
	line-height:30px;
	font-weight: bold;
	text-align: center;
	width: 130px;
	display: block;
	border-radius:2px;
	-moz-border-radius:2px:
	-webkit-border-radius:2px;
	behavior: url(css/PIE.htc);
	position:relative;
	vertical-align: middle;
	background-image: url(../img/icon/icon_32.gif);
	background-position: 10px center;
}
ul.category li a:hover,
ul.category li a.now{
	background-color: #7e8ebc;
	text-decoration: none;
	color:#FFF;
}
ul.category li.on a{
	background-color: #7C706B;
	color:#FFF;
	background-image: none;
}




/* -----------------------------------------------------------------------------
>> 土地活用実例
----------------------------------------------------------------------------- */

#Larea .content_box1 dl {
	float: left;
	width: 420px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
#Larea .content_box1 dt{
	color: #2D4B9B;	
}
#Larea .content_box1 dt,
#Larea .content_box1 dd {
	float: left;
	border-top: 1px solid #CCCCCC;
	padding: 9px 0 6px 0;
	font-size: 0.875em;
}
#Larea .content_box1 dl {
	width: 100%;
}

#Larea .content_box1 dt {
	width: 25%;
	clear:left;
}
#Larea .content_box1 dd {
	width: 75%;
}
#Larea .content_box1 .img_area img{
	float:left;
	max-width:200px;
	height:150px;
	margin-right:10px;
}
#Larea .content_box1 .inq_area {
	float: left;
	width: 420px;
	font-size: 0.875em;
	color: #FF0033;
}

#Larea .right-area .owner li a{
	background-image: none !important;
	padding-left: 10px !important;	
	height:50px;
}

.casestudy_001 div.cate{
	margin:0;
}
.casestudy_001 div.cate a{
	margin:3px;
	background-image:url(../img/icon/icon_31.gif) !important;
	color: #630;
	background-color: #F9F1E8;
	line-height:30px;
	font-weight: bold;
	display:block;
	background-position: 5px center !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 20px !important;
	border-radius:3px;
	-moz-border-radius:3px:
	-webkit-border-radius:3px;
	behavior: url(css/PIE.htc);
	position:relative;
}
.casestudy_001 div.cate a:hover{
	background-color: #7e8ebc !important;
	color:#FFF !important;
}
.casestudy_001 div.cate ul{
}

.casestudy_001 div.cate ul a{
	margin:3px;
	background-image:inherit !important;
	color:inherit !important;
	background-color:inherit !important;
	line-height:inherit !important;
	font-weight:normal !important;
	display:block;
	background-position: 5px center !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 20px !important;
	background-color: #FFF;
}
.casestudy_001 div.cate ul a:hover{
	background-color: #FFE4CA !important;
	color:#333 !important;
}
.casestudy_101 a.content_box2{
	width:100;
	display:block;
	text-align:center;
}
.casestudy_101 a.content_box2:hover{
	background-color:#FEA !important;
	text-decoration:none;
}

.casestudy_201 h2 strong{
	font-weight:bold;
	color: #633;	
}

.casestudy_201 .black{
	color:#000;
}
.casestudy_201 p{
	margin-bottom:20px;
	background-image: url(../img/parts/text_uline.gif);
	background-repeat: repeat;
	line-height: 30px;
}

.casestudy_201 .content_box1  figure{
	width:150px;
	background-color:#FFFFFF;
}
.casestudy_201 figcaption{
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#855;
}

.casestudy_201 .table2 td,
.casestudy_201 .table2 th{
	font-size:12px;
}
.casestudy_201 .table2 th{
	
}