@charset "UTF-8";

/*
	太宰府天満宮 - common.css
	Copyright c Since 2011Dazaifu-Tenmangu. All rights reserved.

	[Base]
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other

	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		1. Common Module
		2. Sub Module
		90. Other
		99. Clearfix
*/

/* //////////////////////////////////////////////////
[Base]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */

body {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #373c38;
	font-family: "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

body.osMac {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

body.osWin {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*
Font-size list (base: 12px)
 83% = 10px
 91% = 11px        175% = 21px        258% = 31px
100% = 12px        183% = 22px        266% = 32px
108% = 13px        191% = 23px        275% = 33px
116% = 14px        200% = 24px        283% = 34px
125% = 15px        208% = 25px        291% = 35px
133% = 16px        216% = 26px        300% = 36px
141% = 17px        225% = 27px        308% = 37px
150% = 18px        233% = 28px        316% = 38px
158% = 19px        241% = 29px        325% = 39px
166% = 20px        250% = 30px        333% = 40px
*/


a:link {
	color: #268785;
	text-decoration: underline;
	line-height:1.5!important;
}
a:visited {
	color: #666699 ;
	text-decoration: underline;
}
a:hover,
a:active  {
	color: #268785;
	text-decoration: none;
}
a:visited:hover,
a:visited:active  {
	color: #666699 ;
	text-decoration: none;
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 2;
}

h3 {
	margin-bottom: 15px;
}

/* p {} */

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }

input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
label { cursor: pointer; }

textarea { overflow: auto; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

hr { display: none; }

ruby > rt {
    font-size: 9px;
}


/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
#container {
	min-width:960px;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#siteHeader {
 	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	background:#fff repeat-x 0% 100%;

	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	overflow: visible !important;

	/* animate */
	height: 175px;
}
#siteHeader img {
	vertical-align: top;
}


/* headerUtility
----------------------------------- */
#headerUtility {
	position: relative;
	width: 960px;
	margin: 0 auto;

	/* animate */
	padding-top: 5px;
	height: 24px;
}

/* ----- changeFontSize ----- */
#headerUtility #changeFontSize {
	float: left;
	font-size: 83%;
}
#headerUtility #changeFontSize dl {
	float: left;
	margin-right: 10px;
}
#headerUtility #changeFontSize dt {
	float: left;
	padding-right: 10px;
}
#headerUtility #changeFontSize dd,
#headerUtility #changeFontSize dd li {
	float: left;
}
#headerUtility #changeFontSize dd ul {
	background-image:url(/img/common/btn_fontsize_bg.png);
}

/* ----- changeLanguage ----- */
#headerUtility .changeLanguage {
	float: left;
}

/* ----- searchArea ----- */
#headerUtility .searchArea {
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 0;
	width: 180px;
	height: 24px;
}
#headerUtility .searchArea dt {
	float: left;
	padding-left: 5px;
}
#headerUtility .searchArea dt input {
	overflow: hidden;
	width: 120px;
	height: 22px;
	margin: 0;
	*margin-top: -1px;
	padding-left: 5px;
	background-color: #FFFFFF;
	vertical-align: top;
	border: 1px #DDDDDD solid;
	border-right: none;
	border-radius: 3px 0 0 3px;
	outline: 0;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
}
#headerUtility .searchArea dt input:focus {
	background: #dcdddd;
}
#headerUtility .searchArea dd {
	position: absolute;
	right: 0px;
}
#headerUtility .searchArea dd input {
	vertical-align: top;
	border: none;
	outline: 0;
	border-radius: 0 3px 3px 0;
	outline: 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
}


/* siteName
----------------------------------- */
#siteName {
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-color: #FFFFFF;

	/* animate */
	height: 65px;
}
#siteName a {
	display: block;
	width: 240px;
	height: 35px;
	margin: 14px auto 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* navGlobal
----------------------------------- */
#navGlobal {
	background-color: #fff;

	/* animate */
	padding-top:0px;
	height: 46px;
}
#navGlobal ul {
	width: 960px;
	margin: 0 auto;
}
#navGlobal li {
	float: left;
	height: 46px;
	padding-right: 24px;
	background: url(/img/common/bg_gnav_01.png) no-repeat 100% 13px;
}
#navGlobal li a,
#navGlobal li span {
	display: block;
	width: 150px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#navGlobal a:hover {
	background-position: 0 -50px;
}
#navGlobal .current a {
	background-position: 0 -100px;
}
#navGlobal #navSittoku span {
	width: 150px;
	background-position: 0 -150px;
}
#navGlobal #navArt a,
#navGlobal #navAccess a { width: 120px; }
#navGlobal #navAccess {
	padding-right: 0;
	background: none;
}

