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




/*==========================================================================================

	// accessibility tweaks

==========================================================================================*/

/* スキップボタン
------------------------------------------------------------------------------------------*/
.skip {
	position : absolute ;
	left : -9999px ;
	width : 9999px ;
}


/* 仕切り線
------------------------------------------------------------------------------------------*/
hr.divider { display:none;}



/*==========================================================================================

	// link text color

==========================================================================================*/
a:link { color:#7bbd26; text-decoration:underline; }
a:visited { color:#966; }
a:hover { color:#c00;	text-decoration:none;	}
a:active { color:#c00; }
a:focus {	text-decoration:none;	}



/*==========================================================================================

	// 構造

==========================================================================================*/
html {
  height:100%;
}
body {
  height:100%;
	background:#ffffed;
	color:#663;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}

#container {
	position:relative;
	width:100%;
	background:url(../img/bg_header.png) 0 0 repeat-x;
}
#content {
	position:relative;
	width:960px;
	margin:30px auto 0;
}
#contentInner {}

#primary {
	float:left;
	width:630px;
}
#primaryInner {}

#secondly {
	float:right;
	width:300px;
}
.site_index #secondly {
	margin-top:30px;
}





.line {
	margin:20px 0;
}
.line .unit {
	float:left;
}


/*==========================================================================================

	// ヘッダー

==========================================================================================*/

#header {
	position:relative;
	width:960px;
	height:158px;
	margin:0 auto;
	background:url(../img/bg_header_on.png) 0 0 no-repeat;
}


/* グローバルナビ
==========================================================================================*/
#globalNav {
	position:absolute;
	top:97px;
	left:2px;
	width:960px;
}
#globalNav dt {
	position:absolute;
	top:-9999em;
	left:-9999em;
}
#globalNav ul li,
#globalNav ul li a {
	float:left;
	display:block;
}
#globalNav ul li {
	padding-left:10px;
}
#gnav001 {}
#gnav002 {}
#gnav003 {}
#gnav004 {}
#gnav005 {}
#gnav006 {}
#gnav007 {}
#gnav008 {position: absolute;right: 23px;top: -11px;}


/* 検索
==========================================================================================*/
#cse-search-box {
	position:absolute;
	top:50px;
	right:121px;
}




/*==========================================================================================

	// フッター

==========================================================================================*/

#footer {
	position:relative;
	clear:both;
	margin:40px 0 0;
	background:#717129 url(../img/bg_footer_top.png) 0 0 repeat-x;
}

/*　ナビゲーション
==========================================================================================*/
#fNav {
	position:relative;
	width:960px;
	height:280px;
	margin:0 auto;
	padding:45px 0 0;
	background:url(../img/bg_footer.png) 0 0 no-repeat;
}
#fNav .unit {
	padding-left:60px;
}
#fNav .first {
	padding-left:40px;
	padding-right:30px;
}
#fNav .unit dl {
	margin:0 0 20px;
	color:#fff;
	font-size:93%;
}
#fNav .unit dd {
	margin:2px 0;
}
#fNav .unit dd span,
#fNav .unit dd a {
	padding-left:13px;
	background:url(../img/ico_point.png) 0 50% no-repeat;
	color:#fff;
}

/* 
==========================================================================================*/
#gotoTop {
	position:absolute;
	top:-18px;
	right:33px;
}


/* 
==========================================================================================*/
#copyR {
	clear:both;
	color:#d7d7c7;
	text-align:center;
	font-size:93%;
}



/* 
==========================================================================================*/
#topMenu {
	padding:5px;
	background:#e6e6e6;
}
#topMenu-nav {
	float:right;
	width:170px;
}
#topMenu-nav img {
	display:block;
}
#topMenu-panel {
/*	float:left;*/
	position:relative;
	width:780px;
	height:310px;
}
#topMenu-panel .panel {
	position:absolute;
	top:0;
	left:0;
}
#panel1,#panel2,#panel3 {}
#topMenu .userNum {
	position:absolute;
	bottom:178px;
	right:580px;
	color:#b1b114;
	font-family:Arial, Helvetica, sans-serif;
	font-size:400%;
	line-height:1;
}




