/*
------------------------------
   GLOBAL RESET
------------------------------*/

body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dt,dd,table,tr,td,form,input,textarea,option,select{
	margin:0;
	padding:0;
}


body{
	color:#333;
	font-size:81.25%;
	font-family : 'メイリオ', 'Hiragino Kaku Gothic Pro', 'Verdana', sans-serif;
	line-height:1.5;
	background: url("../img/bg_body.gif")  #efebe0;
}

a:link    { color: #036; }
a:visited { color: #90c; }
a:hover   { color: #c00; }

h1,h2,h3,h4,h5,h6{ font-size:100%; }
ul,ol,li,dl,dt,dd{ list-style:none; }
hr{ display:none; }

img,object{
	border:none;
	vertical-align:middle;
}

table{border-collapse:collapse;border-spacing:0;}

address {
	font-style: normal;
}




/*
------------------------------
   USUAL CLASS
------------------------------*/

.ac{text-align:center;}
.ar{text-align:right;}

img.fl{
	float: left;
	margin: 0 10px 10px 0;
}

img.fr{
	float: right;
	margin: 0 0 10px 10px;
}



/*
------------------------------
   LAYOUT
------------------------------*/

#container{
	margin:0 auto;
	padding: 0 10px 0 10px;
	width:780px;
	background: url("/img/bg_container.gif") center repeat-y #fff;
}

#container-inner{
	width:780px;
	text-align:left;
}

#content{height:100%;}

#content:after {  
    content: ".";  
    display: block;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
    visibility: hidden;  
}



/*
------------------------------
   LAYOUT
------------------------------*/

body.main-index #maincontents {
	float: left;
	width: 570px;
}

body.main-index #sidenav {
	float: right;
	width: 200px;
}

body.page-archive #maincontents {
	float: right;
	width: 570px;
}

body.page-archive #sidenav {
	float: left;
	width: 200px;
}



/*
------------------------------
   HEADER
------------------------------*/

#header {
	position: relative;
	width: 780px;
	height: 145px;
	margin: 0 0 10px 0;
	background: url("/img/bg_header.jpg") center top no-repeat #fff;	
}

#header h1 {
	position: absolute;
	top: 10px;
	left: 200px;
	width: 300px;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}

#header #logo {
	height: 100px;
}

ul#headernav {
	position: absolute;
	top: 10px;
	right: 10px;
}

ul#headernav li {
	display: inline;
	margin: 0 0 0 5px;
}

ul#headernav li a {
	padding: 0 0 0 12px;
	background: url("/img/hn-icon.gif") left no-repeat transparent;	
}

p#hd-contact {
	position: absolute;
	top: 40px;
	right: 10px;
}

ul#header-menu {
	height: 45px;
	background: url("/img/bg_headermenu.jpg") center top no-repeat #fff;	
}

ul#header-menu li {
	display: block;
	float: left;
	width: 130px;
}

ul#header-menu li a {
	display: block;
	width: 130px;
	height: 45px;
	text-indent: -9876px;
	text-decoration: none;
	background: url("/img/bg_headermenu.jpg") top left no-repeat transparent;	
}

ul#header-menu li#hm-news a       { background-position: 0 0; }
ul#header-menu li#hm-news a:hover { background-position: 0 -45px; }

ul#header-menu li#hm-event a       { background-position: -130px 0; }
ul#header-menu li#hm-event a:hover { background-position: -130px -45px; }

ul#header-menu li#hm-consulting a       { background-position: -260px 0; }
ul#header-menu li#hm-consulting a:hover {background-position: -260px -45px; }

ul#header-menu li#hm-partnership a       { background-position: -390px 0; }
ul#header-menu li#hm-partnership a:hover { background-position: -390px -45px; }

ul#header-menu li#hm-gardening a       { background-position: -520px 0; }
ul#header-menu li#hm-gardening a:hover { background-position: -520px -45px; }

ul#header-menu li#hm-club a       { background-position: -650px 0; }
ul#header-menu li#hm-club a:hover { background-position: -650px -45px; }




/*
------------------------------
   HOME
------------------------------*/

#mainvisual {
	margin: 0 0 10px 0;
}

#home-contentswrap { overflow: hidden; }

#home-news{
	position: relative;
	float: left;
	width: 280px;
	margin: 0 0 30px 0;
}

#home-news h3{
	margin: 0 0 10px 0;;
}

#home-news p#feed {
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 12px;
	line-height: 16px;
}

#home-news p#feed a {
	font-weight: bold;
	text-decoration: none;
}

#home-news p#feed img {
	margin:0 5px 0 0;
}

#home-news dl{
	margin: 0 0 10px 0;
}

#home-news dl dt{
	clear: both;
	padding: 0 5px 0 5px;
	color: #817447;
	font-weight: bold;
}

#home-news dl dt img.news-thumb{
	float: left;
	margin: 0 5px 5px 0;
}

#home-news dl dd{
	padding: 0 5px 5px 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

