@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  style.css
 style info :
=================================================================== */
#slideshow{
	width: 698px;
	height: 258px;
	border: 1px solid #CCC;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
#slideshow_inner{ height: 308px;}
#slideshow_inner{ position: absolute; left:0px;}
#slideshow_inner div.slide{
	position: absolute;
	width: 698px;
	height: 258px;
	overflow: hidden;
}
div#pager{
	position: absolute;
	top: 241px;
	left: 10px;
}
div#pager ul li,
div#pager ul li a{
	width: 10px;
	height: 10px;
	display: block;
	text-indent: -10000px;
	float: left;
}
div#pager ul li{ margin-right: 8px;}
div#pager ul li a{ background: url(/images/common/pager_slideshow.png) top left no-repeat;}
div#pager ul li a.active,
div#pager ul li a:hover{ background-position: 0 -20px;}


/* MyHikarie Tab */
#myHikarieTab {
	display: none;
	margin-bottom: 20px;
	height: 40px;
	border-bottom: 1px solid #ccc;
}
#myHikarieTab li {
	float:left;
	margin: 0 3px 0 6px;
	width: 341px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 35px;
	text-align: center;
}
#myHikarieTab li.login {
	margin: 0 6px 0 3px;
}
#myHikarieTab li.active {
	border-bottom-color: #fff;
}
#myHikarieTab li a {
	display: block;
	border-top: 4px solid #fff;
}
#myHikarieTab li.active a {
	border-top-color: #d3a100;
	color: #d3a100;
	cursor: default;
}

/* Hikarie TOPICS */
#hikarie_topics {
	margin-bottom: 30px;
}
#hikarie_topics ul {
	margin-top: 2px;
	border-top: 1px solid #ccc;
}
#hikarie_topics p.btn_more_news{
	margin-top: 10px;
	width: auto;
}
#hikarie_topics p.btn_more_news a{
	float: right;
}


ul.article_list_line li {
	background: url(/images/index/bdr.gif) bottom left repeat-x;
	line-height: 20px;
}
ul.article_list_line li.no_link,
ul.article_list_line li a {
	display: block;
	position: relative;
	padding: 10px 5px;
}
ul.article_list_line li span.datetime {
	display: block;
	position: absolute;
	/*left: 75px;*/
}
ul.article_list_line li span.category_label {
	display: block;
	position: absolute;
	width: 60px;
	background-color: #888;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
ul.article_list_line li span.topics {
	background-color: #f99;
}
ul.article_list_line li .article_title {
	padding-left: 90px;
	line-height: 20px;
}

ul.article_list_block.no-article:before {
	display: block;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #ddd;
	content: "該当する記事がありません";
	font-size: 12px;
	text-align: center;
}
ul.article_list_block li {
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 345px;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.article_list_block li.even_block {
	margin-right: 0px;
}
ul.article_list_block li a {
	display: block;
	padding: 10px;
	height: 160px;
	border: 1px solid #ccc;
}
ul.article_list_block li a:hover {
	outline: 3px solid #ccc;
	outline-offset: -3px;
}
ul.article_list_block li .image {
	position: relative;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 10px;
	height: 112px;
	border: 1px solid #ccc;
	text-align: center;
}
ul.article_list_block li .image img {
	position: relative;
}
ul.article_list_block li p.article_title {
	margin-bottom: 10px;
	margin-left: 160px;
	padding-left: 5px;
	border-left: 5px solid #CCC;
	font-weight: bold;
	line-height: 1.3;
	word-wrap: break-word;
}
ul.article_list_block li.no-image p.article_title {
	margin-left: 0px;
}
ul.article_list_block li p.article_summary {
	font-size: 11px;
	line-height: 1.3;
}
ul.article_list_block li p.metadata {
	position: absolute;
	bottom: 7px;
	left: 10px;
	font-size: 10px;
	line-height: 18px;
}
ul.article_list_block li p.metadata span {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
ul.article_list_block li p.metadata span.datetime {
	margin-right: 10px;
}
ul.article_list_block li p.metadata span.datetime:after {
	display: inline;
	content: "　|";
}
ul.article_list_block li p.metadata span.category_mark {
	margin-right: 10px;
}
ul.article_list_block li p.metadata span img {
	vertical-align: middle;
}

/* facility blocks */
#facility_category {
	margin-bottom: 30px;
}
#facility_category .facility_block {
	float: left;
	width: 230px;
	margin-right: 5px;
}
#facility_category .last_block {
	margin-right: 0px;
}
#facility_category .shopping a {
	border-color: #F37959;
	outline-color: #F37959;
	color: #F37959;
}
#facility_category .shopping a span {
	background: url(/images/index/txt_shopping_hover.gif) center top no-repeat;
}
#facility_category .cafe_restaurant a {
	border-color: #F3C400;
	outline-color: #F3C400;
	color: #F3C400;
}
#facility_category .cafe_restaurant a span {
	background: url(/images/index/txt_cafe_restaurant_hover.gif) center top no-repeat;
}
#facility_category .art_culture a {
	border-color: #BA84B8;
	outline-color: #BA84B8;
	color: #BA84B8;
}
#facility_category .art_culture a span {
	background: url(/images/index/txt_art_culture_hover.gif) center top no-repeat;
}
#facility_category div a {
	display: block;
	border-top: 5px solid #ccc;
	outline-style: solid;
	outline-width: 0px;
	outline-offset: -3px;
	text-align: center;
}
#facility_category div:hover {
	border-top-width: 2px;
}
#facility_category .facility_block a:hover {
	outline-width: 3px;
}
#facility_category .facility_block a:hover span img{
	visibility: hidden;
}
#facility_category .facility_block a span {
	display: block;
	border: 1px solid #ccc;
	border-top-width: 0px;
	color: #888;
	line-height: 32px;
}

