@charset "utf-8";


/* breadcrumb
-----------------------------------*/
.breadcrumb{
	margin-bottom: 105px;
}



/* page_title
-----------------------------------*/
h2.page_title{
	width: 100%;
	height: 120px;
	background: #e7e7e7 url("../img/bg_page_title_01.png") no-repeat center 0;
	position: relative;
}

h2.page_title img{
	position: absolute;
	top: -85px;
	left: 50%;
	margin-left: -500px;
}

/* diary_unit
-----------------------------------*/
#diary_unit{
	width: 100%;
	margin-bottom: 75px;
}

#diary_unit .intro{
	width: 1000px;
	margin: 0 auto 195px;
	position: relative;
}

#diary_unit .intro h3{
	position: absolute;
	top: -64px;
	right: 79px;
}

#diary_unit .intro p{
	font-size: 116%;
	width: 680px;
	margin: 0 0 16px 10px;
}

#diary_unit .diary{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#diary_unit .diary .inner h3{
	position: absolute;
	top: -156px;
	left: 0;
}

#diary_unit .diary .inner dl{
	width: 950px;
	margin: 0 auto 152px;
	position: relative;
	border-bottom: 2px dotted #cccccc;
}

#diary_unit .diary .inner dl dt{
	float: left;
	clear: left;
	padding: 0 0 0 235px;
	position: relative;
	width: 270px;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 3;
}

#diary_unit .diary .inner dl dt a{
	display: block;
	padding: 35px 22px 10px 235px;
	position:absolute;
	top: 0;
	left: 0;
}

#diary_unit .diary .inner dl dt span.ttl{
	color: #57723b;
	font-size: 138.5%;
	font-weight: bold;
	display: block;
	width: 250px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:relative;
	z-index: 2;
}

#diary_unit .diary .inner dl dt a:hover span.ttl{
	color: #798f63;
}

#diary_unit .diary .inner dl dt span.date{
	font-size: 116%;
	padding: 2px 29px 0;
	position: absolute;
	left: 20px;
	z-index: 2;
}

#diary_unit .diary .inner dl dt a:hover span.date{
	text-decoration: underline;
}

#diary_unit .diary .inner dl dt span.date:before{
	display: inline-block;
	content: "";
	background: url("../../common/img/ico_10.png") no-repeat 0 0;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	margin-top: 5px;
}

#diary_unit .diary .inner dl dt span.date:after{
	display: inline-block;
	content: "";
	background: url("../../common/img/ico_10.png") no-repeat 0 0;
	width: 11px;
	height: 11px;
	position: absolute;
	right: 0;
	margin-top: 5px;
}

#diary_unit .diary .inner dl dd{
	font-size: 116%;
	margin-bottom: 5px;
	position: relative;
}

#diary_unit .diary .inner dl dd:before{
	display: inline-block;
	content: "";
	background: #979797;
	width: 2px;
	height: 40px;
	position: absolute;
	top: 26px;
	left: 505px;
	z-index: 2;
}

#diary_unit .diary .inner dl dd span{
	display: block;
	width: 390px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#diary_unit .diary .inner dl dd{
	border-top: 2px dotted #cccccc;
}

#diary_unit .diary .inner dl dd:nth-child(2){
	border: none;
}

#diary_unit .diary .inner dl dd:nth-child(4n){
	background: #f5f5f5 url("../../common/img/bg_line_01.gif") repeat-x 0 0;
}

#diary_unit .diary .inner dl dd a{
	display: block;
	padding: 36px 0 13px 20px;
	margin-left: 507px;
	position: relative;
}




/* detail_unit
-----------------------------------*/
.detail_unit .detail{
	width: 1000px;
	margin: 0 auto 66px;
}

.detail_unit .detail header{
	width: 980px;
	position: relative;
	margin: 0 auto 55px;
	border-bottom: 2px dotted #c8c8c8;
}
.detail_unit .detail header h3{
	color: #ffffff;
	font-size: 167%;
	font-weight: bold;
	height: 48px;
	padding: 22px 0 0 54px;
	margin-bottom: 25px;
	background: url("../img/bg_detail_01.png") no-repeat 0 0;
}

.detail_unit .detail header p{
	font-size: 131%;
	margin: 0 0 10px 25px;
}

.detail_unit .detail header p.home{
	position: absolute;
	top: -58px;
	right: -10px;
}

.detail_unit .detail footer{
	width: 980px;
	margin: 0 auto;
}

.detail_unit .detail footer .pager{
	padding-top: 50px;
	margin-bottom: 45px;
	border-top: 2px dotted #c8c8c8;
}

.detail_unit .detail footer p.home{
	text-align: center;
}



/* body
---------------------------------------*/
.detail_unit .detail .body{
	font-size: 116%;
	line-height: 1.66;
	width: 840px;
	background: #ffffff;;
	margin: 0 auto 90px;
	position: relative;
	z-index: 10;
}

.detail_unit .detail .body p{
	margin-bottom: 25px;
}

.detail_unit .detail .body ul{
	margin: 0 0 25px 20px;
}

.detail_unit .detail .body ol{
	margin: 0 0 25px 25px;
}

.detail_unit .detail .body img{
	max-width: 100%;
	height: auto !important;
}