@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* hd -------------------- */

div.hd-about div#hd {
	background: url(../../img/about_htb/bg_hd.jpg) no-repeat;
}

div.hd-about div.navi ul.tab-menu li.menu01,
div.hd-about div.navi ul.tab-menu li.menu01 a {
	background: url(../img/tab_menu01.gif) no-repeat left bottom;
}

/* menu -------------------- */

ul.about-menu {
	width: 540px;
	margin-top: 17px;
}
ul.about-menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.about-menu { display:inline-block; }
/*\*/
* html ul.about-menu { height:1%; }
ul.about-menu { display:block; }
/**/

ul.about-menu li {
	float: left;
	width: 110px;
	background: url(../../img/about_htb/bg_arw.gif) no-repeat;
	text-align: center;
	line-height: 1.2em;
}

ul.about-menu li a {
	display: block;
	border: 1px solid #CB2A3A;
	margin-left: 10px;
	font-weight: normal;
}

ul.about-menu li.menu01 {
	width: 100px;
	background: none;
}

ul.about-menu li.menu01 a {
	height: 45px;
	margin-left: 0px;
	padding-top: 28px;
}

ul.about-menu li.menu02 a {
	height: 65px;
	padding-top: 8px;
}

ul.about-menu li.menu03 a {
	height: 45px;
	padding-top: 28px;
}

ul.about-menu li.menu04 a {
	height: 46px;
	padding-top: 27px;
}

ul.about-menu li a.on {
	border: 2px solid #CB2A3A;
	background: #FCF4F5;
	color: #CB2A3A;
	font-weight: bold;
	text-decoration: none;
}

ul.about-menu li.menu01 a.on {
	height: 43px;
	padding-top: 28px;
}

ul.about-menu li.menu02 a.on {
	height: 65px;
	padding-top: 6px;
}

ul.about-menu li.menu03 a.on {
	height: 43px;
	padding-top: 28px;
}

ul.about-menu li.menu04 a.on {
	height: 47px;
	padding-top: 24px;
}

/* img-box -------------------- */

div.img-wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.img-wrap { display:inline-block; }
/*\*/
* html div.img-wrap { height:1%; }
div.img-wrap { display:block; }
/**/

div.img-wrap img {
	margin-top: 5px;
}

div.img-wrap .right {
	float: right;
}


/* --------------------------------------------------------------------------------------
 index
--------------------------------------------------------------------------------------- */

div.index-area {
	padding-bottom: 40px;
}

div.index-area h2 {
	margin: 30px 0px 25px;
	text-align: center;
}

div.index-area div.ct-box01 {
	width: 540px;
	padding-bottom: 32px;
	border-bottom: 1px solid #D8D8D8;
}
div.index-area div.ct-box01:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.index-area div.ct-box01 { display:inline-block; }
/*\*/
* html div.index-area div.ct-box01 { height:1%; }
div.index-area div.ct-box01 { display:block; }
/**/

div.index-area div.ct-box01-btm {
	width: 540px;
	padding-bottom: 20px;
}
div.index-area div.ct-box01-btm:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.index-area div.ct-box01-btm { display:inline-block; }
/*\*/
* html div.index-area div.ct-box01-btm { height:1%; }
div.index-area div.ct-box01-btm { display:block; }
/**/

div.index-area div.left-area01 {
	float: left;
	width: 265px;
}

div.index-area div.right-area01 {
	float: right;
	width: 265px;
}

div.index-area div.left-area02 {
	float: left;
	width: 190px;
}

div.index-area div.right-area02 {
	float: right;
	width: 338px;
}

div.index-area div.right-area02 p.pagetop {
	margin: 10px 0px 0px;
}



/* --------------------------------------------------------------------------------------
 intro
--------------------------------------------------------------------------------------- */

div.intro-area {
	padding-bottom: 40px;
}

div.intro-area div.intro-box01 {
	margin: 30px 0px 35px;
}

div.intro-area div.intro-box01 p.pic {
	margin: 10px 0px 25px;
}

div.intro-area h2 {
	margin-bottom: 15px;
	padding: 4px 18px;
	background: #CB2A3A;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1em;
}

div.intro-area h3 {
	margin: 0px 0px 22px 0px;
}

div.intro-box02 {
	width: 521px;
	margin-left: 10px;
}
div.intro-box02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.intro-box02 { display:inline-block; }
/*\*/
* html div.intro-box02 { height:1%; }
div.intro-box02 { display:block; }
/**/

div.intro-box02 div.left-area {
	float: left;
	width: 255px;
}

div.intro-box02 div.right-area {
	float: right;
	width: 260px;
}

