@charset "UTF-8";

/* reset */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%;}



body { font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif; color:#000; line-height:1; background:#efefef; }

/* !font-size */
body { font-size:12px;}
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}
.txt10 { font-size:83%;}
.txt11 { font-size:92%;}
.txt14 { font-size:117%;}
.txt16 { font-size:133%;}
.txt18 { font-size:149%;}

/* !clearfix */
.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix{ overflow:hidden; }
* html .cfix{ height:1%; overflow:visible; }
.clear { clear:both;}

/* !IE6 PNG FIX */
* html .pfix,
* html #globalNavi img,
* html #footer img { behavior: url(/common/css/iepngfix.htc); }

/* !Links */
a:link { color:#8b172d; text-decoration:none; }
a:visited { color:#8b172d; text-decoration:none; }
a:hover { color:#8b172d; text-decoration:underline; }
a:active { color:#8b172d; text-decoration:underline; }

/* common class */
.txtCenter { text-align:center; }
.txtLeft { text-align:left; }
.txtRight { text-align: right; }
.bold { font-weight:bold; }
.border img { border: solid 1px #ccc; }
.left { float:left;}
.right { float:right;}
.indent { padding:0 10px; }
/* common layout */ 
#wrapperBg { width: 902px; padding:0 10px; background:url(../images/wrapbg.gif) repeat-y;margin:0 auto; }
#wrapper { background:#fff; width:902px; }

.header { height: 133px; }
#logo { padding:40px 0 0 21px;}
#main { width:697px; float:left; }
#content { padding:40px 25px 0; line-height:1.8; height:1%;position:relative; }
.story h2 { height:31px; margin:0 0 20px;}
.story h2 img { float:left; }
.story h2 span { display: block; padding:13px 0 0 10px; float:left; color:#76613a; line-height:1; }
.story h3 { height:18px; margin:0 0 20px;}
.story h3 img { float:left; }
.story h3 span { display: block; padding:3px 0 0 15px; float:left; color:#76613a; line-height:1;}
.story.first { margin:0!important; }
.story { margin:30px 0 0 0;  }
.story.orn { background:url(../images/orn_long.gif) no-repeat top left; padding:35px 10px 0; margin:30px -10px 0; }
.float { width:667px; margin:0 -10px 0; }
.float .story { float:left; width:313px; }
.float .story.orn { background:url(../images/orn_short.gif) no-repeat top left; margin:30px 0 0; }
.column {}
.column .left { width:323px; float:left; }
.column .right { width:323px; float:right; }
.btn { background:url(../images/btn_bg.gif) no-repeat; padding:0 6px 7px 0; margin:10px 0 0 0;  width:165px; height:39px; }
.btn.rightBtn { float:right;  width:165px; height:39px;  }
.annotation { color:#8b172d; }
#sub { width:205px; float:right; }
#navigation { font-size:1px; line-height:1; background:#000; padding:18px 0 19px; }
#navigation li { height:30px; line-height:1; font-size:1px; margin:0; padding:0; }
#sub .orn { padding:0; text-align:center; margin:35px 0 0 0; background:none; }
#bnrArea { background: none;}
#bnrArea li { margin:20px 0 0 0;  }
#bnrArea a { display:block; }
#bnrArea span { padding:0 10px 0; display:block; }
#bnrArea span strong { font-size:83%; }
#bnrBlog { padding: 10px 0 0 0;}

#qr { padding:20px 0 0 0; }
#footer { clear:both; padding:50px 0 0 0; }
#footerNav { text-align:right; padding:0 45px 8px; line-height:1.5; color:#8b172d; font-size:12px;  }
#footerInner { border-top: solid 1px #dfd8b8; padding: 8px 15px 20px; }
#footerInner p { float: left; }
#footerInner address { text-align:center; padding:8px 0 0 0; }



/* toppage */
#mainFlash { margin:0; padding:0; }
#mainImage { margin:0; padding:0; display:none;  }
.block01 .photo { width:74px; float:left; }
.block01 .photo img { border: solid 1px #a48f4b; margin:0 0 12px 0; }
.block01 .txtBox { width:235px; float:right; }

.block02, .block04 { width:300px!important;}
.block02 dl, 
.block03 dl { padding:0 0 0 10px;}
.block02 dt, 
.block03 dt { color:#76613a;}
.block03 dt { font-weight:bold; }
.block02 dd, 
.block03 dd { padding:0 0 5px 0;}
.block04 ul { padding:0 0 0 10px; }

/* 20100127 add */
#topNav {
	position:absolute;
	top:0;
	left:0;
	width:697px;
	_width:700px;
	overflow:hidden;
}
#topNav li {
	display:inline;
}

/* toics & news */
#topicsList { padding:0 100px 0 0; }
#topicsList .item {}
#topicsList .date { text-align:right; border-bottom: dotted 1px #757575; color:#8b172d; padding:0 0 5px 0; }
#topicsList .itemBox { padding:20px 20px 10px ; }
#topicsList .itemBox .photo { border:solid 1px #ccc; float:left; }
#topicsList .itemBox .txtBox { float:right; width:410px; line-height:1.8; }
#topicsList .itemBox .txtBox h4 { font-weight:bold; }

/* greeting */
.signature { text-align:right; font-weight:bold; padding:20px 0 0 0; }
.captionBox { position:relative; }
.captionBox .caption { position:absolute; top:160px; right:0; line-height:1; }
/* guide */
#guideNav ul { width: 168px; float:left; padding:0px 0 0 19px; margin:23px 0 0 0; }
#guideNav li { margin:0; padding:0; line-height:1; font-size:1px;}
#guideNav li a { display:block; font-size:1px; line-height:1; }
#guideNav li a img { display:block; padding:7px 0 7px 19px; font-size:1px; line-height:1;  }
#guideNav li a:link { background:url(../../guide/images/arrow.gif) no-repeat left center; }
#guideNav li a:visited { background:url(../../guide/images/arrow.gif) no-repeat left center; }
#guideNav li a:hover { background:url(../../guide/images/arrow_over.gif) no-repeat left center; }
#guideNav li a:active { background:url(../../guide/images/arrow_over.gif) no-repeat left center; }
#floorMap { float:right; width:448px; height:305px; position:relative;}
#floorMap .guide00 { position:absolute; top:0; left:0px; }
#floorMap .guide01,
#floorMap .guide02,
#floorMap .guide03,
#floorMap .guide04,
#floorMap .guide05 { display:none; position:absolute; top:0; left:0px;}
.shopList {  }
.shopList .left,
.shopList .right { width:313px; }
.shopList dt { font-weight:bold; }
.shopList dd { padding:0 0 20px 0; }
.barrier img { display: block; margin:0 0 5px 0; line-height:1; font-size:1px; }
.barrier span { display:block; line-height:1; }
.barrier p { margin:0 4px 0 0; width:146px; float:left; }

/* show */
.popBox a {}
.popBox li { padding:0 0 7px 0; }
.popBox .photo {  float:left; clear:both; }
.popBox .txtBox { width:192px; float:right; }
.popBox .txtBox span { font-weight:bold; font-size:117%; }
.popBox .txtBox a:link { color:#000; text-decoration:none; }
.popBox .txtBox a:visited { color:#000; text-decoration:none; }
.popBox .txtBox a:hover { color:#8b172d; text-decoration:underline; }
.popBox .txtBox a:active { color:#8b172d; text-decoration:underline; }

#galleryNav li { height:1%; } 
* html #galleryNav li { margin:0 0 -5px 0; } 
*:first-child+html #galleryNav li { margin:0 0 -5px 0; }
#galleryNav .linkBox { height: 1%;}
#galleryNav .bl-hover { cursor: pointer; height: 1%;}
#galleryNav .bl-hover a { color:#8b172d; text-decoration:underline; }
#galleryMap { width:280px; height:339px; border:solid 1px #ccc; position:relative;}
#galleryMap .guide00 { position:absolute; top:6px; left:6px; }
#galleryMap .guide01,
#galleryMap .guide02,
#galleryMap .guide03,
#galleryMap .guide04 { display:none; position:absolute; top:6px; left:6px;}


/* oblige gallery */

.galleryPhoto .caption { color:#76613a;}
.galleryPhoto .left { width:138px; margin:15px 9px 0 0; }
#galleryInfo { margin:0 0 10px 0; color:#5d0217; }
#galleryInfo th,
#galleryInfo td { text-align:left; vertical-align:top; }
#galleryInfo th { white-space: nowrap; font-weight:normal; }
#galleryInfo h3 { margin:0 0 5px 0; }
#galleryInfo h2 { margin:0 0 15px 0; font-size:149%; font-weight:bold; }
.programList { padding:0 0 0 18px; }
.programList li { list-style: disc; }
.null .rightBtn { margin: 20px 0 0 0 !important;}


/* field */

.field .left { width:284px; }
.field .left p img { margin:0 0 30px 0; }
.field .right p img { margin:30px 0 0 0; }
.field .right h2.title { float:none; margin:0 0 15px 0; display: block; height:63px;  }

/* access */
.access .right h4 { margin:20px 0 0 0; font-weight:bold; color:#8b172d; }
.access .color01 { color:#76613a; }
.mapBox { float:left; width:99px; padding:0 8px 0 0;}
.mapBox p { margin:5px 0 0 0; }
.mapList2 { padding:0 0 10px 0;}
.mapList2 .left { clear:both; }
.mapList2 .left p { padding:0 20px 0 0; }

/* privacy */
.privacyTtl { border-bottom: dotted 1px #707375; padding:0 0 3px 0; margin:0 0 20px 0; }

/* sitemap */
.sitemap { padding:0 0 20px 0; margin:0 0 0 0; }
.sitemap li { width:170px; float:left; margin:0 20px 0; display: inline; }
.sitemap li a {  padding:0 15px; }
.sitemap li a:link { background:url(../../guide/images/arrow.gif) no-repeat left center; }
.sitemap li a:visited { background:url(../../guide/images/arrow.gif) no-repeat left center; }
.sitemap li a:hover { background:url(../../guide/images/arrow_over.gif) no-repeat left center; }
.sitemap li a:active { background:url(../../guide/images/arrow_over.gif) no-repeat left center; }
.sitemap li h4 { font-weight: bold; font-size:117%;  line-height:1.5; margin:0 0 5px 0; /*border-bottom: solid 1px #ccc; */}

/* spot */
.spot { margin:0 0 30px 0; }
.spot .txtBox { margin:5px 0 0 0;}
.spot .txtBox h4 span { font-size:133%; font-weight:bold; color: #8b172d; padding-right:15px;  }
.spot .txtBox h4 { border-bottom: solid 1px #8b172d; margin:0 0 20px 0;}

.spot .right h4,
.spot .right p { padding:0 0 0 20px;} 
.spot .left h4,
.spot .left p { padding:0 20px 0 10px;} 
.spot .left.txtBox { width: 325px; } 
.spot .right.txtBox { width:343px; } 

.backNumber .yearList { border-left: solid 1px #999; margin:0 0 20px; }
.backNumber .yearList li { float:left; padding:0 10px; border-right: solid 1px #999;  }
.backNumber h3.distance { background:#eee; padding:5px 10px; margin:0 0 20px 0; font-size:117%; color:#333; line-height:1.2;  }
.backNumber h3.crYear { float:right; font-size: 149%; color:#ccc; line-height:1.2; }
.backNumber .block { padding:0 0 20px 0;  border-bottom: dotted 1px #b7b7b7; margin:0 0 20px 0; }

.profile {}
.profile dl { margin:0 20px 0 50px; } 
.profile dt { font-weight:bold; font-size:117%; padding:20px 0 5px 0; }
.profile dd { border-bottom: dotted 1px #ddd; padding:0 0 20px 0; }
.null { position:relative;}

.galleryTop { position:absolute; border-left: solid 1px #999; margin:0 0 20px; float:left; top:13px; right:0; }
.galleryTop li { float:left; padding:0 10px; border-right: solid 1px #999; line-height:1.2; }
* html .galleryTop { right:25px; }
.galleryFunc { border-left: solid 1px #999; margin:0 0 20px; }
.galleryFunc li { float:left; padding:0 10px; border-right: solid 1px #999;  }
.profile h2 { background:#eee; padding:8px 10px 6px; line-height:1.1; font-size:117%; font-weight:bold; color:#333; height:auto; }
.profile .item { padding:0 0 20px 10px;  border-bottom: dotted 1px #b7b7b7; margin:0 0 20px 0; }
.profile  h3.galleryName { font-size:117%; color:#8b172d; font-weight: bold; padding:0 0 20px 0; margin:0; }
.profile  h3.galleryName span { float:none; display:inline; font-size:12px; font-weight: normal; color:#999; float:none;  }
.profile .item .photo { float:left; }
.profile .item p { color:#333; }
.profile .item .text { float:right; width:510px; }
.profile .item .name { font-weight:bold; padding:0 0 5px 0; }
.profile .item .url { padding:0 0 5px 0; }

body#hana { background:#fff; }
body#hana img { display:block; }
#hnWrapper { width: 1040px; margin: 0 auto; }
#hnWrapper h1 { float: left; }
#hnMain { position: relative!important; }
#hnMain p { position: absolute; top: 535px; right: 77px; }
#hnMainContents { background: url(/hana/images/img05.gif) no-repeat; position: relative; height: 491px; padding:67px 0 0 0;  }
#hnMainContents h2 { position: absolute;top: 20px; left: 70px; }
#hnMainContents dl { margin: 0 130px 0 100px; line-height: 1.5; height:250px; overflow-y:auto }
#hnMainContents dt { float: left; display: block; clear: both; width: 139px; text-align: center; }
#hnMainContents dd { border-left: solid 1px #f7b249; float: right; width: 610px; padding: 0 0 0 40px; margin: 0 0 20px 0;  }
#hnMainContents #hnFooter p { clear:both; position: absolute; top: 423px; left: 63px; width:302px; }
#hnMainContents #hnFooter img { display:inline; }
#hnMainContents address { color: #666; font-size: 83%; position: absolute; top: 456px; left: 422px; font-style:normal; }
#hnMainContents .indivisible { display: none;}