/* 
==========================================================================================*/
.newsList {}
.newsList li {
	font-size:100%;
}
.newsList span,
.newsList a {
	color:#663;
}
.date {}
.title {}



/* 
==========================================================================================*/
#workshopNews {
	position:relative;
	height:244px;
	background:url(../img/bg_workshop.jpg) 0 100% no-repeat;
}
#workshopNews .newsList {
	margin:0 30px 0 75px;
	padding-bottom:35px;
}
#workshopNews .newsList li {
	margin:0 0 4px 6em;
	text-indent:-6em;
	font-size:100%;
}
#workshopNews .toList {
	position:absolute;
	top:52px;
	right:32px;
}


/* 
==========================================================================================*/
#newsInfo {
	position:relative;
	margin-top:35px;
}
#newsInfo .newsList {}
#newsInfo .newsList li {
	margin:0 0 10px;
	padding:0 0 10px 10px;
	border-bottom:1px dotted #bdbd9b;
}

#newsInfo .toList {
	text-align:right;
}
#newsInfo .RSS {
	position:absolute;
	top:0;
	right:21px;
}


/* 
==========================================================================================*/
#contentLink {
	padding-top:12px;
	background:url(../img/img_rope.jpg) 0 0 no-repeat;
}
#contentLink .unit {
	position:relative;
	padding-right:20px;
}
#contentLink .last {
	padding-right:0;
}

.wsPhoto-top {
	position:absolute;
	top:66px;
	left:21px;
	display:block;
	width:155px;
	height:94px;
	background:#fff;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}





/* 
==========================================================================================*/
.sideUnit {
	margin:0 0 15px;
}




/* 
==========================================================================================*/
.entry-asset {
	margin:20px 0;
}
.entry-header {
	min-height:50px;
	padding:20px 0 7px;
	background:url(../../info/img/bg_entTitle.png) 0 100% no-repeat;
}
.entry-meta {
	font-size:77%;
}
.published {
	color:#abab57;
}
.entry-title {
	margin-top:8px;
	color:#666633;
}
.entry-content {
	margin:20px 0;
}
.entry-content p {
	margin:12px 0;
	color:#673e18;
	font-size:100%;
	line-height:1.4;
}
.entry-more-link {
	margin:15px 0;
	text-align:right;
}

.entry-footer {
	background:url(../../info/img/bg_footer.png) 0 0 no-repeat;
}
.entry-categories {
	padding:10px 0 0;
	float:right;
}
.entry-categories dt {
	display:inline;
}
.entry-categories dd {
	display:inline;
}
.entry-categories ul {
	display:inline;
}
.entry-categories li {
	display:inline;
	color:#663;
	font-size:85%;
}
.entry-categories li a {
	color:#663;
}



.wsEventList {
	margin:10px 0 20px;
	color:#673e18;
}

.wsEventList .section {
	padding:15px;
	background:#faf0e5;
}
.wsEventList .sectionIn {
	padding:3px 19px;
	border:1px solid #ead7c7;
	background:#ffffee;
}
.wsEventList .unit {
	margin:12px 0;
	padding:0 0 15px;
	background:url(../../workshop/img/bdr_brown.png) 0 100% no-repeat;
}
.wsEventList .lastUnit {
	padding:0 0 10px;
	background:none;
}
.wsEventList .eventTitle {
	margin:0 0 8px;
	font-size:122%;
	font-weight:bold;
}
.wsReportList {
	margin:10px 0 20px;
}



.wsEvtUnit,
.wsRptUnit {
	margin:25px 0 0;
}
.wsEvtUnit .entry-header,
.wsRptUnit .entry-header {
	padding:3px 0 0 17px;
	background:url(../../workshop/img/bg_wsEventTitle.png) 0 0 no-repeat;
}
.wsEvtUnit .entry-meta,
.wsRptUnit .entry-meta {
	margin:10px 0 0;
	text-align:right;
	color:#673e18;
	font-size:77%;
}
.wsEvtUnit .entry-title,
.wsRptUnit .entry-title {
	margin-top:8px;
	color:#673e18;
	font-size:123.1%;
	font-weight:normal;
}




.eventData td {
	padding-left:0.5em;
	color:#673e18;
}
.wsEventUnit .eventData {
	margin:15px 0;
}


.reportPhoto {
	margin:40px 0;
	text-align:center;
}
.movieUnit {
	margin:40px 0;
	text-align:center;
}
.movieUnit .mod {
	margin:10px auto;
}


#moveUnit {
	position:relative;
	margin:50px 0 60px;
	text-align:center;
}
#moveUnit .homeLink {
/*	display:block;*/
	margin:0 80px;
	text-align:center;
}
#moveUnit .prevLink {
	position:absolute;
	top:0;
	left:0;
	display:block;
}
#moveUnit .nextLink {
	position:absolute;
	top:0;
	right:0;
	display:block;
}




