@charset "utf-8";

/*-------------------------------------------------
	reset styles
-------------------------------------------------*/
HTML, BODY, DIV, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ADDRESS, UL, OL, LI, DL, DT, DD, TABLE, TH, TD, FORM, FIELDSET {
	margin: 0;
	padding: 0;
}
OL,UL,LI {list-style-type: none;}
A {outline:none 0 #000000;}
IMG {
	border:0;
}
SUP {font-family:"ＭＳ Ｐゴシック", Osaka;}
/*-------------------------------------------------
	layout base 
-------------------------------------------------*/
HTML, BODY {height:100%;}
BODY{
	text-align:center;
	background:#000000 url(../img/bgBody.gif) left top;
}
/*-------------------------------------------------
	text color and size
-------------------------------------------------*/
BODY, TH, TD, H1, H2, H3, H4, H5, H6, PRE, INPUT, TEXTAREA, OPTION, DIV, P, DT, DD, LI, ADDRESS {
	font-size: 12px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	color: #D9D9D9;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
}
/*-------------------------------------------------
 text link
 -------------------------------------------------*/
A {color:#001C8A; text-decoration:underline;}
A:hover {color:#001C8A; text-decoration:none;}
A.linkArrow{background:url(../img/icon_arrow.gif) no-repeat left center; padding-left:10px;}
/*-------------------------------------------------
	usefull margin
-------------------------------------------------*/

.mbS {margin-bottom:12px;}
.mbM {margin-bottom:24px;}
.mbL {margin-bottom:48px;}
.mlS {margin-left:12px;}
.mrS {margin-right:12px;}
.mrS {margin-right:12px;}
.mrSS {margin-right:6px;}


/*-------------------------------------------------
	usefull item
-------------------------------------------------*/
.tar {text-align:right;}
.tac {
	text-align:center;
}
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

BR.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
}

OL.deciList LI{
list-style-type:decimal;
margin-left:2em;
line-height:180%;
}

.attention{
	color:#B72629;
}

.sstG{
	font-weight:normal;
	color:#BAA636;
}

/*-------------------------------------------------
	headline
-------------------------------------------------*/
.headlineL{
	background:url(../img/HborderL.gif) no-repeat left bottom;
	padding-bottom:5px;
	margin-bottom:12px;
}
.headlineL2{
	background:url(../img/HborderL.gif) no-repeat left bottom;
	padding-bottom:5px;
	margin-bottom:24px;
}


/*-------------------------------------------------
	wrapbase
-------------------------------------------------*/
#wrapbase {
	margin:0 auto;
	background:#000000 url(../img/bgMain.gif) no-repeat top left;
	width:900px;
	border-left:1px solid #585858;
	border-right:1px solid #585858;
	height:100%;
	min-height:100%;
}
body > #wrapbase{	height:auto;}

/*-------------------------------------------------
	wrapbaseT
-------------------------------------------------*/
#wrapbaseT {
	margin:0 auto;
	background:#000000 url(../img/bgT.gif) no-repeat right top;
	width:900px;
	border-left:1px solid #585858;
	border-right:1px solid #585858;
	height:100%;
	min-height:100%;
}
body > #wrapbase{	height:auto;}


/*-------------------------------------------------
	wrapmain
-------------------------------------------------*/
#wrapmain {
	float:left;
	width:540px;
	text-align:left;
	padding-top:20px;
}

#wrapmain P{
	line-height:180%;
}


.leftBoxA{
	float:left;
	width:258px;
}

.rightBoxA{
	float:right;
	width:258px;
}

/*-------------------------------------------------
	wrapttl
-------------------------------------------------*/

#wrapttl{
	float:left;
	width:180px;
	height:500px;
	text-align:left;
	position:relative;
}

#wrapttl H2{
	position:absolute;
	top:43px;
	left:40px;
}

#wrapttl H1.hanare{
	position:absolute;
	top:43px;
	left:108px;
}

#wrapttl H1{
	position:absolute;
	top:43px;
	left:118px;
}


/*-------------------------------------------------
	wrapsub
-------------------------------------------------*/

#wrapsub{
	float:left;
	width:180px;
	display:inline;
	text-align:left;
}

/*-------------------------------------------------
	wrapsub
-------------------------------------------------*/

#wrapsub{
	background:url(../img/bgGnavi.gif) no-repeat left top;
	height:556px;
}

#wrapsub DL{
	padding-top:41px;
	margin-bottom:24px;
}