#home-consulting{
	float: right;
	width: 280px;
}

.home-services{
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
}

#home-consulting h3{
	margin: 0 0 10px 0;;
}

#home-consulting h4{
	margin: 0 0 5px 0;;
	color: #7a0822;
}

#home-consulting h4 a{
	color: #7a0822;
	text-decoration: none;
}

#home-service {
	clear: both;
}

#home-service ul {
	overflow: hidden;
}

#home-service ul li {
	float: left;
	margin: 0 2px 0 0;
}


/*
------------------------------
   CONTENTS
------------------------------*/

.contents{
	height: 100%;
	margin: 0 0 30px 0;
}

.contents:after {  
    content: ".";  
    display: block;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
    visibility: hidden;  
}


#page-title{
	margin: 0 0 15px 0;
	background: url("/img/bg_pagetitle.gif") center bottom no-repeat;	
}

#page-title h2{
	padding: 10px;
	font-size: 150%;
	line-height: 1.3;
	background: url("/img/bg_pagetitle_top.gif") center top no-repeat;	
}

body.page-archive #maincontents h3{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 5px 3px 5px;
	color: #910a2b;
	border-bottom: 1px solid #ccc;
}

body.page-archive #maincontents h4{
	clear: both;
	margin: 20px 0 15px 0;
	color: #910a2b;
}

body.page-archive #maincontents p{
	margin: 0 0 15px 0;
}

body.page-archive #maincontents strong{
	color: #910a2b;
}

body.page-archive #maincontents ul,
body.page-archive #maincontents ol {
	margin: 0 10px 15px 30px;
}

body.page-archive #maincontents ul li {
	list-style-type: disc;
}

body.page-archive #maincontents ol li {
	list-style-type: decimal;
}

body.page-archive #maincontents table {
	margin: 0 0 30px 0;
}

body.page-archive #maincontents table td {
	padding: 5px;
	vertical-align: top;
}

body.page-archive #maincontents table.contact {
	margin: 0 0 30px 0;
	border-top: 1px solid #ccc;
}

body.page-archive #maincontents table.contact th,
body.page-archive #maincontents table.contact td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

body.page-archive #maincontents table.contact th {
	background: #e8e2d6;
}

body.page-archive #maincontents table.two-columns {
	margin: 0 0 30px 0;
}

body.page-archive #maincontents table.two-columns td {
	width: 275px;
	padding: 0 5px 10px 5px;
	vertical-align: top;
}

body.page-archive #maincontents ul#event-news {
	list-style:none;
	margin: 0 0 20px 0;
}

body.page-archive #maincontents ul#event-news li {
	list-style:none;
	margin: 0 0 5px 0;
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}

body.page-archive #maincontents ul#event-news li img {
	margin: 0 5px 0 0;
}


body.page-archive #maincontents table#admission-form {
	width: 570px;
}

body.page-archive #maincontents table#admission-form th,
body.page-archive #maincontents table#admission-form td {
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

body.page-archive #maincontents table#admission-form th {
	width: 120px;
	background: #f1f1f1;
}

body.page-archive #maincontents table#admission-form em {
	color: #c00;
	font-size: 90%;
	font-style: normal;
}


#home-news dl{
	margin: 0 0 10px 0;
}

dl#blog-news dt{
	clear: both;
	padding: 0 5px 0 5px;
	color: #817447;
	font-weight: bold;
}

dl#blog-news dt img.news-thumb{
	float: left;
	margin: 0 5px 5px 0;
}

dl#blog-news dd{
	padding: 0 5px 5px 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}




/*
------------------------------
   SIDE NAVIGATION
------------------------------*/

#sidenav-inner{
	padding: 5px 0 10px 0;
	background: #fcf8ec;
}

ul#side-storemenu,
ul#side-banner{
	margin: 0 0 20px 0;
}

ul#side-storemenu li{
	margin: 0 0 5px 0;
	text-align: center;
}

ul#side-banner li{
	margin: 0 0 10px 0;
	text-align: center;
}

.side-contentsmenu{
	padding: 0 4px 10px 4px;
	background: url("/img/bg_side_contentsmenu.gif") center bottom no-repeat;	
}

.side-contentsmenu h3{
	margin: 0 0 5px 0;
	padding: 7px 10px 7px 10px;
	color: #675c38;
	background: #e8e2d6;
}

.side-contentsmenu ul{
	margin: 0 3px 5px 3px;
}

.side-contentsmenu ul li{
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #ccc;
}



/*
------------------------------
   FOOTER
------------------------------*/

#footer{
	padding: 10px 0 15px 0;
	background: #E6DBBC;
}

ul#footernav{
	margin: 0 auto 15px 0;
	text-align: center;
}

ul#footernav li{
	display: inline;
	margin: 0 5px 0 5px;
}

address{
	margin: 0 0 15px 0;
	line-height: 1.3;
	text-align: center;
}

p#copyright {
	font-size: 9px;
	text-align: center;
}