div.intro-box02 div.right-area p {
	margin-left: 5px;
}

div.intro-box02 p.right {
	float: right;
}

div.intro-box02 p.pagetop {
	margin: 20px 0px;
}



/* --------------------------------------------------------------------------------------
 special
--------------------------------------------------------------------------------------- */

div.special-area {
	padding-bottom: 40px;
}

div.special-area p {
	margin: 0px 10px;
}

div.special-area p.pagetop {
	margin: 0px;
}

div.special-area div.special-box01 {
	margin: 30px 0px 35px;
}

div.special-area div.special-box01 p {
	margin: 0px;
}

div.special-area div.special-box01 p.txt {
	margin: 15px 0px 10px;
}


div.special-area h2 {
	margin-top: 20px;
	padding: 30px 0px 0px 10px;
	border-top: 1px solid #D8D8D8;
}

div.special-area div.title-box {
	position: relative;
	width: 540px;
	min-height: 166px;
	padding-top: 20px;
	border-top: 1px solid #D8D8D8;
}

* html div.special-area div.title-box {
	height: 166px;
}

div.special-area div.title-box h2 {
	margin: 0px;
	padding: 0px;
	text-align: right;
	border: none;
}

div.special-area div.title-box p {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 255px;
	margin: 0px;
}

div.special-area div.special-box02 {
	width: 520px;
	margin: 10px 0px 0px 10px;
	padding-bottom: 10px;
}
div.special-area div.special-box02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.special-area div.special-box02 { display:inline-block; }
/*\*/
* html div.special-area div.special-box02 { height:1%; }
div.special-area div.special-box02 { display:block; }
/**/

div.special-area div.special-box02 p {
	margin: 0px;
}

div.special-area div.special-box02 div.left-area01 {
	float: left;
	width: 305px;
	padding-bottom: 10px;
}

div.special-area div.special-box02 p.right-area01 {
	float: right;
	width: 205px;
}

div.special-area div.special-box02 div.left-area02 {
	float: left;
	width: 195px;
	padding-bottom: 8px;
}

div.special-area div.special-box02 div.right-area02 {
	float: right;
	width: 320px;
}

div.special-area div.special-box02 div.right-area02 p.txt {
	min-height: 140px;
	margin-left: 5px;
}

* html div.special-area div.special-box02 div.right-area02 p.txt {
	height: 140px;
}

div.special-area div.special-box03 {
	margin: 0px 0px 0px 10px;
}

div.special-area div.special-box02 div.left-area03 {
	float: left;
	width: 295px;
}

div.special-area div.special-box02 div.left-area03 {
	float: right;
	width: 205px;
}

div.special-area div.special-box02 div.left-area04 {
	float: left;
	width: 295px;
}

div.special-area div.special-box02 div.left-area04 p.txt {
	min-height: 115px;
	margin-right: 7px;
}

* html div.special-area div.special-box02 div.left-area04 p.txt {
	height: 115px;
}

div.special-area div.special-box02 div.right-area04 {
	float: right;
	width: 220px;
}

div.special-area div.special-box02 div.left-area05 {
	float: left;
	width: 215px;
}

div.special-area div.special-box02 div.right-area05 {
	float: right;
	width: 295px;
}

div.special-area div.special-box02 div.right-area05 p {
}

div.special-area div.special-box02 div.left-area06 {
	float: left;
	width: 205px;
	padding-top: 36px;
}

div.special-area div.special-box02 div.right-area06 {
	float: right;
	width: 305px;
}

div.special-area div.special-box02 div.left-area07 {
	float: left;
	width: 255px;
}

div.special-area div.special-box02 div.left-area07 p {
	margin-bottom: 18px;
}

div.special-area div.special-box02 div.right-area07 {
	float: right;
	width: 255px;
}



/* --------------------------------------------------------------------------------------
 highlighta
--------------------------------------------------------------------------------------- */

div.highlights-area {
	padding-bottom: 40px;
}

div.highlights-area h2{
	margin: 30px 0px 25px;
}

div.highlights-box01 {
	width: 540px;
	padding-bottom: 32px;
	border-bottom: 1px solid #D8D8D8;
}
div.highlights-box01:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.highlights-box01 { display:inline-block; }
/*\*/
* html div.highlights-box01 { height:1%; }
div.highlights-box01 { display:block; }
/**/

div.highlights-box02 {
	width: 540px;
}
div.highlights-box02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.highlights-box02 { display:inline-block; }
/*\*/
* html div.highlights-box02 { height:1%; }
div.highlights-box02 { display:block; }
/**/