.rptMod {
	float:left;
	width:200px;
	margin-top:10px;
	margin-right:10px;
	background:url(../../workshop/img/bg_rptPhoto_top.png) 0 0 no-repeat;
}
.rptMod a {
	display:block;
	background:url(../../workshop/img/bg_rptPhoto_btm.png) 0 100% no-repeat;
}
.rptPhoto {
	display:block;
	padding:14px;
}
.rptPhoto img {
	display:block;
	border:1px solid #caa990;
}
.rptTitle {
	display:block;
	padding:0 5px 10px;
	font-size:85%;
	text-align:center;
}





/*==========================================================================================



==========================================================================================*/
.infoNav {
	padding:5px 15px;
}
.pg_info .infoNav {
	background:#ececd5;
}
.pg_wshop .infoNav {
	background:#f6edde;
	color:#673e18;
}

.infoNav dl,
.infoNav .unit {
	padding:10px 0;
	font-size:85%;
}
.infoNav .unit {
	font-size:85%;
}


/* エントリーリスト
==========================================================================================*/
.entLinkList {}
.entLinkList li {
	margin:5px 0;
}


/* 月別/年別アーカイブリスト
==========================================================================================*/
.acvLinkList {
	margin:0 0 0 5px;
}
.mYear {
	display:block;
	margin:6px 0 4px;
	padding:0 0 0 3px;
	border-left:3px solid #673e18;
	line-height:1;
}
.mMonthList {
	margin:4px 0 6px;
}
.mMonthList li {
	float:left;
}

.mMonthList li span,
.mMonthList li a {
	display:block;
	margin:0 2px 2px 0;
	padding:2px;
	border:1px solid #673e18;
	text-align:center;
	text-decoration:none;
	line-height:1;
}
.mMonthList li span {
/*	background:#ececd5;*/
	border-color:#ccc;
}
.mMonthList li a {
	background:#7bbd26;
	border-color:#7bbd26;
	color:#fff;
}
.mMonthList li a:hover {
	border-color:#c00;
}



/* 
==========================================================================================*/
.modWS {}
.modWS dt {}
.modWS dt img {
	display:block;
}
.modWS dd {
	padding:0 20px 20px;
	min-height:143px;
	background:url(../img/mod_ws_body.png) 0 100% no-repeat;
	font-size:85%;
}
* html .modWS dd {height:143px;}

.modWS dd li {
	margin:0 0 6px 4em;
	text-indent:-4em;
}





/* 
==========================================================================================*/
.asset-header {
	margin:28px 0 15px;
}
.asset-content {
	margin:15px 0;
}



/* 
==========================================================================================*/
.tabelUnit {
	width:630px;
}
.tabelUnit th,.tabelUnit td {
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ebd6b6;
	vertical-align:top;
}
.tabelUnit th {
	width:145px;
	text-align:right;
}
.tabelUnit td {
	padding-left:60px;
	text-align:left;
}





