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

#index #header{ width:670px; height:704px; position:relative;}
#index #header #g-navi01{ position:absolute; left:0; top:30px; border-top:2px solid #fafafa;}
#index #header #g-navi02{ position:absolute; left:0; top:128px;}

#index #header #g-navi03{ position:absolute; left:0; top:416px;}
#index #header #g-navi03 span{ margin-left:192px;}
#index #header #g-navi04{ position:absolute; left:0; top:512px;}
#index #header #g-navi04 span{ margin-left:96px;}
#index #header #g-navi05{ position:absolute; left:0; top:608px;}
#index h2{ position:absolute; left:0; top:224px;border-bottom:2px solid #fafafa; line-height:0;}
#index #g-navi li{ font-size:0; line-height:0; border-bottom:2px solid #fafafa; width:100%;}
#index #side01 #bnr01{ margin-top:128px;}
#index #side02 #bnr02{ margin-top:224px;}
#index #side03 #bnr03{ margin-top:320px;}


#index #main #sec_01 h3, #index #main #sec_02 h3{margin:18px 18px 0;}
#index #main #sec_01{ width:335px; float:left; }

#index #main #sec_02{ width:333px; float:left; }
#index #main #sec_01 ul{ margin:18px;}
#index #main #sec_01 ul li{ border-bottom:1px dotted #fafafa; color:#fafafa; font-size:14px; margin-top:15px;}
#index #main #sec_01 ul li a{
	color: #fafafa;
	font-size: 14px;
	text-decoration: none;
}
#index #main #sec_01 ul li a:hover{
	text-decoration: underline;
}
#index #main #sec_02 p{padding:18px; color:#fafafa; font-size:14px; border-left:1px solid #fafafa;}

#about h3{ margin-bottom:24px;}
#about #sec_01{ padding:30px 20px;}
#about #sec_01 .box01{overflow: hidden;}
#about #greeting01{
	overflow: hidden;
	margin-bottom: 10px;
}
#about #greeting01_txt{
	float: left;
	width: 300px;
}
#about #greeting01_txt p{margin-bottom: 1em;}
#about #appearance{
	float: right;
	width: 300px;
	margin-right: 10px;
}
#about #greeting02{clear: both;}
#about p{ color:#fafafa;}
#about #sec_01 .box02{ width:215px; float:right;}
#about #sec_02{ padding:30px 20px;}


#news #sec_01{ padding:30px 20px;}
#news #sec_01 ul li{border-bottom:1px dotted #fafafa; color:#fafafa; font-size:14px; margin-top:15px;}
#news #sec_01 h3{ border-bottom:1px dotted #fafafa; color:#fafafa; margin-bottom:24px;}
#news #sec_01 h3 span{ font-size:150%; font-weight:bold;}

#gardening h3, #structure h3, #landscaping h3{ margin-bottom:24px;}
#gardening #sec_01, #structure #sec_01, #landscaping #sec_01{ padding:30px 20px;}
#gardening #sec_01 ul, #structure #sec_01 ul, #landscaping #sec_01 ul{ margin-bottom:20px;}
#gardening #sec_01 ul li, #structure #sec_01 ul li, #landscaping #sec_01 ul li{ font-size:129%; font-weight:bold;}
#gardening #sec_02, #structure #sec_02, #landscaping #sec_02{ padding:30px 20px;}
#gardening #sec_02 table, #structure #sec_02 table, #landscaping #sec_02 table{border:none;}
#gardening #sec_02 table th{}
#gardening #sec_02 table td, #structure #sec_02 table td, #landscaping #sec_02 table td{ border:none; text-align:center; padding-bottom:30px;}

#flow h3{ margin-bottom:24px;}
#flow #sec_01{ padding:30px 20px;}
#flow #sec_01 dl dt{ margin-bottom:20px;}
#flow #sec_01 dl dd{ margin-bottom:40px;}


/* �L���ꗗ
--------------------------------------*/
#diaryProa #sec_01 ul li {
	border-bottom: 1px dotted #fafafa;
	color: #fafafa;
	font-size: 14px;
	margin-top: 15px;
}
#diaryProa #sec_01 ul li a{
	color: #fafafa;
	text-decoration: none;
}
#diaryProa #sec_01 ul li a:hover{text-decoration: underline;}


/* �L���ڍ�
--------------------------------------*/
#diaryProa h2{
	position: static;
	border-bottom: none;
}
#diaryProa #main #sec_01 {
	width: 610px;
	padding: 30px 20px;
}
#diaryProa #main #sec_01 h3 {
	border-bottom: 1px dotted #fafafa;
	color: #fafafa;
	margin: 0 0 24px;
}
#diaryProa #main #sec_01 h3 span{
	font-size: 150%;
	font-weight: bold;
}
#diaryProa #main #sec_01 #topics_body img{
	max-width: 100%;
	height: auto;
}

/* �Ǘ����
--------------------------------------*/
#diaryPro{
	width: 100%;
}
#diaryPro h2{
	position: static;
	border: none;
	line-height: 1;
	margin-right: 14px;
	margin-left: 14px;
}

#diaryPro #work h2, #diaryPro #contents h2,
#diaryPro #env h2{
	border-top: 3px double #fafafa;
	border-bottom: 3px double #fafafa;
}
#diaryPro code{
	color: #fafafa;
	font-weight: bold;
}
#diaryPro p, #diaryPro li, #diaryPro li a,
#diaryPro #navi li a,
#diaryPro dt, #diaryPro dd, #diaryPro dd a{color: #fafafa;}
#diaryPro th{color: #444444;}
#diaryPro #env h3{color: #000;}


/* ���e�\��(�ꗗ�A�ڍ�)�̍ۂɘg�����r�؂�Ă��܂��Ώ�
--------------------------------------*/
html, table{
	height: 100%;
}
/*
#index, #about, #flow, #gardening,
#landscaping, #structure, #news{
	height: auto;
}
*/

/* ��փ{�^��
--------------------------------------*/
#page-top img{
	vertical-align: bottom;
}