div.facility_area {
	position: relative;
	padding-bottom: 11px;
	margin-bottom: 30px;
}
div.facility_area h2 {
	margin-bottom: 15px;
}
div.facility_area h2 a {
	display: block;
}
div.facility_area a.btn-arrow {
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
	width: 14px;
	height: 14px;
	background: url(/images/index/bg_arrow_btn.gif) left -24px no-repeat;
	text-indent: -9999px;
	cursor: default;
}
div.facility_area a.btn-next {
	right: 0px;
	left: auto;
	background-position: right -24px;
}
div.facility_area .arrows a.active {
	background-position-y: top;
	cursor: pointer;
}
div.facility_area .arrows a.btn-prev.active {
	background-position: left top;
}
div.facility_area .arrows a.btn-next.active {
	background-position: right top;
}

ul.facility_article_list_block {
	min-height: 271px;
}
#art_list ul.facility_article_list_block {
	min-height: 542px;
}
#shopping_list ul.facility_article_list_block li {
	border-color: #f37959;
}
#caferes_list ul.facility_article_list_block li {
	border-color: #f3c400;
}
#art_list ul.facility_article_list_block li {
	border-color: #ba84B8;
}


/* Event news list */
#event_list {
	margin-bottom: 30px;
}
#event_list h2 {
	margin-bottom: 10px;
}
#event_list p.btn_more_news {
	width: auto;
}
#event_list p.btn_more_news a {
	float: right;
}
#event_list ul.article_list_block li p.article_title {
	border-color: #98ce00;
}

/* Report news list */
#report_list {
	margin-bottom: 30px;
}
#report_list h2 {
	margin-bottom: 10px;
}
#report_list p.btn_more_news {
	width: auto;
}
#report_list p.btn_more_news a {
	float: right;
}
#report_list ul.article_list_block li p.article_title {
	border-color: #14A1D0;
}


/* inner 2 colomn */
div#content_l_2_l{
	width: 160px;
	float: left;
}
div#content_l_2_r{
	width: 520px;
	float: right;
}
/* news */
div#content_l_2_l div.block_leftside_news h3{ margin-bottom: 10px;}
div#content_l_2_l div.block_leftside_news{ margin-bottom: 20px;}
div#content_l_2_l div.block_leftside_news dl{
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(/images/common/dotline_x.gif) bottom left no-repeat;
}
div#content_l_2_l div.block_leftside_news dl.dl_last{
	background: none;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
div#content_l_2_l div.block_leftside_news dl dt,
div#content_l_2_l div.block_leftside_news dl dd{ font-size: 73%;}
div#content_l_2_l div.block_leftside_news dl dt{
	font-weight: bold;
	margin-bottom: 10px;
	color: #666666;
}
div#content_l_2_l div.block_leftside_news dl dd{
	line-height: 1.5!important;
	word-wrap:break-word;
}

