@charset "UTF-8";


/*

    Font styles

*/
a:link    { color: #FFFFFF; text-decoration: underline;}
a:visited { color: #FFFFFF;}
a:hover   { color: #999999;}





/*

    Background

*/
body {
	background-color: #000000;
	color: #FFFFFF;
}
#c_footer {
	background-color: #262626;
}





/*

    Layout

*/

/*  Layout  */
#page-top {
	width: 950px;
	margin: 0 auto;
	padding-top: 245px;
}
#c_nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 185px;
}
#c_nav .content {
	width: 950px;
	margin: 0 auto;
}
#c_topicpath {
	position: absolute;
	top: 205px;
	left: 0;
	width: 100%;
}
#c_topicpath p {
	width: 950px;
	margin: 0 auto;
}
#c_content {
	width: 950px;
	margin: 0 auto;
}
#c_footer {
	width: 100%;
}
#c_footer .content {
	width: 950px;
	margin: auto;
}

/*  IE6  */
* html body {
	text-align: center;
}
* html #c_nav .content,
* html #c_topicpath p,
* html #c_content #page-top,
* html #c_content #c_main,
* html #c_footer .content {
	text-align: left;
}

/*  Common  */
#c_nav ul,
#c_nav ul li,
#c_content #c_sub ul,
#c_content #c_sub ul li,
#c_footer ul,
#c_footer ul li {
	margin: 0;
	list-style: none;
}
#c_nav a,
#c_topicpath a,
#c_content #c_sub a,
#c_footer a {
	text-decoration: none;
}





/*

    Navigation

*/

/*  Site  */
#c_nav .Site {
	margin-top: 20px;
	height: 90px;
}
#c_nav .Site li {
	float: left;
	height: 20px;
	overflow: hidden;
}
#c_nav .Site li.Toppage {
	width: 800px;
	height: 90px;
}
#c_nav .Site li.Toppage a {
	display: block;
	width: 290px;
	padding-top: 95px;
	background-image: url("images/common/logo.gif");
}
#c_nav .Site li.En { width: 75px;}
#c_nav .Site li.Cn { width: 70px;}
#c_nav .Site li.En a,
#c_nav .Site li.Cn a {
	display: block;
	padding-top: 25px;
	background-image: url("images/common/lang.btn.gif");
}
#c_nav .Site li.En a { background-position: 0 0;}
#c_nav .Site li.Cn a { background-position: -75px 0;}
#c_nav .Site li.En a:hover { background-position: 0 -20px;}
#c_nav .Site li.Cn a:hover { background-position: -75px -20px;}


/*  Contents  */
#c_nav .Contents {
	width: 950px;
	height: 65px;
	border-bottom: 1px #333333 solid;
}
#c_nav .Contents li {
	float: left;
	height: 60px;
	overflow: hidden;
}
#c_nav .Contents li a {
	display: block;
	padding-top: 65px;
	background-image: url("images/common/nav.btn.gif");
}
#c_nav .Contents li.Facilities { width: 145px;}
#c_nav .Contents li.About      { width: 165px;}
#c_nav .Contents li.Uchikuan   { width: 165px;}
#c_nav .Contents li.School     { width: 145px;}
#c_nav .Contents li.Access     { width: 145px;}
#c_nav .Contents li.Contact    { width: 150px;}
#c_nav .Contents li.Facilities a { background-position: 0 0;}
#c_nav .Contents li.About      a { background-position: -145px 0;}
#c_nav .Contents li.Uchikuan   a { background-position: -310px 0;}
#c_nav .Contents li.School     a { background-position: -475px 0;}
#c_nav .Contents li.Access     a { background-position: -655px 0;}
#c_nav .Contents li.Contact    a { background-position: -800px 0;}
#c_nav .Contents li.Facilities a:hover { background-position: 0 -60px;}
#c_nav .Contents li.About      a:hover { background-position: -145px -60px;}
#c_nav .Contents li.Uchikuan   a:hover { background-position: -310px -60px;}
#c_nav .Contents li.School     a:hover { background-position: -475px -60px;}
#c_nav .Contents li.Access     a:hover { background-position: -655px -60px;}
#c_nav .Contents li.Contact    a:hover { background-position: -800px -60px;}
body.Facilities #c_nav .Contents li.Facilities a { background-position: 0 -120px;}
body.About      #c_nav .Contents li.About      a { background-position: -145px -120px;}
body.Uchikuan   #c_nav .Contents li.Uchikuan   a { background-position: -310px -120px;}
body.School     #c_nav .Contents li.School     a { background-position: -475px -120px;}
body.Access     #c_nav .Contents li.Access     a { background-position: -655px -120px;}
body.Contact    #c_nav .Contents li.Contact    a { background-position: -800px -120px;}





