.fit_parent_width { width: 100%; }

/*---------- each image sizing ----------*/
#cover .image>img { width: 593px; height: 445px; }
#exhibition_th { width: 260px; height: auto; }
#flowers_th { width: 119px; height: auto; }
#home_heading_topics { width: 96px; height: 21px; }


/*---------- global parts ----------*/

body { background: #000000; }

body>.home { background-image: none !important; }

body.pc_tablet a:link { color: #f0eee7; text-decoration: none; }
body.pc_tablet a:visited,
body.pc_tablet a:active { color: #f0eee7; text-decoration: none; }
body.pc_tablet a:hover,
body.pc_tablet a:focus { color: #ffffff; text-decoration: underline; }

/*---------- layout ----------*/

body.pc_tablet #cover_photo_bg { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; min-width: 960px; z-index: -1; overflow: hidden; }
body.pc_tablet #cover_photo_bg img { position: absolute; bottom: 0px; width: 100%; min-width: 960px; }

body.pc_tablet header.primary { position: relative; z-index: 2; margin-bottom: 0; }
body.pc_tablet #page_body { position: relative; padding: 16px 0 16px 0; color: #f0eee7; }


.grand_cols { width: 100%; }
.grand_cols>.side { width: 300px; float: left; padding-top: 14px; }
.grand_cols>.main { width: 593px; float: right; }

.grand_cols>.side .separate_before { margin-top: 18px !important; padding-top: 19px; border-style: none; background: url(/css/images/separator_a25.png) 0px 0px repeat-x; }

#recommend {}
#exhibition {}

#map_access>ul { list-style: none; margin: 0; zoom: 1; }
#map_access>ul>li { float: left; margin: 15px 0 0 0; width: 140px; padding: 1px; letter-spacing: .1em; }
#map_access>ul>li:first-child { margin-right: 16px; }
#map_access>ul>li a { display: block; height: 3.5em; overflow: hidden; padding: .5em 2px 3px 12px; border: 1px solid #504e47; color: #deded7; }
#map_access>ul>li:first-child a { color: #382214; background: url("/css/images/bg_a75.png") repeat; border: 1px solid #a8a4a2; }
#map_access>ul>li a:hover,
#map_access>ul>li a:active,
#map_access>ul>li a:focus { text-decoration: none; border-color: #706e67; color: #feeee7; }
#map_access>ul>li:first-child a:hover,
#map_access>ul>li:first-child a:active,
#map_access>ul>li:first-child a:focus { text-decoration: none; background-image: url("/css/images/bg_a75.png"); border-color: #e5e5e5; color: #382214; }
#map_access>ul>li a strong { display: block; padding-top: 3px; }
#map_access>ul>li a strong.single_line { padding-top: 0; line-height: 3.5em; }
#map_access>ul>li a span { display: block; text-indent: -0.4em; font-size: 78.57%; line-height: 1.4; font-weight: bold; }

#recommend>ul { list-style: none; margin: 0; }
#recommend>ul>li { margin: 8px 0 0 0; }
#recommend>ul>li:first-child { margin-top: 0; }
#exhibition>h1 { margin: 0; }

#recommend>ul>li>a,
#recommend>ul>li>span,
#exhibition>h1>a { display: block; height: 54px; margin-left: -10px; overflow: hidden; background-position: -310px 0px; background-size: auto 54px; }

#recommend>ul>li>a:hover,
#recommend>ul>li>a:focus,
#exhibition>h1>a:hover,
#exhibition>h1>a:focus { display: block; height: 54px; overflow: hidden; background-position: 0px 0px; opacity: 1.0; }

#recommend span.label,
#exhibition span.label { display: block; margin-top: -5em; }

#hm_about_buaiso { background-image: url(/css/images/hm_about_buaiso.png); }
#hm_jiro { background-image: url(/css/images/hm_jiro.png); }
#hm_masako { background-image: url(/css/images/hm_masako.png); }
#hm_homestead { background-image: url(/css/images/hm_homestead.png); }
#hm_roots { background-image: url(/css/images/hm_roots.png); }
#hm_flowers { background-image: url(/css/images/hm_flowers.png); }
#hm_kayabuki { background-image: url(/css/images/hm_kayabuki.png); }
#hm_buaiso_no_club { background-image: url(/css/images/hm_buaiso_no_club.png); }
#hm_event_info { background-image: url(/css/images/hm_event_info.png); }
#hm_restaurant { background-image: url(/css/images/hm_restaurant.png); }
#hm_exhibition_spring { background-image: url(/css/images/hm_exhibition_spring.png); }
#hm_exhibition_summer { background-image: url(/css/images/hm_exhibition_summer.png); }
#hm_exhibition_autumn { background-image: url(/css/images/hm_exhibition_autumn.png); }
#hm_exhibition_winter { background-image: url(/css/images/hm_exhibition_winter.png); }

#exhibition p.read,
#exhibition p.description { margin: 0; font-size: 120%; }
#exhibition p.thumbnail { margin: 0.5em 0; }
#exhibition p.thumbnail img { vertical-align: bottom; }


#cover { margin: 30px 0 60px 0; }
#cover p.image { margin: 0 0 12px 0; text-align: center; }
#cover p.image img { vertical-align: bottom; }
#cover h1 { margin: 0px; text-align: center; font-weight: normal; font-size: 160%; letter-spacing: .05em; }

#main_bottom { position: relative; padding-right: 178px; }

#topics { float: left; width: 415px; min-height: 12em; }
#topics h1 { margin: 0; }
#topics .list_by_date { margin: .5em 0 0 0; }
#topics .list_by_date>li { position: relative; margin: 0 0 1em 0; padding-left: 9em; letter-spacing: .05em; line-height: 1.5; }
#topics .list_by_date span.date { display: block; position: absolute; left: 0; }
#topics .list_by_date em.recommend { color: #97ce44; }
#topics .list_by_date em.report { color: #df9966; }


#topics_side {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 15px;
	margin-top: -14px;
	padding-top: 14px;
}

#topics_side p {
	margin: 0;
	text-align: right;
	font-size: 120%;
	line-height: 1.25;
}

#topics_side_pickup {
	width: 119px;
	margin-top: 40px;
	margin-bottom: 40px;
}

#flowers {
	position: relative;
}

#flowers > h1 {
	position: absolute;
	z-index: 3;
	top: -28px;
	left: -14px;
	margin: 0;
}

#flowers > h1 > a {
	display: block;
	overflow: hidden;
	width: 29px;
	height: 131px;
	background: url(/css/images/home_heading_flowers.png) 0px 0px no-repeat;
    background-size: 29px 131px;
}

#flowers > h1 span.label {
	display: block;
	margin-top: -10em;
}