.form-content {
	margin:20px 0;
	padding:12px 22px;
	background:#fff;
	border:1px solid #efeae5;
}
.form-content .title {}
.form-content .msg {color:#717129;}
.form-content .msg p {
	margin:15px;
}

.form-content table {
	width:740px;
	margin:20px auto;
}
.form-content th {
	width:200px;
	padding:20px 25px;
	background:#e3e8c3 url(http://www.green-friend.net/common/img/line_green.png) 0 100% repeat-x;
	color:#717129;
	text-align:left;
	vertical-align:top;
}
.form-content .red {
	color:#c00;
	font-size:77%;
}
.form-content .note {
	color:#666;
	font-size:77%;
}
.form-content td {
	/*width:400px;*/
	padding:20px 0 20px 45px;
	background:url(http://www.green-friend.net/common/img/line_green.png) 0 100% repeat-x;
	text-align:left;
	vertical-align:top;
}


.inputL {	width:95%;}
.inputM {	width:75%;}
.inputS {	width:30%;}
.btnUnit {
	margin:20px 0;
	text-align:center;
}





#gProject {
	position:relative;
	width:960px;
	height:287px;
	margin:30px 0 0;
	background:#bf9066 url(../../gallery/img/bg_project.jpg) 0 0 no-repeat;
}
#gProject .unit {
	padding:18px 0 0 25px;
}
#userNumber {
	position:absolute;
	top:165px;
	right:90px;
	color:#673E18;
	font-family:Arial,Helvetica,sans-serif;
	font-size:500%;
	text-align:right;
}

.photo-content {
	padding:50px 15px 20px;
	background:#fff;
	border:1px solid #efeae5;
}
.photoList {
	padding:17px 14px;
	background:#e3e8c3;
}
.photoList img {
	display:block;
	float:left;
}







#about01 {
	position:relative;
	width:630px;
	height:1485px;
	background:url(../../about/img/img_about_01.png) 0 0 no-repeat;
}
#about02 {
	position:relative;
	width:630px;
	height:1049px;
	background:url(../../about/img/img_about_02.png) 0 0 no-repeat;
}

#about01 .unit,
#about02 .unit {
	position:absolute;
	left:-999999em;
}
.aboutBtn {
	position:absolute;
	bottom:0;
	right:0;
}


#marimof01 {
	position:relative;
	width:630px;
	height:770px;
	background:url(../../character/img/img_marimof_01.jpg) 0 0 no-repeat;
}
#marimof01 .unit {
	position:absolute;
	left:-999999em;
}
#marimof02 {
	position:relative;
	width:630px;
	height:480px;
	background:url(../../character/img/img_marimof_03.jpg) 0 0 no-repeat;
}
#marimof02 .unit {
	position:absolute;
	top:70px;
	left:69px;}
#marimof03 {
	width:630px;
	height:406px;
	background:url(../../character/img/img_marimof_02.jpg) 0 0 no-repeat;
}
#marimof03 .unit {
	position:absolute;
	left:-999999em;
}




/*==========================================================================================

	// ページナビゲーション（静的ページ用ページ分割プラグイン:PageBute使用）

==========================================================================================*/
.paging-nav {
	clear:both;
	position:relative;
/*	width:600px;*/
	margin:10px auto 0;
	padding:10px 15px;
	text-align:center;
}


/* 前のページへ
==========================================================================================*/
.paging-nav .prevLink {
/*
	position:absolute;
	left:5px;
*/
	padding-right:10px;
	font-size:136%;
}


/* 次のページへ
==========================================================================================*/
.paging-nav .nextLink {
/*
	position:absolute;
	right:5px;
*/
	padding-left:10px;
	font-size:136%;
}


/* ページ番号を囲む
==========================================================================================*/
.paging-nav .pageLink {
	width:60%;
}
.paging-nav .pageLink span,
.paging-nav .pageLink a {
	padding:0.3em 0.55em;
	color:#fff;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:136%;;
	text-decoration:none;
	line-height:1;
}


/* 現在のページ番号ボタン
------------------------------------------------------------------------------------------*/
.paging-nav span.current_page {
	border:1px solid #b7c557;
	background:#fff;
	color:#b7c557;
}


/* ページ番号ボタン
------------------------------------------------------------------------------------------*/
.paging-nav a.link_page {
	border:1px solid #b7c557;
	background:#b7c557;
}
.paging-nav a.link_page:hover,
.paging-nav a.link_page:focus {
	border-color:#d17837;
	background:#d17837;
	color:#fff;
}




.materials {
	min-height:212px;
	margin-top:-15px;
	padding:10px 220px 0 0;
	background:url(../../howto/img/img_howto.png) 100% 0 no-repeat;
}
.materials dl {
	margin-left:6px;
}
.materials dd {
	margin-left:1em;
	margin-bottom:15px;
}