/*

	Topic path

*/
#c_topicpath p {
	text-indent: 100px;
	background-image: url("images/common/topicpath.bg.gif");
	background-position: left center;
	line-height: 20px;
	font-size: 1.2em;
}
#c_topicpath p a {
	color: #FFFFFF;
}





/*

    Footer

*/
#c_footer {
	background-color: #000000;
	overflow: hidden;
	padding: 5px 0;
}
#c_footer ul {
	display: inline;
	float: left;
	margin-top: -1px;
}
#c_footer ul li {
	display: inline;
	font-size: 1.2em;
}
#c_footer ul li a {
	margin-right: 5px;
	padding-left: 10px;
	background-image: url("images/common/footer.lm.gif");
	background-position: left center;
}
#c_footer address {
	display: block;
	text-align: right;
	font-style: normal;
}





/*

    Sub contents

*/

/*  Layout  */
#c_sub {
	padding-top: 20px;
	padding-bottom: 50px;
	overflow: hidden;
}
/*
#c_sub #sub_nav {
	float: left;
	width: 360px;
}
*/
#c_sub #sub_news {
	float: left;
	width: 670px;
	/*width: 310px;*/
}
#c_sub #sub_banners {
	float: left;
	width: 280px;
}
#c_sub #sub_group {
	clear: left;
}

/*  Navigation  */
#c_sub #sub_nav .Gallery div {
	float: left;
	width: 180px;
	height: 120px;
}
#c_sub #sub_nav .Gallery div p {
	height: 65px;
	overflow: hidden;
}
#c_sub #sub_nav .Gallery div p a {
	display: block;
	padding-top: 75px;
}
#c_sub #sub_nav .Gallery div.Inyourheart { width: 360px;}
#c_sub #sub_nav .Gallery div.Exhibition  p a { background-image: url("images/sub/nav_exhibition.h.gif");}
#c_sub #sub_nav .Gallery div.Genkokai    p a { background-image: url("images/sub/nav_genkokai.h.gif");}
#c_sub #sub_nav .Gallery div.Inyourheart p a { background-image: url("images/sub/nav_inyourheart.h.gif");}
#c_sub #sub_nav .Gallery div ul {
	height: 45px;
}
#c_sub #sub_nav .Gallery div ul li {
	float: left;
	width: 55px;
	height: 45px;
}
#c_sub #sub_nav .Gallery div ul li a {
	display: block;
	width: 45px;
	height: 43px;
	margin-right: 10px;
	border: 1px #FFFFFF solid;
	background-color: #333333;
	overflow: hidden;
}
#c_sub #sub_nav .Gallery div ul li a img {
	max-width: 60px;
	max-height: 60px;
}
* html #c_sub #sub_nav .Gallery div ul li a img {
	width: 60px;
	height: 60px;
}
#c_sub #sub_nav .Beginner ul {
	clear: left;
	width: 360px;
	padding-top: 25px;
}
#c_sub #sub_nav .Beginner ul li {
	float: left;
	width: 180px;
	height: 45px;
	overflow: hidden;
}
#c_sub #sub_nav .Beginner ul li a {
	display: block;
	width: 155px;
	padding-top: 50px;
	background-image: url("images/sub/nav_beginner.btn.jpg");
}
#c_sub #sub_nav .Beginner ul li.Bonsai  a { background-position: 0 0;}
#c_sub #sub_nav .Beginner ul li.Suiseki a { background-position: -155px 0;}
#c_sub #sub_nav .Beginner ul li.Bonsai  a:hover { background-position: 0 -45px;}
#c_sub #sub_nav .Beginner ul li.Suiseki a:hover { background-position: -155px -45px;}

/*  News  */
#c_sub #sub_news p {
	height: 65px;
	overflow: hidden;
}
#c_sub #sub_news p a {
	display: block;
	padding-top: 70px;
	background-image: url("images/sub/news.h.gif");
}
#c_sub #sub_news ul {
	width: 645px;
	padding: 10px 0 7px;
	border: 1px #FFFFFF solid;
}
#c_sub #sub_news ul li {
	position: relative;
	padding: 0 15px 3px;
	font-size: 1.1em;
}
#c_sub #sub_news ul li .Date {
	position: absolute;
	color: #EEEEEE;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;;
}
#c_sub #sub_news ul li a {
	margin-left: 8em;
}

/*  Banners  */
#c_sub #sub_banners ul {
	padding-top: 35px;
}
#c_sub #sub_banners ul li {
	width: 280px;
}
#c_sub #sub_banners ul li img {
	display: block;
	margin-bottom: 5px;
}

/*  Group  */
#c_sub #sub_group {
	clear: left;
	height: 140px;
}
#c_sub #sub_group p,
#c_sub #sub_group ul {
	float: left;
	padding-top: 50px;
}
#c_sub #sub_group p.Onlineshop {
	width: 545px;
}
#c_sub #sub_group ul {
	width: 325px;
}
#c_sub #sub_group ul li {
	float: left;
	width: 155px;
	height: 35px;
}