#wrapsub DT{
	width:180px;
	height:35px;
}


#wrapsub DT#gnaviHanare {
background-image:url(../img/gnaviHanare.gif); 
height:22px;
}

#wrapsub DD{
	width:180px;
	height:42px;
}

#wrapsub #gnaviHanare,
#wrapsub DT A,
#wrapsub DD A{
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
}

#wrapsub DD A:hover,
#wrapsub DT A:hover{
	background-position:right top;
}

#wrapsub #gnaviToppage A { background-image:url(../img/gnaviToppage.gif); }
#wrapsub #gnaviTsubaki A {
	background-image:url(../img/gnavinewroom.gif);
}
#wrapsub #gnaviHanamizuki A { background-image:url(../img/gnaviHanamizuki.gif); }
#wrapsub #gnaviSakura A { background-image:url(../img/gnaviSakura.gif); }
#wrapsub #gnaviFacility A { background-image:url(../img/gnaviFacility.gif); }
#wrapsub #gnaviCharge A { background-image:url(../img/gnaviCharge.gif); }
#wrapsub #gnaviAccess A { background-image:url(../img/gnaviAccess.gif); }
#wrapsub #gnaviSightSeeing A { background-image:url(../img/gnaviSightSeeing.gif); }


#HanarePage #gnaviHanare A,
#TsubakiPage #gnaviTsubaki A,
#HanamizukiPage #gnaviHanamizuki A,
#SakuraPage #gnaviSakura A,
#FacilityPage #gnaviFacility A,
#ChargePage #gnaviCharge A,
#AccessPage #gnaviAccess A,
#SightSeeingPage #gnaviSightSeeing A{
	background-position:right top;
}

#bnr_company{
	width:170px;
	height:70px;
	margin-left:12px;
	margin-bottom:12px;
}

#bnr_company A{
	text-decoration:none;
	background-image:url(../img/bnr_company.gif);
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background-position:leff top;
	background-repeat:no-repeat;
}

#bnr_company A:hover{
	background-position:bottom left;
}

#bnr_blog{
	width:170px;
	height:55px;
	margin-left:12px;
	margin-bottom:12px;
}

#bnr_blog A{
	text-decoration:none;
	background-image:url(../img/bnr_blog.gif);
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background-position:leff top;
	background-repeat:no-repeat;
}

#bnr_blog A:hover{
	background-position:bottom left;
}


#wrapsub ADDRESS{
	color:#F2F1EE;
	margin:0px 12px 0px 12px;
	line-height:150%;
}

/*-------------------------------------------------
	wrapfoot
-------------------------------------------------*/

#wrapfoot{
	clear:both;
	border-top:1px solid #585858;
	width:900px;
	background:url(../img/bgFooter.gif) no-repeat left top;
	height:160px;
	padding-top:20px;
}

#wrapfoot H3{
	margin-bottom:12px;
}

#wrapfoot ADDRESS{
	margin-bottom:6px;
}

/*-------------------------------------------------
	toppage
-------------------------------------------------*/

#wrapContentsT{
	position:relative;
	height:615px;
}

#wrapContentsT H1{
	position:absolute;
	top:35px;
	left:428px;
}

#wrapContentsT H2{
	position:absolute;
	top:413px;
	left:347px;
}

#wrapContentsT ADDRESS{
	position:absolute;
	top:463px;
	left:330px;
}

#wrapContentsT P{
	position:absolute;
	top:486px;
	left:342px;
}

#wrapContentsT DIV#pic1T{
	position:absolute;
	top:22px;
	left:45px;
}

#wrapContentsT DIV#pic2T{
	position:absolute;
	top:187px;
	left:139px;
}

#wrapContentsT DIV#pic3T{
	position:absolute;
	top:355px;
	left:45px;
}

#wrapContentsT #tnavi{
	position:absolute;
	top:564px;
	left:0px;
	height:51px;
	background:url(../img/bgTnavi.gif) no-repeat left top;
}

#wrapContentsT #tnavi #tnaviLogo{
	text-align:left;
	vertical-align:middle;
}

#wrapContentsT #tnavi #tnaviLogo H3{
	margin-left:30px;
}

#wrapContentsT #tnavi2{
	position:absolute;
	top:523px;
	left:150px;
	height:41px;
	display:none;
}

/*-------------------------------------------------
	access
-------------------------------------------------*/

.btnPdf{
	text-align:right;
	margin-right:14px;
}

.accessP{
	margin-top:-35px;
}

