body {
margin: 0 0 0 0;
padding: 0;
background: #f8f0dc;
}
/* -------- layout ----------*/

#header {
width: 780px;
margin: 0 auto;
background: #fff url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/header.gif") 0 0 no-repeat;
}

#navi {
background: #928472;
}

#navi-inner {
width: 743px;
margin: 0 auto;
padding: 0 20px 0 17px;
background: #c8b59b url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-back.gif") 0 0 no-repeat;
}

#content {
width: 730px;
padding: 0 25px;
clear: both;
margin: 0 auto;
background: #fff url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/paper.gif") 0 0 repeat-y;
}

.breadcrumb {
margin: 0;
padding: 30px 0 20px 210px;
padding: 20px 0 10px 210px;
text-align: right;
}

#sub {
width: 180px;
float:left;
padding: 0;
margin:0 0 0 0;
}

#main {
margin: 0 0 0 0;
width: 520px;
float: right;
padding: 0;
}

#footer {
width: 780px;
clear:both;
margin: 0 auto 0;
padding: 0px 0px 0px;
background:url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/paper.gif") 0 0 repeat-y;
}

#footer p {
font-size: small;
text-align: left;
padding: 0 20px 50px;
margin: 0;
background: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/footer.gif") bottom left no-repeat;
}

#footer p.back-top-top {
margin: 0;
padding: 0 20px 50px 0;
text-align: right;
background: transparent;
}

/* -------- header ----------*/
#header * {
margin: 0;
padding: 0;
}

#header h1 {
float: left;
padding: 0;
margin: 0px 0 0px;
}

#header h1 a {
display: block;
text-decoration: none;
font-size: small;
width: 180px;
height: 70px;
text-indent: -9999px;
background: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/logo.gif") 0 25px no-repeat;
margin: 0px 0 0 20px;
}

#header form {
margin: 0;
padding: 25px 30px 0 0;
float: right;
}

input#s
{
background: #fff;
border: 1px solid #cba;
}

input#searchsubmit
{
background: #6c2d2b;
color: #fff;
}

/* ---------- navi ------------- */

#navi ul {
clear: both;
margin: 0;
padding: 9px 0;
width: 743px;
height: 182px;
background: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-logo.gif") 225px 17px no-repeat;
}

/*
#home-page #navi {
background: transparent;
}

#home-page #navi-inner {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/paper.gif");
}

#home-page #navi ul {
width: 200px;
float: left;
}

#home-page #navi .page-content {
width: 530px;
padding: 10px 0 0 0;
float: right;
}

#home-page #navi .page-content img {
width: 510px;
background: #fff;
padding: 9px;
border: 1px solid #eee;
}

#home-page #half-left {
width: 350px;
float: left;
padding-top: 20px;
}

#home-page #half-right {
width: 350px;
float: right;
padding-top: 20px;
}

#home-page #description {
margin-top: 0;
}
*/


#news-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-hakkoda.jpg");
}

#about-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-symposium.jpg");
}

#organization-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-organization.jpg");
}

#review-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-exhibition.jpg");
}

#contact-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-hokkaido.jpg");
}

#admission-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-tomada.jpg");
}

#total_design-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-hyugashieki.jpg");
}

#symposium-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-symposium.jpg");
}

#workshop-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-workshop.jpg");
}

#exhibition-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-exhibition.jpg");
}

#seminar-page #navi ul {
background-image: url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi-seminar.jpg");
}

#navi ul li {
list-style-type: none;
list-style-position: outside;
padding: 0;
margin: 0;
width: 180px;
line-height: 1;
}

#navi ul li a {
display: block;
width: 180px;
padding: 00;
margin: 0;
text-decoration: none;
text-indent: -9999px;
height: 26px;
background: #c8b59b url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/navi.gif") 0 0 no-repeat;
}

#navi ul li#home-navi a:link,
#navi ul li#home-navi a:visited {
background-position: 0 0px;
}
#navi ul li#home-navi a:hover,
#navi ul li#home-navi a:active,
#home-page li#home-navi a {
background-position: -180px 0px ! important;
}

#navi ul li#news-navi a:link,
#navi ul li#news-navi a:visited {
background-position: 0 -26px;
}
#navi ul li#news-navi a:hover,
#navi ul li#news-navi a:active,
#news-page li#news-navi a,
.news-article li#news-navi a {
background-position: -180px -26px ! important;
}

#navi ul li#about-navi a:link,
#navi ul li#about-navi a:visited {
background-position: 0 -52px;
}
#navi ul li#about-navi a:hover,
#navi ul li#about-navi a:active,
#about-page li#about-navi a {
background-position: -180px -52px ! important;
}