/* navLocal
----------------------------------- */
#navLocal {
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#navLocal ul {
	position: relative;
	top: 5px;
	width: 960px;
	margin: 0 auto;
	font-size: 0px;

	/* animate */
	height:35px;
}
#navLocal li {
	float: left;
	height: 25px;
	padding-right: 22px;
	padding-left: 2px;
	background: url(/img/common/bg_lnav_01.png) no-repeat 100% 10px;
	line-height: 1px;
}
#navLocal li img {
	vertical-align: top;
}
#navLocal li.navLocalLast {
	padding-right: 0;
	background: none;
}


#siteHeader,
#headerUtility,
#siteName,
#navGlobal,
#navLocal,
#navLocal ul{
	-webkit-transition-property:opacity,height;
	-moz-transition-property:opacity,height;
	-o-transition-property:opacity,height;
	transition-property:opacity,height;

	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;

	overflow: hidden;
}

#categoryIndex #siteHeader {
	opacity:0;
	filter:Alpha(opacity=0);
}



/* スライド時 */
#siteHeader.compact {
	height: 67px;
}
#siteHeader.compact #headerUtility {
	height: 0px;
	padding:0px;
}
#siteHeader.compact #siteName {
	height:0;
}
#siteHeader.compact #navGlobal {
	padding-top:10px;
	height:46px;
}
#siteHeader.compact #navLocal ul {
	height: 0px;
}


/* スライド時かつ、マウスオーバー時 */
#siteHeader.compact.expanded {
	height: 91px;
}
#siteHeader.compact.expanded #headerUtility {
	height: 0px;
	padding:0px;
}
#siteHeader.compact.expanded #siteName {
	height:0;
}
#siteHeader.compact.expanded #navGlobal {
	padding-top:10px;
	height:46px;
}
#siteHeader.compact.expanded #navLocal ul{
	height:35px;
}

.emptyNavLocal #siteHeader {
	height: 152px;
}
.emptyNavLocal #siteHeader.compact {
	height: 67px;
}
.emptyNavLocal #siteHeader.compact.expanded {
	height: 67px;
}
.emptyNavLocal #siteHeader.compact #navLocal ul {
	height: 0px;
}

#openTab {
	position:absolute;
	right:20px;
	z-index:100;
	width:30px;
	height:27px;
	top:-22px;
	opacity:0;

	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
}
#openTab a {
	display:block;
	height:100%;
	margin-top:-5px;
	overflow:hidden;
	text-indent:-9999px;
	background: no-repeat center top;
}
#openTab a:hover {
	margin-top:0px;
}

#siteHeader #openTab,
#siteHeader.expanded #openTab,
.emptyNavLocal #siteHeader #openTab,
.emptyNavLocal #siteHeader.expanded #openTab {
	/* animate */
	top:-22px;
	opacity:0;

	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
	transition-delay:0s;
}

.emptyNavLocal #siteHeader.compact #openTab,
#siteHeader.compact #openTab {
	/* animate */
	top:0;
	opacity:1;

	-webkit-transition-delay:0.7s;
	-moz-transition-delay:0.7s;
	-o-transition-delay:0.7s;
	-ms-transition-delay:0.7s;
	transition-delay:0.7s;
}

/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
#content {
	padding:0;
}


#categoryIndex #content {
	opacity: 0;
	filter:Alpha(opacity=0);
}

#contentInner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#main {
	z-index: 5;
	position: relative;

	font-size: 116%;
	line-height: 2.0;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5x rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 5x rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 5x rgba(0,0,0,0.3);
	padding:175px 0 0;
}


#sub {
	padding-top: 200px;
}

.emptyNavLocal #main {
	padding-top: 150px;
}

.emptyNavLocal #sub {
	padding-top: 175px;
}


#main.largeFont {
	font-size: 133%;
}

/* layoutA
-------------------------------------------------- */
.layoutA #main {
	float: right;
	width: 740px;
	background: url(/img/common/bg_content_01.png) repeat-y 50% 0;
	_background: none; /* for IE6 */
	_background-color: #FFF; /* for IE6 */
}

.layoutA #sub {
	float: left;
	width: 200px;
	padding-bottom:25px;
}

/* layoutB
-------------------------------------------------- */
.layoutB #main {
	width: 100%;
	/*background: url(/img/common/bg_content_01.png) repeat-y 50% 0;*/
    background-color: rgba(255, 255, 255, 0.93);
	_background: none; /* for IE6 */
	_background-color: #FFF; /* for IE6 */
    background: none\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#edffffff, endcolorstr=#edffffff, gradienttype=0));
}




/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#siteFooter {
	position: relative;
	z-index: 10;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
	-o-box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
}

/* footPrint
----------------------------------- */
#siteFooter #footPrint {
	background-repeat: repeat;
	background-position: 0 0;
}

#siteFooter #footPrintInner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#footPrint dt {
	float: left;
	width: 145px;
}

#footPrint dd {
	float: left;
	min-height: 24px;
	margin-top: 7px;
	padding-left: 23px;
	background-image: url(/img/common/sprite_footprint_01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footPrint dd a {
	float: left;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 1.3em;
	padding: 5px 10px;
	background: #FFFFFF;
	text-overflow: ellipsis;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	white-space: nowrap;
}
#footPrint dd a:link,
#footPrint dd a:hover,
#footPrint dd a:visited{
	color:#268785;
}
#footPrint dd a:hover {
	text-decoration:underline;
}

#footPrint dd span {
	float: left;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 1.3em;
	padding: 5px 10px;
	background: #FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	opacity: 0.3;
	/*filter:Alpha(opacity=30)*/;
}
0 -60px

#footPrint dd#foot1    { background-position: 0 0; }
#footPrint dd#foot1.on { background-position: 0 0; }
#footPrint dd#foot2    { background-position: 0 -60px; }
#footPrint dd#foot2.on { background-position: 0 -60px; }
#footPrint dd#foot3    { background-position: 0 0; }
#footPrint dd#foot3.on { background-position: 0 0; }
#footPrint dd#foot4    { background-position: 0 -60px; }
#footPrint dd#foot4.on { background-position: 0 -60px; }
#footPrint dd#foot5    { background-position: 0 0; }
#footPrint dd#foot5.on { background-position: 0 0; }



/* footerInner
----------------------------------- */
#footerInnerA  {
	margin: 0 0 15px;
    background-color: #fff;
    background-position: left top;
	box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 -2px 3x rgba(0,0,0,0.15);
	-ms-box-shadow: 0 -2px 3x rgba(0,0,0,0.15);
	-o-box-shadow: 0 -2px 3x rgba(0,0,0,0.15);
}


#footerInnerB  {
	width: 960px;
	margin: 0 auto;
	padding-top: 25px;
}


/* siteInfo
----------------------------------- */
#siteFooter #siteInfo {
	float: left;
	width: 400px;
}

#siteFooter #siteInfo dt {
	font-weight: bold;
}

#siteFooter #siteInfo dt,
#siteFooter #siteInfo dd {
	margin: 0 0 5px;
}

#siteFooter #siteInfo li {
	float: left;
	margin-right: 5px;
}



/* footerUtility
----------------------------------- */
#footerUtility {
	float: right;
	width: 550px;
	padding-top: 13px;
	text-align: right;
}

/* ----- navFooter ----- */
#footerUtility  #navFooter {
	margin: 0 -12px 15px 0;
}

#navFooter li {
	display: inline-block;
	margin-right: 12px;
	padding-left: 12px;
	border-left: 1px dotted #999999;
	line-height: 1.1;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}

#navFooter li:first-child {
	border: none;
	padding-left: 0;
}

#navFooter li a {
	color: #999999;
	text-decoration: none;
}
#navFooter li a:hover { text-decoration: underline; }


/* ----- btnSocial ----- */
#footerUtility #btnSocial {
	display: inline-block;
	padding: 3px 5px 0 0;
	vertical-align: top;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */

}
#footerUtility #btnSocial li {
	display: inline-block;
	padding-right: 3px;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}
#footerUtility #btnSocial li:hover {
	opacity: 0.7;
	/*filter:Alpha(opacity=70)*/;
}


/* ----- changeLanguage ----- */
#footerUtility .changeLanguage {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 110px;
	height: 24px;
	vertical-align: top;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}

/* ----- searchArea ----- */
#footerUtility .searchArea {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 180px;
	height: 24px;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}

#footerUtility .searchArea dt {
	float: left;
	padding-left: 5px;
}

#footerUtility .searchArea dt input {
	overflow: hidden;
	width: 120px;
	height: 22px;
	margin: 0;
	*margin-top: -1px;
	padding-left: 5px;
	background-color: #FFFFFF;
	vertical-align: top;
	border: 1px #DDDDDD solid;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: 0;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
}
#footerUtility .searchArea dt input:focus {
	background: #dcdddd;
}

#footerUtility .searchArea dd {
	position: absolute;
	right: 0px;
}
#footerUtility .searchArea dd input {
	vertical-align: top;
}


/* copyright
----------------------------------- */
#siteFooter #copyright {
	padding: 10px 0;
	background-repeat: repeat;
	background-position: 0 0;
	text-align: center;
}





/* //////////////////////////////////////////////////
[Module]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */
.btnBox, .linkText {
    position: relative;
    z-index: 1;
}

.btnBoxShowGallery {
	text-align: center;
	margin-bottom: 10px;
}


/* heading
-------------------------------------------------- */
.ttlA {
	margin: 0 0 25px;
	padding: 25px 0 0;
}

.ttlB {
	margin: 0 0 25px;
}

.ttlC {
	padding: 0 0 0 30px;
	background: url(/img/common/ico_mark_02.png) no-repeat 0 0.5em;
	color: #373c38;
	font-size: 114%;
	font-weight: bold;
	margin-bottom: 15px;
}

.ttlD {
	margin: 0 0 15px;
	padding: 0 0 5px;
	border-bottom: 1px #919596 dotted;
	color: #373c38;
	font-weight: bold;
}




/* text
-------------------------------------------------- */
.lead {
	margin: 0 0 15px;
}
.leadB {
	margin: 15px 0 0;
}

.attention {
	color: #CB4042;
}

.note {
	padding: 0 2px;
	font-size: 85%;
	font-weight: bold;
}

#main .fontL { font-size: 114%; }
#main .fontS { font-size: 85%; }

.viewMore {
	text-align: right;
}


/* date color
-------------------------------------------------- */
.sat { color: #4C6CB3 !important; }
.sun, .holiday { color: #CB4042 !important; }



/* margin
-------------------------------------------------- */
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mt15 { margin-top: 15px; }


/* infoCategory
-------------------------------------------------- */
.infoCategory {
	font-size: 71%;
}

.infoCategory a {
	display: inline-block;
	padding: 4px 5px;
	color: #FFF;
	border-radius: 2px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	text-decoration: none;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.infoCategory .info     { background: #3c5d94; }
.infoCategory .event    { background: #f1c015; }
.infoCategory .treasure { background: #24a6c1; }
.infoCategory .history  { background: #b6690e; }
.infoCategory .nature   { background: #5f8c3e; }
.infoCategory .art      { background: #d35048; }
.infoCategory .other    { background: #666666; }



/* link
-------------------------------------------------- */
.al_r {
    text-align: right;
    background: none;
    padding-left: 0;
}
.linkArrow {
	padding-left: 18px;
	background: url(/img/common/ico_arrow_01.png) no-repeat 3px 0.5em;
}
.linkArrowPrev {
	padding-left: 18px;
	background: url(/img/common/ico_arrow_02.png) no-repeat 3px 0.45em;
}
.linkIcon {
	padding-left: 18px;
	background: url(/img/common/ico_mark_01.png) no-repeat 0 6px;
}

.linkPdf {
	display: inline-block;
	padding-right: 18px;
	background: url(/img/common/ico_pdf_01.png) no-repeat 100% 0.1em;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.linkExternal {
	padding-left: 19px;
	background: url(/img/common/ico_blank_01.png) no-repeat 0 0.25em;
}

.linkMap {
	padding-left: 17px;
	background: url(/img/common/ico_map_01.png) no-repeat 0 0.2em;
}


/* list
-------------------------------------------------- */
/* ----- CommentLevel 04 ----- */
.listCommon { line-height: 1.5; }

.listCommon li {
	margin-bottom: 5px;
	padding-left: 18px;
	background: url(/img/common/ico_list_01.png) no-repeat 2px 7px;
}

/* ----- listNote ----- */
.listNote { font-size: 85%;	}

.listNote .note {
	padding-right: 5px;
	font-size: 100%;
}

/* ----- listInfo ----- */
.listInfo {}

.listInfo dt {
	position:relative;
	margin-bottom: 8px
}

.listInfo dd {
	position: relative;
	margin-bottom: 10px;
	padding: 0 0 15px;
	border-bottom: 1px #999999 dotted;
}

.listInfo .title {
	padding: 0 5em 0 25px;
	background: url(/img/common/ico_mark_03.png) no-repeat 0 0.1em;
	font-weight: bold;
	min-height: 15px;
	line-height: 1.5
}

.listInfo .infoCategory {
	position: absolute;
	top: 0;
	right: 0;
}


.listInfo .infoSummary {
	padding: 5px 0 0;
}

.listInfo .infoSummary .media {
	float: left;
	width: 145px;
}

.listInfo .infoSummary .txt {
	display: table-cell;
	vertical-align: top;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}


/* line
-------------------------------------------------- */

/* ----- blockLine ----- */
/* ロードが完了していないときのため */
.layoutA .blockLine {
	width: 661px;
	margin: 0 auto;
	padding: 1px 23px 15px 30px;
	background-repeat: repeat-y;
	background-position: 0 0;
}

.layoutB .blockLine {
	width: 876px;
	margin: 0 16px 0 auto;
	/*padding: 15px 25px 15px 30px;*/
	padding: 1px 25px 15px 30px;
	background-repeat: repeat-y;
	background-position: 0 0;
}

/* ----- blockLineL ----- */
.layoutA .blockLineL {
	width: 661px;
	margin: 0 auto;
	padding: 1px 23px 15px 30px;
	background-repeat: repeat-y;
	background-position: 0 0;
}

.layoutB .blockLineL {
	width: 876px;
	margin: 0 16px 0 auto;
	/*padding: 15px 25px 15px 30px;*/
	padding: 1px 25px 15px 30px;
	background-repeat: repeat-y;
	background-position: 0 0;
}

/* ----- blockLineR ----- */
.layoutA .blockLineR {
	width: 661px;
	margin: 0 auto;
	/*padding: 25px 26px 25px 27px;*/
	padding: 1px 26px 25px 27px;
	background-repeat: repeat-y;
	background-position: 100% 0;
}

.layoutB .blockLineR {
	width: 876px;
	margin: 0 13px 0 auto;
	/*padding: 25px 25px 25px 30px;*/
	padding: 1px 25px 25px 30px;
	background-repeat: repeat-y;
	background-position: 100% 0;
}

/* ----- lineLtoR ----- */
.layoutA .lineLtoR,
.layoutB .lineLtoR {
	height: 60px;
	background-repeat: no-repeat;
	background-position: 15px 0;
}

/* ----- lineRtoL ----- */
.layoutA .lineRtoL,
.layoutB .lineRtoL {
	height: 60px;
	background-repeat: no-repeat;
	background-position: 15px 0;
}
.layoutA .lineRtoL.unitAnchor,
.layoutB .lineRtoL.unitAnchor {
    background-position: 15px 100px;
}

/* ----- illust ----- */
.layoutA .lineRtoL.illustA,
.layoutA .lineRtoL.illustB,
.layoutA .lineRtoL.illustB2,
.layoutA .lineRtoL.illustC,
.layoutA .lineRtoL.illustC2,
.layoutA .lineRtoL.illustC3,
.layoutA .lineRtoL.illustD,
.layoutA .lineRtoL.illustE,
.layoutA .lineRtoL.illustF,
.layoutA .lineRtoL.illustX,

.layoutA .lineLtoR.illustA,
.layoutA .lineLtoR.illustB,
.layoutA .lineLtoR.illustB2,
.layoutA .lineLtoR.illustC,
.layoutA .lineLtoR.illustC2,
.layoutA .lineLtoR.illustC3,
.layoutA .lineLtoR.illustD,
.layoutB .lineLtoR.illustD,
.layoutA .lineLtoR.illustE,
.layoutA .lineLtoR.illustF,
.layoutA .lineLtoR.illustX {
	height: 120px;
}
.layoutA .lineRtoL.illustX {
	height: 120px;
}


/* unitAnchor
-------------------------------------------------- */
.unitAnchor {
	padding-top: 100px;
	margin-top: -100px;
}


/* topicPath
-------------------------------------------------- */
#topicPath {
	margin: 30px 0 0;
	padding: 10px 0 0;
	border-top: 1px dotted #DDDDDD;
	font-size: 75%;
}

#topicPath li {
	float: left;
	padding-right: 5px;
	line-height: 1.5;
}

#topicPath li a {
	padding-right: 10px;
	background: url(/img/common/ico_topicpath_01.png) no-repeat 100% 50%;
	color: #373C38;
}


/* unitColumn2,unitColumn3,unitColumn4
-------------------------------------------------- */
.unitColumn2,
.unitColumn3,
.unitColumn4,
.unitColumn5 {
	margin: 0 0 15px;
}

.layoutA .unitColumn2,
.layoutA .unitColumn3,
.layoutA .unitColumn4 {
	width: 680px;
}

.layoutB .unitColumn2,
.layoutB .unitColumn3,
.layoutB .unitColumn4,
.layoutB .unitColumn5 {
	width: 895px;
}

.layoutA .unitColumn2 .column,
.layoutA .unitColumn3 .column,
.layoutA .unitColumn4 .column,
.layoutB .unitColumn2 .column,
.layoutB .unitColumn3 .column,
.layoutB .unitColumn4 .column,
.layoutB .unitColumn5 .column {
	float: left;
	margin-right: 15px;
}

.column .photo,
.unitRecommend .lead {
	margin-bottom: 5px;
}
.unitRecommend .lead,
.unitRecommend .linkArrow {
	font-size: 86%;
}
.column .linkIcon {
}

/* unitColumn2 */
.layoutA .unitColumn2 .column {
	width: 325px;
}
.layoutB .unitColumn2 .column {
	width: 432px;
}

/* unitColumn3 */
.layoutA .unitColumn3 .column {
	width: 210px;
}
.layoutB .unitColumn3 .column {
	width: 283px;
}

/* unitColumn4 */
.layoutA .unitColumn4 .column {
	width: 155px;
}
.layoutB .unitColumn4 .column {
	width: 208px;
}

/* unitColumn5 */
.layoutB .unitColumn5 .column {
	width: 163px;
}



/* Media Box
-------------------------------------------------- */
.boxMedia {
	*zoom: 1;
}
.boxMedia .unitMediaR {
	float: right;
	margin-left: 15px;
}
.boxMedia .unitMediaL {
	float: left;
	margin-right: 15px;
}
.boxMedia .media {
	margin-bottom: 20px;
}
.boxMedia .unitTxt {
	margin-bottom: -30px;
	overflow: hidden;
	*zoom: 1;
}
.boxMedia .unitTxt p {
	margin-bottom: 20px;
}

/* without caption: use div */
.boxMedia .unitMediaR,
.boxMedia .unitMediaL {
	display: table;
	width: auto;
}


/* caption */
.boxMedia .unitMediaR .caption,
.boxMedia .unitMediaL .caption {
	width: 210px;
	margin: -10px 0 0;
	color: #666;
	font-size: 85%;
	line-height: 1.2;
}

.unitColumn3 .caption,
.unitColumn4 .caption,
.unitColumn5 .caption {
	padding:6px 0;
	color: #666;
	font-size: 100%;
	line-height: 1.2;
	clear:both;
}

.caption--mini {
	font-size: 75%;
}
/* blockNavContents
-------------------------------------------------- */
.unitNavPages {
	margin: 0 0 20px;
	padding: 10px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.layoutA .unitNavPages {
	background-image: url(/img/common/bg_navcontlocal_01_top.png);
}
.layoutB .unitNavPages {
	background-image: url(/img/common/bg_navcontlocal_02_top.png);
}
.innerNavPages {
	padding: 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.layoutA .innerNavPages {
	background-image: url(/img/common/bg_navcontlocal_01_btm.png);
}
.layoutB .innerNavPages {
	background-image: url(/img/common/bg_navcontlocal_02_btm.png);
}
.unitNavPages ul {
	margin: 0 auto;
	text-align: center;
}
.unitNavPages li {
	display: inline-block;
	margin: 0 7px 0;
	padding: 0 0 0 20px;
	background: url(/img/common/ico_mark_01.png) no-repeat 0 0.55em;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.unitNavPages li a {
    line-height: 2 !important;
}

/* unitWaka
-------------------------------------------------- */
.unitWaka {
	margin: 0 0 30px;
}

.unitWaka dt {
	text-align: center;
	font-weight: bold;
}
.unitWaka dd {
	margin-top: 15px;
}


/* boxWaka01
-------------------------------------------------- */
.boxWaka01 {
	border: 1px #b1b479 solid;
	margin: 0 0 20px;
	padding: 15px;
}

/* boxRecommend
-------------------------------------------------- */
.boxRecommend {
	margin: 0 0 20px;
	padding: 5px 15px;
	background-color: #f3f3f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	text-align: right;
}

.boxRecommend p.linkIcon {
	display: inline-block;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}

/* boxContact
-------------------------------------------------- */
.boxContact {
	margin-bottom: 20px;
	font-size: 83%;
	background: url(/img/common/bg_contact_01_top.png) no-repeat 0 0;
    padding-top: 6px;
}

.boxContactInner {
	padding: 3px 0;
	background: url(/img/common/bg_commonbox_01_btm.png) no-repeat 0 100%;
}

.layoutA .boxMedia .boxContact {
	background: url(/img/common/bg_commonbox_03_btm.png) no-repeat 0 100%;
}

.layoutA .boxMedia .boxContactInner {
	background: url(/img/common/bg_contact_02_top.png) no-repeat 0 0;
}

.boxContact table {
	min-height: 30px;
    margin-top: -6px;
}

.boxContact th,
.boxContact td {
	padding: 8px 15px;
}
.boxContact th {
	width: 78px;
	border-right: 1px #B1B479 solid;
	font-weight: bold;
	text-align: center;
}
.layoutA .boxContact td {
	width: 520px;
}
.layoutA .boxMedia .boxContact td {
	width: inherit;
}
.layoutB .boxContact td {
	width: 735px;
}
.boxContact dl,
.boxContact dl dt,
.boxContact dl dd {
	display: inline;
}
.boxContact td dl dt {
	font-weight: bold;
}



/* unitBoxCommon
-------------------------------------------------- */
.unitBoxCommon {
	margin: 0 0 20px;
	padding: 10px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.layoutA .unitBoxCommon {
	background-image: url(/img/common/bg_commonbox_01_top.png);
}
.layoutB .unitBoxCommon {
	background-image: url(/img/common/bg_commonbox_02_top.png);
}
.layoutA .unitTxt .unitBoxCommon {
	background-image: url(/img/common/bg_commonbox_03_top.png);
}
.unitBoxCommon.contact dt,
.unitBoxCommon.contact dd {
	display: inline;

}
.unitBoxCommon.contact dt {
	font-weight: bold;

}
.innerBoxCommon {
	padding: 5px 15px 15px;
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.layoutA .innerBoxCommon {
	background-image: url(/img/common/bg_commonbox_01_btm.png);
}
.layoutB .innerBoxCommon {
	background-image: url(/img/common/bg_commonbox_02_btm.png);
}
.layoutA .unitTxt .innerBoxCommon {
	background-image: url(/img/common/bg_commonbox_03_btm.png);
}

/* unitBalloonCommon
-------------------------------------------------- */
.unitBalloonCommon {
	width: 810px;
	padding: 30px 0 0;
	background-image: url(/img/common/bg_balloon_01_top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.innerBalloonCommon {
	padding: 0 20px 10px;
	background-image: url(/img/common/bg_balloon_01_btm.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

/* tblCommon
-------------------------------------------------- */
.tblCommon {
	width: auto;
	border: 1px #dcdddd solid;
	margin: 0 0 20px;
	background-color: #FFF;
}
.tblCommon th,
.tblCommon td {
	border-bottom: 1px #dcdddd dotted;
	padding: 10px 15px;
}
.tblCommon td {
	border-right: 1px #dcdddd dotted;
}
.tblCommon th {
	background-color: #f3f3f2;
	text-align: center;
}
.tblCommon thead th {
	font-weight: bold;
	background: none;
	border-right: 1px #dcdddd dotted;
}
.tblCommon thead th.bgg {
	background-color: #f3f3f2;
	border-right: none;
}

/* width
-------------------------------------------------- */
.w100 { width: 100%; }

/* pager
-------------------------------------------------- */
.pager {
	margin: 0 0 20px;
}

.pager ul {
	text-align: center;
}

.pager li {
	display: inline;
}

.pager a {
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #999;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	line-height: 1;
}
.pager a:hover {
	border-color: #268785;
	background-color: #268785;
	color: #FFFFFF;
}

.pager span {
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid transparent;
	font-weight: bold;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	line-height: 1;
}


/* --------------------------------------------------
	2. Sub Module
-------------------------------------------------- */

/* blockSubCalendar
-------------------------------------------------- */
#sub #blockSubCalendar {
	margin: 0 0 20px;
	padding: 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 100%;
}

#sub #blockSubCalendar h2 {
	position: relative;
	height: 20px;
	padding: 21px 0 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
}

#sub #blockSubCalendar .viewMore {
	margin-top: 8px;
	text-align: center;
}

/* ----- calendar ----- */
#sub #calendar {
	padding: 8px 0 0;
	background-repeat: repeat-y;
	background-position: 0 0;
}

#sub #calendar dl {
	margin: 0 5px 0;
	padding: 0 10px 3px 10px;
	background: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

#sub #calendar dt {
	padding: 10px 0 0;
	background: url(/img/common/line_dot_01.png) no-repeat 0 0;
	color: #919596;
	font-size: 83%;
	font-weight: bold;
}
#sub #calendar dt:first-child {
	background: none;
}

#sub #calendar dd {
	padding: 0 0 5px;
	color: #373c38;

	font-size:116%;
}
#sub #calendar dd a{
	display:block;
}




/* blockSubBnr
-------------------------------------------------- */
#sub .blockSubBnr {
	margin: 0 0 20px;
}

#sub .blockSubBnr li {
	margin: 0 0 10px;
}

/* blockSubBnr2
-------------------------------------------------- */
#sub .blockSubBnr2 {
	margin: 23px 0 20px;
}

#sub .blockSubBnr2 li {
	margin: 0 0 10px;
}


/* blockSubInfo
-------------------------------------------------- */
#sub .blockSubInfo {
	margin: 20px 0 0;
	padding: 0 0 10px;
	background: #ffffff;
	border: 1px solid #b1b479;
}

#sub .blockSubInfo h3 {
	margin: 0;
}

#sub .blockSubInfo dl {
	margin: 0 14px;
	padding: 10px 0 0;
}

#sub .blockSubInfo dt {
	margin: 0 0 3px;
	color: #919596;
	font-size: 83%;
	font-weight: bold;
}

#sub .blockSubInfo dt a {
	display: inline-block;
	padding: 3px 4px;
	color: #FFF;
	border-radius: 2px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	text-decoration: none;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}
#sub .blockSubInfo .info     { background: #3c5d94; }
#sub .blockSubInfo .event    { background: #f1c015; }
#sub .blockSubInfo .treasure { background: #24a6c1; }
#sub .blockSubInfo .history  { background: #b6690e; }
#sub .blockSubInfo .nature   { background: #5f8c3e; }
#sub .blockSubInfo .art      { background: #d35048; }
#sub .blockSubInfo .other    { background: #666666; }

#sub .blockSubInfo dd {
	margin: 0 0 10px;
	padding: 0 0 6px;
	background: url(/img/common/line_dot_01.png) no-repeat 0 100%;
	font-size:116%;
}

#sub .blockSubInfo dd a{
	display:block;
}

#sub .blockSubInfo .viewMore {
	text-align: center;

}

/* SideBar
-------------------------------------------------- */
.side {
	position: fixed;
	width: 140px;
	left: 50%;
	margin-left: 480px;
	bottom: 240px;
	height: 180px;
}

.side .balloon,
.side .text {
	text-decoration: inherit;
}

.side .illust{
	position: absolute;
	left: -56px;
	bottom: 0px;

	background-image: url("/img/common/sidebar_illust.png");
	background-repeat: no-repeat;
	width: 90px;
	height: 86px;

	z-index: 1;
}

.side .balloon {
	position: absolute;
	left: 10px;
	bottom: 50px;

	background-image: url("/img/common/sidebar_balloon.png");
	background-repeat: no-repeat;
	width: 130px;
	height: 95px;

	display: none;
}

.side .balloon .text{
	display: table-cell;
	vertical-align: middle;
	height: 86px;

	padding-left: 20px;
	font-size: 10px;
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */
.tabNavi{
	/* need override */
	background:left top no-repeat;
}
.tabNavi{
	*zoom:1;
}
.tabNavi:after {
	clear:both;
	display:block;
	content:"";
}
.tabNavi.tabBody li,
.tabNavi .tabBody li{
	display:block;
	float:left;

	/* need override */
	background:no-repeat left top;
}
.tabNavi.tabBody li a,
.tabNavi .tabBody li a{
	display:block;
}
.tabNavi.tabBody li.current>a,
.tabNavi .tabBody li.current>a,
.tabNavi.tabBody li>a.current,
.tabNavi .tabBody li>a.current{
	/* need override */
	visibility:hidden;
}

.photoCopyright {
	font-size: 60%;
	line-height: 1!important;
	padding: 3px 0;
}

.loading .progress {
	z-index:1;
	opacity:1;
	/*filter:Alpha(opacity=100)*/;

	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
.progress {
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	background:#000;
	background:rgba(0,0,0,0.5);

	opacity:0;
	/*filter:Alpha(opacity=0)*/;

	-webkit-transition-duration:3.6s;
	-moz-transition-duration:3.6s;
	-o-transition-duration:3.6s;
	transition-duration:3.6s;
}
.progress img{
	position:relative;
}
.large .progress {
}
.large .progress img {
}

.lsp-4 {
	letter-spacing: -4px;
}

.lsp-8 {
	letter-spacing: -8px;
}

.flex-left {
	display: flex;
	justify-content: flex-end;
}

.modalWindow{
	z-index: -1;
}
.modalWindow.show{
	z-index: 100;
}
.dialog{
	z-index: -1;
}
.dialog.show{
	z-index: 999;
}

.btn { cursor: pointer; }

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
#msgNoscript {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
	/*filter:Alpha(opacity=70)*/;
}

/* gotoPageTop */
#gotoPageTop {
	position: fixed;
	right: 0;
	bottom: 16px;
	z-index: 10;
	-webkit-transition: bottom .1s ease-in-out;
	   -moz-transition: bottom .1s ease-in-out;
	    -ms-transition: bottom .1s ease-in-out;
	     -o-transition: bottom .1s ease-in-out;
	        transition: bottom .1s ease-in-out;
}

/* sideBar */
a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
.group { *zoom: 1; } /* for ie6/7 */
.group:after { content: ""; display: block; clear: both; }
.boxMedia.group { clear: both; }