/* nav top news */
div#content_l_2_r div#nav_top_news { margin-bottom: 10px; z-index: 100;}
div#content_l_2_r div#nav_top_news li {
	background: url(../images/common/nav_top_news.gif) 0 0 no-repeat;
}
div#content_l_2_r div#nav_top_news li{ float: left;}
div#content_l_2_r div#nav_top_news li a{
	background: url(../images/common/nav_top_news.gif) 0 0 no-repeat;
}
div#content_l_2_r div#nav_top_news li#nav_news01{ background-position: 0 0;}
div#content_l_2_r div#nav_top_news li#nav_news02{ background-position: -93px 0;}
div#content_l_2_r div#nav_top_news li#nav_news03{ background-position: -186px 0;}
div#content_l_2_r div#nav_top_news li#nav_news04{ background-position: -279px 0;}
div#content_l_2_r div#nav_top_news li#nav_news05{ background-position: -402px 0;}

div#content_l_2_r div#nav_top_news li#nav_news01 a,
div#content_l_2_r div#nav_top_news li#nav_news02 a,
div#content_l_2_r div#nav_top_news li#nav_news03 a{
	display: block;
	width: 88px;
	height: 50px;
	margin-right: 5px;
	text-indent: -9999px;
	overflow: hidden;
}
div#content_l_2_r div#nav_top_news li#nav_news04 a,
div#content_l_2_r div#nav_top_news li#nav_news05 a{
	display: block;
	width: 118px;
	height: 50px;
	margin-right: 5px;
	text-indent: -9999px;
	overflow: hidden;
}
div#content_l_2_r div#nav_top_news li#nav_news05 a{margin-right: 0;}

div#content_l_2_r div#nav_top_news li#nav_news01 a{ background-position: 0 0;}
div#content_l_2_r div#nav_top_news li#nav_news02 a{ background-position: -93px 0;}
div#content_l_2_r div#nav_top_news li#nav_news03 a{ background-position: -186px 0;}
div#content_l_2_r div#nav_top_news li#nav_news04 a{ background-position: -279px 0;}
div#content_l_2_r div#nav_top_news li#nav_news05 a{ background-position: -402px 0;}

div#content_l_2_r div#nav_top_news li#nav_news01 a.active,
div#content_l_2_r div#nav_top_news li#nav_news01 a:hover{ background-position: 0 bottom;}
div#content_l_2_r div#nav_top_news li#nav_news02 a.active,
div#content_l_2_r div#nav_top_news li#nav_news02 a:hover{ background-position: -93px bottom;}
div#content_l_2_r div#nav_top_news li#nav_news03 a.active,
div#content_l_2_r div#nav_top_news li#nav_news03 a:hover{ background-position: -186px bottom;}
div#content_l_2_r div#nav_top_news li#nav_news04 a.active,
div#content_l_2_r div#nav_top_news li#nav_news04 a:hover{ background-position: -279px bottom;}
div#content_l_2_r div#nav_top_news li#nav_news05 a.active,
div#content_l_2_r div#nav_top_news li#nav_news05 a:hover{ background-position: -402px bottom;}

/* middle block */
.block_news{
	position:relative;
	width: 520px;
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
}
.block_news.favorite:after{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:60px;
	content:"";
	background:url(/images/myhikarie/article/icon_favorite.png) right top no-repeat;
}
.block_news_wrapper{
	padding-top: 3px;
}
.block_news_inner{
	padding: 17px;
}
.block_news_header{ margin-bottom: 20px;}
.block_news_header p.date{
	float: left;
	width: 105px;
	color: #666666;
	font-weight: bold;
	line-height:18px;
}
.block_news_header p.date span.end {
	margin-right:5px;
}
.block_news_header p.news_icons{
	width: 360px;
	float: left;
	margin-left: 10px;
	padding-top:3px;
	padding-bottom:4px;
	padding-left: 10px;
	border-left: 1px solid #CCC;
	/*height: 16px;*/
}
p.news_icons span{ margin-right: 10px; float: left;}
/* 奇数 */
.odd .block_news_wrapper{ background: url(/images/index/block_top_bdr_odd.gif) top left no-repeat;}
.odd .block_news_inner{
	background:url(/images/index/block_bottom_bdr_odd.gif) bottom left no-repeat;
	background:url(/images/index/block_bottom_bdr_odd.gif) bottom left no-repeat,url(/images/index/block_middle_bdr_odd.gif) bottom left repeat-y;
}
.odd_hover .block_news_wrapper{ background: url(/images/index/block_top_bdr_odd_hover.gif) top left no-repeat;}
.odd_hover .block_news_inner{
	background: url(/images/index/block_bottom_bdr_odd_hover.gif) bottom left no-repeat;
	background: url(/images/index/block_bottom_bdr_odd_hover.gif) bottom left no-repeat,url(/images/index/block_middle_bdr_odd_hover.gif) bottom left repeat-y;
}
/* 偶数 */
.even .block_news_wrapper{ background: url(/images/index/block_top_bdr.gif) top left no-repeat;}
.even .block_news_inner{
	background: url(/images/index/block_bottom_bdr.gif) bottom left no-repeat;
	background: url(/images/index/block_bottom_bdr.gif) bottom left no-repeat,url(/images/index/block_middle_bdr.gif) bottom left repeat-y;
}