.stepUnit {}
.stepUnit li {
	position:relative;
	clear:both;
	margin:30px 0;
}


.step01 {
	display:block;
	float:left;
	width:69px;
}
.step02 {
	display:block;
	float:left;
	width:178px;
}
.step03 {
	float:right;
	width:348px;
	color:#7bbd26;
}
.step21 {
	position:absolute;
	top:0;
	left:0;
	display:block;
	float:left;
	width:69px;
}
.step22 {
	display:block;
	float:left;
	width:260px;
}

.noticeUnit {
	margin:30px 0 40px;
	padding:0 0 5px;
	background:url(../../howto/img/img_bdr_green.png) 0 100% no-repeat;
}
.noticeUnit .mod {
	background:url(../../howto/img/img_notice.png) 20px 50% no-repeat;
	color:#7bbd26;
	font-size:93%;
}
.noticeUnit .mod ul {
	padding:17px 0 12px 105px;
	background:url(../../howto/img/img_bdr_green.png) 0 0 no-repeat;
}
.noticeUnit .mod li {
	list-style:outside disc;
}


.kitUnit {
	margin:30px 0;
}






.gProjectMod {
width:300px;
}
.unitHead {}
.unitBody {
padding:0 13px;
background:url(/common/img/mod_mosaicBody.png) 0 0 repeat-y;
}
.gProjectMod #userNum {
position:relative;
display:block;
width:272px;
height:70px;
background:url(/common/img/mod_mosaicNum.png) 0 0 no-repeat;
}
.gProjectMod #userNum span {
position:absolute;
bottom:15px;
right:17px;
color:#673E18;
font-family:Arial,Helvetica,sans-serif;
font-size:350%;
text-align:right;
line-height:1;
}
.gProjectMod .photo img {
	display:block;
	float:left;
	margin:0 2px 2px 0;
}
.unitFoot {}







.photoUnit	{
	position:relative;
	width: 450px;
	margin:0 auto 60px;
	padding: 15px;
	border: 1px solid #ccc;
	background:#fff;

	-webkit-box-shadow: 3px 3px 5px 0px #777; /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px 0px #777; /* Firefox用 */
	box-shadow: 3px 3px 5px 0px #777; /* CSS3 */
	behavior: url(/PIE.php);
}
.photoUnit .photo	{
	text-align: center;
}
.photoUnit .photo	img	{
	border: 1px solid #ccc;
}

.photoUnit .msg	{
	margin:20px 0;
	font-size:93%;
	line-height:136%;
}
.photoUnit	.home	{
	position:absolute;
	bottom:-35px;
	width:100%;
	font-size:93%;
	text-align:center;
}
.photoUnit .nav	.prev	{
	position:absolute;
	top:45%;
	right:-65px;
}
.photoUnit .nav	.next	{
	position:absolute;
	top:45%;
	left:-65px;
}














/*==========================================================================================

	floatさせたボックスが親ボックスの外にはみ出す現象を回避
	(macIE用にmac-ie5.cssにも記述すること)

==========================================================================================*/

/*
==========================================================================================*/
#content:after,
#footer:after,
#topMenu:after,
.sideUnit:after,
.asset-content:after,
.entry-content:after,
.entry-footer:after,
.photoList:after,
.photo:after,
.wsReportList:after,
.stepUnit li:after,

.clearFix:after
{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* Mac IE には適用させない
==========================================================================================*/
* html #content,
* html #footer,
* html #topMenu,
* html .sideUnit,
* html .asset-content,
* html .entry-content,
* html .entry-footer,
* html .photoList,
* html .photo,
* html .wsReportList,
* html .stepUnit li,

* html .clearFix
{
	height:1%;
}


/* IE7専用
==========================================================================================*/
*:first-child+html #content,
*:first-child+html #footer,
*:first-child+html #topMenu,
*:first-child+html .sideUnit,
*:first-child+html .asset-content,
*:first-child+html .entry-content,
*:first-child+html .entry-footer,
*:first-child+html .photoList,
*:first-child+html .photo,
*:first-child+html .wsReportList,
*:first-child+html .stepUnit li,

*:first-child+html .clearFix
{
	display:inline-block;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */