@charset "UTF-8";

/**********************************************************

やさいのカードプロジェクト
Copyright(C) Central Line Inc. All rights reserved.

***********************************************************/

/* color --------------------------------------------------

#33A02C;
#E4F1E1;
#555555;
#F2E8C2;
----------------------------------------------------------*/

/* wrapper
----------------------------------------------------------*/
body {
	text-align: center;
}
#wrapper {
	width: 945px;
	margin: 17px auto;
	text-align: left;
}


/* headerArea
----------------------------------------------------------*/
#headerArea {
	position: relative;
	margin-bottom: 20px;
	border-bottom: #33A02C 1px solid;
}

/* siteTitle */
#siteTitle a {
	overflow: hidden;
	display: block;
	width: 466px;
	height: 64px;
	background: #FFFFFF url(../img/sitetitle.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* mainNavi */
#mainNavi {
	height: 29px;
	padding: 7px 0 4px 7px;
}
#mainNavi li {
	float: left;
	margin-right: 30px;
}
#mainNavi li#btnInquiry {
	margin-right: 0px;
}
#mainNavi li a {
	float: left;
	overflow: hidden;
	display: block;
	height: 29px;
	background-image: url(../img/mainnavi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#btnProject a { width: 254px; background-position: 0px 0px; }
#btnCard a { width: 173px; background-position: -254px 0px; }
#btnReport a { width: 116px; background-position: -427px 0px; }
#btnPartner a { width: 154px; background-position: -543px 0px; }
#btnInquiry a { width: 114px; background-position: -697px 0px; }

/* imageContainer */
#imageContainer {
	position: relative;
	width: 945px;
	height: 273px;
}
#imageContainer img {
	display: none;
	position: absolute;
}


/* bodyArea
----------------------------------------------------------*/
#bodyArea {
	margin-bottom: 20px;
}


/* sideArea
----------------------------------------------------------*/
#sideArea {
	float: left;
	width: 256px;
}

/* categoryTitle */
#sideArea h2 {
	height: 27px;
	background-color: #33A02C;
	background-image: url(../img/pagetitle.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 27px;
}
#categoryTitleIndex { background-position: 0px 0px; }
#categoryTitleProject { background-position: 0px -27px; }
#categoryTitleCard { background-position: 0px -54px; }
#categoryTitleReport { background-position: 0px -81px; }
#categoryTitlePartner { background-position: 0px -108px; }
#categoryTitleInquiry { background-position: 0px -135px; }
#categoryTitleMailmagazine { background-position: 0px -162px; }

/* sideNavi */
#sideNavi {
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 21px;
	background: #F2E8C2 url(../img/stripe.gif) repeat-x bottom;
}
#sideNavi li a {
	display: block;
	height: 15px;
	padding: 5px 0 5px 49px;
	background: url(../img/sidenavi_icon_off.gif) no-repeat left;
	line-height: 15px;
	color: #555555;
	text-decoration: none;
}
#sideNavi li a:hover,
#sideNavi li a.current {
	display: block;
	height: 15px;
	padding: 5px 0 5px 49px;
	background: url(../img/sidenavi_icon_on.gif) no-repeat left;
	line-height: 15px;
	color: #33A02C;
	text-decoration: none;
}

/* contentsArea
----------------------------------------------------------*/
#contentsArea {
	float: right;
	width: 652px;
}


/* footerArea
----------------------------------------------------------*/
#footerArea {
	clear: both;
}
#copyright {
	height: 14px;
	background: #FFFFFF url(../img/copyright.gif) no-repeat right;
	text-indent: -9999px;
}


/* common style
----------------------------------------------------------*/
.btnMore {
	padding: 0 16px;
	text-align: right;
}
.btnMore a {
	line-height: 15px;
	padding-left: 13px;
	background: url(../img/btnmore_icon.gif) no-repeat left;
}
.contentsTitle {
	height: 27px;
	margin-bottom: 12px;
	padding-left: 36px;
	background: url(../img/contentstitle.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.contentsTitle#project00 { background-position: 0px 0px; }
.contentsTitle#project01 { background-position: 0px -27px; }
.contentsTitle#project02 { background-position: 0px -54px; }
.contentsTitle#card00 { background-position: 0px -81px; }
.contentsTitle#card01 { background-position: 0px -108px; }
.contentsTitle#card02 { background-position: 0px -135px; }
.contentsTitle#card03 { background-position: 0px -162px; }
.contentsTitle#card04 { background-position: 0px -189px; }
.contentsTitle#report00 { background-position: 0px -216px; }
.contentsTitle#partner00 { background-position: 0px -243px; }
.contentsTitle#partner01 { background-position: 0px -270px; }
.contentsTitle#partner02 { background-position: 0px -297px; }
.contentsTitle#partner03 { background-position: 0px -324px; }
.contentsTitle#inquiry00 { background-position: 0px -351px; }
.contentsTitle#mailmagazine00 { background-position: 0px -378px; }
#contentsArea p {
	line-height: 2em;
	margin-bottom: 1.3em;
}
.textCenter {
	text-align: center;
}
.floatRight {
	float: right !important;
}
#btnNextProject00 a,
#btnNextCard00 a,
#btnNextCard01 a,
#btnNextCard02 a,
#btnNextCard03 a {
	float: right;
	display: block;
	width: 190px;
	height: 32px;
	background-image: url(../img/btnnext.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#btnNextProject00 a { background-position: 0px 0px; }
#btnNextCard00 a { background-position: 0px -32px; }
#btnNextCard01 a { background-position: 0px -64px; }
#btnNextCard02 a { background-position: 0px -96px; }
#btnNextCard03 a { background-position: 0px -128px; }
.underconstruction {
	text-align: center;
}
.underconstruction span {
	display: block;
	width: 270px;
	height: 20px;
	margin: 65px auto;
	background: url(../img/underconstruction.gif) no-repeat 0 0;
	text-indent: -9999px;
}
h3.pageTitle {
	line-height: 27px;
	padding-left: 10px;
	margin-bottom: 12px;
	color: #fff;
	font-weight: bold;
	background-color: #33A02C;
}

/* index
----------------------------------------------------------*/
/* newsBlock */
#newsBlock {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 21px;
	background: #F2E8C2 url(../img/stripe.gif) repeat-x bottom;
}
#newsBlock ul li {
	margin-bottom: 10px;
	display: block;
	padding: 0 16px;
	color: #555555;
}
#newsBlock ul li a {
	display: block;
	color: #555555;
}
#newsBlock ul li span,
#newsBlock ul li a span {
	display: block;
	color: #33A02C;
}

/* bannerBlock */
#bannerBlock {
}
#bannerBlock li {
	margin-bottom: 10px;
}

/* report */
#indexReportTitle {
	height: 27px;
	margin-bottom: 12px;
	background: #33A02C url(../img/pagetitle.gif) no-repeat 0 -81px;
	text-indent: -9999px;
	line-height: 27px;
}


/* project
----------------------------------------------------------*/
.hover {
	cursor: pointer;
	background-color: #F2E8C2;
}
.projectBlock {
	position: relative;
	float: left;
	width: 320px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: #33A02C 1px dotted;
}
.projectBlock p {
	line-height: 1.5em !important;
	margin-bottom: 0px !important;
}
.projectBlock p.image {
	float: left;
	width: 100px;
}
.projectBlock p.image img {
	margin-left: 13px;
}
.projectBlock div.post {
	margin-left: 113px;
	padding: 0 13px;
}
.projectBlock div.post p.title {
	margin-bottom: 7px !important;
	color: #33A02C;
}
.projectBlock div.post p.text {
	padding-bottom: 1em;
}
.projectBlock div.post p.btnMore {
	position: absolute;
	right: 0px;
	bottom: 13px;
}
/* member */
.memberBlock {
	margin-bottom: 1.3em;
	border: #33A02C 1px dotted;
}
.memberBlock p {
	margin-bottom: 13px !important;
}
.memberBlock div.profile {
	margin: 13px;
	border-bottom: #33A02C 1px dotted;
	overflow: hidden;
}
.memberBlock div.profile p.photo {
	float: left;
}
.memberBlock div.profile p.name,
.memberBlock div.profile h4,
.memberBlock div.profile p.text {
	margin-left: 148px;
}
.memberBlock h4 {
	margin: 0px 13px 2px;
}
.memberBlock p.comment {
	margin: 0px 13px 13px 13px;
}