#navi ul li#organization-navi a:link,
#navi ul li#organization-navi a:visited {
background-position: 0 -78px;
}
#navi ul li#organization-navi a:hover,
#navi ul li#organization-navi a:active,
#organization-page li#organization-navi a,
#board-members-page li#organization-navi a {
background-position: -180px -78px ! important;
}

#navi ul li#review-navi a:link,
#navi ul li#review-navi a:visited {
background-position: 0 -104px;
}
#navi ul li#review-navi a:hover,
#navi ul li#review-navi a:active,
#review-page li#review-navi a,
#total_design-page li#review-navi a,
#symposium-page li#review-navi a,
#workshop-page li#review-navi a,
#exhibition-page li#review-navi a,
#seminar-page li#review-navi a,
#backup_and_co_hosting-page li#review-navi a,
#general_meeting-page li#review-navi a,
#etc-page li#review-navi a,
.review-article li#review-navi a {
background-position: -180px -104px ! important;
}

#navi ul li#admission-navi a:link,
#navi ul li#admission-navi a:visited {
background-position: 0 -130px;
}
#navi ul li#admission-navi a:hover,
#navi ul li#admission-navi a:active,
#admission-page li#admission-navi a {
background-position: -180px -130px ! important;
}

#navi ul li#contact-navi a:link,
#navi ul li#contact-navi a:visited {
background-position: 0 -156px;
}
#navi ul li#contact-navi a:hover,
#navi ul li#contac-navi a:active,
#contact-page li#contact-navi a {
background-position: -180px -156px ! important;
}

/* ------- sub -------------- */
#sub .section {
margin-bottom: 2.5em;
}

#sub h3,
#home-page #content h3 {
font-family: sans-serif;
line-height: 1;
color: #fff;
font-size: medium;
margin: 0 0 10px;
padding: 4px 0 5px 0;
border-bottom: 2px solid #a99;
}

#sub ul {
margin: 0 0 10px;
padding: 0 0 0;
list-style-position: inside;
}

#sub ul li {
list-style: circle outside;
margin: 0.3em 0 0 1.5em;
padding: 0;
}


#sub ul li a
{
text-decoration: none;
}

#sub ul li a:link,
#sub ul li a:visited
{
}

#sub ul li a:hover,
#sub ul li a:active
{
}

/* -------- main ---------------- */



#main h1 {
color: #6c2d2b;
border-bottom: 4px solid #6c2d2b;
margin: 0 0 1em;
line-height: 1;
padding-bottom: 0.2em;
}

/* --------- page ------------- */

#main .page-content
{
margin: 0;
}

.page-content h2
{
font-size: large;
border-bottom: 1px solid #333;
}

.page-content h3
{
font-size: small;
padding: 0 0 0 0.5em;
line-height: 1;
border-left: 1em solid #666;
}

.page-content img {
}

/* ------- post -------*/

.post {
margin: 0 0 30px;
}

.post .post-info {
margin: 0;
padding: 0 19px 0 0;
float: left;

}

.post .date {
font-weight: bold;
color: #901d28;
color: #00466a;
color: #6c2d2b;
color: #666;
margin: 0;
padding: 0;
width: 70px;
}

span.new {
color: #f00;

}

.post .post-content {
float: left;

margin: 0 0 0 0px;
padding: 0 0 0 20px;
width: 410px;
border-left: 1px dotted #928472;
}

.post h3 {
margin-top: 0;
}

.post h3 a
{
text-decoration: none;
font-size: medium;
color: #901d28;
color: #b12;
color: #6c2d2b;
font-weight: bold;
}

.post h3 a:hover {
}

p.postmetadata {
text-align: right;
}

/* --------- archive ------------- */

dl.smartarchives dt {
clear: both;
margin-top: 20px;
border-left: 0.8em solid #5b300c;
padding-left: 0.5em;
}
dl.smartarchives dd {
display: inline;
color: #999;
padding: 0;
margin: 0;
}

/* ------- page navi -------------------- */
ul.page-navi {
padding:1.5em;
text-align: center;
background: #f8f0dc;
border: 1px dotted #ccc;
}

ul.page-navi li {
display: inline;
margin: 0;
}

ul.page-navi li a {
padding: 0.3em 0.5em;
}

ul.page-navi li.current {
background: #6c2d2b;
color: #fff;
padding: 0.3em 0.5em;
}

ul.page-navi li.prev-page a,
ul.page-navi li.next-page a {
border: none;
font-size: medium;
font-weight: bold;
}
/* ------- typo -------------------- */
body {
font-size: small;
color: #555;
}