div.highlights-area div.left-area01 {
	float: left;
	width: 265px;
}

div.highlights-area div.left-area01 p.pdf {
	margin-top: 10px;
} 

div.highlights-area div.right-area01 {
	float: right;
	width: 265px;
}

div.highlights-area div.right-area01 ul {
	margin: 18px 0px 10px;
}

div.highlights-area div.right-area01 ul li {
	padding-left: 1.0em;
	text-indent: -1.0em;
}

div.highlights-area div.right-area01 ul li.type2 {
	padding-left: 1.7em;
	text-indent: -1.7em;
}

div.gardens-btm h2 {
	margin: 0px 0px 10px;
	padding: 4px 18px;
	background: #CB2A3A;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1em;
}

div.highlights-area h2.topic {
	position: relative;
	width: 455px;
	padding: 4px 18px 4px 87px;
	margin-bottom: 15px;
	background: #CB2A3A;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1em;
}

div.highlights-area h2.topic span.icon {
	display: block;
	position: absolute;
	top: 2px;
	left: 10px;
	width: 65px;
	height: 16px
}

/* --------------------------------------------------------------------------------------
 gardens
--------------------------------------------------------------------------------------- */

div.gardens-area {
	padding: 30px 0px 40px;
}

div.gardens-area div.map {
	position: relative;
	width: 540px;
	height: 587px;
	margin: 25px 0px 30px;
	background: url(../../img/about_htb/bg_gardens01.jpg) no-repeat;
}

div.gardens-area div.map ul li {
	position: absolute;
	width: 114px;
	height: 81px;
}

div.gardens-area div.map ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

div.gardens-area div.map ul li.menu01 {
	top: 26px;
	left: 183px;
}

div.gardens-area div.map ul li.menu02 {
	top: 96px;
	left: 3px;
}

div.gardens-area div.map ul li.menu03 {
	top: 430px;
	left: 3px;
}

div.gardens-area div.map ul li.menu04 {
	top: 430px;
	left: 169px;
}

div.gardens-area div.map ul li.menu05 {
	top: 354px;
	left: 296px;
}

div.gardens-area div.map ul li.menu06 {
	top: 242px;
	left: 422px;
}


div.gardens-box {
	width: 520px;
	margin-left: 10px;
}
div.gardens-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.gardens-box { display:inline-block; }
/*\*/
* html div.gardens-box { height:1%; }
div.gardens-box { display:block; }
/**/

div.gardens-box div.left-area {
	float: left;
	width: 255px;
}

div.gardens-box div.right-area {
	float: right;
	width: 260px;
}

div.gardens-box div.right-area p {
	margin-left: 5px;
}

div.gardens-box div.left-area p.spc {
	margin-bottom: 35px;
}

div.gardens-box p.right {
	float: right;
}

div.gardens-box02 {
	margin-top: 10px;
	padding: 32px 0px 20px;
	border-top: 1px solid #D8D8D8;
}

div.gardens-box02 img {
	margin-bottom: 22px;
}

div.gardens-box div.left-area02 {
	float: left;
	width: 170px;
	margin-right: 5px;
}

div.gardens-box div.right-area02 {
	float: right;
	width: 170px;
}

div.gardens-box div.left-area03 {
	float: left;
	width: 256px;
}

div.gardens-box div.right-area03 {
	float: right;
	width: 256px;
}

div.gardens-box p span.pic-box {
	display: block;
	padding: 2px;
	border: 1px solid #C1ADA0;
}

div.gardens-area h2 {
	margin-bottom: 10px;
	padding: 4px 18px;
	background: #CB2A3A;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1em;
}

div.gardens-btm p {
	margin: 0px 10px 13px;
}

div.gardens-btm div.gardens-box p {
	margin: 0px;
}

div.gardens-btm div.gardens-box p.pagetop {
	margin: 12px 0px;
}

div.gardens-btm div.gardens-box p.bg {
	margin-top: 5px;
	padding: 1px 0px;
	background: #F7F2EE;
	color: #823D11;
	font-size: 11px;
	text-align: center;
}

div.gardens-btm div.gardens-box p.bg02 {
	margin: 5px 0px 17px;
	padding: 1px 0px;
	background: #F7F2EE;
	color: #823D11;
	font-size: 11px;
	text-align: center;
}

div.pagetop-box {
	width: 540px;
}
div.pagetop-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pagetop-box { display:inline-block; }
/*\*/
* html div.pagetop-box { height:1%; }
div.pagetop-box { display:block; }
/**/

div.pagetop-box p.pagetop {
	margin: 12px 0px;
}