/* card
----------------------------------------------------------*/
/* shopList */
#shopList {
}
#shopList dt {
	clear: left;
	float: left;
	width: 15em;
	height: 4em;
	border-bottom: #555555 1px dotted;
}
#shopList dd.address {
	float: left;
	width: 5em;
	height: 4em;
	margin-bottom: 1em;
	border-bottom: #555555 1px dotted;
}
#shopList dd {
	height: 4em;
	margin-bottom: 1em;
	border-bottom: #555555 1px dotted;
}

/* report
----------------------------------------------------------*/
/* side */
.aboutProject {
	margin-bottom: 20px;
	padding: 16px;
	background-color: #F2E8C2;
}
.aboutProject p.image {
	margin-bottom: 10px;
}
.aboutProject p.name {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	background: url(../img/dotted_black.gif) repeat-x bottom;
}
.aboutProject p.text {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/dotted_black.gif) repeat-x bottom;
}
.latestNews {
	margin-bottom: 20px;
	padding: 16px;
	background-color: #F2E8C2;
}
.latestNews h3.latestTitle {
	height: 25px;
	margin-bottom: 12px;
	padding-left: 36px;
	background: url(../img/latest_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.latestNews ul li {
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../img/dotted_black.gif) repeat-x bottom;
}
.latestNews ul li span {
	display: block;
}
.latestNews ul li a {
	color: #555555;
}

/* project title */
.projectImageTitle {
	margin: 11px 0 35px;
}

/* post */
#projectReport .post {
	margin-bottom: 35px;
	border-bottom: #33A02C 1px solid;
}
#projectReport .post h4.postTitle {
	margin-bottom: 18px;
	font-size: 15px;
	font-weight: bold;
}
#projectReport .post h4.postTitle span {
	margin-right: 15px;
}
#projectReport .post div.postText {
}


/* partner
----------------------------------------------------------*/
.partnerBlock div.block {
	float: left;
	width: 652px;
	margin-bottom: 12px;
	padding: 13px 0;
	border: #33A02C 1px dotted;
}
.partnerBlock div.block p {
	line-height: 1.5em !important;
	margin-bottom: 0px !important;
}
.partnerBlock div.block p.image {
	float: left;
	padding-left: 13px;
}
.partnerBlock div.block h4.title {
	margin-left: 126px;
	margin-bottom: 10px;
	color: #33A02C;
}
.partnerBlock div.block p.text {
	margin-left: 126px;
	margin-bottom: 7px !important;
	padding-right: 13px;
}
.partnerBlock div.block p.mail {
	margin-left: 126px;
	margin-bottom: 0px !important;
}

/* partner list */
#partnerList {
}
#partnerList li {
	float: left;
	width: 315px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top: 15px;
	border-bottom: #555555 1px dotted;
}
#partnerList li img {
	float: left;
	padding-left: 10px;
}
#partnerList li p {
	line-height: 45px;
	margin-left: 65px;
}
#partnerList li p a {
	color: #555555;
}


/* inquiry
----------------------------------------------------------*/
#mailadress {
	text-align: center;
}
#mailadress a {
	display: block;
	width: 222px;
	height: 37px;
	margin: 0 auto;
	background-image: url(../img/inquiry_mail.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}