/* -------- review ------------------- */
ul#review-subcats
{
margin: 0;
padding: 0;
width: 520px;
}

ul#review-subcats li
{
list-style-type: none;
list-style-position: outside;
padding: 0;
margin: 0 0 20px 0;
float: left;
text-align: center;
background: #fff;


border: 1px solid #ccc;
padding: 4px;
}

ul#review-subcats li.odd {
margin-right: 20px;
}

ul#review-subcats li a
{


xmargin-bottom: 4px;
text-indent: -9999px;
display: block;
width: 240px;
height: 70px;
text-decoration: none;
line-height: 1;
background: #928472 url("http://groundscape.sakura.ne.jp/wordpress/wp-content/themes/GSDI2/images/review.jpg") 0 0 no-repeat;
}

ul#review-subcats li a:link#total_design-link,
ul#review-subcats li a:visited#total_design-link {
background-position: 0 -560px;
}
ul#review-subcats li a:hover#total_design-link,
ul#review-subcats li a:active#total_design-link {
background-position: -250px -560px;
}

ul#review-subcats li a:link#exhibition-link,
ul#review-subcats li a:visited#exhibition-link {
background-position: 0 -240px;
}
ul#review-subcats li a:hover#exhibition-link,
ul#review-subcats li a:active#exhibition-link {
background-position: -250px -240px;
}

ul#review-subcats li a:link#symposium-link,
ul#review-subcats li a:visited#symposium-link {
background-position: 0 -80px;
}
ul#review-subcats li a:hover#symposium-link,
ul#review-subcats li a:active#symposium-link {
background-position: -250px -80px;
}

ul#review-subcats li a:link#workshop-link,
ul#review-subcats li a:visited#workshop-link {
background-position: 0 0;
}
ul#review-subcats li a:hover#workshop-link,
ul#review-subcats li a:active#workshop-link {
background-position: -250px 0;
}

ul#review-subcats li a:link#seminar-link,
ul#review-subcats li a:visited#seminar-link {
background-position: 0 -160px;
}
ul#review-subcats li a:hover#seminar-link,
ul#review-subcats li a:active#seminar-link {
background-position: -250px -160px;
}

ul#review-subcats li a:link#backup_and_co_hosting-link,
ul#review-subcats li a:visited#backup_and_co_hosting-link {
background-position: -5px -325px;
}
ul#review-subcats li a:hover#backup_and_co_hosting-link,
ul#review-subcats li a:active#backup_and_co_hosting-link {
background-position: -255px -325px;
}

ul#review-subcats li a:link#general_meeting-link,
ul#review-subcats li a:visited#general_meeting-link {
background-position: -5px -405px;
}
ul#review-subcats li a:hover#general_meeting-link,
ul#review-subcats li a:active#general_meeting-link {
background-position: -255px -405px;
}

ul#review-subcats li a:link#etc-link,
ul#review-subcats li a:visited#etc-link {
background-position: -5px -485px;
}
ul#review-subcats li a:hover#etc-link,
ul#review-subcats li a:active#etc-link {
background-position: -255px -485px;
}

/* --------- about ---------------- */
dl#the-four
{
margin-top: 2em;
margin-left: 0;
padding: 1.5em 1.5em 1.5em 1.5em;
border: 1px solid #6c2d2b;
}

dl#the-four dt
{
padding-left: 0.8em;
font-size: medium;
font-weight: bold;
border-left: 1em solid #6c2d2b;
line-height: 1;
}

dl#the-four dd
{
padding-left: 3em;
}

#organization-page dl,
#admission-page dl,
#board-members-page dl {
padding: 0;
margin: 1em 0;
}

#organization-page dt,
#admission-page dt,
#board-members-page dt {
padding: 0 0 0 0;
margin: 0 0 0.5em;
width: 120px;
float: left;
clear: both;
font-weight: bold;
}

#organization-page dd,
#admission-page dd,
#board-members-page dd {
padding: 0;
margin: 0 0 0.5em 140px;
width: 360px;
}

dd address {
display: inline ! important;
margin:0 ! important;
padding: 0 ! important;
}

/* --------- contact --------------- */
.required {
color: #ff0000;
}

input.submit {
background: #666;
color: #fff;
border: 1px solid #000;
}

input:hover.submit {
background: #ccc;
color: #000;
}

/*---------- clearfix -------------- */

.clearfix,
dl {
	min-height:0;
}
.clearfix:after,
dl:after {/* for modern brouser */
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
* html .clearfix,
* html dl {/* for IE */
	/*\*/height:1%;/* for WinIE*/
	display:inline-table;/* for MacIE*/
}