.even_hover .block_news_wrapper{ background: url(/images/index/block_top_bdr_hover.gif) top left no-repeat;}
.even_hover .block_news_inner{
	background: url(/images/index/block_bottom_bdr_hover.gif) bottom left no-repeat;
	background: url(/images/index/block_bottom_bdr_hover.gif) bottom left no-repeat,url(/images/index/block_middle_bdr_hover.gif) bottom left repeat-y;
}


.block_news_body .block_news_body_l{
	display: block;
	width: 198px;
	height: 138px;
	border: 1px solid #ccc;
	background-position: center center;
	float: left;
/*
	width: 200px;
	height: 140px;
	text-indent: -10000px;
*/
	background-color: #fff;
}

.block_news_body .block_news_body_l p{
	margin: 4px 0 0 4px;
	width: 190px;
	height: 130px;
	overflow: hidden;
	text-align: center;
}

.block_news_body .block_news_body_l p img{
	height: 100%;
}

.block_news_body .fright{
	float: right!important;
}
.block_news_body .fleft{
	float: left!important;
}
.block_news_body .block_news_body_r{
	width: 258px;
	float: right;
}
.imgl .block_news_body_l{
	width: 200px;
	float: right;
}
.imgl .block_news_body_r{
	width: 258px;
	float: left;
}

.block_news_body .block_news_body h4,
.block_news_body .block_news_body_r h4{ font-weight: bold; line-height: 1.7!important; font-size: 93%; margin-bottom: 5px;}
.block_news_body .imgl, .block_news_body p,
.block_news_body .block_news_body_r p{ line-height: 1.7!important;}
p.linkarea a{ width: 520px; position: absolute; top: 0px; height: 100%; background:#000;}
.nolink{ cursor: default!important;}
p#postloading{ margin-bottom: 10px;}

#shopping_blog_list.facility_area {
	margin-bottom: 20px;
}
#shopping_blog_list ul.facility_article_list_block {
	min-height: 228px;
}
#shopping_blog_list ul.facility_article_list_block li {
	border: none;
}
#shopping_blog_list ul.facility_article_list_block li div.image {
	display: block;
	position: relative;
	width: 228px;
	height: 228px;
	border: none;
	overflow: hidden;
}
#shopping_blog_list ul.facility_article_list_block li div.image img {
	position: relative;
	top: 50%;
	left: 50%;
	/*width: auto;
	height: auto;*/
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#shopping_blog_list ul.facility_article_list_block li div.image.no-photo:before {
	background: url(/images/index/shopping_blog_noimage.png) center 50% no-repeat;
}
#shopping_blog_list ul.facility_article_list_block li div.article_info {
	position: absolute;
	bottom: 0;
	padding: 8px 10px 10px;
	color: #fff;
	background: rgba(52, 24, 7, 0.6);
	text-align: left;
	border: none;
	width: 208px;
}
#shopping_blog_list ul.facility_article_list_block li p.post_date,
#shopping_blog_list ul.facility_article_list_block li p.shop_name {
	margin-bottom: 8px;
	font-size: 10px;
}
#shopping_blog_list ul.facility_article_list_block li p.article_title {
	overflow: hidden;
	margin-bottom: 10px;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}
#shopping_blog_separator {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
}