/*

    Main contents

*/

/*  Common - layout  */
#c_main {
	border-bottom: 1px #333333 solid;
	padding-bottom: 60px;
}

/*  Common - section  */
#c_main .section {
	width: 100%;
}
#c_main .section .content p,
#c_main .section .content li,
#c_main .section .content dt,
#c_main .section .content dd {
	line-height: 1.8;
}

/*  Common - topagetop  */
#c_main .section .ToPagetop p {
	width: 70px;
	height: 20px;
	overflow: hidden;
}
#c_main .section .ToPagetop p a {
	display: block;
	padding-top: 25px;
	background-image: url("images/common/topagetop.btn.gif");
}
#c_main .section .ToPagetop p a:hover {
	background-position: 0 -20px;
}

/*  Common - table  */
#c_main .section table {
	width: 100%;
	border-top: 1px #666666 dotted;
}
#c_main .section table th,
#c_main .section table td {
	padding: 10px 10px 10px 0;
	background: none;
	border: none;
	border-bottom: 1px #666666 dotted;
}
#c_main .section table th {
	white-space: nowrap;
}

/*  Common - list  */
#c_main .section ul.Menu {
	margin: 0;
	border-top: 1px #666666 dotted;
}
#c_main .section ul.Menu li {
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px #666666 dotted;
	list-style: none;
}
#c_main .section ul.Menu li a {
	text-decoration: none;
}

/*  Common - paging  */
#c_main .Paging {
	padding-top: 30px;
	text-align: center;
}
#c_main .Paging p {
	display: inline;
	margin-right: 10px;
	font-size: 1.2em;
}
#c_main .Paging ul,
#c_main .Paging ul li {
	display: inline;
	margin: 0;
	list-style: none;
}
#c_main .Paging ul li {
	margin-right: 10px;
	font-size: 1.2em;
}
#c_main .Paging a {
	text-decoration: none;
}
#c_main .Paging span {
	font-weight: bold;
}

/*  Common - other  */
#c_main .section .Image {
	margin: 10px 0;
}
#c_main .section .Image img {
	display: block;
}
#c_main .section .Supply {
	display: block;
	margin: 15px 0;
	padding: 10px 15px;
	border: 1px #FFFFFF solid;
}
#c_main .section .Supply p {
	line-height: 1.5;
}
#c_main .section a.Map {
	line-height: 2;
	padding: 0 10px;
	border: 1px #FFFFFF solid;
	text-decoration: none;
}
#c_main .section a.Link1 {
	display: inline-block;
	line-height: 1;
	padding: 8px 15px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
	font-weight: bold;
}
#c_main .section a.Link1:hover {
	background-color: #999999;
}


/*  Normal layout  */
body.Normal #page-top h1 {
	padding-left: 250px;
}
body.Normal #c_content {
	background-image: url("images/common/normal.bg.gif");
}
body.Normal #c_main {
	padding-left: 250px;
}
body.Normal #c_main .section .hgroup {
	margin-bottom: 15px;
	padding: 15px 0;
	border-top: 1px #666666 dotted;
	border-bottom: 1px #666666 dotted;
}
body.Normal #c_main .section h2 {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
	font-size: 2.4em;
	line-height: 1.5;
}
body.Normal #c_main .section h3 {
	font-family: "Times new Roman", serif;
	font-size: 1.4em;
	color: #999999;
	line-height: 1.5;
}
body.Normal#c_main .section .ToPagetop {
	margin: 20px 0 0;
}

/*  Full width layout  */
body.Full #page-top h1 { padding-left: 0;}
body.Full #c_content { background: none;}
body.Full #c_main { padding-left: 0;}

/*  Middle layout  */
body.Middle #page-top h1 {
	padding-left: 0;
}
body.Middle #c_content {
	background-image: url("images/common/normal.bg.gif");
	background-position: 0 175px;
}
body.Middle #c_main {
	padding-left: 190px;
}
body.Middle #c_main .section {
	margin-top: 60px;
	border-left: 1px #333333 solid;
}
body.Middle #c_main .section .hgroup {
	float: left;
	width: 275px;
}
body.Middle #c_main .section .hgroup h2 {
	margin: 0 15px 5px 35px;
	font-size: 2.8em;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
	line-height: 1.4;
}
body.Middle #c_main .section .hgroup h2 a {
	text-decoration: none;
}
body.Middle #c_main .section .hgroup h3 {
	margin-left: 35px;
	font-family: "Times new Roman", serif;
	font-weight: normal;
}
body.Middle #c_main .section .content {
	margin-left: 275px;
	min-height: 175px;
}
body.Middle #c_main .section .ToPagetop {
	margin: -20px 0 0 35px;
}

