@charset "utf-8";
/* CSS Document */

.pageArea {
	clear: both;
	text-align: center;
	font-size: 12px;
	padding: 8px 13px 0 18px;
	width: 616px;
	overflow: hidden;
}

.pageNavi {
	margin: 0px 0 20px 0;
	clear: both;
	text-align: center;
}

.pageNavi a.nowpage {
	color: #FFFFFF;
	background:	#8CC31E;
	border: 1px solid #8CC31E;
}

.pageNavi a {
	margin: 0 5px 0 0;
	padding: 5px 7px 3px 8px;
	text-decoration: none;
	border: 1px solid #d2d2d2;
}

/* これ以降、IEのみに適用 */

*html .pageNavi a {
	padding-bottom: 4px;
}

*html .pageNavi a.pageNext {
	padding-bottom: 3px;
}

/* ここまで */

.pageNavi a:link {
	background: #FFFFFF;
}

.pageNavi a:visited {
	background: #FFFFFF;
}

.pageNavi a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:	#8cc31e;
	border: 1px solid #8cc31e;
}

.pageNavi a:active,
.pageNavi a.nowpage:link,
.pageNavi a.nowpage:visited,
.pageNavi a.nowpage:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:	#8CC31E;
	border: 1px solid #8CC31E;
}

#projectMain {
	width: 774px;
	margin: 11px 0 30px 0;
}

#projectHead {
	background:url(/images/project/project_bg_top.jpg) no-repeat top left;
	padding: 54px 0 8px 75px;
}

#projectHead h3 {
	height: 205px;
	background: url(/images/project/header_img.gif) no-repeat bottom left;
}

#projectBody {
	background:url(/images/project/project_bg_re.jpg) repeat-y top left;
	padding: 30px 0 0 76px;
}

.projectContent h4 {
	margin: 0 0 16px 0;
}

.projectBody {
	padding: 0 55px 38px 0;
}

.projectBody p {
	line-height: 20px;
	padding: 0 16px 15px 4px;
}

.projectBody p span.tops {
	line-height: 25px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0 0 0px;
}

.projectBody #img01 {
	margin: 0 0 0 55px;
}

.projectBody #img02 {
	margin: 0 0 3px 65px;
}

.projectBody p.left {
	padding: 0 0 0 3px;
}

.projectBody p.left img {
	padding: 0 5px 25px 25px;
	float: right;
}

.projectBody p.left img#img03 {
	padding: 7px 5px 13px 25px;
}

.projectBody #img05 {
	margin: 0 0 0 47px;
}

.projectBody p.left img#img06 {
	padding: 4px 0 0 5px;
}

.projectBody p.right {
	padding: 0 0 0 0;
}

.projectBody p.right img {
	float: left;
}

.projectBody p.right img#img07 {
	padding: 6px 0 0 0;
}

.projectBody #img08 {
	margin: 0 auto 3px auto;
}

.projectBody #img09 {
	padding: 0px 0 0 0;
	margin: 0  15px 3px 0px;
	border:#666666 solid 1px;
}

.projectBody #img09_2 {
	padding: 0px 0 0 0;
	margin: 0  0px 3px 0px;
	border:#666666 solid 1px;
}



#projectLine {
	background: url(/images/project/project_line.gif) no-repeat bottom left;
	padding: 0 55px 36px 0;
}

#projectBtn {
	padding: 40px 0 30px 13px;
	width: 616px;
	text-align: center;
}

#projectBtn .right{
	margin: 0 0 0 24px;
}

#projectBottom {
	background:url(/images/project/project_bg_bottom.jpg) no-repeat bottom left;
	padding: 0 0 37px 0;
}

#listHead {
	position: relative;
	width: 644px;
	height: 129px;
	background: url(/images/project/project_line.gif) no-repeat bottom left;
}

#listHead h3 {
	background: none;
	position: absolute;
	top: -9px;
	left: 5px;
}

#listHead img#subTitle {
	position: absolute;
	top: 69px;
	left: 9px;
}

#listHead .arrow {
	position: absolute;
	top: 40px;
	right: 9px;
	font-size: 12px;
}

#listHead .arrow a{
	background: url(/common/images/arrow02.gif) no-repeat left 4px;
	display: block;
	padding: 1px 0 0 14px;
}

#listHead .arrow a:link {
	color: #646464;
	text-decoration: none;
}

#listHead .arrow a:visited {
	color: #646464;
	text-decoration: none;
}

#listHead .arrow a:hover {
	color: #8cdc00;
	text-decoration: none;
}

#listHead .arrow a:active {
	color: #8cdc00;
	text-decoration: none;
}

#listBody {
	background:url(/images/project/project_bg_re.jpg) repeat-y top left;
	padding: 25px 0 0 76px;
}

#listMain {
	padding: 0 72px 0 18px;
}

#listMain p {
	line-height: 18px;
}

#listBody h4 {
	margin: 23px 0 0 0;
}

ul#listDiary {
	width: 616px;
	padding: 28px 13px 0;
}

ul#listDiary li{
	padding: 0 0 1px 0;
	margin: 0 0 12px;
	font-size: 12px;
	line-height: 18px;
}

ul#listDiary li.bud {
	background: url(/images/project/diary_list_bud.gif) no-repeat bottom left;
}

ul#listDiary li.flower {
	background: url(/images/project/diary_list_flower.gif) no-repeat bottom left;
}

ul#listDiary li .animateFlower{
	float: right;
	margin: 0px 4px 0 0;
	height: 35px;
}

ul#listDiary li .sutekiCount{
	width:15px;
	padding:3px 0 0;
	text-align:center;
	/*margin: 10px auto 0 auto;*/
	clear:both;
	/*position: absolute;
	bottom: 28px;
	right: 4px;*/
}

.listLeft {
	float: left;
	width: 50px;
	text-align: center;
}

.listLeft img {
	border: 1px solid #e6e6e6;
}

.listRight {
	float: right;
	width: 547px;
}

.diaryLeft {
	float: left;
	width: 85px;
	font-family: verdana;
}

.diaryRight {
	float: right;
	width: 461px;
}

.prof {
	clear: both;
}

.stekiSwitch {
	float: left;
	overflow: hidden;
	padding: 8px 0 0 71px;
	height: 30px;
	width: 512px;
	text-align: right;
}

.stekiSwitch a.switch {
	margin: 0px 0 4px;
}

.stekiSwitch .prof {
	float: left;
}
/* floatBox
------------------------------------------------ */
.defaultPosition {
	clear: both;
	position: relative;
	z-index: 2000;
}

.defaultPosition table {
	position: absolute;
	zoom: 1;
	top: 0px;
	z-index: 10000;
}

.boxTopLeft {
	background: url(/images/box/box_top_left.png) no-repeat top left;
	width: 14px;
	height: 14px;
}

*html .boxTopLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxTop {
	background: url(/images/box/box_top.png) repeat-x top;
	height: 14px;
}

*html .boxTop {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxTopRight {
	background: url(/images/box/box_top_right.png) no-repeat top right;
	width: 14px;
	height: 14px;
}

*html .boxTopRight {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxBottomLeft {
	background: url(/images/box/box_bottom_left.png) no-repeat top left;
	width: 14px;
	height: 14px;
}

*html .boxBottomLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxBottom {
	background: url(/images/box/box_bottom.png) repeat-x top;
	height: 14px;
}

*html .boxBottom {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxBottomRight {
	background: url(/images/box/box_bottom_right.png) no-repeat bottom right;
	width: 14px;
	height: 14px;
}

*html .boxBottomRight {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxLeft {
	background: url(/images/box/box_left.png) repeat-y bottom left;
	width: 14px;
	height: 14px;
}

*html .boxLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxRight {
	background: url(/images/box/box_right.png) repeat-y bottom right;
	width: 14px;
	height: 14px;
}

*html .boxRight {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxMain {
	border: 1px solid #FFF;
	position: absolute;
	background: #FFFFFF;
	top: 7px;
}

.boxMain .title {
	text-align: left;
	width: 100%;
	height: 18px;
	background: #67b633;
	padding: 3px 0 0 0;
}

.boxMain .title p {
	padding: 0 0 0 6px !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	font-size: 12px !important;
}

.boxMain .title a {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 6px;
	z-index: 10010;
}

.boxMain .text {
	margin: 10px 9px 0 9px;
}

.boxMain .text p {
	color: #656565;
	font-weight: normal;
	font-size: 12px;
}

.boxMain .text #submitImage {
	float: left;
}

.boxMain .text #backImage {
	float: right;
}

.boxMain .text p#checkText {
	width: 470px;
	padding: 0 40px 0 0;
}

.boxMain .text form {
	margin: 5px 0 0 5px;
	clear: both;
}

.boxMain .text form.review span {
	height: 22px;
}

.boxMain .text form.review span select {
	border: 1px solid #a5acb2;
	color: #646464;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.boxMain .text form.review select option {
	color: #646464;
}

.boxMain .text form.review textarea {
	margin: 12px 0 0 0;
	width: 466px;
	height: 220px;
	line-height: 18px;
}

.boxMain .text form.review .reviewBtn {
	width: 300px;
	margin: 10px 0 0 5px;
	overflow: hidden;
}

.boxMain .text form.review .reviewBtn #send {
	float: right;
	text-align: right;
}

.boxMain .text form.review .reviewBtn #return {
	width: 72px;
	float: left;
}

.boxMain .text span.arrow {
	position: absolute;
	bottom: 2px;
	left: 9px;
	font-size: 12px;
}

.boxMain .text span.arrow a {
	background: url(/common/images/arrow02.gif) no-repeat left 6px;
	display: block;
	padding: 1px 0 0 14px;
}

#ttl{
	background: url(/images/project/ttl_ecodiary_list.gif) no-repeat;
	width: 642px;
	height: 26px;
}

#rsslist{
	padding: 2px 0 0 140px;
}

.greenline {
	background:transparent url(/images/project/project_line.gif) no-repeat;
	padding-top: 10px;
	margin-top: 36px;
	margin-left: 6px;
}